@basemaps/landing 6.27.0

package/build/components/map.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { GoogleTms } from '@basemaps/geo';
+import maplibre from 'maplibre-gl';
+import { Component } from 'preact';
+import { MapAttribution } from '../attribution.js';
+import { Config } from '../config.js';
+import { SplitIo } from '../split.js';
+import { getTileGrid, locationTransform } from '../tile.matrix.js';
+import { WindowUrl } from '../url.js';
+import { Debug } from './debug.js';
+import { MapSwitcher } from './map.switcher.js';
+export class Basemaps extends Component {
+    constructor() {
+        super(...arguments);
+        /** Ignore the location updates */
+        this.ignoreNextLocationUpdate = false;
+        this.updateLocation = () => {
+            if (this.ignoreNextLocationUpdate) {
+                this.ignoreNextLocationUpdate = false;
+                return;
+            }
+            const location = Config.map.location;
+            this.map.setZoom(location.zoom);
+            this.map.setCenter([location.lon, location.lat]);
+        };
+        this.updateBounds = (bounds) => {
+            if (Config.map.tileMatrix !== GoogleTms) {
+                // Transform bounds to current tileMatrix
+                const lngLatBounds = maplibre.LngLatBounds.convert(bounds);
+                const upperLeft = lngLatBounds.getNorthEast();
+                const lowerRight = lngLatBounds.getSouthWest();
+                const zoom = this.map.getZoom();
+                const upperLeftLocation = locationTransform({ lat: upperLeft.lat, lon: upperLeft.lng, zoom }, Config.map.tileMatrix, GoogleTms);
+                const lowerRightLocation = locationTransform({ lat: lowerRight.lat, lon: lowerRight.lng, zoom }, Config.map.tileMatrix, GoogleTms);
+                bounds = [
+                    [upperLeftLocation.lon, upperLeftLocation.lat],
+                    [lowerRightLocation.lon, lowerRightLocation.lat],
+                ];
+            }
+            this.map.fitBounds(bounds);
+        };
+        this.updateStyle = () => {
+            this.ensureGeoControl();
+            const tileGrid = getTileGrid(Config.map.tileMatrix.identifier);
+            const style = tileGrid.getStyle(Config.map.layerId, Config.map.style);
+            this.map.setStyle(style);
+            if (Config.map.tileMatrix !== GoogleTms)
+                this.map.setMaxBounds([-180, -85.06, 180, 85.06]);
+            else
+                this.map.setMaxBounds();
+            this.setState(this.state);
+        };
+        this._events = [];
+        this.updateUrlTimer = null;
+        this.onRender = () => {
+            if (this.updateUrlTimer != null)
+                return;
+            this.updateUrlTimer = setTimeout(() => this.setLocationUrl(), 1000);
+        };
+    }
+    /**
+     * Only show the geocontrol on GoogleTMS
+     * As it does not work with the projection logic we are currently using
+     */
+    ensureGeoControl() {
+        if (Config.map.debug['debug.screenshot'])
+            return;
+        if (Config.map.tileMatrix === GoogleTms) {
+            if (this.controlGeo != null)
+                return;
+            this.controlGeo = new maplibre.GeolocateControl({});
+            this.map.addControl(this.controlGeo, 'top-left');
+        }
+        else {
+            if (this.controlGeo == null)
+                return;
+            this.map.removeControl(this.controlGeo);
+        }
+    }
+    componentWillMount() {
+        this.setState({ isLayerSwitcherEnabled: false });
+    }
+    componentDidMount() {
+        // Force the URL to be read before loading the map
+        Config.map.updateFromUrl();
+        this.el = document.getElementById('map');
+        if (this.el == null)
+            throw new Error('Unable to find #map element');
+        const cfg = Config.map;
+        const tileGrid = getTileGrid(cfg.tileMatrix.identifier);
+        const style = tileGrid.getStyle(cfg.layerId, cfg.style);
+        const location = locationTransform(cfg.location, cfg.tileMatrix, GoogleTms);
+        this.map = new maplibre.Map({
+            container: this.el,
+            style,
+            center: [location.lon, location.lat],
+            zoom: location.zoom,
+            attributionControl: false,
+        });
+        this.mapAttr = new MapAttribution(this.map);
+        if (Config.map.debug['debug.screenshot'] !== true) {
+            const nav = new maplibre.NavigationControl({ visualizePitch: true });
+            this.map.addControl(nav, 'top-left');
+            this.map.addControl(new maplibre.FullscreenControl({ container: this.el }));
+        }
+        this.map.on('render', this.onRender);
+        this.map.on('load', () => {
+            this._events.push(Config.map.on('location', this.updateLocation), Config.map.on('tileMatrix', this.updateStyle), Config.map.on('layer', this.updateStyle), Config.map.on('bounds', this.updateBounds));
+            this.updateStyle();
+        });
+        SplitIo.getClient().then((f) => {
+            const isEnabled = (f === null || f === void 0 ? void 0 : f.getTreatment('layer-switcher-button')) === 'on';
+            this.setState({ isLayerSwitcherEnabled: isEnabled });
+        });
+    }
+    componentWillUnmount() {
+        if (this.map)
+            this.map.remove();
+        for (const unbind of this._events)
+            unbind();
+        this._events = [];
+    }
+    render() {
+        const isLayerSwitcherEnabled = this.state.isLayerSwitcherEnabled && Config.map.tileMatrix === GoogleTms && !Config.map.isDebug;
+        return (_jsxs("div", { style: { flex: 1, position: 'relative' }, children: [_jsx("div", { id: "map", style: { width: '100%', height: '100%' } }), Config.map.isDebug ? _jsx(Debug, { map: this.map }) : undefined, isLayerSwitcherEnabled ? _jsx(MapSwitcher, {}) : undefined] }));
+    }
+    /** Update the window.location with the current location information */
+    setLocationUrl() {
+        this.updateUrlTimer = null;
+        const location = Config.map.getLocation(this.map);
+        this.ignoreNextLocationUpdate = true;
+        Config.map.setLocation(location);
+        const path = WindowUrl.toHash(location);
+        window.history.replaceState(null, '', path);
+    }
+}

