@arcgis/common-components 5.1.0-next.11 → 5.1.0-next.111

package/dist/components/arcgis-ckeditor5/customElement.js

@@ -5,7 +5,7 @@ import { createRef as fB, ref as kB } from "lit/directives/ref.js";
 import { css as bB, html as wB } from "lit";
 import { unsafeGetElementDirection as _B } from "@arcgis/toolkit/dom";
 import AB from "@esri/arcgis-html-sanitizer";
-import { F as CB } from "../../chunks/types.js";
+import { F as CB } from "../../chunks/internal-types.js";
 import { C as sr } from "../../chunks/resources.js";
 var aa = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function vB(Ke) {
@@ -9245,7 +9245,7 @@ Read more: ${ce}#error-${i}`;
         const Me = "41.3.1", gn = new Date(2024, 3, 16);
         if (globalThis.CKEDITOR_VERSION) throw new C("ckeditor-duplicated-modules", null);
         globalThis.CKEDITOR_VERSION = Me;
-        const rt = Symbol("listeningTo"), Dn = Symbol("emitterId"), xt = Symbol("delegations"), nd = pe(Object);
+        const rt = /* @__PURE__ */ Symbol("listeningTo"), Dn = /* @__PURE__ */ Symbol("emitterId"), xt = /* @__PURE__ */ Symbol("delegations"), nd = pe(Object);
         function pe(i) {
           return i ? class extends i {
             on(e, t, n) {
@@ -9381,7 +9381,7 @@ Read more: ${ce}#error-${i}`;
         const Ce = function(i) {
           var e = typeof i;
           return i != null && (e == "object" || e == "function");
-        }, lr = Symbol("observableProperties"), cr = Symbol("boundObservables"), dr = Symbol("boundProperties"), co = Symbol("decoratedMethods"), ad = Symbol("decoratedOriginal"), ld = fe(pe());
+        }, lr = /* @__PURE__ */ Symbol("observableProperties"), cr = /* @__PURE__ */ Symbol("boundObservables"), dr = /* @__PURE__ */ Symbol("boundProperties"), co = /* @__PURE__ */ Symbol("decoratedMethods"), ad = /* @__PURE__ */ Symbol("decoratedOriginal"), ld = fe(pe());
         function fe(i) {
           return i ? class extends i {
             set(e, t) {
@@ -11693,7 +11693,7 @@ Read more: ${ce}#error-${i}`;
         Br.prototype.is = function(i, e) {
           return e ? e === this.name && (i === "editableElement" || i === "view:editableElement" || i === "containerElement" || i === "view:containerElement" || i === "element" || i === "view:element") : i === "editableElement" || i === "view:editableElement" || i === "containerElement" || i === "view:containerElement" || i === "element" || i === "view:element" || i === "node" || i === "view:node";
         };
-        const ju = Symbol("rootName");
+        const ju = /* @__PURE__ */ Symbol("rootName");
         class Hu extends Br {
           constructor(e, t) {
             super(e, t), this.rootName = "main";
@@ -12207,7 +12207,7 @@ Read more: ${ce}#error-${i}`;
             return this._currentTarget;
           }
         }
-        const Ja = Symbol("bubbling contexts");
+        const Ja = /* @__PURE__ */ Symbol("bubbling contexts");
         function Xa(i) {
           return class extends i {
             fire(e, ...t) {
@@ -15141,7 +15141,7 @@ Read more: ${ce}#error-${i}`;
             return t || (t = this._addSymbolForTextProxy(e)), t;
           }
           _addSymbolForTextProxy(e) {
-            const t = e.startOffset, n = e.endOffset, o = e.parent, r = Symbol("$textProxy:" + e.data);
+            const t = e.startOffset, n = e.endOffset, o = e.parent, r = /* @__PURE__ */ Symbol("$textProxy:" + e.data);
             let s, a;
             return s = this._textProxyRegistry.get(t), s || (s = /* @__PURE__ */ new Map(), this._textProxyRegistry.set(t, s)), a = s.get(n), a || (a = /* @__PURE__ */ new Map(), s.set(n, a)), a.set(o, r), r;
           }
@@ -21156,7 +21156,7 @@ Read more: ${ce}#error-${i}`;
             return { s: t ? Pi(this.hsva.s + 100 * e.x, 0, 100) : 100 * e.x, v: t ? Pi(this.hsva.v - 100 * e.y, 0, 100) : Math.round(100 - 100 * e.y) };
           }
         }
-        const ss = Symbol("same"), Pl = Symbol("color"), mg = Symbol("hsva"), Ll = Symbol("update"), gg = Symbol("parts"), pg = Symbol("css"), fg = Symbol("sliders");
+        const ss = /* @__PURE__ */ Symbol("same"), Pl = /* @__PURE__ */ Symbol("color"), mg = /* @__PURE__ */ Symbol("hsva"), Ll = /* @__PURE__ */ Symbol("update"), gg = /* @__PURE__ */ Symbol("parts"), pg = /* @__PURE__ */ Symbol("css"), fg = /* @__PURE__ */ Symbol("sliders");
         class y1 extends HTMLElement {
           static get observedAttributes() {
             return ["color"];
@@ -23078,7 +23078,7 @@ Read more: ${ce}#error-${i}`;
             }));
           }
         }
-        const Ri = Symbol("MainQueueId");
+        const Ri = /* @__PURE__ */ Symbol("MainQueueId");
         class Jx {
           constructor() {
             this._onEmptyCallbacks = [], this._queues = /* @__PURE__ */ new Map(), this._activeActions = 0;
@@ -33221,11 +33221,11 @@ $&
                 this.editor.execute("mention", { marker: "{", mention: l });
               }));
             };
-            return r.addEventListener("arcgisFieldPickListDismissed", ((a) => {
+            return r.addEventListener("arcgisClose", ((a) => {
               if (!a.detail) return void this._cleanUp(r, t, e, n);
               const l = a.detail.selectedFields.length > 0, c = a.detail.selectedFields;
               r.multiple && l && s(c), this._cleanUp(r, t, e, n);
-            })), r.addEventListener("arcgisFieldPickListChange", ((a) => {
+            })), r.addEventListener("arcgisChange", ((a) => {
               const l = a.detail.selectedFields;
               !r.multiple && s(l);
             })), r;
@@ -33337,7 +33337,7 @@ $&
             }));
           };
           _loadUI = () => {
-            this.popover = document.createElement("calcite-popover"), this.divContainer = document.createElement("div"), this.panel = document.createElement("calcite-panel"), this.tabs = document.createElement("calcite-tabs"), this.tabNav = document.createElement("calcite-tab-nav"), this.customTab = document.createElement("calcite-tab"), this.customTabTitle = document.createElement("calcite-tab-title"), this.doneButton = document.createElement("calcite-button"), this.popover.placement = "bottom-start", this.popover.offsetDistance = 5, this.popover.focusTrapDisabled = !0, this.popover.pointerDisabled = !0, this.popover.style = "--calcite-popover-z-index: 101", this.popover.autoClose = !0, this.popover.appendChild(this.divContainer), this.divContainer.appendChild(this.panel), this.panel.appendChild(this.tabs), this.panel.appendChild(this.doneButton), this.tabNav.appendChild(this.customTabTitle), this.tabs.appendChild(this.customTab), this.customTab.appendChild(this.colorPicker), this.enableFields && (this.attributeTab = document.createElement("calcite-tab"), this.attributeTabTitle = document.createElement("calcite-tab-title"), this.attributeList = document.createElement("calcite-list"), this.tabs.appendChild(this.tabNav), this.tabs.appendChild(this.attributeTab), this.tabNav.appendChild(this.attributeTabTitle), this.attributeTab.appendChild(this.attributeList), this.attributeTabTitle.innerText = this.attributeText, this.attributeList.selectionMode = "single", this.attributeList.filterEnabled = !0, this.attributeList.filterPlaceholder = this.filterPlaceholder, this.attributeTab.style.width = "294px", this.attributeList.style.maxHeight = "300px", this.tabs.bordered = !0, this.tabs.layout = "center", this.tabNav.slot = "title-group", this.data && this.data.forEach(((e) => {
+            this.popover = document.createElement("calcite-popover"), this.divContainer = document.createElement("div"), this.panel = document.createElement("calcite-panel"), this.tabs = document.createElement("calcite-tabs"), this.tabNav = document.createElement("calcite-tab-nav"), this.customTab = document.createElement("calcite-tab"), this.customTabTitle = document.createElement("calcite-tab-title"), this.doneButton = document.createElement("calcite-button"), this.popover.placement = "bottom-start", this.popover.offsetDistance = 5, this.popover.focusTrapDisabled = !0, this.popover.pointerDisabled = !0, this.popover.topLayerDisabled = !0, this.popover.style = "--calcite-popover-z-index: 101", this.popover.autoClose = !0, this.popover.appendChild(this.divContainer), this.divContainer.appendChild(this.panel), this.panel.appendChild(this.tabs), this.panel.appendChild(this.doneButton), this.tabNav.appendChild(this.customTabTitle), this.tabs.appendChild(this.customTab), this.customTab.appendChild(this.colorPicker), this.enableFields && (this.attributeTab = document.createElement("calcite-tab"), this.attributeTabTitle = document.createElement("calcite-tab-title"), this.attributeList = document.createElement("calcite-list"), this.tabs.appendChild(this.tabNav), this.tabs.appendChild(this.attributeTab), this.tabNav.appendChild(this.attributeTabTitle), this.attributeTab.appendChild(this.attributeList), this.attributeTabTitle.innerText = this.attributeText, this.attributeList.selectionMode = "single", this.attributeList.filterEnabled = !0, this.attributeList.filterPlaceholder = this.filterPlaceholder, this.attributeTab.style.width = "294px", this.attributeList.style.maxHeight = "300px", this.tabs.bordered = !0, this.tabs.layout = "center", this.tabNav.slot = "title-group", this.data && this.data.forEach(((e) => {
               const { name: t, alias: n, description: o } = e, r = document.createElement("calcite-list-item");
               r.label = n, r.style.textAlign = "start", r.description = `{${t}}`, r.id = `{${t}}`, r.value = n, r.style.whiteSpace = "normal", r.addEventListener("calciteListItemSelect", (() => {
                 const s = this.editor.model.document.selection;
@@ -33811,7 +33811,7 @@ $&
           }
         }];
         var e_ = { columns: 10, documentColors: 0, colors: [{ color: "#ffffff", label: " " }, { color: "#fff5ee", label: " " }, { color: "#fff8dc", label: " " }, { color: "#fffacd", label: " " }, { color: "#ffffe0", label: " " }, { color: "#98fb98", label: " " }, { color: "#afeeee", label: " " }, { color: "#e0ffff", label: " " }, { color: "#e6e6fa", label: " " }, { color: "#dda0dd", label: " " }, { color: "#d3d3d3", label: " " }, { color: "#ffc0cb", label: " " }, { color: "#ffe4c4", label: " " }, { color: "#ffe4b5", label: " " }, { color: "#f0e68c", label: " " }, { color: "#90ee90", label: " " }, { color: "#20b2aa", label: " " }, { color: "#87cefa", label: " " }, { color: "#6495ed", label: " " }, { color: "#ee82ee", label: " " }, { color: "#c0c0c0", label: " " }, { color: "#f08080", label: " " }, { color: "#f4a460", label: " " }, { color: "#ffa500", label: " " }, { color: "#eee8aa", label: " " }, { color: "#7fff00", label: " " }, { color: "#48d1cc", label: " " }, { color: "#87ceeb", label: " " }, { color: "#7b68ee", label: " " }, { color: "#da70d6", label: " " }, { color: "#808080", label: " " }, { color: "#ff0000", label: " " }, { color: "#ff4500", label: " " }, { color: "#ff8c00", label: " " }, { color: "#ffff00", label: " " }, { color: "#32cd32", label: " " }, { color: "#8fbc8f", label: " " }, { color: "#4169e1", label: " " }, { color: "#6a5acd", label: " " }, { color: "#ba55d3", label: " " }, { color: "#696969", label: " " }, { color: "#dc143c", label: " " }, { color: "#d2691e", label: " " }, { color: "#ff7f50", label: " " }, { color: "#ffd700", label: " " }, { color: "#228b22", label: " " }, { color: "#2e8b57", label: " " }, { color: "#0000ff", label: " " }, { color: "#8a2be2", label: " " }, { color: "#9932cc", label: " " }, { color: "#2f4f4f", label: " " }, { color: "#b22222", label: " " }, { color: "#8b4513", label: " " }, { color: "#a0522d", label: " " }, { color: "#808000", label: " " }, { color: "#008000", label: " " }, { color: "#008b8b", label: " " }, { color: "#0000cd", label: " " }, { color: "#483d8b", label: " " }, { color: "#8b008b", label: " " }, { color: "#000000", label: " " }, { color: "#8b0000", label: " " }, { color: "#800000", label: " " }, { color: "#a52a2a", label: " " }, { color: "#556b2f", label: " " }, { color: "#006400", label: " " }, { color: "#191970", label: " " }, { color: "#000080", label: " " }, { color: "#4b0082", label: " " }, { color: "#800080", label: " " }] };
-        rr.defaultConfig = { licenseKey: "WlZCOVRvK1lBTUdYRG13dnQ3L1krYTlycHc5dTVZbm5kWmRoMkpIRS9ETHBGbzd1YzBYUGNxcTZVbVljTkprQldwTjlqbzJIa3Jidmd6SXBtdUU9LU1qQXlOREE1TWpRPQ==", link: { addTargetToExternalLinks: !0 }, toolbar: { items: ["fontSize", "fontFamily", "arcgis-color-picker", "|", "sourceEditing", "arcgis-field-expression", "link", "|", "insertTable", "numberedList", "bulletedList", "alignment", "|", "bold", "italic", "underline", "|", "removeFormat", "undo", "redo"] }, image: { toolbar: ["imageStyle:alignLeft", "imageStyle:alignRight", "imageStyle:alignBlockLeft", "imageStyle:alignCenter", "imageStyle:alignBlockRight", "toggleImageCaption"] }, fontFamily: { options: ["default", { title: "Arial", model: "Arial", view: { name: "span", styles: { "font-family": "Arial, Helvetica, sans-serif" } } }, { title: "Courier New", model: "Courier", view: { name: "span", styles: { "font-family": "Courier New, Courier, monospace" } } }, { title: "Tahoma", model: "Tahoma", view: { name: "span", styles: { "font-family": "Tahoma, Geneva, sans-serif" } } }, { title: "Times New Roman", model: "Times", view: { name: "span", styles: { "font-family": "Times New Roman, Times, serif" } } }, { title: "Verdana", model: "Verdana", view: { name: "span", styles: { "font-family": "Verdana, Geneva, sans-serif" } } }], supportAllValues: !0 }, fontSize: { options: [10, 12, 14, 18, 24], supportAllValues: !0 }, fontColor: { ...e_ }, fontBackgroundColor: { ...e_ }, table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"], tableProperties: { colorPicker: { format: "hex" } }, tableCellProperties: { colorPicker: { format: "hex" }, defaultProperties: { horizontalAlignment: "center" } } }, htmlSupport: { allow: [{ name: "p", styles: !0 }, { name: "a", styles: !0, attributes: !0 }, { name: "div", styles: !0, attributes: ["align", "aria-hidden", "aria-label"] }, { name: "video", styles: !0, attributes: ["autoplay", "controls", "height", "loop", "muted", "poster", "preload", "width"] }, { name: "audio", styles: !0, attributes: ["autoplay", "controls", "loop", "muted", "preload"] }, { name: "ul" }, { name: "ol" }, { name: "li" }, { name: "tbody" }, { name: "br" }, { name: "hr" }, { name: "source", styles: !0, attributes: ["media", "src", "type"] }, { name: "table", styles: !0, attributes: ["width", "height", "cellpadding", "cellspacing", "border"] }, { name: "td", styles: !0, attributes: ["height", "width", "valign", "align", "colspan", "rowspan", "nowrap"] }, { name: "th", styles: !0, attributes: ["height", "width", "valign", "align", "colspan", "rowspan", "nowrap"] }, { name: "tr", styles: !0, attributes: !0 }, { name: "tbody", styles: !0, attributes: !0 }, { name: "hr", styles: !0, attributes: !0 }, { name: "img", styles: !0, attributes: !0 }, { name: "abbr", attributes: ["title"] }, { name: "font", styles: !0, attributes: !0 }, { name: "dd", styles: !0 }, { name: "dl", styles: !0 }, { name: "dt", styles: !0 }, { name: "h1", styles: !0 }, { name: "h2", styles: !0 }, { name: "h3", styles: !0 }, { name: "h4", styles: !0 }, { name: "h5", styles: !0 }, { name: "h6", styles: !0 }, { name: "sub", styles: !0 }, { name: "sup", styles: !0 }, { name: "figcaption", styles: !0 }, { name: "article", styles: !0 }, { name: "aside", styles: !0 }, { name: "details", styles: !0, attributes: ["open"] }, { name: "footer", styles: !0 }, { name: "header", styles: !0 }, { name: "main", styles: !0 }, { name: "mark", styles: !0 }, { name: "nav", styles: !0 }, { name: "section", styles: !0 }, { name: "summary", styles: !0 }, { name: "time", styles: !0 }, { name: "pre", styles: !0 }, { name: "code", styles: !0 }, { name: "blockquote", styles: !0 }, { name: "del", styles: !0 }, { name: "span", styles: !0, attributes: ["aria-label", "aria-hidden"] }, { name: "figure", styles: !0 }], disallow: [{ name: "a", attributes: { rel: !0 } }] }, language: "en" };
+        rr.defaultConfig = { licenseKey: "WlZCOVRvK1lBTUdYRG13dnQ3L1krYTlycHc5dTVZbm5kWmRoMkpIRS9ETHBGbzd1YzBYUGNxcTZVbVljTkprQldwTjlqbzJIa3Jidmd6SXBtdUU9LU1qQXlOREE1TWpRPQ==", link: { addTargetToExternalLinks: !0 }, toolbar: { items: ["fontSize", "fontFamily", "arcgis-color-picker", "|", "sourceEditing", "arcgis-field-expression", "link", "|", "insertTable", "numberedList", "bulletedList", "alignment", "|", "bold", "italic", "underline", "|", "removeFormat", "undo", "redo"] }, image: { toolbar: ["imageStyle:alignLeft", "imageStyle:alignRight", "imageStyle:alignBlockLeft", "imageStyle:alignCenter", "imageStyle:alignBlockRight", "toggleImageCaption"] }, fontFamily: { options: ["default", { title: "Arial", model: "Arial", view: { name: "span", styles: { "font-family": "Arial, Helvetica, sans-serif" } } }, { title: "Courier New", model: "Courier", view: { name: "span", styles: { "font-family": "Courier New, Courier, monospace" } } }, { title: "Tahoma", model: "Tahoma", view: { name: "span", styles: { "font-family": "Tahoma, Geneva, sans-serif" } } }, { title: "Times New Roman", model: "Times", view: { name: "span", styles: { "font-family": "Times New Roman, Times, serif" } } }, { title: "Verdana", model: "Verdana", view: { name: "span", styles: { "font-family": "Verdana, Geneva, sans-serif" } } }], supportAllValues: !0 }, fontSize: { options: [10, 12, 14, 18, 24], supportAllValues: !0 }, fontColor: { ...e_ }, fontBackgroundColor: { ...e_ }, table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"], tableProperties: { colorPicker: { format: "hex" } }, tableCellProperties: { colorPicker: { format: "hex" }, defaultProperties: { horizontalAlignment: "center" } } }, htmlSupport: { allow: [{ name: "p", styles: !0 }, { name: "a", styles: !0, attributes: !0 }, { name: "div", styles: !0, attributes: ["align", "aria-hidden", "aria-label"] }, { name: "video", styles: !0, attributes: ["autoplay", "controls", "height", "loop", "muted", "poster", "preload", "width"] }, { name: "audio", styles: !0, attributes: ["autoplay", "controls", "loop", "muted", "preload"] }, { name: "ul" }, { name: "ol" }, { name: "li" }, { name: "tbody" }, { name: "br" }, { name: "hr" }, { name: "source", styles: !0, attributes: ["media", "src", "type"] }, { name: "table", styles: !0, attributes: ["width", "height", "cellpadding", "cellspacing", "border"] }, { name: "td", styles: !0, attributes: ["height", "width", "valign", "align", "colspan", "rowspan", "nowrap"] }, { name: "th", styles: !0, attributes: ["height", "width", "valign", "align", "colspan", "rowspan", "nowrap"] }, { name: "tr", styles: !0, attributes: !0 }, { name: "tbody", styles: !0, attributes: !0 }, { name: "hr", styles: !0, attributes: !0 }, { name: "img", styles: !0, attributes: !0 }, { name: "abbr", attributes: ["title"] }, { name: "font", styles: !0, attributes: !0 }, { name: "dd", styles: !0 }, { name: "dl", styles: !0 }, { name: "dt", styles: !0 }, { name: "h2", styles: !0 }, { name: "h3", styles: !0 }, { name: "h4", styles: !0 }, { name: "h5", styles: !0 }, { name: "h6", styles: !0 }, { name: "sub", styles: !0 }, { name: "sup", styles: !0 }, { name: "figcaption", styles: !0 }, { name: "article", styles: !0 }, { name: "aside", styles: !0 }, { name: "details", styles: !0, attributes: ["open"] }, { name: "footer", styles: !0 }, { name: "header", styles: !0 }, { name: "main", styles: !0 }, { name: "mark", styles: !0 }, { name: "nav", styles: !0 }, { name: "section", styles: !0 }, { name: "summary", styles: !0 }, { name: "time", styles: !0 }, { name: "pre", styles: !0 }, { name: "code", styles: !0 }, { name: "blockquote", styles: !0 }, { name: "del", styles: !0 }, { name: "span", styles: !0, attributes: ["aria-label", "aria-hidden"] }], disallow: [{ name: "a", attributes: { rel: !0 } }] }, language: "en" };
         const wI = rr;
         function En(i, e, t, n) {
           let o, r = null;

package/dist/components/arcgis-ckeditor5-popover/customElement.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as a } from "../../chunks/runtime.js";
 import { css as l, html as n } from "lit";
-import { LitElement as d, createEvent as o, safeClassMap as e, nothing as c } from "@arcgis/lumina";
+import { LitElement as d, createEvent as o, nothing as c, safeClassMap as e } from "@arcgis/lumina";
 import { createRef as s, ref as r } from "lit/directives/ref.js";
 import { Task as p } from "@lit/task";
 import { unsafeGetElementDirection as h } from "@arcgis/toolkit/dom";

package/dist/components/arcgis-color-input/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { IPopoverProps } from "../../utils/types.js";
+import type { PopoverProps } from "../../utils/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { Popover as Popover } from "@esri/calcite-components/components/calcite-popover";
 
@@ -64,7 +64,7 @@ export abstract class ArcgisColorInput extends LitElement {
    */
   accessor placement: Popover["placement"];
   /** Convenience prop to specify common popover props. */
-  accessor popoverProps: IPopoverProps | undefined;
+  accessor popoverProps: PopoverProps | undefined;
   /**
    * If true, allow transparency to be modified within the color picker.
    *

package/dist/components/arcgis-coordinate-system-picker/customElement.d.ts

@@ -0,0 +1,327 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** @internal */
+export abstract class ArcgisCoordinateSystemPicker extends LitElement {
+  /**
+   * Contains the translations for this component.
+   *
+   * @internal
+   */
+  protected _messages: {
+      "ARC (equal arc-second)": string;
+      Africa: string;
+      Antarctica: string;
+      Argentina: string;
+      Asia: string;
+      "Asteroid Belt": string;
+      "Atlantic Ocean": string;
+      Australia: string;
+      "Australia and New Zealand": string;
+      Austria: string;
+      "BLM (US Feet)": string;
+      Bangladesh: string;
+      "Beijing 1954": string;
+      Bhutan: string;
+      CGCS2000: string;
+      Canada: string;
+      Caribbean: string;
+      "Caribbean Sea": string;
+      "Central America": string;
+      "Central and North America": string;
+      Colombia: string;
+      Continental: string;
+      "County Systems": string;
+      "Democratic Republic of the Congo": string;
+      "EPSG Arctic": string;
+      Earth: string;
+      "Ellipsoidal-based": string;
+      Europe: string;
+      Finland: string;
+      France: string;
+      "GSK 2011": string;
+      "Gauss Kruger": string;
+      "Geographic Coordinate Systems": string;
+      Germany: string;
+      "Gravity-related": string;
+      "Greenwich-based": string;
+      "Highways England": string;
+      Illinois: string;
+      "Indian Ocean": string;
+      "Indian Subcontinent": string;
+      Indiana: string;
+      Indonesia: string;
+      Iowa: string;
+      "Ireland and United Kingdom": string;
+      Italy: string;
+      Japan: string;
+      Jupiter: string;
+      Kansas: string;
+      "Las Vegas": string;
+      Libya: string;
+      Malaysia: string;
+      "Malaysia and Singapore": string;
+      Mars: string;
+      Mercury: string;
+      Meters: string;
+      Minnesota: string;
+      Montana: string;
+      "NAD 1927": string;
+      "NAD 1927 (US Feet)": string;
+      "NAD 1983": string;
+      "NAD 1983 (2011)": string;
+      "NAD 1983 (2011) (Intl Feet)": string;
+      "NAD 1983 (2011) (Meters)": string;
+      "NAD 1983 (2011) (US Feet)": string;
+      "NAD 1983 (CORS96) (Intl Feet)": string;
+      "NAD 1983 (CORS96) (Meters)": string;
+      "NAD 1983 (CORS96) (US Feet)": string;
+      "NAD 1983 (Intl Feet)": string;
+      "NAD 1983 (Meters)": string;
+      "NAD 1983 (PA11) (Meters)": string;
+      "NAD 1983 (PA11) (US Feet)": string;
+      "NAD 1983 (US Feet)": string;
+      "NAD 1983 HARN (Intl Feet)": string;
+      "NAD 1983 HARN (Meters)": string;
+      "NAD 1983 HARN (US Feet)": string;
+      "NAD 1983 NSRS2007 (Intl Feet)": string;
+      "NAD 1983 NSRS2007 (Meters)": string;
+      "NAD 1983 NSRS2007 (US Feet)": string;
+      "National Grids": string;
+      Navajo: string;
+      Neptune: string;
+      "New Beijing": string;
+      "New Zealand": string;
+      "North America": string;
+      "Northern Hemisphere": string;
+      Norway: string;
+      Oceans: string;
+      Oregon: string;
+      "Other GCS": string;
+      "Pacific Ocean": string;
+      Pluto: string;
+      Polar: string;
+      Portugal: string;
+      "Projected Coordinate Systems": string;
+      "Pulkovo 1942": string;
+      "Pulkovo 1995": string;
+      Replaced: string;
+      "SAD 1969": string;
+      SIRGAS: string;
+      "SIRGAS 2000": string;
+      Saturn: string;
+      "Solar System": string;
+      "South Africa": string;
+      "South America": string;
+      "South Korea": string;
+      "Southern Hemisphere": string;
+      "Spheroid-based": string;
+      "State Plane": string;
+      "State Systems": string;
+      Sweden: string;
+      "Switzerland and Liechtenstein": string;
+      Texas: string;
+      Tribal: string;
+      Turkey: string;
+      "US Feet": string;
+      "USA and territories": string;
+      UTM: string;
+      Ukraine: string;
+      "Unknown Height Systems": string;
+      Uranus: string;
+      Venus: string;
+      "Vertical Coordinate Systems": string;
+      Vietnam: string;
+      "WGS 1972": string;
+      "WGS 1984": string;
+      Wisconsin: string;
+      "Wisconsin CRS": string;
+      World: string;
+      "World (Sphere-based)": string;
+      Wyoming: string;
+      "Xian 1980": string;
+      noMatchesFound: string;
+      noResults: string;
+      searchPlaceholder: string;
+  } & T9nMeta<{
+      "ARC (equal arc-second)": string;
+      Africa: string;
+      Antarctica: string;
+      Argentina: string;
+      Asia: string;
+      "Asteroid Belt": string;
+      "Atlantic Ocean": string;
+      Australia: string;
+      "Australia and New Zealand": string;
+      Austria: string;
+      "BLM (US Feet)": string;
+      Bangladesh: string;
+      "Beijing 1954": string;
+      Bhutan: string;
+      CGCS2000: string;
+      Canada: string;
+      Caribbean: string;
+      "Caribbean Sea": string;
+      "Central America": string;
+      "Central and North America": string;
+      Colombia: string;
+      Continental: string;
+      "County Systems": string;
+      "Democratic Republic of the Congo": string;
+      "EPSG Arctic": string;
+      Earth: string;
+      "Ellipsoidal-based": string;
+      Europe: string;
+      Finland: string;
+      France: string;
+      "GSK 2011": string;
+      "Gauss Kruger": string;
+      "Geographic Coordinate Systems": string;
+      Germany: string;
+      "Gravity-related": string;
+      "Greenwich-based": string;
+      "Highways England": string;
+      Illinois: string;
+      "Indian Ocean": string;
+      "Indian Subcontinent": string;
+      Indiana: string;
+      Indonesia: string;
+      Iowa: string;
+      "Ireland and United Kingdom": string;
+      Italy: string;
+      Japan: string;
+      Jupiter: string;
+      Kansas: string;
+      "Las Vegas": string;
+      Libya: string;
+      Malaysia: string;
+      "Malaysia and Singapore": string;
+      Mars: string;
+      Mercury: string;
+      Meters: string;
+      Minnesota: string;
+      Montana: string;
+      "NAD 1927": string;
+      "NAD 1927 (US Feet)": string;
+      "NAD 1983": string;
+      "NAD 1983 (2011)": string;
+      "NAD 1983 (2011) (Intl Feet)": string;
+      "NAD 1983 (2011) (Meters)": string;
+      "NAD 1983 (2011) (US Feet)": string;
+      "NAD 1983 (CORS96) (Intl Feet)": string;
+      "NAD 1983 (CORS96) (Meters)": string;
+      "NAD 1983 (CORS96) (US Feet)": string;
+      "NAD 1983 (Intl Feet)": string;
+      "NAD 1983 (Meters)": string;
+      "NAD 1983 (PA11) (Meters)": string;
+      "NAD 1983 (PA11) (US Feet)": string;
+      "NAD 1983 (US Feet)": string;
+      "NAD 1983 HARN (Intl Feet)": string;
+      "NAD 1983 HARN (Meters)": string;
+      "NAD 1983 HARN (US Feet)": string;
+      "NAD 1983 NSRS2007 (Intl Feet)": string;
+      "NAD 1983 NSRS2007 (Meters)": string;
+      "NAD 1983 NSRS2007 (US Feet)": string;
+      "National Grids": string;
+      Navajo: string;
+      Neptune: string;
+      "New Beijing": string;
+      "New Zealand": string;
+      "North America": string;
+      "Northern Hemisphere": string;
+      Norway: string;
+      Oceans: string;
+      Oregon: string;
+      "Other GCS": string;
+      "Pacific Ocean": string;
+      Pluto: string;
+      Polar: string;
+      Portugal: string;
+      "Projected Coordinate Systems": string;
+      "Pulkovo 1942": string;
+      "Pulkovo 1995": string;
+      Replaced: string;
+      "SAD 1969": string;
+      SIRGAS: string;
+      "SIRGAS 2000": string;
+      Saturn: string;
+      "Solar System": string;
+      "South Africa": string;
+      "South America": string;
+      "South Korea": string;
+      "Southern Hemisphere": string;
+      "Spheroid-based": string;
+      "State Plane": string;
+      "State Systems": string;
+      Sweden: string;
+      "Switzerland and Liechtenstein": string;
+      Texas: string;
+      Tribal: string;
+      Turkey: string;
+      "US Feet": string;
+      "USA and territories": string;
+      UTM: string;
+      Ukraine: string;
+      "Unknown Height Systems": string;
+      Uranus: string;
+      Venus: string;
+      "Vertical Coordinate Systems": string;
+      Vietnam: string;
+      "WGS 1972": string;
+      "WGS 1984": string;
+      Wisconsin: string;
+      "Wisconsin CRS": string;
+      World: string;
+      "World (Sphere-based)": string;
+      Wyoming: string;
+      "Xian 1980": string;
+      noMatchesFound: string;
+      noResults: string;
+      searchPlaceholder: string;
+  }>;
+  /**
+   * When true the arcgis-coordinate-system-picker-tree will be filtered to display the default wkid when the component loads.
+   * The default wkid will also be shown in the search element when this value is true.
+   * Currently MapViewer Analysis UI has the property set to its default value of false, to avoid auto filtering.
+   *
+   * @default false
+   */
+  accessor autoFilterToDefault: boolean;
+  /**
+   * The wkid that will be used as the default when no user selection has been made.
+   * This should be the wkid of the base map or the wkid of the first layer in the map.
+   * If no default is provided, it will fall back to WGS 84 (Web Mercator)
+   *
+   * @default 4326
+   */
+  accessor defaultWkid: number;
+  /**
+   * When true the search input is displayed and users can filter spatial references.
+   *
+   * @default false
+   */
+  accessor filterEnabled: boolean;
+  /**
+   * Categories to hide from the coordinate-system-picker.
+   * The three top-level categories are "Projected Coordinate Systems", "Geographic Coordinate Systems", and "Vertical Coordinate Systems".
+   * Each of these categories has sub-categories that can also be hidden, to see the full list of categories, see the `srCategories` that is imported.
+   *
+   * @example
+   * // Hide the "Projected Coordinate Systems" category
+   * hideCategories: ["Projected Coordinate Systems"]
+   * @example
+   * // Hide the "Projected Coordinate Systems" and "Geographic Coordinate Systems" categories
+   * hideCategories: ["Projected Coordinate Systems", "Geographic Coordinate Systems"]
+   */
+  accessor hideCategories: string[] | undefined;
+  /** The current spatial reference selection as a WKID string */
+  accessor value: { latestWkid?: number; } | undefined;
+  /** @returns the description of the spatial reference */
+  getSRDescription(): Promise<string | undefined>;
+  /** Emitted when the spatial reference selection changes */
+  readonly arcgisChange: import("@arcgis/lumina").TargetedEvent<this, { latestWkid?: number; } | undefined>;
+  readonly "@eventTypes": {
+    arcgisChange: ArcgisCoordinateSystemPicker["arcgisChange"]["detail"];
+  };
+}

package/dist/components/arcgis-coordinate-system-picker/customElement.js

@@ -0,0 +1,111 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as o } from "../../chunks/runtime.js";
+import { css as n, html as a } from "lit";
+import { createRef as c, ref as h } from "lit/directives/ref.js";
+import { LitElement as u, createEvent as d } from "@arcgis/lumina";
+import { debounce as f } from "@arcgis/toolkit/function";
+import { substitute as p } from "@arcgis/core/intl.js";
+import { u as g } from "../../chunks/useT9n.js";
+import { s as m } from "../../chunks/spatial-references.js";
+const v = n`:host{overflow-y:hidden;display:flex;flex-direction:column;--calcite-color-border-input: var(--calcite-color-border-2);height:var(--arcgis-coordinate-system-picker-height, 45vh);min-width:var(--arcgis-coordinate-system-picker-min-width, 20rem);max-width:var(--arcgis-coordinate-system-picker-max-width, 27rem)}.no-matches-found-msg{margin:var(--calcite-space-sm);font-size:var(--calcite-font-size--2)}arcgis-coordinate-system-picker-tree{flex:1}`;
+class S extends u {
+  constructor() {
+    super(...arguments), this.searchText = "", this.searchInput = c(), this.treeElement = c(), this._messages = g({ blocking: !0 }), this.wkidMap = /* @__PURE__ */ new Map(), this.performantFilterSpatialReferences = f((e) => {
+      this.updateSearchResults(e);
+    }, 250), this.autoFilterToDefault = !1, this.defaultWkid = 4326, this.filterEnabled = !1, this.arcgisChange = d();
+  }
+  static {
+    this.properties = { searchResults: 16, autoFilterToDefault: 5, defaultWkid: 9, value: 0, hideCategories: 0, filterEnabled: 5 };
+  }
+  static {
+    this.styles = v;
+  }
+  async getSRDescription() {
+    if (this.value?.latestWkid !== void 0)
+      return this.getSpatialReferenceDescription(this.value?.latestWkid);
+  }
+  load() {
+    this.value = this.value ?? { latestWkid: this.defaultWkid };
+    const e = this.filterSrCategories(m);
+    this.visibleSrCategories = this.translateSrCategories(e), this.buildWkidMap(this.visibleSrCategories), this.applyAutoFilterToDefault();
+  }
+  buildWkidMap(e) {
+    const s = /* @__PURE__ */ new Map(), t = this.flattenObject(e);
+    Object.keys(t).forEach((i) => {
+      s.set(Number(i), t[i]);
+    }), this.wkidMap = s;
+  }
+  flattenObject(e) {
+    const s = {};
+    return Object.keys(e).forEach((t) => {
+      const i = e[t];
+      typeof i == "object" ? Object.assign(s, this.flattenObject(i)) : s[t] = i;
+    }), s;
+  }
+  translateSrCategories(e) {
+    const s = {};
+    return this.recursiveTranslate(e, s), s;
+  }
+  recursiveTranslate(e, s) {
+    Object.keys(e).forEach((t) => {
+      const i = this.getTranslatedKey(t);
+      typeof e[t] == "object" ? (s[i] = {}, this.recursiveTranslate(e[t], s[i])) : s[i] = e[t];
+    });
+  }
+  getTranslatedKey(e) {
+    return e in this._messages ? this._messages[e] : e;
+  }
+  filterSrCategories(e) {
+    const s = {};
+    return Object.keys(e).forEach((t) => {
+      this.hideCategories?.includes(t) || (typeof e[t] == "object" ? s[t] = this.filterSrCategories(e[t]) : s[t] = e[t]);
+    }), s;
+  }
+  setSpatialRef(e) {
+    this.value = { latestWkid: Number(e) }, this.arcgisChange.emit(this.value);
+  }
+  getSpatialReferenceDescription(e) {
+    return this.wkidMap.get(e);
+  }
+  filterSpatialReferences(e) {
+    const s = e.replaceAll(/[-[\]/{}()*+?.\\^$|]/gu, "\\$&"), t = new RegExp(s, "igu"), i = {};
+    return this.wkidMap.forEach((r, l) => {
+      t.lastIndex = 0, (t.test(r) || t.test(l.toString())) && (i[String(l)] = r);
+    }), i;
+  }
+  handleTreeValueChange(e) {
+    e.stopPropagation(), this.setSpatialRef(this.treeElement.value?.value ?? "");
+  }
+  inputKeyDown(e) {
+    e.key === "Enter" && this.selectFirstChild(!0);
+  }
+  selectFirstChild(e) {
+    const s = this.treeElement.value, t = s?.shadowRoot?.querySelector("calcite-tree-item:not([has-children]):not([data-key='placeholder'])") || void 0;
+    s !== void 0 && t !== void 0 && (t.selected = !0, this.setSpatialRef(t.dataset.key ?? ""), e && t.focus());
+  }
+  updateSearchResults(e) {
+    this.searchResults = this.filterSpatialReferences(e);
+  }
+  searchSpatialReferences(e) {
+    e.target !== null && this.setSearchText(e.target.value ?? "");
+  }
+  setSearchText(e) {
+    this.searchText = e, this.searchText.length > 1 ? this.performantFilterSpatialReferences(this.searchText) : this.searchResults = void 0;
+  }
+  applyAutoFilterToDefault() {
+    if (!this.autoFilterToDefault || this.defaultWkid === void 0)
+      return;
+    const e = this.defaultWkid.toString();
+    this.searchText = e, this.updateSearchResults(e);
+  }
+  render() {
+    const e = p(this._messages.noMatchesFound, {
+      searchTerm: this.searchText ?? ""
+    });
+    return a`${this.filterEnabled && a`<calcite-input @calciteInputInput=${this.searchSpatialReferences} @keydown=${this.inputKeyDown} .placeholder=${this._messages.searchPlaceholder} scale=s type=search .value=${this.searchText} icon autofocus ${h(this.searchInput)}></calcite-input>` || ""}${this.searchText.length > 1 && this.searchResults && Object.keys(this.searchResults).length === 0 && a`<p class="no-matches-found-msg">${e}</p>` || ""}<arcgis-coordinate-system-picker-tree .data=${this.searchResults !== void 0 && this.searchText.length > 0 ? this.searchResults : this.visibleSrCategories} .value=${this.value && `${this.value?.latestWkid}`} @arcgisChange=${this.handleTreeValueChange} ${h(this.treeElement)}></arcgis-coordinate-system-picker-tree>`;
+  }
+}
+o("arcgis-coordinate-system-picker", S);
+export {
+  S as ArcgisCoordinateSystemPicker
+};

package/dist/components/arcgis-coordinate-system-picker/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-coordinate-system-picker/index.js

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-input";
+import "../arcgis-coordinate-system-picker-tree/index.js";
+export * from "./customElement.js";

package/dist/components/arcgis-coordinate-system-picker-tree/customElement.d.ts

@@ -0,0 +1,35 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { NestedObject } from "../../utils/spatial-references.js";
+
+/** @internal */
+export abstract class ArcgisCoordinateSystemPickerTree extends LitElement {
+  /**
+   * The data to display in the tree. Supports nested data.
+   *
+   * @example
+   * data = {
+   *  "parent item": {
+   *    "child item": "child item value",
+   *    "sub-parent child item": {
+   *      "child item of nested parent key": "child item of nested parent value"
+   *    },
+   *    "child item 2 key": "child item 2 value"
+   *  },
+   *  "item 2": "item 2 value",
+   *  ...
+   * };
+   * Keys of parent items are displayed as the item's label.
+   * Values of elements without children are displayed as the item's label.
+   * In this case, "sub-parent child item" is displayed as the label for that item and
+   * "child item of nested parent value" is displayed as the label for it's child.
+   */
+  accessor data: NestedObject;
+  /** The key of the selected item. (Wkid when used as spatial reference selection) */
+  accessor value: string | undefined;
+  /** Emitted when the selected value of the tree changes. */
+  readonly arcgisChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisChange: ArcgisCoordinateSystemPickerTree["arcgisChange"]["detail"];
+  };
+}