@prushforth/map 1.0.0-preview.1

package/dist/gcds-ext-map/p-f211048a.entry.js

@@ -0,0 +1 @@
+import{l as t,r as e,g as i,U as s}from"./p-BUsJ7i5g.js";import{r as a}from"./p-EYVT9Efh.js";import{c as h}from"./p-B4YLD_Og.js";var n=t.LayerGroup.extend({initialize:function(e){t.LayerGroup.prototype.initialize.call(this,null,e),this._container=t.DomUtil.create("div","leaflet-layer"),this._extentEl=this.options.extentEl,this.changeOpacity(this.options.opacity),this.setZIndex(e.zIndex),t.DomUtil.addClass(this._container,"mapml-extentlayer-container")},getEvents:function(){return{zoomstart:this._onZoomStart}},_onZoomStart:function(){this.closePopup()},getContainer:function(){return this._container},onAdd:function(e){t.LayerGroup.prototype.onAdd.call(this,e),this.options.extentEl.parentLayer._layer._container.appendChild(this._container)},redraw:function(){this.eachLayer((function(t){t.redraw()}))},setZIndex:function(t){return this.options.zIndex=t,this._updateZIndex(),this},_updateZIndex:function(){this._container&&null!=this.options.zIndex&&(this._container.style.zIndex=this.options.zIndex)},onRemove:function(){t.LayerGroup.prototype.onRemove.call(this,this._map),t.DomUtil.remove(this._container)},_previousFeature:function(){this._count+-1>=0&&(this._count--,this._map.fire("featurepagination",{i:this._count,popup:this}))},_nextFeature:function(){this._count+1<this._source._totalFeatureCount&&(this._count++,this._map.fire("featurepagination",{i:this._count,popup:this}))},changeOpacity:function(t){this._container.style.opacity=t,this._extentEl._opacity=t,this._extentEl._opacitySlider&&(this._extentEl._opacitySlider.value=t)},renderStyles:a}),r=function(){var e=t.DomUtil.create("fieldset","mapml-layer-extent"),i=t.DomUtil.create("div","mapml-layer-item-properties",e),s=t.DomUtil.create("div","mapml-layer-item-settings",e),a=t.DomUtil.create("label","mapml-layer-item-toggle",i),h=t.DomUtil.create("input"),n=t.SVG.create("svg"),r=t.SVG.create("path"),l=t.SVG.create("path"),o=t.DomUtil.create("span"),m=t.DomUtil.create("div","mapml-layer-item-controls",i),c=t.DomUtil.create("details","mapml-layer-item-details mapml-control-layers",s),d=t.DomUtil.create("summary","",c),p=this.getMapEl(),u=this.getLayerEl(),f=t.DomUtil.create("input","",c);s.hidden=!0,e.setAttribute("aria-grabbed","false"),n.setAttribute("viewBox","0 0 24 24"),n.setAttribute("height","22"),n.setAttribute("width","22"),r.setAttribute("d","M0 0h24v24H0z"),r.setAttribute("fill","none"),l.setAttribute("d","M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"),n.appendChild(r),n.appendChild(l);let b=this.el.querySelectorAll("map-select");b.length&&Promise.all(Array.from(b).map((t=>t.whenReady()))).then((()=>{for(var t=document.createDocumentFragment(),e=0;e<b.length;e++)t.appendChild(b[e].selectdetails);s.appendChild(t)}));let g=t.DomUtil.create("button","mapml-layer-item-remove-control",m);g.type="button",g.title=p.locale.lmRemoveExtent,g.innerHTML="<span aria-hidden='true'>&#10005;</span>",g.classList.add("mapml-button"),g.addEventListener("click",(t=>{t.preventDefault(),t.stopPropagation(),this.el.remove()}));let y=t.DomUtil.create("button","mapml-layer-item-settings-control",m);y.type="button",y.title=p.locale.lmExtentSettings,y.setAttribute("aria-expanded",!1),y.classList.add("mapml-button"),t.DomEvent.on(y,"click",(()=>{!0===s.hidden?(y.setAttribute("aria-expanded",!0),s.hidden=!1):(y.setAttribute("aria-expanded",!1),s.hidden=!0)}),this),o.setAttribute("aria-hidden",!0),a.appendChild(h),y.appendChild(o),o.appendChild(n),d.innerText=p.locale.lcOpacity,d.id="mapml-extent-item-opacity-"+t.stamp(d),f.setAttribute("type","range"),f.setAttribute("min","0"),f.setAttribute("max","1.0"),f.setAttribute("step","0.1"),f.setAttribute("aria-labelledby","mapml-extent-item-opacity-"+t.stamp(d)),f.setAttribute("value",this.opacity),f.value=this._extentLayer._container.style.opacity||"1.0",f.addEventListener("change",function(t){t&&t.target&&t.target.value>=0&&t.target.value<=1&&this._extentLayer.changeOpacity(t.target.value)}.bind(this));var v=t.DomUtil.create("span","mapml-extent-item-name",a);return h.type="checkbox",h.defaultChecked=this.checked,v.innerHTML=this.label,this._layerControlCheckbox=h,h.addEventListener("change",function(){this.checked=!this.checked,this.el.dispatchEvent(new CustomEvent("map-change"))}.bind(this)),v.id="mapml-extent-item-name-{"+t.stamp(v)+"}",e.setAttribute("aria-labelledby",v.id),v.extent=this.el,e.ontouchstart=e.onmousedown=t=>{if("label"===t.target.parentElement.tagName.toLowerCase()&&"input"!==t.target.tagName.toLowerCase()||"label"===t.target.tagName.toLowerCase()){t.stopPropagation(),t=t instanceof TouchEvent?t.touches[0]:t;let i=e,s=e.parentNode,a=!1,h=t.clientY,n=Array.from(e.parentElement.querySelectorAll("fieldset")).indexOf(e);document.body.ontouchmove=document.body.onmousemove=t=>{t.preventDefault();let e=(t=t instanceof TouchEvent?t.touches[0]:t).clientY-h;if(a=Math.abs(e)>15||a,s&&!a||s&&s.childElementCount<=1||s.getBoundingClientRect().top>i.getBoundingClientRect().bottom||s.getBoundingClientRect().bottom<i.getBoundingClientRect().top)return;s.classList.add("mapml-draggable"),i.style.transform="translateY("+e+"px)",i.style.pointerEvents="none";let n=t.clientX,r=t.clientY,l=("GCDS-EXT-MAP"===p.tagName?p.shadowRoot:p.querySelector(".mapml-web-map").shadowRoot).elementFromPoint(n,r),o=l&&l.closest("fieldset")?l.closest("fieldset"):i;o=Math.abs(e)<=o.offsetHeight?i:o,i.setAttribute("aria-grabbed","true"),i.setAttribute("aria-dropeffect","move"),o&&s===o.parentNode&&(o=o!==i.nextSibling?o:o.nextSibling,i!==o&&(h=t.clientY,i.style.transform=null),s.insertBefore(i,o))},document.body.ontouchend=document.body.onmouseup=()=>{let t=Array.from(e.parentElement.querySelectorAll("fieldset")).indexOf(e);if(i.setAttribute("aria-grabbed","false"),i.removeAttribute("aria-dropeffect"),i.style.pointerEvents=null,i.style.transform=null,n!==t){let t=s.children,e=0;for(let i of t){let t=i.querySelector("span").extent;t.setAttribute("data-moving",""),(u.src?u.shadowRoot:u).append(t),t.removeAttribute("data-moving"),t.extentZIndex=e,t._extentLayer.setZIndex(e),e++}}s.classList.remove("mapml-draggable"),document.body.ontouchmove=document.body.onmousemove=document.body.ontouchend=document.body.onmouseup=null}}},this._extentRootFieldset=e,this._opacitySlider=f,this._opacityControl=c,this._layerControlLabel=a,e};const l=class{constructor(t){e(this,t)}get el(){return i(this)}checked=!1;_label;opacity=1;_opacity;hidden=!1;units;disabled=!1;get label(){return this._label||this.mapEl?.locale?.dfExtent||"Sub-layer"}get opacityValue(){return this._opacity??this.opacity??1}mapEl;parentLayer;_map;_extentLayer;_layerControlHTML;_layerControlCheckbox;_layerControlLabel;_opacityControl;_opacitySlider;_selectdetails;_observer;_changeHandler;_boundsCalculated=!1;unitsChanged(t,e){}labelChanged(){this._layerControlHTML&&(this._layerControlHTML.querySelector(".mapml-extent-item-name").textContent=this.label)}checkedChanged(){this.parentLayer&&this._extentLayer&&this.parentLayer.whenReady().then((()=>{this._handleChange(),this._calculateBounds(),this._layerControlCheckbox&&(this._layerControlCheckbox.checked=this.checked)})).catch((t=>{console.log("Error while waiting on parentLayer for map-extent checked callback: "+t)}))}opacityChanged(t,e){e!==t&&this._extentLayer&&(this._opacity=t,this._extentLayer.changeOpacity(t),this._opacitySlider&&(this._opacitySlider.value=t.toString()))}hiddenChanged(t,e){e!==t&&this._extentLayer&&this._layerControlHTML&&this._applyHiddenState(t)}_applyHiddenState(t){this._extentLayer&&this._layerControlHTML&&this.parentLayer&&this.parentLayer.whenReady().then((()=>{let e=this.parentLayer._propertiesGroupAnatomy,i=Array.from(this.parentLayer.src?this.parentLayer.shadowRoot.querySelectorAll(":host > map-extent"):this.parentLayer.querySelectorAll(":scope > map-extent")).filter((t=>!t.hidden)).indexOf(this.el);t?this._layerControlHTML.remove():0===i?e.insertAdjacentElement("afterbegin",this._layerControlHTML):i>0&&Array.from(this.parentLayer.src?this.parentLayer.shadowRoot.querySelectorAll(":host > map-extent:not([hidden])"):this.parentLayer.querySelectorAll(":scope > map-extent:not([hidden])"))[i-1]._layerControlHTML.insertAdjacentElement("afterend",this._layerControlHTML),this._validateLayerControlContainerHidden()})).catch((()=>{console.log("Error while waiting on parentLayer for map-extent hidden callback")}))}get extent(){const t=t=>Object.assign(s._convertAndFormatPCRS(t._extentLayer.bounds,M[t.units],t.units),{zoom:t._extentLayer.zoomBounds});return this._extentLayer.bounds?t(this):((e=this)._calculateBounds(),t(e));var e}get position(){return h(this.el)}getOuterHTML(){let t=this.el.cloneNode(!0);this.el.querySelector("map-link")&&t.querySelectorAll("map-link").forEach((t=>{t.hasAttribute("href")?t.setAttribute("href",decodeURI(new URL(t.getAttribute("href"),this.el.baseURI?this.el.baseURI:document.baseURI).href)):t.hasAttribute("tref")&&t.setAttribute("tref",decodeURI(new URL(t.getAttribute("tref"),this.el.baseURI?this.el.baseURI:document.baseURI).href))}));let e=t.outerHTML;return t.remove(),e}zoomTo(){let e=this.extent,i=this.getMapEl()._map,a=e.bottomRight.pcrs.horizontal,h=e.topLeft.pcrs.vertical,n=t.bounds(t.point(e.topLeft.pcrs.horizontal,e.bottomRight.pcrs.vertical),t.point(a,h)),r=i.options.crs.unproject(n.getCenter(!0));i.setView(r,s.getMaxZoom(n,i,e.zoom.minZoom,e.zoom.maxZoom),{animate:!1})}getMapEl(){return s.getClosest(this.el,"gcds-ext-map")}getLayerEl(){return s.getClosest(this.el,"map-layer,layer-")}async connectedCallback(){if(this._opacity=this.opacityValue,this._changeHandler=this._handleChange.bind(this),this.parentLayer=this.el.parentLayer=this.getLayerEl(),this.el.hasAttribute("data-moving")||this.parentLayer?.hasAttribute("data-moving"))return;if(this.mapEl=this.getMapEl(),this.el.getMapEl=this.getMapEl.bind(this),this.el.getLayerEl=this.getLayerEl.bind(this),this.el.getLayerControlHTML=this.getLayerControlHTML.bind(this),this.el.zoomTo=this.zoomTo.bind(this),this.el._validateDisabled=this._validateDisabled.bind(this),this.el.getMeta=this.getMeta.bind(this),this.el.getOuterHTML=this.getOuterHTML.bind(this),Object.defineProperty(this.el,"_boundsCalculated",{get:()=>this._boundsCalculated,configurable:!0,enumerable:!0}),Object.defineProperty(this.el,"extent",{get:()=>this.extent,configurable:!0}),Object.defineProperty(this.el,"label",{get:()=>this.el.hasAttribute("label")?this.el.getAttribute("label"):this.mapEl?.locale?.dfExtent||"Sub-layer",set:t=>{t&&(this.el.setAttribute("label",t),this._label=t)},configurable:!0}),this.el.hasAttribute("label")&&(this._label=this.el.getAttribute("label")),!this.mapEl)return;if(await this.mapEl.whenProjectionDefined(this.units).catch((()=>{throw new Error("Undefined projection:"+this.units)})),!this.el.isConnected)return;var t;await this.mapEl.whenReady(),this._map=this.mapEl._map,this.parentLayer?.addEventListener("map-change",this._changeHandler),this.mapEl.addEventListener("map-projectionchange",this._changeHandler),this._extentLayer=(t={opacity:this.opacityValue,crs:M[this.units],zIndex:this.position,extentEl:this.el},new n(t)),this.el._extentLayer=this._extentLayer;const e=r.call(this);this._layerControlHTML=e,this.el._layerControlHTML=e,this.el._layerControlLabel=this._layerControlLabel,this.el._layerControlCheckbox=this._layerControlCheckbox,this.el._opacityControl=this._opacityControl,this.el._opacitySlider=this._opacitySlider,this.el._selectdetails=this._selectdetails,await this._waitForTrefLinks(),this._calculateBounds(),this._handleChange(),this._runMutationObserver(this.el.children),this._bindMutationObserver()}_bindMutationObserver(){this._observer=new MutationObserver((t=>{for(let e of t)"attributes"===e.type&&"label"===e.attributeName&&(this.el.hasAttribute("label")||(this._label=this.mapEl?.locale?.dfExtent||"Sub-layer")),"childList"===e.type&&this._runMutationObserver(e.addedNodes)})),this._observer.observe(this.el,{childList:!0,attributes:!0,attributeFilter:["label"]})}_runMutationObserver(t){const e=()=>{this.whenReady().then((()=>{this._calculateBounds(),this._validateDisabled()}))},i=t=>{this.whenReady().then((()=>{this._extentLayer.renderStyles(t)}))},s=t=>{this.whenReady().then((()=>{this._extentLayer.renderStyles(t)}))};for(let a=0;a<t.length;++a){let h=t[a];switch(h.nodeName){case"MAP-META":h.hasAttribute("name")&&("zoom"===h.getAttribute("name").toLowerCase()||"extent"===h.getAttribute("name").toLowerCase())&&h.hasAttribute("content")&&e();break;case"MAP-LINK":h.link&&!h.link.isConnected&&i(h);break;case"MAP-STYLE":h.styleElement&&!h.styleElement.isConnected&&s(h)}}}getLayerControlHTML(){return this._layerControlHTML}_projectionMatch(){return this.units.toUpperCase()===this._map.options.projection.toUpperCase()}_validateDisabled(){if(!this._extentLayer)return;let t=this.el.querySelectorAll("map-link[rel=image],map-link[rel=tile],map-link[rel=features],map-link[rel=query]");return!this._projectionMatch()||(()=>{let e=t.length,i=0;for(let e=0;e<t.length;e++)t[e].isVisible()||i++;return i===e})()?(this.el.setAttribute("disabled",""),this.disabled=!0):(this.el.removeAttribute("disabled"),this.disabled=!1),this.toggleLayerControlDisabled(),this._handleChange(),this.disabled}getMeta(t){let e=t.toLowerCase();if("extent"===e||"zoom"===e||"cs"===e)return this.parentLayer.src?this.el.querySelector(`:scope > map-meta[name=${e}]`)||this.parentLayer.shadowRoot.querySelector(`:host > map-meta[name=${e}]`):this.el.querySelector(`:scope > map-meta[name=${e}]`)||this.parentLayer.querySelector(`:scope > map-meta[name=${e}]`)}toggleLayerControlDisabled(){let t=this._layerControlCheckbox,e=this._layerControlLabel,i=this._opacityControl,s=this._opacitySlider,a=this._selectdetails;this.disabled?(t.disabled=!0,s.disabled=!0,e.style.fontStyle="italic",i.style.fontStyle="italic",a&&a.forEach((t=>{t.querySelectorAll("select").forEach((t=>{t.disabled=!0,t.style.fontStyle="italic"})),t.style.fontStyle="italic"}))):(t.disabled=!1,s.disabled=!1,e.style.fontStyle="normal",i.style.fontStyle="normal",a&&a.forEach((t=>{t.querySelectorAll("select").forEach((t=>{t.disabled=!1,t.style.fontStyle="normal"})),t.style.fontStyle="normal"})))}_handleChange(){this.checked&&!this.disabled&&this.parentLayer._layer?(this._extentLayer.addTo(this.parentLayer._layer),this._extentLayer.setZIndex(this.position)):this.parentLayer._layer?.removeLayer(this._extentLayer)}_validateLayerControlContainerHidden(){let t=this.parentLayer._propertiesGroupAnatomy;t&&(0===Array.from(this.parentLayer.src?this.parentLayer.shadowRoot.querySelectorAll(":host > map-extent"):this.parentLayer.querySelectorAll(":scope > map-extent")).filter((t=>!t.hidden)).length?t.setAttribute("hidden",""):t.removeAttribute("hidden"))}disconnectedCallback(){this.el.hasAttribute("data-moving")||this.parentLayer?.hasAttribute("data-moving")||!this._extentLayer||(this._validateLayerControlContainerHidden(),this._layerControlHTML&&this._layerControlHTML.remove(),this.parentLayer?._layer&&this.parentLayer._layer.removeLayer(this._extentLayer),this.parentLayer&&this.parentLayer.removeEventListener("map-change",this._changeHandler),this.mapEl&&this.mapEl.removeEventListener("map-projectionchange",this._changeHandler),this._boundsCalculated=!1,delete this._extentLayer,this.parentLayer?._layer&&delete this.parentLayer._layer.bounds)}async _waitForTrefLinks(){const t=this.el.querySelectorAll("map-link[rel=image][tref],map-link[rel=tile][tref],map-link[rel=features][tref],map-link[rel=query][tref]"),e=[];for(let i of Array.from(t))e.push(new Promise((t=>{if(i._templateVars)t();else{const e=setInterval((()=>{i._templateVars&&(clearInterval(e),t())}),10);setTimeout((()=>{clearInterval(e),t()}),1e3)}})));return Promise.all(e)}_calculateBounds(){delete this._extentLayer.bounds,delete this._extentLayer.zoomBounds,this.parentLayer._layer&&delete this.parentLayer._layer.bounds;let e=this.el.querySelectorAll("map-link[rel=image]:not([disabled]),map-link[rel=tile]:not([disabled]),map-link[rel=features]:not([disabled]),map-link[rel=query]:not([disabled])"),i=this.el.querySelector(":scope > map-meta[name=extent][content]")?s.getBoundsFromMeta(this.el):void 0,a=this.el.querySelector(":scope > map-meta[name=zoom][content]")?s.getZoomBoundsFromMeta(this.el):void 0;for(let s=0;s<e.length;s++){const h=e[s].getZoomBounds(),n=e[s].getBounds();let r=a&&a.hasOwnProperty("maxZoom")?a.maxZoom:-1/0,l=a&&a.hasOwnProperty("minZoom")?a.minZoom:1/0,o=a&&a.hasOwnProperty("minNativeZoom")?a.minNativeZoom:1/0,m=a&&a.hasOwnProperty("maxNativeZoom")?a.maxNativeZoom:-1/0;a?(r=Math.max(r,h.maxZoom),l=Math.min(l,h.minZoom),m=Math.max(m,h.maxNativeZoom),o=Math.min(o,h.minNativeZoom),a.minZoom=l,a.maxZoom=r,a.minNativeZoom=o,a.maxNativeZoom=m):a=Object.assign({},h),i?i.extend(n):i=t.bounds(n.min,n.max)}this._extentLayer.bounds=i||t.bounds(M[this.units].options.bounds.min,M[this.units].options.bounds.max),a||(a={}),a.hasOwnProperty("minZoom")||(a.minZoom=0),a.hasOwnProperty("maxZoom")||(a.maxZoom=M[this.units].options.resolutions.length-1),a.hasOwnProperty("minNativeZoom")&&a.minNativeZoom!==1/0||(a.minNativeZoom=a.minZoom),a.hasOwnProperty("maxNativeZoom")&&a.maxNativeZoom!==-1/0||(a.maxNativeZoom=a.maxZoom),this._extentLayer.zoomBounds=a,this._boundsCalculated=!0}async whenReady(){return new Promise(((t,e)=>{let i,s;this._extentLayer&&this._boundsCalculated?t():(i=setInterval((function(a){a._extentLayer&&a._boundsCalculated?(clearInterval(i),clearTimeout(s),t()):a.isConnected||(clearInterval(i),clearTimeout(s),e("map-extent was disconnected while waiting to be ready"))}),300,this.el),s=setTimeout((function(){clearInterval(i),clearTimeout(s),e("Timeout reached waiting for extent to be ready")}),1e4))}))}render(){return null}async whenLinksReady(){let t=this.el.querySelectorAll("map-link[rel=image],map-link[rel=tile],map-link[rel=features],map-link[rel=query]"),e=[];for(let i of Array.from(t))e.push(i.whenReady());return Promise.allSettled(e)}static get watchers(){return{units:[{unitsChanged:0}],_label:[{labelChanged:0}],checked:[{checkedChanged:0}],_opacity:[{opacityChanged:0}],hidden:[{hiddenChanged:0}]}}};export{l as map_extent}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/types/components/gcds-ext-map/gcds-ext-map.d.ts

