`;
mapContainer.appendChild(panel);
const showButton = document.createElement('button');
showButton.type = 'button';
showButton.className = 'range-rings-show-button';
showButton.textContent = 'RR';
showButton.title = 'Show Range Rings panel';
showButton.setAttribute('aria-label', 'Show Range Rings panel');
mapContainer.appendChild(showButton);
L.DomEvent.disableClickPropagation(panel);
L.DomEvent.disableScrollPropagation(panel);
rr.state.panel = panel;
rr.state.panelBody = panel.querySelector('.range-rings-body');
rr.state.showButton = showButton;
const header = panel.querySelector('.range-rings-header');
const collapseButton = panel.querySelector('.range-rings-collapse');
const hideButton = panel.querySelector('.range-rings-hide');
const setSelect = panel.querySelector('.range-rings-set-select');
const newSetButton = panel.querySelector('.range-rings-new-set');
const deleteSetButton = panel.querySelector('.range-rings-delete-set');
const spacingInput = panel.querySelector('.range-rings-spacing');
const countInput = panel.querySelector('.range-rings-count');
const colorInput = panel.querySelector('.range-rings-color');
const weightInput = panel.querySelector('.range-rings-weight');
const styleInput = panel.querySelector('.range-rings-style');
const useCenterButton = panel.querySelector('.range-rings-use-center');
[
header,
collapseButton,
hideButton,
setSelect,
newSetButton,
deleteSetButton,
spacingInput,
countInput,
colorInput,
weightInput,
styleInput,
useCenterButton
].forEach(function (el) {
if (!el) return;
L.DomEvent.on(el, 'mousedown touchstart pointerdown wheel', function (event) {
L.DomEvent.stopPropagation(event);
});
});
L.DomEvent.on(showButton, 'mousedown touchstart pointerdown wheel', function (event) {
L.DomEvent.stopPropagation(event);
});
collapseButton.addEventListener('click', function (event) {
event.stopPropagation();
rr.ui.togglePanelCollapsed();
});
hideButton.addEventListener('click', function (event) {
event.stopPropagation();
rr.ui.togglePanelVisible();
});
showButton.addEventListener('click', function (event) {
event.stopPropagation();
if (rr.defaults.panelVisible === false) {
rr.defaults.panelVisible = true;
rr.storage.save();
rr.ui.syncPanel();
}
});
setSelect.addEventListener('change', function () {
rr.model.setActiveSet(setSelect.value);
});
newSetButton.addEventListener('click', function () {
rr.model.addSet();
});
deleteSetButton.addEventListener('click', function () {
rr.model.deleteActiveSet();
});
spacingInput.addEventListener('input', function () {
rr.actions.setSpacing(spacingInput.value);
});
spacingInput.addEventListener('change', function () {
rr.actions.setSpacing(spacingInput.value);
});
spacingInput.addEventListener('keydown', function (event) {
if (event.key === 'Enter') {
rr.actions.setSpacing(spacingInput.value);
}
});
countInput.addEventListener('input', function () {
rr.actions.setCircleCount(countInput.value);
});
colorInput.addEventListener('input', function () {
rr.actions.setColor(colorInput.value);
});
weightInput.addEventListener('change', function () {
rr.actions.setLineWeight(weightInput.value);
});
weightInput.addEventListener('keydown', function (event) {
if (event.key === 'Enter') {
rr.actions.setLineWeight(weightInput.value);
}
});
styleInput.addEventListener('change', function () {
rr.actions.setLineStyle(styleInput.value);
});
useCenterButton.addEventListener('click', function () {
rr.actions.centerOnMapCenter();
});
rr.interaction.makePanelDraggable(header, panel);
rr.ui.syncPanel();
};
rr.actions = {};
rr.actions.setSpacing = function (value) {
const activeSet = rr.model.ensureActiveSet();
activeSet.spacingMeters = rr.util.clampInteger(
value,
rr.constants.minSpacingMeters,
rr.constants.maxSpacingMeters,
activeSet.spacingMeters
);
rr.storage.save();
rr.render.applySpacingToSet(activeSet);
rr.ui.syncPanel();
};
rr.actions.setCircleCount = function (value) {
const activeSet = rr.model.ensureActiveSet();
activeSet.circleCount = rr.util.clampInteger(
value,
rr.constants.minCircleCount,
rr.constants.maxCircleCount,
activeSet.circleCount
);
rr.storage.save();
rr.render.syncCircleCount(activeSet);
rr.render.rebuildResizeHandles(activeSet);
rr.ui.syncPanel();
};
rr.actions.setColor = function (value) {
const activeSet = rr.model.ensureActiveSet();
if (!rr.util.isValidColor(value)) return;
activeSet.color = value;
rr.storage.save();
rr.render.updateSetStyle(activeSet);
rr.ui.syncPanel();
};
rr.actions.setLineWeight = function (value) {
const activeSet = rr.model.ensureActiveSet();
activeSet.lineWeight = rr.util.clampInteger(
value,
rr.constants.minLineWeight,
rr.constants.maxLineWeight,
activeSet.lineWeight
);
rr.storage.save();
rr.render.updateSetStyle(activeSet);
rr.ui.syncPanel();
};
rr.actions.setLineStyle = function (value) {
const activeSet = rr.model.ensureActiveSet();
if (!rr.util.isValidLineStyle(value)) return;
activeSet.lineStyle = value;
rr.storage.save();
rr.render.updateSetStyle(activeSet);
rr.ui.syncPanel();
};
rr.actions.centerOnMapCenter = function () {
const activeSet = rr.model.ensureActiveSet();
rr.model.setCenter(activeSet, window.map.getCenter());
};
rr.interaction = {};
rr.interaction.makePanelDraggable = function (handle, panel) {
let dragging = false;
let startMouseX = 0;
let startMouseY = 0;
let startLeft = 0;
let startTop = 0;
const onMouseMove = function (event) {
if (!dragging) return;
const newLeft = startLeft + (event.clientX - startMouseX);
const newTop = startTop + (event.clientY - startMouseY);
rr.defaults.panelPosition.left = Math.max(0, newLeft);
rr.defaults.panelPosition.top = Math.max(0, newTop);
panel.style.left = rr.defaults.panelPosition.left + 'px';
panel.style.top = rr.defaults.panelPosition.top + 'px';
};
const onMouseUp = function () {
if (!dragging) return;
dragging = false;
rr.storage.save();
document.removeEventListener('mousemove', onMouseMove, true);
document.removeEventListener('mouseup', onMouseUp, true);
};
handle.addEventListener('mousedown', function (event) {
if (event.button !== 0) return;
if (event.target.tagName === 'BUTTON') return;
dragging = true;
startMouseX = event.clientX;
startMouseY = event.clientY;
startLeft = rr.defaults.panelPosition.left;
startTop = rr.defaults.panelPosition.top;
document.addEventListener('mousemove', onMouseMove, true);
document.addEventListener('mouseup', onMouseUp, true);
event.preventDefault();
event.stopPropagation();
});
};
rr.interaction.onLayerAdd = function () {
rr.state.isLayerEnabled = true;
rr.ui.syncPanel();
rr.render.redrawAll();
};
rr.interaction.onLayerRemove = function () {
rr.state.isLayerEnabled = false;
rr.ui.hideAllPanelUi();
rr.render.clearAll();
};
rr.interaction.setupLayerTracking = function () {
window.map.on('layeradd', function (event) {
if (event.layer === rr.state.layerGroup) {
rr.interaction.onLayerAdd();
}
});
window.map.on('layerremove', function (event) {
if (event.layer === rr.state.layerGroup) {
rr.interaction.onLayerRemove();
}
});
};
rr.setup = function () {
rr.storage.load();
rr.model.ensureActiveSet();
rr.ui.injectStyles();
rr.state.defaultMarkerIcon = new L.Icon.Default();
rr.state.layerGroup = new L.LayerGroup();
rr.interaction.setupLayerTracking();
window.addLayerGroup(rr.constants.layerName, rr.state.layerGroup, true);
rr.ui.installPanel();
rr.state.isLayerEnabled = window.map.hasLayer(rr.state.layerGroup);
if (rr.state.isLayerEnabled) {
rr.render.redrawAll();
}
// window.bootPlugins.push(setup);
}
const setup = rr.setup;
setup.info = plugin_info; // add the script info data to the function as a property
if (!window.bootPlugins) window.bootPlugins = [];
window.bootPlugins.push(setup);
// if IITC has already booted, immediately run the setup function
if (window.iitcLoaded && typeof setup === 'function') setup();
} // wrapper end
// inject code into site context
var script = document.createElement('script');
var info = {};
if (typeof GM_info !== 'undefined' && GM_info && GM_info.script) {
info.script = {
version: GM_info.script.version,
name: GM_info.script.name,
description: GM_info.script.description
};
}
script.appendChild(document.createTextNode('(' + wrapper + ')(' + JSON.stringify(info) + ');'));
(document.body || document.head || document.documentElement).appendChild(script);