package/build/components/map.switcher.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="node" />
+import maplibre from 'maplibre-gl';
+import { Component, ComponentChild } from 'preact';
+export declare class MapSwitcher extends Component {
+    _events: (() => boolean)[];
+    map: maplibre.Map;
+    el: HTMLDivElement;
+    currentStyle: string;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    getStyleType(): {
+        layerId: string;
+        style?: string;
+    };
+    _updateTimer: NodeJS.Timer | null;
+    update: () => void;
+    updateMap: () => void;
+    switchLayer: () => void;
+    render(): ComponentChild;
+}
+//# sourceMappingURL=map.switcher.d.ts.map

package/build/components/map.switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.switcher.d.ts","sourceRoot":"","sources":["../../src/components/map.switcher.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAKnD,qBAAa,WAAY,SAAQ,SAAS;IACxC,OAAO,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,CAAM;IAChC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC;IAClB,EAAE,EAAE,cAAc,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,iBAAiB,IAAI,IAAI;IAkCzB,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;IAKnD,YAAY,EAAE,MAAM,CAAC,KAAK,GAAG,IAAI,CAAQ;IACzC,MAAM,QAAO,IAAI,CAGf;IAEF,SAAS,QAAO,IAAI,CAelB;IAEF,WAAW,QAAO,IAAI,CAKpB;IAEF,MAAM,IAAI,cAAc;CAQzB"}