@@ -0,0 +1,125 @@
+import { DOMTokenList } from '../utils/mapml/DOMTokenList.js';
+export declare class GcdsExtMap {
+    el: HTMLElement;
+    lat?: number;
+    lon?: number;
+    zoom?: number;
+    projection?: string;
+    controls: boolean;
+    static?: boolean;
+    _controlslist?: string;
+    locale?: any;
+    _controlsList: DOMTokenList;
+    _source: string;
+    _history: any[];
+    _historyIndex: number;
+    _traversalCall: number | false;
+    private _map;
+    private _container;
+    private mapCaptionObserver;
+    private _featureIndexOverlay;
+    private _zoomControl;
+    private _layerControl;
+    private _reloadButton;
+    private _fullScreenControl;
+    private _geolocationButton;
+    private _scaleBar;
+    private _searchButton;
+    private _isInitialized;
+    private _debug;
+    private _crosshair;
+    private _boundDropHandler;
+    private _boundDragoverHandler;
+    controlsChanged(newValue: boolean): void;
+    controlsListChanged(newValue: string): void;
+    get controlsList(): DOMTokenList;
+    set controlsList(value: string | null);
+    projectionChanged(newValue: string, oldValue: string): Promise<void>;
+    get extent(): any;
+    getWidth(): number;
+    getHeight(): number;
+    staticChanged(): void;
+    componentWillLoad(): void;
+    connectedCallback(): Promise<void>;
+    _setLocale(): void;
+    _initShadowRoot(): void;
+    _createMap(): void;
+    disconnectedCallback(): void;
+    _ensureControlsLoaded(): Promise<void>;
+    _createControls(): void;
+    _toggleControls(): void;
+    _hideControls(): void;
+    _showControls(): void;
+    _deleteControls(): void;
+    _setControlsVisibility(control: any, hide: any): void;
+    _toggleStatic(): void;
+    _removeEvents(): void;
+    _setUpEvents(): void;
+    _dropHandler(event: DragEvent): void;
+    _dragoverHandler(event: DragEvent): void;
+    /**
+     * Toggle debug overlay on the map
+     */
+    toggleDebug(): void;
+    locate(options?: any): void;
+    _changeWidth(width: number | string): void;
+    _changeHeight(height: number | string): void;
+    _updateMapCenter(): void;
+    _resetHistory(): void;
+    _addToHistory(): void;
+    private _updateNavigationControls;
+    /**
+     * Navigate back in map history
+     */
+    back(): void;
+    /**
+     * Allows user to move forward in history
+     */
+    forward(): void;
+    /**
+     * Allows the user to reload/reset the map's location to its initial location
+     * and reset the history to the initial state
+     */
+    reload(): void;
+    /**
+     * Internal method to toggle fullscreen (used by MapML context menu)
+     */
+    private _toggleFullScreen;
+    /**
+     * Open the map source in a new window
+     */
+    viewSource(): void;
+    /**
+     * Zoom the map to a specific location and zoom level
+     * @param lat - Latitude coordinate
+     * @param lon - Longitude coordinate
+     * @param zoom - Zoom level (optional, defaults to current zoom)
+     */
+    zoomToExtent(west: number, south: number, east: number, north: number): void;
+    zoomTo(lat: number, lon: number, zoom?: number): void;
+    whenProjectionDefined(projection: string): Promise<unknown>;
+    defineCustomProjection(jsonTemplate: any): any;
+    /**
+     * Promise-based method to wait until map is ready
+     * Returns a promise that resolves when the map is fully initialized
+     */
+    whenReady(): Promise<void>;
+    /**
+     * Promise-based method to wait until all layers are ready
+     * Returns a promise that resolves when all child layers are fully initialized
+     */
+    whenLayersReady(): Promise<PromiseSettledResult<void>[]>;
+    /**
+     * Convert GeoJSON to MapML and append as a layer
+     * @param json - GeoJSON object (FeatureCollection, Feature, or Geometry)
+     * @param options - Conversion options:
+     *   - label: Layer label (defaults to json.name, json.title, or locale default)
+     *   - projection: Target projection (defaults to map's projection)
+     *   - caption: Feature caption property name or function
+     *   - properties: Custom properties handling (function, string, or HTMLElement)
+     *   - geometryFunction: Custom geometry processing function
+     * @returns The created map-layer element
+     */
+    geojson2mapml(json: any, options?: any): HTMLElement;
+    render(): any;
+}

