@arcgis/map-components 5.2.0-next.14 → 5.2.0-next.141

package/dist/chunks/feature-utils.js

@@ -1,212 +1,227 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { replace as a } from "@arcgis/core/applications/Components/stringUtils.js";
-import { fieldFormatFromFieldInfo as p } from "@arcgis/core/applications/Components/fieldFormatUtils.js";
-import { g as F } from "./layer-utils.js";
-import { log as g } from "@arcgis/toolkit/log";
-const u = /^\s*expression\//iu, C = /href=(""|'')/giu, y = /(\{([^{\r\n]+)\})/gu, L = /href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu, h = /'/gu, N = "relationships/", b = /^(?:mailto:|tel:)/u;
-function $(e, t) {
-  const n = /* @__PURE__ */ new Map();
+import { fieldFormatFromFieldInfo as m } from "@arcgis/core/applications/Components/fieldFormatUtils.js";
+import { g } from "./layer-utils.js";
+import { log as F } from "@arcgis/toolkit/log";
+const u = /^\s*expression\//iu, y = /href=(""|'')/giu, h = /(\{([^{\r\n]+)\})/gu, C = /href\s*=\s*(?:"([^"]+)"|'([^']+)')/giu, L = /'/gu, N = "relationships/", b = /^(?:mailto:|tel:)/u;
+function j(e, n) {
+  const t = /* @__PURE__ */ new Map();
   if (!e)
-    return n;
+    return t;
   for (const r of e) {
     if (!r.fieldName)
       continue;
-    const i = f(r.fieldName, t);
-    r.fieldName = i, n.set(i.toLowerCase(), r);
+    const i = f(r.fieldName, n);
+    r.fieldName = i, t.set(i.toLowerCase(), r);
   }
-  return n;
+  return t;
 }
-function j(e) {
-  const t = [];
+function U(e) {
+  const n = [];
   if (!e)
-    return t;
-  const { fieldInfos: n, content: r } = e;
-  return n && t.push(...n), !r || !Array.isArray(r) || r.forEach((i) => {
+    return n;
+  const { fieldInfos: t, content: r } = e;
+  return t && n.push(...t), !r || !Array.isArray(r) || r.forEach((i) => {
     if (i.type === "fields") {
       const o = i?.fieldInfos;
-      o && t.push(...o);
+      o && n.push(...o);
     }
-  }), t;
+  }), n;
 }
-function U(e, t) {
-  return e?.getEffectivePopupTemplate(t) ?? void 0;
+function W(e, n) {
+  return e?.getEffectivePopupTemplate(n) ?? void 0;
 }
-function W(e) {
+function q(e) {
   if (e != null)
     return "sourceLayer" in e && e.sourceLayer ? e.sourceLayer : e.layer ?? void 0;
 }
-function w(e = "") {
+const w = /* @__PURE__ */ new Set([
+  "building",
+  "knowledge-graph",
+  "link-chart",
+  "map-image",
+  "map-notes",
+  "sketch",
+  "subtype-group",
+  "tile"
+]);
+function _(e) {
+  const n = e?.origin;
+  return (n == null ? void 0 : w.has(n.type ?? "") ? n.sublayer : n.layer) ?? e?.layer;
+}
+function k(e = "") {
   return e ? e.includes(N) : !1;
 }
-function _(e = "") {
+function B(e = "") {
   if (e)
     return !b.test(e.trim().toLowerCase());
 }
-function f(e, t) {
-  const n = m(t, e);
-  return n ? n.name : e;
+function f(e, n) {
+  const t = p(n, e);
+  return t ? t.name : e;
 }
-function q(e, t) {
-  return e?.map((n) => f(n, t));
+function D(e, n) {
+  return e?.map((t) => f(t, n));
 }
 function c(e) {
   return e ? u.test(e) : !1;
 }
-function A(e, t) {
-  if (!t || !c(t) || !e)
+function A(e, n) {
+  if (!n || !c(n) || !e)
     return;
-  const n = t.replace(u, "").toLowerCase();
-  return e.find(({ name: r }) => r.toLowerCase() === n);
+  const t = n.replace(u, "").toLowerCase();
+  return e.find(({ name: r }) => r.toLowerCase() === t);
 }
-function B(e, t) {
-  if (!(!e?.length || !t))
-    return e.find((n) => n.fieldName?.toLowerCase() === t.toLowerCase());
+function G(e, n) {
+  if (!(!e?.length || !n))
+    return e.find((t) => t.fieldName?.toLowerCase() === n.toLowerCase());
 }
 function I(e) {
-  const { fieldInfo: t, graphic: n, layer: r } = e;
-  return x({ fieldInfo: t, graphic: n }) ? F(r, { graphic: n }) : null;
+  const { fieldInfo: n, graphic: t, layer: r } = e;
+  return T({ fieldInfo: n, graphic: t }) ? g(r, { graphic: t }) : null;
 }
-function x({ fieldInfo: e, graphic: t }) {
-  return !!e?.fieldName && !c(e.fieldName) && !w(e.fieldName) && !t?.popupTemplate;
+function T({ fieldInfo: e, graphic: n }) {
+  return !!e?.fieldName && !c(e.fieldName) && !k(e.fieldName) && !n?.popupTemplate;
 }
-function D({
+function J({
   expressionInfos: e,
-  fieldInfo: t,
-  graphic: n,
+  fieldInfo: n,
+  graphic: t,
   isContentFieldInfos: r,
   layer: i
 }) {
-  if (!t?.fieldName)
+  if (!n?.fieldName)
     return null;
-  const o = A(e, t?.fieldName);
+  const o = A(e, n?.fieldName);
   if (o)
     return o.title || null;
-  const s = I({ fieldInfo: t, graphic: n, layer: i });
+  const s = I({ fieldInfo: n, graphic: t, layer: i });
   if (s) {
-    const l = s.getFieldAlias(t.fieldName);
-    return r ? t.label || l || t.fieldName : l || t.fieldName;
+    const l = s.getFieldAlias(n.fieldName);
+    return r ? n.label || l || n.fieldName : l || n.fieldName;
   }
-  return t.label || t.fieldName;
+  return n.label || n.fieldName;
 }
-function G(e) {
-  const { configurableFieldsContainer: t, fieldInfo: n, isContentFieldInfos: r } = e;
-  if (!n?.fieldName)
+function K(e) {
+  const { configurableFieldsContainer: n, fieldInfo: t, isContentFieldInfos: r } = e;
+  if (!t?.fieldName)
     return null;
-  const i = !t.popupTemplate && !t.fieldConfigurations ? p(n, t.getField(n.fieldName)) : t.getFieldConfiguration(n.fieldName)?.fieldFormat;
-  return r && n.fieldFormat || i;
+  const i = !n.popupTemplate && !n.fieldConfigurations ? m(t, n.getField(t.fieldName)) : n.getFieldConfiguration(t.fieldName)?.fieldFormat;
+  return r && t.fieldFormat || i;
 }
 function d(e) {
   return e.trim();
 }
-function T(e) {
-  return e.replaceAll(C, "");
+function x(e) {
+  return e.replaceAll(y, "");
 }
-function R(e, t) {
-  return `{${t.get(e.toLowerCase())?.fieldName || e}}`;
+function R(e, n) {
+  return `{${n.get(e.toLowerCase())?.fieldName || e}}`;
 }
-function k({
+function E({
   formattedValues: e,
-  template: t,
-  fieldInfoMap: n
+  template: n,
+  fieldInfoMap: t
 }) {
   return d(
-    T(
+    x(
       a(
-        a(t, (r) => R(r, n)),
+        a(n, (r) => R(r, t)),
         e
       )
     )
   );
 }
-function m(e, t) {
-  return !(e && "getField" in e && typeof e.getField == "function") || !t ? null : e.getField(t) ?? null;
+function p(e, n) {
+  return !(e && "getField" in e && typeof e.getField == "function") || !n ? null : e.getField(n) ?? null;
 }
-function E(e, t) {
-  return e.replaceAll(y, (n, r, i) => {
-    const o = m(t, i);
+function v(e, n) {
+  return e.replaceAll(h, (t, r, i) => {
+    const o = p(n, i);
     return o ? `{${o.name}}` : r;
   });
 }
-function V(e, t, n = !1) {
-  const r = t[e];
+function V(e, n, t = !1) {
+  const r = n[e];
   if (typeof r == "string") {
-    const o = (n ? encodeURIComponent(r) : r).replaceAll(
-      h,
+    const o = (t ? encodeURIComponent(r) : r).replaceAll(
+      L,
       "%27"
     );
-    t[e] = o;
+    n[e] = o;
   }
 }
-function v(e, t = !1) {
-  const n = { ...e };
-  return Object.keys(n).forEach((r) => V(r, n, t)), n;
+function O(e, n = !1) {
+  const t = { ...e };
+  return Object.keys(t).forEach((r) => V(r, t, n)), t;
 }
-function z(e, t, n) {
-  t = d(t);
-  const r = t && !t.startsWith("{");
-  return a(e, v(n, r || !1));
+function P(e, n, t) {
+  n = d(n);
+  const r = n && !n.startsWith("{");
+  return a(e, O(t, r || !1));
 }
-function H(e, t, n) {
-  const r = E(e, n);
+function S(e, n, t) {
+  const r = v(e, t);
   return r && r.replaceAll(
-    L,
-    (i, o, s) => z(i, o || s, t)
+    C,
+    (i, o, s) => P(i, o || s, n)
   );
 }
-function J({
+function Q({
   values: e,
-  globalValues: t,
-  layer: n,
+  globalValues: n,
+  layer: t,
   text: r,
   fieldInfoMap: i
 }) {
-  return r ? k({
-    formattedValues: t,
-    template: H(
+  return r ? E({
+    formattedValues: n,
+    template: S(
       r,
       {
-        ...t,
+        ...n,
         ...e
       },
-      n
+      t
     ),
     fieldInfoMap: i
   }) : "";
 }
-async function K({
+async function X({
   type: e,
-  value: t,
-  event: n
+  value: n,
+  event: t
 }) {
   try {
-    return typeof t == "function" ? t(n) : await t;
+    return typeof n == "function" ? n(t) : await n;
   } catch (r) {
-    g("error", "arcgis-feature", `An error occurred when calling the "${e}" function`, {
+    F("error", "arcgis-feature", `An error occurred when calling the "${e}" function`, {
       detail: {
         error: r,
-        graphic: n.graphic,
-        value: t
+        graphic: t.graphic,
+        value: n
       }
     });
     return;
   }
 }
 export {
-  U as a,
-  j as b,
-  $ as c,
-  w as d,
-  K as e,
-  _ as f,
-  W as g,
-  D as h,
+  X as a,
+  Q as b,
+  W as c,
+  j as d,
+  U as e,
+  k as f,
+  _ as g,
+  q as h,
   c as i,
-  I as j,
-  G as k,
-  E as l,
-  k as m,
-  q as n,
-  f as o,
-  B as p,
-  J as s
+  J as j,
+  I as k,
+  K as l,
+  v as m,
+  E as n,
+  D as o,
+  f as p,
+  G as q,
+  B as s
 };

package/dist/chunks/field.js

@@ -0,0 +1,43 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as l } from "./runtime.js";
+import { LitElement as n } from "@arcgis/lumina";
+import { u } from "./useT9n.js";
+import { differentValuesString as t } from "@arcgis/core/widgets/BatchAttributeForm/inputs/support/inputUtils.js";
+function a(s) {
+  return s == null || s === "";
+}
+function p(s) {
+  if (a(s))
+    return null;
+  const e = parseFloat(s);
+  return Number.isNaN(e) ? null : e;
+}
+class o extends n {
+  constructor() {
+    super(...arguments), this._messages = u({ name: "feature-form-next" }), this.disabled = !1, this.readOnly = !1, this.valueChangeCallback = () => {
+    };
+  }
+  static {
+    this.properties = { placeholder: 16, value: 16, disabled: 7, input: 0, messageOverrides: 0, readOnly: 7, valueChangeCallback: 0 };
+  }
+  get placeholder() {
+    const { input: e, _messages: r } = this, i = e?.placeholder ?? void 0;
+    return e?.value === t ? r.differentValuesPlaceholder : i;
+  }
+  get value() {
+    const e = this.input?.value;
+    return e === t || a(e) ? "" : e;
+  }
+  async setFocus() {
+    await this._rootRef.value?.setFocus();
+  }
+  _handleFocusOut({ relatedTarget: e }) {
+    e instanceof Node && !this.el.contains(e) && this.input?.touch();
+  }
+}
+l("arcgis-feature-form-field", o);
+export {
+  o as A,
+  a as i,
+  p
+};

package/dist/chunks/formattingUtils.js

@@ -0,0 +1,19 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { formatNumber as m } from "@arcgis/core/intl.js";
+import { replace as l } from "@arcgis/core/applications/Components/stringUtils.js";
+import { clamp as n } from "@arcgis/toolkit/number";
+const i = ["B", "kB", "MB", "GB", "TB"], e = {
+  Kilobytes: 1024,
+  Megabytes: 1024 * 1024
+};
+function p(r, o) {
+  o = Math.round(o);
+  let t = o === 0 ? 0 : Math.floor(Math.log(o) / Math.log(e.Kilobytes));
+  t = n(t, 0, i.length - 1);
+  const a = m(o / e.Kilobytes ** t, { maximumFractionDigits: 2 });
+  return l(r.bytes[i[t]], { fileSize: a });
+}
+export {
+  e as S,
+  p as f
+};

package/dist/chunks/graphicsLayerController.js

@@ -0,0 +1,74 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { watch as e } from "@arcgis/core/core/reactiveUtils.js";
+import i from "@arcgis/core/layers/GraphicsLayer.js";
+import { GenericController as s } from "@arcgis/lumina/controllers";
+class p extends s {
+  get graphics() {
+    return this._graphicsLayer?.graphics;
+  }
+  _ensureGraphicsLayer() {
+    (!this._graphicsLayer || this._graphicsLayer.destroyed) && (this._graphicsLayer = new i({
+      title: "Overlays",
+      listMode: "hide",
+      visible: !0,
+      blendMode: "source-atop"
+    }));
+  }
+  hostLoaded() {
+    this._ensureGraphicsLayer(), this.component.manager.onLifecycle(() => [
+      e(
+        () => this.component?.map,
+        (r, a) => {
+          a?.layers.remove(this._graphicsLayer), r && r?.layers.add(this._graphicsLayer);
+        },
+        { initial: !0, sync: !0 }
+      ),
+      e(
+        () => this.component?.map?.allLayers.length,
+        (r) => {
+          r && this.component?.map?.layers.reorder(this._graphicsLayer, r - 1);
+        },
+        { initial: !0, sync: !0 }
+      )
+    ]);
+  }
+  /**
+   * Adds a graphic to the graphics layer.
+   */
+  addGraphic(r) {
+    this._graphicsLayer.add(r);
+  }
+  /**
+   * Adds graphics to the graphics layer.
+   */
+  addGraphics(r) {
+    this._graphicsLayer.addMany(r);
+  }
+  /**
+   * Removes a graphic from the graphics layer.
+   */
+  removeGraphic(r) {
+    this._graphicsLayer?.destroyed || this._graphicsLayer.remove(r);
+  }
+  /**
+   * Removes graphics from the graphics layer.
+   */
+  removeGraphics(r) {
+    this._graphicsLayer?.destroyed || this._graphicsLayer.removeMany(r);
+  }
+  /**
+   * Removes all graphics from the graphics layer.
+   */
+  clearGraphics() {
+    this._graphicsLayer?.destroyed || this._graphicsLayer.removeAll();
+  }
+  /**
+   * Destroys the graphics layer.
+   */
+  destroy() {
+    this._graphicsLayer?.destroy();
+  }
+}
+export {
+  p as G
+};

package/dist/chunks/keyboard-utils.js

@@ -0,0 +1,21 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+function e(r) {
+  return r === "ArrowDown" || r === "ArrowLeft" || r === "ArrowRight" || r === "ArrowUp";
+}
+function n(r) {
+  return r.composedPath().some(
+    (t) => t instanceof HTMLElement && (t.isContentEditable || t.matches("input, textarea, select, [role='textbox']"))
+  );
+}
+function w(r, t = "ltr", { horizontalOnly: o = !1 } = {}) {
+  return t === "rtl" ? r === "ArrowLeft" || !o && r === "ArrowUp" : !o && r === "ArrowDown" || r === "ArrowRight";
+}
+function s(r, t = "ltr", { horizontalOnly: o = !1 } = {}) {
+  return t === "rtl" ? !o && r === "ArrowDown" || r === "ArrowRight" : r === "ArrowLeft" || !o && r === "ArrowUp";
+}
+export {
+  s as a,
+  n as b,
+  w as c,
+  e as i
+};

package/dist/chunks/layer-list-next.js

@@ -0,0 +1,7 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { css as e } from "lit";
+const t = e`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{width:100%;--arcgis-internal-layer-list-item-scroller-max-height: var(--arcgis-internal-panel-height-md)}.item{--calcite-list-item-icon-center: var(--calcite-space-sm)}.table-icon,.catalog-icon{margin-inline-end:0}.action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 var(--calcite-spacing-xl);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);font-size:14px}.item__filter-container--sticky{z-index:1;position:sticky;top:0}.item__group{margin-top:var(--calcite-spacing-md)}.item__scroller{overflow-y:auto;z-index:0;position:relative}.item__scroller--enabled{max-height:var(--arcgis-internal-layer-list-item-scroller-max-height)}.item__group__header{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-medium)}.item__list-item{cursor:pointer;min-height:var(--calcite-spacing-xxxl)}.item__list-item[class^=esri-icon-],.item__list-item[class*=" esri-icon-"]{padding-inline-end:2.8px}.item__list-item--disabled{cursor:default}.item__list-item-icon{justify-content:center;align-items:center;min-width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);display:flex}.item__list-item-icon span{line-height:0}.arcgis-thumbnail-preview{background-position:50%;width:22px;height:22px}.item__no-matches-message{justify-content:center;align-items:center;height:96px;display:flex}.content-bottom{margin:var(--calcite-spacing-md) 15px}.content-bottom .arcgis-legend__service{padding:0 0 var(--calcite-spacing-md)}.message{margin:var(--calcite-spacing-md) 15px}.visible-icon{visibility:hidden}.item:hover>.visible-toggle>.visible-icon,.item:focus>.visible-toggle>.visible-icon,.item:focus-within>.visible-toggle>.visible-icon{visibility:visible}`, r = e`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media(prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media(prefers-reduced-motion:reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{display:flex;transition:max-height .25s ease-in-out;overflow-y:auto;--arcgis-internal-layer-list-legend-color-text: var(--calcite-color-text-2)}:host>div{display:flex;width:100%}.filter-no-results{padding:var(--calcite-space-md) var(--calcite-space-md-plus)}.table-icon,.catalog-icon{margin-inline-end:0}.action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 var(--calcite-space-xl);width:var(--calcite-space-xl);height:var(--calcite-space-xl);font-size:var(--calcite-font-size)}.action-menu .action-group{display:none}.action-menu[open] .action-group{display:flex}.active:hover>.visible-toggle>.visible-icon,.active:focus>.visible-toggle>.visible-icon,.active:focus-within>.visible-toggle>.visible-icon{visibility:visible}.status-indicator{margin-inline:0}`;
+export {
+  t as a,
+  r as s
+};

package/dist/chunks/layer-list-utils.js

@@ -1,8 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 const l = {
   hideChildren: "hide-children"
-}, b = ["label", "description", "metadata"], g = 10, h = 2;
-function m({
+}, b = ["label", "description", "metadata"], g = 10, m = 2;
+function h({
   exclusive: e,
   visible: t,
   visibilityAppearance: i
@@ -10,13 +10,13 @@ function m({
   const r = i === "checkbox";
   return t ? e ? "circle-f" : r ? "check-square-f" : "view-visible" : e ? "circle" : r ? "square" : "view-hide";
 }
-function L({
+function v({
   connectionStatus: e,
   publishing: t
 }) {
   return e ? e === "connected" ? "beacon" : "offline" : t ? "square" : "bullet-point";
 }
-function v(e) {
+function L(e) {
   return e?.listMode === l.hideChildren;
 }
 function S(e) {
@@ -32,7 +32,7 @@ function C(e, t, i) {
     return n ? t(n) : !1;
   } : void 0);
 }
-function x(e) {
+function I(e) {
   const t = (e?.layer && d(e.layer) ? e.layer.layer : void 0) ?? e?.layer;
   return t ? t.type === "catalog" ? !1 : f(t) ?? !0 : !1;
 }
@@ -42,7 +42,7 @@ function c(e, t) {
     return n > a ? -1 : n < a ? 1 : 0;
   });
 }
-function I(e, t) {
+function x(e, t) {
   const i = e?.layer;
   if (!i)
     return;
@@ -65,8 +65,14 @@ function y(e) {
 function p(e, t) {
   if (e?.tagName.toLowerCase() === "calcite-list-item")
     return e.value;
-  const i = e?.getAttribute("data-item") ?? e?.querySelector("calcite-list-item")?.getAttribute("data-item");
-  return i && t ? t.find((r) => r.uid === i) ?? null : null;
+  const i = e?.getAttribute("data-item");
+  if (i)
+    return t?.find((a) => a.uid === i) ?? null;
+  const r = e?.querySelector("calcite-list-item[data-item]");
+  if (r?.value)
+    return r.value;
+  const n = r?.getAttribute("data-item");
+  return n && t ? t.find((a) => a.uid === n) ?? null : null;
 }
 function N(e) {
   return e?.getAttribute("data-layer-type") ?? null;
@@ -95,18 +101,18 @@ export {
   N as a,
   g as b,
   c,
-  I as d,
+  x as d,
   b as e,
-  L as f,
+  h as f,
   p as g,
-  m as h,
-  d as i,
-  M as j,
-  v as k,
+  L as h,
+  M as i,
+  I as j,
+  D as k,
   O as l,
-  h as m,
-  x as n,
-  D as o,
+  m,
+  v as n,
+  d as o,
   S as r,
   C as s
 };