package/build/components/map.switcher.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+import maplibre from 'maplibre-gl';
+import { Component } from 'preact';
+import { Config } from '../config.js';
+import { MapConfig } from '../config.map.js';
+import { getTileGrid } from '../tile.matrix.js';
+export class MapSwitcher extends Component {
+    constructor() {
+        super(...arguments);
+        this._events = [];
+        this._updateTimer = null;
+        this.update = () => {
+            if (this._updateTimer != null)
+                return;
+            this._updateTimer = setTimeout(this.updateMap, 1000);
+        };
+        this.updateMap = () => {
+            this._updateTimer = null;
+            const location = Config.map.transformedLocation;
+            const target = this.getStyleType();
+            const styleId = `${target.layerId}::${target.style}`;
+            if (this.currentStyle !== styleId) {
+                const tileGrid = getTileGrid(Config.map.tileMatrix.identifier);
+                const style = tileGrid.getStyle(target.layerId, target.style);
+                this.currentStyle = styleId;
+                this.map.setStyle(style);
+            }
+            this.map.setZoom(Math.max(location.zoom - 4, 0));
+            this.map.setCenter([location.lon, location.lat]);
+            this.setState(this.state);
+        };
+        this.switchLayer = () => {
+            const target = this.getStyleType();
+            Config.map.setLayerId(target.layerId, target.style);
+            this.updateMap();
+            window.history.pushState(null, '', `?${MapConfig.toUrl(Config.map)}`);
+        };
+    }
+    componentDidMount() {
+        // Force the URL to be read before loading the map
+        Config.map.updateFromUrl();
+        this.el = document.getElementById('map-switcher-map');
+        if (this.el == null)
+            return;
+        const cfg = Config.map;
+        const tileGrid = getTileGrid(cfg.tileMatrix.identifier);
+        const target = this.getStyleType();
+        this.currentStyle = `${target.layerId}::${target.style}`;
+        const style = tileGrid.getStyle(target.layerId, target.style);
+        const location = cfg.transformedLocation;
+        this.map = new maplibre.Map({
+            container: this.el,
+            style,
+            center: [location.lon, location.lat],
+            zoom: location.zoom,
+            attributionControl: false,
+        });
+        this.map.on('load', () => {
+            this._events.push(Config.map.on('location', this.update), Config.map.on('tileMatrix', this.update), Config.map.on('layer', this.update), Config.map.on('bounds', this.update));
+            this.updateMap();
+        });
+    }
+    componentWillUnmount() {
+        if (this.map)
+            this.map.remove();
+        for (const e of this._events)
+            e();
+    }
+    getStyleType() {
+        if (Config.map.layerId !== 'aerial')
+            return { layerId: 'aerial' };
+        return { layerId: 'topographic', style: 'topographic' };
+    }
+    render() {
+        const layerTitle = `Switch map to ${this.getStyleType().layerId}`;
+        return (_jsx("div", { id: "map-switcher", class: "map-switcher", onClick: this.switchLayer, title: layerTitle, children: _jsx("div", { id: "map-switcher-map", style: { width: '100%', height: '100%', pointerEvents: 'none' } }) }));
+    }
+}

package/build/config.d.ts

@@ -0,0 +1,15 @@
+import { MapConfig } from './config.map.js';
+export declare const Config: {
+    readonly BaseUrl: string;
+    readonly ApiKey: string;
+    readonly GoogleAnalytics: string;
+    readonly Version: string;
+    readonly SplitApiKey: string;
+    map: MapConfig;
+};
+export declare const enum GaEvent {
+    TileTiming = "TileTiming",
+    Ui = "Ui"
+}
+export declare function gaEvent(category: GaEvent, action: string, value?: number): void;
+//# sourceMappingURL=config.d.ts.map

package/build/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,eAAO,MAAM,MAAM;;;;;;;CAiBlB,CAAC;AAgBF,0BAAkB,OAAO;IACvB,UAAU,eAAe;IACzB,EAAE,OAAO;CACV;AAED,wBAAgB,OAAO,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAG/E"}

package/build/config.debug.d.ts

