@prushforth/map 1.0.0-preview.1

package/dist/cjs/calculatePosition-CDcdNl7C.js

@@ -0,0 +1,92 @@
+'use strict';
+
+/**
+ * Calculate the sequence position for map elements based on their position in a
+ * sequence of target elements (map-tile, map-feature, map-extent).
+ * - map-extent: Each element gets its own unique position (each is its own MapExtentLayer)
+ * - map-tile/map-feature: Adjacent elements of same type share the same position (they share a MapTileLayer/MapFeatureLayer)
+ * - used to set the zIndex for the LayerGroup's _container (rendering).
+ *
+ * @param {HTMLElement} element - The element to calculate position for (map-tile, map-extent, or map-feature)
+ * @returns {number} The position of this element's LayerGroup
+ */
+function calculatePosition(element) {
+  const tagName = element.tagName.toLowerCase();
+  const validTags = ['map-tile', 'map-extent', 'map-feature'];
+
+  // Validate element type
+  if (!validTags.includes(tagName)) {
+    console.warn(`calculatePosition: Invalid element type ${tagName}`);
+    return 0;
+  }
+
+  // Get parent - could be Element or ShadowRoot
+  const parent = element.parentNode;
+  if (!parent) return 1;
+
+  // Get children - works for both Element and ShadowRoot
+  // For ShadowRoot, we need to filter to get only element nodes
+  const children =
+    parent.children ||
+    Array.from(parent.childNodes).filter(
+      (node) => node.nodeType === Node.ELEMENT_NODE
+    );
+
+  if (!children || children.length === 0) return 1;
+
+  let position = 0;
+  let lastTag = null;
+  let foundTarget = false;
+
+  // Iterate through all child elements
+  for (const child of children) {
+    // Skip non-element nodes (shouldn't happen with .children, but safe for childNodes)
+    if (child.nodeType !== Node.ELEMENT_NODE) continue;
+
+    const childTag = child.tagName.toLowerCase();
+
+    // Skip non-map elements
+    if (!validTags.includes(childTag)) continue;
+
+    // Check if we've reached our target element
+    if (child === element) {
+      foundTarget = true;
+
+      // map-extent always needs a new z-index
+      if (childTag === 'map-extent') {
+        position++;
+        return position;
+      }
+
+      // For map-tile and map-feature:
+      // If this element continues a sequence of the same type, return the current z-index
+      if (lastTag === childTag) {
+        return position;
+      }
+
+      // This element starts a new layer group
+      position++;
+      return position;
+    }
+
+    // Before reaching target, count layer group transitions
+    if (!foundTarget) {
+      if (childTag === 'map-extent') {
+        // Each map-extent increments z-index
+        position++;
+      } else if (lastTag !== null && lastTag !== childTag) {
+        // Transition between different types (excluding map-extent)
+        position++;
+      } else if (lastTag === null) {
+        // First valid element starts at z-index 1
+        position = 1;
+      }
+
+      lastTag = childTag;
+    }
+  }
+  // Element not found (shouldn't happen in normal usage)
+  return 0;
+}
+
+exports.calculatePosition = calculatePosition;

