@russss/maplibregl-layer-switcher 2.2.2 → 3.0.0

package/README.md

@@ -21,7 +21,7 @@ import { LayerSwitcher } from '@russss/maplibregl-layer-switcher'
 You can also import some basic styles:
 
 ```css
-@import '@russss/maplibregl-layer-switcher/layerswitcher.css';
+@import '@russss/maplibregl-layer-switcher/maplibregl-layer-switcher.css';
 ```
 
 Now define your layers. Each layer has a short identifier which will be used in the URL hash,
@@ -110,5 +110,4 @@ The URLHash object doesn't currently support tilt and rotation parameters.
 
 ## Development
 
-Vite can be used to test the library (using index.html and index.ts in the root directory) but isn't
-used to build the published version.
+Vite is used to build and test the library - to test, run `npm start` (which uses index.html and index.ts in the root directory).

package/dist/data.d.ts

@@ -0,0 +1,37 @@
+/**
+ * A layer in the layer switcher.
+ */
+export declare class Layer {
+    id: string;
+    prefix: string;
+    title: string;
+    groupId?: string;
+    enabled: boolean;
+    /**
+     * An item in the layer switcher.
+     *
+     * @param id alphanumeric identifier for the layer. This is included in the URL hash so should be as short
+     *            as possible. Must be unique among all layers, or an error will be thrown.
+     * @param title name of the layer as shown in the layer switcher.
+     * @param prefix prefix of the layer in the map style to match.
+     * @param groupId when group id is set the layer will be part of a radio button group.
+     * @param enabled whether the layer is enabled by default.
+     */
+    constructor(id: string, title: string, prefix: string, enabled?: boolean);
+    constructor(id: string, title: string, prefix: string, groupId: string, enabled?: boolean);
+}
+/**
+ * A group of layers shown in the layer switcher.
+ */
+export declare class LayerGroup {
+    layers: Layer[];
+    title: string;
+    /**
+     * A group of layers shown in the layer switcher.
+     *
+     * @param title name of the group to be shown.
+     * @param layers list of layers in the group.
+     */
+    constructor(title: string, layers: Layer[]);
+}
+//# sourceMappingURL=data.d.ts.map

package/dist/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../src/data.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,KAAK;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAQ;IAExB;;;;;;;;;OASG;gBACS,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO;gBAC5D,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO;CAa1F;AAED;;GAEG;AACH,qBAAa,UAAU;IACrB,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IAEb;;;;;OAKG;gBACS,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;CAI3C"}

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./layerswitcher-CezhM7p2.cjs");function t(e){let t=e.replace(`#`,``).split(`/`),n={additional:{}};if(t.length<3)return n;n.layers=``,n.zoom=+t[0],n.center=[+t[2],+t[1]];for(let e=3;e<t.length;e++){let r=t[e],i=r.match(/^(\w+)=(.*)$/);i?(n.additional=n.additional||{},n.additional[i[1]]=i[2]):n.layers=r}return n}function n(e){if(!e.zoom||!e.center)return``;let t=Math.round(e.zoom*100)/100,n=10**Math.ceil((t*Math.LN2+Math.log(512/360/.5))/Math.LN10),r=Math.round(e.center[0]*n)/n,i=`#${t}/${Math.round(e.center[1]*n)/n}/${r}`;if(e.layers&&(i+=`/`+e.layers),e.additional)for(let t in e.additional)i+=`/`+t+`=`+e.additional[t];return i}var r=class{constructor(e){this.layerSwitcher=e,this.additional={},this.handlers={}}enable(e){this._map=e,this.layerSwitcher.urlhash=this,this._onHashChange(window.location.hash),e.on(`moveend`,()=>{this._updateHash()}),window.addEventListener(`hashchange`,()=>{this._onHashChange(window.location.hash)},!1)}registerHandler(e,t){this.handlers[e]=t}setParameter(e,t){this.additional[e]!==t&&(t===null?delete this.additional[e]:this.additional[e]=t,this._updateHash())}_fireParameterChange(e,t){this.handlers[e]&&this.handlers[e](t)}_onHashChange(e){let n=t(e),r=[...Object.keys(n.additional),...Object.keys(this.additional)];for(let e of r)this.additional[e]&&!n.additional[e]?(delete this.additional[e],this._fireParameterChange(e,null)):n.additional[e]&&this.additional[e]!==n.additional[e]&&(this.additional[e]=n.additional[e],this._fireParameterChange(e,n.additional[e]));this._map?.isStyleLoaded()&&n.center&&n.zoom&&this._map.jumpTo({center:n.center,zoom:n.zoom}),this.layerSwitcher&&n.layers!==void 0&&this.layerSwitcher.setURLString(n.layers)}_updateHash(){let e=this.getHashString();try{window.history.replaceState(window.history.state,``,e)}catch(e){console.log(e)}}getHashString(){if(!this._map)throw Error(`getHashString called before map initialised`);let{lng:e,lat:t}=this._map.getCenter(),r={center:[e,t],zoom:this._map.getZoom(),additional:this.additional};return this.layerSwitcher&&(r.layers=this.layerSwitcher.getURLString()),n(r)}init(e){e.hash=!1;let t=window.location.hash.replace(`#`,``).split(`/`);return t.length>=3&&(e.center=[+t[2],+t[1]],e.zoom=+t[0]),e}};exports.Layer=e.n,exports.LayerGroup=e.r,exports.LayerSwitcher=e.t,exports.URLHash=r;

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { default as LayerSwitcher } from './layerswitcher';
+import { default as URLHash } from './urlhash';
+import { Layer, LayerGroup } from './data';
+export { LayerSwitcher, URLHash, Layer, LayerGroup };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,CAAA"}