package/dist/types/components/gcds-ext-map/stories/gcds-ext-map.stories.d.ts

@@ -0,0 +1,230 @@
+declare const _default: {
+    title: string;
+    argTypes: {
+        lat: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        lon: {
+            name: string;
+            control: {
+                type: string;
+                min: number;
+                max: number;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        zoom: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        projection: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        layer: {
+            name: string;
+            control: string;
+            options: string[];
+            mapping: {};
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        lang: {
+            name: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        controls: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        static: {
+            name: string;
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        controlslist: {
+            name: string;
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        caption: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const HiddenBasemap: {
+    (args: any): string;
+    args: {
+        lat: number;
+        lon: number;
+        zoom: number;
+        projection: string;
+        controls: boolean;
+        layer: string;
+        caption: string;
+    };
+};
+export declare const Playground: {
+    (args: any): string;
+    args: {
+        lat: number;
+        lon: number;
+        zoom: number;
+        projection: string;
+        controls: boolean;
+        static: boolean;
+        lang: string;
+        controlslist: string[];
+        layer: string;
+        caption: string;
+    };
+};
+export declare const GeoJSON2MapMLExample: {
+    render: (args: any, { loaded }: {
+        loaded: any;
+    }) => Element;
+    args: {
+        lat: number;
+        lon: number;
+        zoom: number;
+        projection: string;
+        controls: boolean;
+        static: boolean;
+        lang: string;
+        controlslist: string[];
+        layer: string;
+        caption: string;
+    };
+    loaders: (() => Promise<{
+        geoJsonData: any;
+        error?: undefined;
+    } | {
+        geoJsonData: any;
+        error: any;
+    }>)[];
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                language: string;
+                code: string;
+            };
+        };
+    };
+};
+export declare const DarkMode: {
+    render: (args: any) => string;
+    args: {
+        lat: number;
+        lon: number;
+        zoom: number;
+        projection: string;
+        controls: boolean;
+        static: boolean;
+        lang: string;
+        controlslist: string[];
+        caption: string;
+    };
+};

package/dist/types/components/map-a/map-a.d.ts

@@ -0,0 +1,7 @@
+export declare class MapA {
+    el: HTMLElement;
+    href?: string;
+    target?: string;
+    type?: string;
+    inplace?: boolean;
+}

package/dist/types/components/map-caption/map-caption.d.ts

@@ -0,0 +1,7 @@
+export declare class MapCaption {
+    el: HTMLElement;
+    observer: MutationObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/map-extent/map-extent.d.ts

@@ -0,0 +1,53 @@
+export declare class GcdsMapExtent {
+    el: HTMLElement;
+    checked?: boolean;
+    _label?: string;
+    opacity?: number;
+    _opacity?: number;
+    hidden: boolean;
+    units: string;
+    disabled?: boolean;
+    get label(): string;
+    get opacityValue(): number;
+    mapEl: any;
+    parentLayer: any;
+    _map: any;
+    _extentLayer: any;
+    _layerControlHTML: any;
+    _layerControlCheckbox: any;
+    _layerControlLabel: any;
+    _opacityControl: any;
+    _opacitySlider: any;
+    _selectdetails: any;
+    _observer: any;
+    _changeHandler: any;
+    _boundsCalculated: boolean;
+    unitsChanged(newValue: string, oldValue: string): void;
+    labelChanged(): void;
+    checkedChanged(): void;
+    opacityChanged(newValue: number, oldValue: number): void;
+    hiddenChanged(newValue: boolean, oldValue: boolean): void;
+    private _applyHiddenState;
+    get extent(): any;
+    get position(): any;
+    getOuterHTML(): string;
+    zoomTo(): void;
+    getMapEl(): any;
+    getLayerEl(): any;
+    connectedCallback(): Promise<void>;
+    _bindMutationObserver(): void;
+    _runMutationObserver(elementsGroup: any): void;
+    getLayerControlHTML(): any;
+    _projectionMatch(): boolean;
+    _validateDisabled(): boolean;
+    getMeta(metaName: any): any;
+    toggleLayerControlDisabled(): void;
+    _handleChange(): void;
+    _validateLayerControlContainerHidden(): void;
+    disconnectedCallback(): void;
+    _waitForTrefLinks(): Promise<any[]>;
+    _calculateBounds(): void;
+    whenReady(): Promise<void>;
+    render(): any;
+    whenLinksReady(): Promise<PromiseSettledResult<any>[]>;
+}

package/dist/types/components/map-feature/map-feature.d.ts

@@ -0,0 +1,50 @@
+export declare class MapFeature {
+    el: HTMLElement;
+    zoom?: number;
+    min?: number;
+    max?: number;
+    _featureLayer: any;
+    _geometry: any;
+    _groupEl: any;
+    _observer: MutationObserver;
+    _parentEl: any;
+    _initialZoom: number;
+    _getFeatureExtent: any;
+    zoomChanged(newValue: number, oldValue: number): void;
+    minChanged(newValue: number, oldValue: number): void;
+    maxChanged(newValue: number, oldValue: number): void;
+    get zoomValue(): number;
+    get minValue(): number;
+    get maxValue(): number;
+    get extent(): any;
+    get position(): any;
+    getMapEl(): any;
+    getLayerEl(): any;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    reRender(layerToRenderOn: any): void;
+    removeFeature(layerToRemoveFrom: any): void;
+    addFeature(layerToAddTo: any): void;
+    getPrevious(): any;
+    isFirst(): boolean;
+    _createOrGetFeatureLayer(): void;
+    _setUpEvents(): void;
+    _getFallbackCS(): string;
+    _memoizeExtent(): () => any;
+    _updateExtent(shape: Element, coord: Element, bboxExtent: number[]): number[];
+    _getZoomBounds(): {
+        minZoom: number;
+        maxZoom: number;
+        minNativeZoom: number;
+        maxNativeZoom: number;
+    };
+    getZoomToZoom(): number;
+    getMeta(metaName: string): Element | null;
+    mapml2geojson(options?: any): any;
+    click(): void;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    zoomTo(): void;
+    whenReady(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/map-featurecaption/map-featurecaption.d.ts

@@ -0,0 +1,3 @@
+export declare class MapFeaturecaption {
+    render(): any;
+}

package/dist/types/components/map-geometry/map-geometry.d.ts

@@ -0,0 +1,7 @@
+export declare class MapGeometry {
+    el: HTMLElement;
+    cs?: string;
+    csChanged(newValue: string, oldValue: string): void;
+    connectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/map-input/map-input.d.ts

@@ -0,0 +1,24 @@
+export declare class MapInput {
+    el: HTMLElement;
+    name: string;
+    type: string;
+    value?: string;
+    axis?: string;
+    units?: string;
+    position?: string;
+    rel?: string;
+    min?: string;
+    max?: string;
+    step?: string;
+    input: any;
+    _layer: any;
+    initialValue?: number;
+    getMapEl(): any;
+    getLayerEl(): any;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    whenReady(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/map-layer/map-layer.d.ts

@@ -0,0 +1,85 @@
+export declare class GcdsMapLayer {
+    el: HTMLElement;
+    src?: string;
+    checked?: boolean;
+    hidden: boolean;
+    opacity?: number;
+    _opacity?: number;
+    media?: string;
+    get opacityValue(): number;
+    _layer: any;
+    _layerControl: any;
+    _layerControlHTML: any;
+    _layerItemSettingsHTML: any;
+    _propertiesGroupAnatomy: any;
+    disabled: boolean;
+    _fetchError: boolean;
+    _layerRegistry: Map<number, {
+        layer: any;
+        count: number;
+    }>;
+    srcChanged(newValue: string, oldValue: string): void;
+    checkedChanged(newValue: boolean): void;
+    opacityChanged(newValue: number, oldValue: number): void;
+    mediaChanged(newValue: string, oldValue: string): void;
+    hiddenChanged(newValue: boolean, oldValue: boolean): void;
+    private _applyHiddenState;
+    private loggedMessages;
+    private _observer?;
+    private _mql?;
+    private _changeHandler?;
+    private _boundCreateLayerControlHTML?;
+    private _layerControlCheckbox?;
+    private _layerControlLabel?;
+    private _opacityControl?;
+    private _opacitySlider?;
+    private _styles?;
+    get label(): string;
+    set label(val: string);
+    get extent(): any;
+    private _registerMediaQuery;
+    getMapEl(): any;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private _onRemove;
+    connectedCallback(): void;
+    private _onAdd;
+    private _setLocalizedDefaultLabel;
+    private _selectAlternateOrChangeProjection;
+    private _copyRemoteContentToShadowRoot;
+    /**
+     * For "local" content, getProjection will use content of "this"
+     * For "remote" content, you need to pass the shadowRoot to search through
+     */
+    getProjection(): any;
+    private _attachedToMap;
+    private _runMutationObserver;
+    /**
+     * Set up a function to watch additions of child elements of map-layer or
+     * map-layer.shadowRoot and invoke desired side effects via _runMutationObserver
+     */
+    private _bindMutationObserver;
+    private _validateDisabled;
+    private toggleLayerControlDisabled;
+    queryable(): boolean;
+    getAlternateStyles(styleLinks: any[]): HTMLElement | null;
+    getOuterHTML(): string;
+    zoomTo(): void;
+    pasteFeature(feature: any): void;
+    private _createLayerControlHTML;
+    whenReady(): Promise<void>;
+    /**
+     * Wait for all map-extent and map-feature elements to be ready.
+     * Returns a promise that resolves when all are settled.
+     */
+    whenElemsReady(): Promise<PromiseSettledResult<unknown>[]>;
+    /**
+     * Convert this MapML layer to GeoJSON FeatureCollection
+     * @param options - Conversion options:
+     *   - propertyFunction: Function to map <map-properties> to GeoJSON properties
+     *   - transform: Whether to transform coordinates to GCRS (EPSG:4326), defaults to true
+     * @returns GeoJSON FeatureCollection object
+     */
+    mapml2geojson(options?: any): any;
+    render(): any;
+}