@@ -0,0 +1,22 @@
+export interface DebugState {
+    debug: boolean;
+    /** What color should the background be */
+    'debug.background': string | false;
+    /** Should the source tiles */
+    'debug.source': boolean;
+    /** Should things be hidden to make a better screenshot */
+    'debug.screenshot': boolean;
+    /** What opacity is the aerial layer, 0 is off */
+    'debug.layer.linz-aerial': number;
+    /** What opacity is the topographic layer, 0 is off */
+    'debug.layer.linz-topographic': number;
+    /** What opacity is the open streetmap layer, 0 is off*/
+    'debug.layer.osm': number;
+}
+export declare const DebugDefaults: DebugState;
+export declare class ConfigDebug {
+    static toUrl(opt: DebugState, url: URLSearchParams): void;
+    static fromUrl(opt: DebugState, url: URLSearchParams): boolean;
+}
+export declare type DebugKeysNumber = keyof DebugState;
+//# sourceMappingURL=config.debug.d.ts.map

package/build/config.debug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.debug.d.ts","sourceRoot":"","sources":["../src/config.debug.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,kBAAkB,EAAE,MAAM,GAAG,KAAK,CAAC;IACnC,8BAA8B;IAC9B,cAAc,EAAE,OAAO,CAAC;IACxB,0DAA0D;IAC1D,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iDAAiD;IACjD,yBAAyB,EAAE,MAAM,CAAC;IAClC,sDAAsD;IACtD,8BAA8B,EAAE,MAAM,CAAC;IACvC,wDAAwD;IACxD,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,UAQ3B,CAAC;AAEF,qBAAa,WAAW;IACtB,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,eAAe,GAAG,IAAI;IAYzD,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,eAAe,GAAG,OAAO;CAoB/D;AAgBD,oBAAY,eAAe,GAAG,MAAM,UAAU,CAAC"}

package/build/config.debug.js

@@ -0,0 +1,62 @@
+export const DebugDefaults = {
+    debug: false,
+    'debug.background': false,
+    'debug.source': false,
+    'debug.screenshot': false,
+    'debug.layer.linz-aerial': 0,
+    'debug.layer.linz-topographic': 0,
+    'debug.layer.osm': 0,
+};
+export class ConfigDebug {
+    static toUrl(opt, url) {
+        if (opt.debug !== true)
+            return;
+        url.append('debug', 'true');
+        for (const [key, value] of Object.entries(opt)) {
+            if (key === 'debug')
+                continue;
+            const defaultVal = DebugDefaults[key];
+            if (defaultVal === value)
+                continue;
+            url.append(key, String(value));
+        }
+    }
+    static fromUrl(opt, url) {
+        const isDebug = url.get('debug') != null;
+        let isChanged = false;
+        if (isDebug === false) {
+            // Debug is off reset to default
+            for (const [key, value] of Object.entries(DebugDefaults)) {
+                isChanged = setKey(opt, key, value) || isChanged;
+            }
+            return isChanged;
+        }
+        isChanged = setKey(opt, 'debug', true);
+        isChanged = setKey(opt, 'debug.background', url.get('debug.background')) || isChanged;
+        isChanged = setKey(opt, 'debug.source', url.get('debug.source') != null) || isChanged;
+        isChanged = setKey(opt, 'debug.screenshot', url.get('debug.screenshot') != null) || isChanged;
+        isChanged = setNum(opt, 'debug.layer.linz-aerial', url.get('debug.layer.linz-aerial')) || isChanged;
+        isChanged = setNum(opt, 'debug.layer.linz-topographic', url.get('debug.layer.linz-topographic')) || isChanged;
+        isChanged = setNum(opt, 'debug.layer.osm', url.get('debug.layer.osm')) || isChanged;
+        return isChanged;
+    }
+}
+function toNum(val, defaultValue = 0) {
+    if (val == null)
+        return defaultValue;
+    const num = Number(val);
+    if (isNaN(num))
+        return defaultValue;
+    return num;
+}
+function setKey(opt, key, value) {
+    if (value == null)
+        value = DebugDefaults[key];
+    if (opt[key] === value)
+        return false;
+    opt[key] = value;
+    return true;
+}
+function setNum(opt, key, value) {
+    return setKey(opt, key, toNum(value));
+}