package/dist/index.js

@@ -0,0 +1,71 @@
+import { n as e, r as t, t as n } from "./layerswitcher-B7ForKVG.js";
+//#region src/urlhash.ts
+function r(e) {
+	let t = e.replace("#", "").split("/"), n = { additional: {} };
+	if (t.length < 3) return n;
+	n.layers = "", n.zoom = +t[0], n.center = [+t[2], +t[1]];
+	for (let e = 3; e < t.length; e++) {
+		let r = t[e], i = r.match(/^(\w+)=(.*)$/);
+		i ? (n.additional = n.additional || {}, n.additional[i[1]] = i[2]) : n.layers = r;
+	}
+	return n;
+}
+function i(e) {
+	if (!e.zoom || !e.center) return "";
+	let t = Math.round(e.zoom * 100) / 100, n = 10 ** Math.ceil((t * Math.LN2 + Math.log(512 / 360 / .5)) / Math.LN10), r = Math.round(e.center[0] * n) / n, i = `#${t}/${Math.round(e.center[1] * n) / n}/${r}`;
+	if (e.layers && (i += "/" + e.layers), e.additional) for (let t in e.additional) i += "/" + t + "=" + e.additional[t];
+	return i;
+}
+var a = class {
+	constructor(e) {
+		this.layerSwitcher = e, this.additional = {}, this.handlers = {};
+	}
+	enable(e) {
+		this._map = e, this.layerSwitcher.urlhash = this, this._onHashChange(window.location.hash), e.on("moveend", () => {
+			this._updateHash();
+		}), window.addEventListener("hashchange", () => {
+			this._onHashChange(window.location.hash);
+		}, !1);
+	}
+	registerHandler(e, t) {
+		this.handlers[e] = t;
+	}
+	setParameter(e, t) {
+		this.additional[e] !== t && (t === null ? delete this.additional[e] : this.additional[e] = t, this._updateHash());
+	}
+	_fireParameterChange(e, t) {
+		this.handlers[e] && this.handlers[e](t);
+	}
+	_onHashChange(e) {
+		let t = r(e), n = [...Object.keys(t.additional), ...Object.keys(this.additional)];
+		for (let e of n) this.additional[e] && !t.additional[e] ? (delete this.additional[e], this._fireParameterChange(e, null)) : t.additional[e] && this.additional[e] !== t.additional[e] && (this.additional[e] = t.additional[e], this._fireParameterChange(e, t.additional[e]));
+		this._map?.isStyleLoaded() && t.center && t.zoom && this._map.jumpTo({
+			center: t.center,
+			zoom: t.zoom
+		}), this.layerSwitcher && t.layers !== void 0 && this.layerSwitcher.setURLString(t.layers);
+	}
+	_updateHash() {
+		let e = this.getHashString();
+		try {
+			window.history.replaceState(window.history.state, "", e);
+		} catch (e) {
+			console.log(e);
+		}
+	}
+	getHashString() {
+		if (!this._map) throw Error("getHashString called before map initialised");
+		let { lng: e, lat: t } = this._map.getCenter(), n = {
+			center: [e, t],
+			zoom: this._map.getZoom(),
+			additional: this.additional
+		};
+		return this.layerSwitcher && (n.layers = this.layerSwitcher.getURLString()), i(n);
+	}
+	init(e) {
+		e.hash = !1;
+		let t = window.location.hash.replace("#", "").split("/");
+		return t.length >= 3 && (e.center = [+t[2], +t[1]], e.zoom = +t[0]), e;
+	}
+};
+//#endregion
+export { e as Layer, t as LayerGroup, n as LayerSwitcher, a as URLHash };