package/dist/cjs/gcds-ext-map.cjs.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var ContextMenu = require('./index-CW_WOSnc.js');
+var appGlobals = require('./app-globals-DY--Q2Nl.js');
+require('./locale-_4nEyxeO.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.43.5 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  {
+    patchCloneNodeFix(ContextMenu.H.prototype);
+  }
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('gcds-ext-map.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return ContextMenu.promiseResolve(opts);
+};
+var patchCloneNodeFix = (HTMLElementPrototype) => {
+  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+  HTMLElementPrototype.cloneNode = function(deep) {
+    if (this.nodeName === "TEMPLATE") {
+      return nativeCloneNodeFn.call(this, deep);
+    }
+    const clonedNode = nativeCloneNodeFn.call(this, false);
+    const srcChildNodes = this.childNodes;
+    if (deep) {
+      for (let i = 0; i < srcChildNodes.length; i++) {
+        if (srcChildNodes[i].nodeType !== 2) {
+          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+        }
+      }
+    }
+    return clonedNode;
+  };
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return ContextMenu.bootstrapLazy([["gcds-ext-map_2.cjs",[[513,"gcds-ext-map",{"lat":[1026],"lon":[1026],"zoom":[1026],"projection":[1025],"controls":[516],"static":[516],"_controlslist":[513,"controlslist"],"locale":[1032],"whenProjectionDefined":[64],"whenReady":[64],"whenLayersReady":[64]},null,{"controls":[{"controlsChanged":0}],"_controlslist":[{"controlsListChanged":0}],"projection":[{"projectionChanged":0}],"static":[{"staticChanged":0}]}],[513,"map-layer",{"src":[1537],"checked":[1540],"hidden":[1540],"opacity":[1026],"_opacity":[1026],"media":[1537],"whenReady":[64],"whenElemsReady":[64]},null,{"src":[{"srcChanged":0}],"checked":[{"checkedChanged":0}],"_opacity":[{"opacityChanged":0}],"media":[{"mediaChanged":0}],"hidden":[{"hiddenChanged":0}]}]]],["map-a.cjs",[[512,"map-a",{"href":[513],"target":[513],"type":[513],"inplace":[516]}]]],["map-caption.cjs",[[0,"map-caption"]]],["map-extent.cjs",[[513,"map-extent",{"checked":[1540],"_label":[1025],"opacity":[1026],"_opacity":[1026],"hidden":[1540],"units":[513],"disabled":[1540],"whenReady":[64],"whenLinksReady":[64]},null,{"units":[{"unitsChanged":0}],"_label":[{"labelChanged":0}],"checked":[{"checkedChanged":0}],"_opacity":[{"opacityChanged":0}],"hidden":[{"hiddenChanged":0}]}]]],["map-feature.cjs",[[513,"map-feature",{"zoom":[1026],"min":[1538],"max":[1538],"whenReady":[64]},null,{"zoom":[{"zoomChanged":0}],"min":[{"minChanged":0}],"max":[{"maxChanged":0}]}]]],["map-featurecaption.cjs",[[0,"map-featurecaption"]]],["map-geometry.cjs",[[772,"map-geometry",{"cs":[1537]},null,{"cs":[{"csChanged":0}]}]]],["map-input.cjs",[[512,"map-input",{"name":[513],"type":[513],"value":[1537],"axis":[513],"units":[513],"position":[513],"rel":[513],"min":[513],"max":[513],"step":[513],"whenReady":[64]}]]],["map-link.cjs",[[513,"map-link",{"type":[513],"rel":[513],"href":[513],"hreflang":[513],"tref":[513],"media":[513],"tms":[516],"projection":[513],"disabled":[1540],"whenReady":[64]},null,{"type":[{"typeChanged":0}],"rel":[{"relChanged":0}],"href":[{"hrefChanged":0}],"hreflang":[{"hreflangChanged":0}],"tref":[{"trefChanged":0}],"media":[{"mediaChanged":0}],"tms":[{"tmsChanged":0}],"projection":[{"projectionChanged":0}],"disabled":[{"disabledChanged":0}]}]]],["map-meta.cjs",[[512,"map-meta",{"name":[513],"content":[513]},null,{"name":[{"nameChanged":0}],"content":[{"contentChanged":0}]}]]],["map-properties.cjs",[[1,"map-properties"]]],["map-select.cjs",[[512,"map-select",{"name":[513],"whenReady":[64]},null,{"name":[{"nameChanged":0}]}]]],["map-span.cjs",[[0,"map-span"]]],["map-style.cjs",[[512,"map-style",{"media":[513]},null,{"media":[{"mediaChanged":0}]}]]],["map-tile.cjs",[[512,"map-tile",{"row":[514],"col":[514],"zoom":[514],"src":[513],"zoomTo":[64]},null,{"src":[{"srcChanged":0}]}]]]], options);
+});
+
+exports.setNonce = ContextMenu.setNonce;