package/build/config.js

@@ -0,0 +1,43 @@
+import { getApiKey } from '@basemaps/shared/build/api.js';
+import { MapConfig } from './config.map.js';
+const currentApiKey = getApiKey();
+export const Config = {
+    get BaseUrl() {
+        var _a;
+        return (_a = process.env.TILE_HOST) !== null && _a !== void 0 ? _a : '';
+    },
+    get ApiKey() {
+        return currentApiKey;
+    },
+    get GoogleAnalytics() {
+        var _a;
+        return (_a = process.env.GOOGLE_ANALYTICS) !== null && _a !== void 0 ? _a : '';
+    },
+    get Version() {
+        var _a;
+        return (_a = process.env.GIT_VERSION) !== null && _a !== void 0 ? _a : '';
+    },
+    get SplitApiKey() {
+        var _a;
+        return (_a = process.env.SPLIT_IO_KEY) !== null && _a !== void 0 ? _a : '';
+    },
+    map: new MapConfig(),
+};
+// Inject google analytics after everything has loaded
+if (Config.GoogleAnalytics !== '' && typeof window !== 'undefined') {
+    window.dataLayer = window.dataLayer || [];
+    window.gtag = function gtag() {
+        window.dataLayer.push(arguments); // eslint-disable-line prefer-rest-params
+    };
+    window.gtag('js', new Date());
+    window.gtag('config', `${Config.GoogleAnalytics}`);
+    const script = document.createElement('script');
+    script.setAttribute('async', '');
+    script.setAttribute('src', `https://www.googletagmanager.com/gtag/js?id=${Config.GoogleAnalytics}`);
+    document.head.appendChild(script);
+}
+export function gaEvent(category, action, value) {
+    if (Config.GoogleAnalytics === '')
+        return;
+    window.gtag('event', action, { event_category: category, value });
+}

package/build/config.map.d.ts

@@ -0,0 +1,51 @@
+import { EpsgCode, TileMatrixSet } from '@basemaps/geo';
+import { Emitter } from '@servie/events';
+import maplibregl, { LngLatBoundsLike } from 'maplibre-gl';
+import { DebugState } from './config.debug.js';
+import { MapLocation, MapOptionType } from './url.js';
+export interface MapConfigEvents {
+    location: [MapLocation];
+    tileMatrix: [TileMatrixSet];
+    layer: [string, string | null | undefined];
+    bounds: [LngLatBoundsLike];
+    change: null;
+}
+export declare class MapConfig extends Emitter<MapConfigEvents> {
+    style: string | null;
+    layerId: string;
+    tileMatrix: TileMatrixSet;
+    debug: DebugState;
+    private _layers;
+    get layers(): Promise<Map<string, LayerInfo>>;
+    get isDebug(): boolean;
+    /** Map location in WGS84 */
+    _location: MapLocation;
+    get location(): MapLocation;
+    /** Map location in tileMatrix projection */
+    get transformedLocation(): MapLocation;
+    get isVector(): boolean;
+    /** Key to reference the combined layer & style  */
+    get layerKey(): string;
+    /** Key to reference combined layer & style & tile matrix */
+    get layerKeyTms(): string;
+    updateFromUrl(search?: string): void;
+    static toUrl(opts: MapConfig): string;
+    toTileUrl(urlType: MapOptionType, tileMatrix?: TileMatrixSet, layerId?: string, style?: string | null): string;
+    getLocation(map: maplibregl.Map): MapLocation;
+    transformLocation(lat: number, lon: number, zoom: number): MapLocation;
+    setLocation(l: MapLocation): void;
+    setTileMatrix(tms: TileMatrixSet): void;
+    setLayerId(layer: string, style?: string | null): void;
+    setDebug<T extends keyof DebugState>(key: T, value?: DebugState[T]): void;
+}
+export interface LayerInfo {
+    /** Layer id to use when fetching tiles */
+    id: string;
+    /** Layer name */
+    name: string;
+    upperLeft: [number, number];
+    lowerRight: [number, number];
+    /** What projections are enabled for this layer */
+    projections: Set<EpsgCode>;
+}
+//# sourceMappingURL=config.map.d.ts.map

package/build/config.map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.map.d.ts","sourceRoot":"","sources":["../src/config.map.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAA2C,aAAa,EAAkB,MAAM,eAAe,CAAC;AACvH,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,UAAU,EAAE,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,UAAU,EAA8B,MAAM,mBAAmB,CAAC;AAG3E,OAAO,EAAE,WAAW,EAAE,aAAa,EAAa,MAAM,UAAU,CAAC;AASjE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IACxB,UAAU,EAAE,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC3C,MAAM,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAC3B,MAAM,EAAE,IAAI,CAAC;CACd;AAED,qBAAa,SAAU,SAAQ,OAAO,CAAC,eAAe,CAAC;IACrD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5B,OAAO,SAAY;IACnB,UAAU,EAAE,aAAa,CAAa;IAEtC,KAAK,EAAE,UAAU,CAAwB;IAEzC,OAAO,CAAC,OAAO,CAAkC;IACjD,IAAI,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAG5C;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,4BAA4B;IAC5B,SAAS,EAAE,WAAW,CAAC;IACvB,IAAI,QAAQ,IAAI,WAAW,CAc1B;IAED,4CAA4C;IAC5C,IAAI,mBAAmB,IAAI,WAAW,CAErC;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,mDAAmD;IACnD,IAAI,QAAQ,IAAI,MAAM,CAGrB;IAED,4DAA4D;IAC5D,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,aAAa,CAAC,MAAM,GAAE,MAA+B,GAAG,IAAI;IA2B5D,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM;IASrC,SAAS,CAAC,OAAO,EAAE,aAAa,EAAE,UAAU,gBAAkB,EAAE,OAAO,SAAe,EAAE,KAAK,gBAAa,GAAG,MAAM;IAInH,WAAW,CAAC,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,WAAW;IAO7C,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,WAAW;IAItE,WAAW,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IASjC,aAAa,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAMvC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQtD,QAAQ,CAAC,CAAC,SAAS,MAAM,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,GAAE,UAAU,CAAC,CAAC,CAAsB,GAAG,IAAI;CAK9F;AAED,MAAM,WAAW,SAAS;IACxB,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,iBAAiB;IACjB,IAAI,EAAE,MAAM,CAAC;IAEb,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,kDAAkD;IAClD,WAAW,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;CAC5B"}

package/build/config.map.js

@@ -0,0 +1,179 @@
+import { Epsg, GoogleTms, Nztm2000QuadTms, Nztm2000Tms, TileMatrixSets } from '@basemaps/geo';
+import { Emitter } from '@servie/events';
+import { DebugDefaults, ConfigDebug } from './config.debug.js';
+import { Config } from './config.js';
+import { locationTransform } from './tile.matrix.js';
+import { WindowUrl } from './url.js';
+/** Default center point if none provided */
+const DefaultCenter = {
+    [GoogleTms.identifier]: { lat: -41.88999621, lon: 174.04924373, zoom: 5 },
+    [Nztm2000Tms.identifier]: { lat: -41.277848, lon: 174.6763921, zoom: 3 },
+    [Nztm2000QuadTms.identifier]: { lat: -41.88999621, lon: 174.04924373, zoom: 3 },
+};
+export class MapConfig extends Emitter {
+    constructor() {
+        super(...arguments);
+        this.style = null;
+        this.layerId = 'aerial';
+        this.tileMatrix = GoogleTms;
+        this.debug = { ...DebugDefaults };
+    }
+    get layers() {
+        if (this._layers == null)
+            this._layers = loadAllLayers();
+        return this._layers;
+    }
+    get isDebug() {
+        return this.debug.debug;
+    }
+    get location() {
+        if (this._location == null) {
+            window.addEventListener('popstate', () => {
+                const location = {
+                    ...DefaultCenter[this.tileMatrix.identifier],
+                    ...WindowUrl.fromHash(window.location.hash),
+                };
+                this.setLocation(location);
+            });
+            this.updateFromUrl();
+            this._location = { ...DefaultCenter[this.tileMatrix.identifier], ...WindowUrl.fromHash(window.location.hash) };
+        }
+        return this._location;
+    }
+    /** Map location in tileMatrix projection */
+    get transformedLocation() {
+        return this.transformLocation(this.location.lat, this.location.lon, this.location.zoom);
+    }
+    get isVector() {
+        return this.layerId === 'topographic';
+    }
+    /** Key to reference the combined layer & style  */
+    get layerKey() {
+        if (this.style == null)
+            return this.layerId;
+        return `${this.layerId}::${this.style}`;
+    }
+    /** Key to reference combined layer & style & tile matrix */
+    get layerKeyTms() {
+        return `${this.layerKey}::${this.tileMatrix.identifier}`;
+    }
+    updateFromUrl(search = window.location.search) {
+        var _a, _b, _c, _d;
+        const urlParams = new URLSearchParams(search);
+        const style = (_a = urlParams.get('s')) !== null && _a !== void 0 ? _a : urlParams.get('style');
+        const layerId = (_b = urlParams.get('i')) !== null && _b !== void 0 ? _b : 'aerial';
+        const projectionParam = ((_c = urlParams.get('p')) !== null && _c !== void 0 ? _c : GoogleTms.identifier).toLowerCase();
+        let tileMatrix = TileMatrixSets.All.find((f) => f.identifier.toLowerCase() === projectionParam);
+        if (tileMatrix == null)
+            tileMatrix = TileMatrixSets.get((_d = Epsg.parse(projectionParam)) !== null && _d !== void 0 ? _d : Epsg.Google);
+        if (tileMatrix.identifier === Nztm2000Tms.identifier)
+            tileMatrix = Nztm2000QuadTms;
+        const debugChanged = ConfigDebug.fromUrl(this.debug, urlParams);
+        if (debugChanged)
+            this.emit('change');
+        const previousUrl = MapConfig.toUrl(this);
+        this.style = style !== null && style !== void 0 ? style : null;
+        this.layerId = layerId.startsWith('im_') ? layerId.slice(3) : layerId;
+        this.tileMatrix = tileMatrix;
+        if (this.layerId === 'topographic' && this.style == null)
+            this.style = 'topographic';
+        this.emit('tileMatrix', this.tileMatrix);
+        this.emit('layer', this.layerId, this.style);
+        if (previousUrl !== MapConfig.toUrl(this))
+            this.emit('change');
+    }
+    static toUrl(opts) {
+        const urlParams = new URLSearchParams();
+        if (opts.style)
+            urlParams.append('s', opts.style);
+        if (opts.layerId !== 'aerial')
+            urlParams.append('i', opts.layerId);
+        if (opts.tileMatrix.identifier !== GoogleTms.identifier)
+            urlParams.append('p', opts.tileMatrix.identifier);
+        ConfigDebug.toUrl(opts.debug, urlParams);
+        return urlParams.toString();
+    }
+    toTileUrl(urlType, tileMatrix = this.tileMatrix, layerId = this.layerId, style = this.style) {
+        return WindowUrl.toTileUrl(urlType, tileMatrix, layerId, style);
+    }
+    getLocation(map) {
+        var _a;
+        const center = map.getCenter();
+        if (center == null)
+            throw new Error('Invalid Map location');
+        const zoom = Math.floor(((_a = map.getZoom()) !== null && _a !== void 0 ? _a : 0) * 10e3) / 10e3;
+        return Config.map.transformLocation(center.lat, center.lng, zoom);
+    }
+    transformLocation(lat, lon, zoom) {
+        return locationTransform({ lat, lon, zoom }, GoogleTms, this.tileMatrix);
+    }
+    setLocation(l) {
+        if (l.lat === this.location.lat && l.lon === this.location.lon && l.zoom === this.location.zoom)
+            return;
+        this.location.lat = l.lat;
+        this.location.lon = l.lon;
+        this.location.zoom = l.zoom;
+        this.emit('location', this.location);
+        this.emit('change');
+    }
+    setTileMatrix(tms) {
+        if (this.tileMatrix.identifier === tms.identifier)
+            return;
+        this.emit('tileMatrix', this.tileMatrix);
+        this.emit('change');
+    }
+    setLayerId(layer, style) {
+        if (this.layerId === layer && this.style === style)
+            return;
+        this.layerId = layer;
+        this.style = style !== null && style !== void 0 ? style : null;
+        this.emit('layer', this.layerId, this.style);
+        this.emit('change');
+    }
+    setDebug(key, value = DebugDefaults[key]) {
+        if (this.debug[key] === value)
+            return;
+        this.debug[key] = value;
+        this.emit('change');
+    }
+}
+async function loadAllLayers() {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const output = new Map();
+    const res = await fetch(WindowUrl.toBaseWmts());
+    if (!res.ok)
+        return output;
+    const dom = new DOMParser();
+    const xmlDoc = dom.parseFromString(await res.text(), 'text/xml');
+    const layers = xmlDoc.getElementsByTagName('Layer');
+    const allLayers = [];
+    for (let i = 0; i < layers.length; i++) {
+        const layer = layers.item(i);
+        if (layer == null)
+            continue;
+        const title = (_a = layer.getElementsByTagName('ows:Title').item(0)) === null || _a === void 0 ? void 0 : _a.textContent;
+        const id = (_b = layer.getElementsByTagName('ows:Identifier').item(0)) === null || _b === void 0 ? void 0 : _b.textContent;
+        if (title == null || id == null)
+            continue;
+        if (title === 'aerial')
+            continue;
+        const boundEl = layer.getElementsByTagName('ows:WGS84BoundingBox').item(0);
+        const upperLeft = (_d = (_c = boundEl === null || boundEl === void 0 ? void 0 : boundEl.getElementsByTagName('ows:UpperCorner').item(0)) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.split(' ').map(Number);
+        const lowerRight = (_f = (_e = boundEl === null || boundEl === void 0 ? void 0 : boundEl.getElementsByTagName('ows:LowerCorner').item(0)) === null || _e === void 0 ? void 0 : _e.textContent) === null || _f === void 0 ? void 0 : _f.split(' ').map(Number);
+        const tmsTags = layer.getElementsByTagName('TileMatrixSet');
+        const projections = new Set();
+        for (let j = 0; j < tmsTags.length; j++) {
+            const epsg = Epsg.parse((_h = (_g = tmsTags.item(j)) === null || _g === void 0 ? void 0 : _g.textContent) !== null && _h !== void 0 ? _h : '');
+            if (epsg == null)
+                continue;
+            projections.add(epsg.code);
+        }
+        if (upperLeft == null || lowerRight == null || upperLeft.length !== 2)
+            continue;
+        allLayers.push({ id, name: title.replace('aerial ', ''), upperLeft, lowerRight, projections });
+    }
+    allLayers.sort((a, b) => a.name.localeCompare(b.name));
+    for (const l of allLayers)
+        output.set(l.id, l);
+    return output;
+}

package/build/global.d.ts

@@ -0,0 +1,9 @@
+import { SplitIo } from './split.js';
+declare global {
+    interface Window {
+        dataLayer: any[];
+        gtag(...args: any[]): void;
+        splitIo: typeof SplitIo;
+    }
+}
+//# sourceMappingURL=global.d.ts.map

package/build/global.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../src/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QAEd,SAAS,EAAE,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QAE3B,OAAO,EAAE,OAAO,OAAO,CAAC;KACzB;CACF"}

package/build/global.js

@@ -0,0 +1 @@
+export {};

package/build/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":""}