@arcgis/map-components 5.2.0-next.59 → 5.2.0-next.60

package/dist/chunks/async-utils.js

@@ -1,50 +1,50 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import f from "@arcgis/core/core/Accessor.js";
-import { property as l, subclass as b } from "@arcgis/core/core/accessorSupport/decorators.js";
-import d from "@arcgis/core/core/Error.js";
-import { a as p, r as h } from "./maybe.js";
-import { log as m } from "@arcgis/toolkit/log";
-var w = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, s = (t, r, e, o) => {
-  for (var n = o > 1 ? void 0 : o ? _(r, e) : r, a = t.length - 1, u; a >= 0; a--)
-    (u = t[a]) && (n = (o ? u(r, e, n) : u(n)) || n);
-  return o && n && w(r, e, n), n;
+import d from "@arcgis/core/core/Accessor.js";
+import { property as l, subclass as m } from "@arcgis/core/core/accessorSupport/decorators.js";
+import p from "@arcgis/core/core/Error.js";
+import { a as h, r as w } from "./maybe.js";
+import { log as _ } from "@arcgis/toolkit/log";
+var v = Object.defineProperty, A = Object.getOwnPropertyDescriptor, a = (t, r, e, o) => {
+  for (var n = o > 1 ? void 0 : o ? A(r, e) : r, i = t.length - 1, u; i >= 0; i--)
+    (u = t[i]) && (n = (o ? u(r, e, n) : u(n)) || n);
+  return o && n && v(r, e, n), n;
 };
-function j(t, r, e) {
+function S(t, r, e) {
   if (t && typeof t == "object" && !Array.isArray(t)) {
-    const n = "details" in t && t.details && typeof t.details == "object" && !Array.isArray(t.details) ? { detail: t.details } : void 0, a = e ? `${e} - ${String(t)}` : String(t);
-    m("error", r, a, n);
+    const n = "details" in t && t.details && typeof t.details == "object" && !Array.isArray(t.details) ? { detail: t.details } : void 0, i = e ? `${e} - ${String(t)}` : String(t);
+    _("error", r, i, n);
   }
 }
-function v(t = "Aborted") {
-  return new d("AbortError", t);
+function f(t = "Aborted") {
+  return new p("AbortError", t);
 }
-function H(t, r = "Aborted") {
+function j(t, r = "Aborted") {
   if (g(t))
-    throw v(r);
+    throw f(r);
 }
-function c(t) {
+function b(t) {
   return t instanceof AbortSignal ? t : t?.signal ?? void 0;
 }
 function g(t) {
-  return c(t)?.aborted ?? !1;
+  return b(t)?.aborted ?? !1;
 }
 function y(t) {
   return t?.name === "AbortError";
 }
-function A(t) {
+function C(t) {
   return { ok: !0, value: t };
 }
-function C(t) {
+function E(t) {
   return { ok: !1, error: t };
 }
-function E(t) {
+function k(t) {
   return t?.ok ? t.value : null;
 }
-function k(t) {
+function T(t) {
   return t != null && !t.ok ? t.error : null;
 }
-function I(t, r) {
-  const e = c(t);
+function c(t, r) {
+  const e = b(t);
   if (e == null)
     return;
   if (e.aborted) {
@@ -54,29 +54,29 @@ function I(t, r) {
   const o = () => r();
   return e.addEventListener("abort", o, { once: !0 }), { remove: () => e.removeEventListener("abort", o) };
 }
-function P(t, r) {
-  return new i(t, r);
+function H(t, r) {
+  return new s(t, r);
 }
-let i = class extends f {
+let s = class extends d {
   constructor(t, r) {
     super({}), this._abortHandle = null, this.abort = () => {
-      this._abortController = p(this._abortController);
+      this._abortController = h(this._abortController);
     }, this.remove = this.abort, this._abortController = new AbortController();
     const { signal: e } = this._abortController;
     this.promise = t(e), this.promise.then(
       (o) => {
-        this._result = A(o), this._cleanup();
+        this._result = C(o), this._cleanup();
       },
       (o) => {
-        this._result = C(o), this._cleanup();
+        this._result = E(o), this._cleanup();
       }
-    ), this._abortHandle = I(r, this.abort);
+    ), this._abortHandle = c(r, this.abort);
   }
   get value() {
-    return E(this._result);
+    return k(this._result);
   }
   get error() {
-    return k(this._result);
+    return T(this._result);
   }
   get finished() {
     return this._result != null;
@@ -85,30 +85,30 @@ let i = class extends f {
     this.abort();
   }
   _cleanup() {
-    this._abortHandle = h(this._abortHandle), this._abortController = null;
+    this._abortHandle = w(this._abortHandle), this._abortController = null;
   }
   [Symbol.dispose]() {
     this._cleanup();
   }
 };
-s([
+a([
   l()
-], i.prototype, "value", 1);
-s([
+], s.prototype, "value", 1);
+a([
   l()
-], i.prototype, "error", 1);
-s([
+], s.prototype, "error", 1);
+a([
   l()
-], i.prototype, "finished", 1);
-s([
+], s.prototype, "finished", 1);
+a([
   l()
-], i.prototype, "promise", 2);
-s([
+], s.prototype, "promise", 2);
+a([
   l()
-], i.prototype, "_result", 2);
-i = s([
-  b("esri.components.asyncUtils.ReactiveTask")
-], i);
+], s.prototype, "_result", 2);
+s = a([
+  m("esri.components.asyncUtils.ReactiveTask")
+], s);
 function q(t) {
   return t.catch((r) => {
     if (!y(r))
@@ -131,13 +131,25 @@ function x(t, r = {}) {
 function L(t) {
   "cancelIdleCallback" in window && window.cancelIdleCallback(t), window.clearTimeout(t);
 }
+function M(t, r) {
+  const e = new AbortController();
+  return c(r, () => e.abort()), new Promise((o, n) => {
+    let i = setTimeout(() => {
+      i = void 0, o();
+    }, t);
+    c(e, () => {
+      i !== void 0 && (clearTimeout(i), i = void 0, n(f()));
+    });
+  });
+}
 export {
   g as a,
   q as b,
-  P as c,
-  L as d,
+  H as c,
+  M as d,
+  L as e,
   y as i,
-  j as l,
+  S as l,
   x as r,
-  H as t
+  j as t
 };

package/dist/chunks/dateUtils.js

@@ -0,0 +1,128 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import c from "@arcgis/core/time/TimeExtent.js";
+import { log as w } from "@arcgis/toolkit/log";
+import { u as y } from "./time-utils.js";
+import { offsetDate as l, truncateDate as p } from "@arcgis/core/core/timeUtils.js";
+const d = { count: 10 };
+function B(t) {
+  return D(t) && t.interval.unit === y ? (w(
+    "warn",
+    "arcgis-slider-time",
+    'A stop interval with an "unknown" time unit is not supported. The default stop definition will be used.'
+  ), d) : t;
+}
+function I(t) {
+  return !!t && "count" in t;
+}
+function P(t) {
+  return !!t && "dates" in t;
+}
+function D(t) {
+  return !!t && "interval" in t;
+}
+const T = 1e4;
+function g(t, o) {
+  const { start: e, end: n } = t;
+  if (!e || !n || e.getTime() > n.getTime() || o <= 0)
+    return [];
+  if (o > T)
+    return g(t, d.count);
+  const r = [], s = e.getTime(), u = n.getTime() - s;
+  for (let m = 0; m <= o; m++)
+    r.push(new Date(s + m / o * u));
+  return r;
+}
+function C(t, o) {
+  const { start: e, end: n } = t, { value: r, unit: s } = o;
+  if (!e || !n || e.getTime() > n.getTime() || r <= 0)
+    return [];
+  const i = n.getTime() - e.getTime(), u = o.toMilliseconds();
+  if (u <= 0 || i / u > T)
+    return g(t, d.count);
+  const m = [];
+  let a = e;
+  for (; a.getTime() <= n.getTime(); )
+    m.push(new Date(a)), a = l(a, r, s);
+  return m;
+}
+function F(t, o) {
+  const [e, n] = t;
+  if (e)
+    switch (o) {
+      case "time-window":
+        return n ? new c({ start: e, end: n }) : void 0;
+      case "cumulative-from-start":
+        return new c({ start: null, end: e });
+      case "cumulative-from-end":
+        return new c({ start: e, end: null });
+      case "instant":
+        return new c({ start: e, end: e });
+    }
+}
+function j(t, o, e, n) {
+  const { value: r, unit: s } = e;
+  if (t.getTime() > o.getTime() || r <= 0 || s === "unknown")
+    return [];
+  let i = p(t, e, n);
+  const u = [];
+  for (; i.getTime() <= o.getTime(); )
+    i.getTime() >= t.getTime() && u.push(i), i = l(i, r, s, n);
+  return u;
+}
+function E(t, o) {
+  const e = new Intl.DateTimeFormat("en", {
+    day: "2-digit",
+    month: "2-digit",
+    timeZone: o,
+    year: "numeric"
+  }).formatToParts(t), n = e.find(({ type: i }) => i === "year")?.value ?? "1900", r = e.find(({ type: i }) => i === "month")?.value ?? "01", s = e.find(({ type: i }) => i === "day")?.value ?? "01";
+  return `${n}-${r}-${s}`;
+}
+function U(t, o) {
+  const e = new Intl.DateTimeFormat("en", {
+    hour12: !1,
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    timeZone: o
+  }).formatToParts(t), n = e.find(({ type: i }) => i === "hour")?.value ?? "00", r = e.find(({ type: i }) => i === "minute")?.value ?? "00", s = e.find(({ type: i }) => i === "second")?.value ?? "00";
+  return `${n}:${r}:${s}`;
+}
+function b(t, o) {
+  const e = new Intl.DateTimeFormat("en", {
+    hour12: !1,
+    hour: "2-digit",
+    minute: "2-digit",
+    month: "2-digit",
+    day: "2-digit",
+    second: "2-digit",
+    timeZone: o,
+    year: "numeric"
+  }).formatToParts(t), n = Number(e.find(({ type: a }) => a === "year")?.value ?? 0), r = Number(e.find(({ type: a }) => a === "month")?.value ?? 0), s = Number(e.find(({ type: a }) => a === "day")?.value ?? 0), i = Number(e.find(({ type: a }) => a === "hour")?.value ?? 0) % 24, u = Number(e.find(({ type: a }) => a === "minute")?.value ?? 0), m = Number(e.find(({ type: a }) => a === "second")?.value ?? 0);
+  return { year: n, month: r, day: s, hour: i, minute: u, second: m };
+}
+function N(t, o) {
+  const { year: e, month: n, day: r, hour: s, minute: i, second: u } = b(t, o);
+  return Date.UTC(e, n - 1, r, s, i, u) - t.getTime();
+}
+function A(t, o, e) {
+  const n = /^(\d{4})-(\d{2})-(\d{2})$/u.exec(t), r = /^(\d{2}):(\d{2}):(\d{2})$/u.exec(o);
+  if (!n || !r)
+    return;
+  const s = Number(n[1]), i = Number(n[2]), u = Number(n[3]), m = Number(r[1]), a = Number(r[2]), h = Number(r[3]), f = new Date(Date.UTC(s, i - 1, u, m, a, h)), v = N(f, e);
+  return new Date(f.getTime() - v);
+}
+export {
+  D as a,
+  U as b,
+  B as c,
+  A as d,
+  d as e,
+  E as f,
+  P as g,
+  g as h,
+  I as i,
+  C as j,
+  j as k,
+  F as l
+};

package/dist/chunks/time-utils.js

@@ -1,5 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-const f = "system", d = "unknown", g = Intl.DateTimeFormat().resolvedOptions().timeZone, c = {
+const r = "system", u = "unknown";
+const l = Intl.DateTimeFormat().resolvedOptions().timeZone, c = {
   milliseconds: 1,
   seconds: 1e3,
   minutes: 6e4,
@@ -16,42 +17,53 @@ const f = "system", d = "unknown", g = Intl.DateTimeFormat().resolvedOptions().t
 function a(e, s, t) {
   return e === 0 ? 0 : e * c[s] / c[t];
 }
-function r(e) {
+function m(e) {
   return e instanceof Date && !Number.isNaN(e.getTime());
 }
-function u(e, s, t = "hours") {
+function f(e, s, t = "hours") {
   const n = new Date(e.getTime()), i = a(s, t, "milliseconds");
   return n.setTime(n.getTime() + i), n;
 }
-function l(e, s) {
+function d(e, s) {
   const t = a(s, "hours", "milliseconds"), n = new Date(e.getTime() + t), i = n.toISOString().slice(0, 10), o = n.getUTCHours() * 60 + n.getUTCMinutes();
   return { localDate: i, minutesSinceMidnight: o };
 }
 function T(e, s, t) {
-  return u(new Date(e), s - t * 60, "minutes");
+  return f(new Date(e), s - t * 60, "minutes");
 }
 function D(e, s) {
   const t = e?.environment?.lighting;
-  if (m(t)) {
+  if (g(t)) {
     const n = t.displayUTCOffset ?? s ?? 0, i = t.date;
-    if (r(i)) {
-      const { localDate: o } = l(i, n);
+    if (m(i)) {
+      const { localDate: o } = d(i, n);
       return o;
     }
   }
 }
-function m(e) {
+function g(e) {
   return e?.type === "sun";
 }
+function h(e) {
+  switch (e) {
+    case r:
+      return l;
+    case u:
+      return "UTC";
+    default:
+      return e;
+  }
+}
 export {
-  g as a,
-  l as b,
+  l as a,
+  d as b,
   a as c,
-  r as d,
+  m as d,
   D as g,
-  m as i,
+  g as i,
   T as l,
-  u as o,
-  f as s,
-  d as u
+  f as o,
+  h as r,
+  r as s,
+  u
 };

package/dist/chunks/utils2.js

@@ -52,13 +52,13 @@ function y(r, t, i) {
 function w(r, t) {
   return !!(t && t === "Stretched" && "version" in r && typeof r.version == "number" && r.version >= 10.3 && r.declaredClass === "esri.layers.ImageryLayer");
 }
-function N(r) {
+function v(r) {
   return r ? r / 72 * 96 : 0;
 }
 function b(r) {
   return r ? r * 72 / 96 : 0;
 }
-function v(r) {
+function N(r) {
   if (typeof r == "string") {
     const t = r.match(m);
     if (t) {
@@ -76,7 +76,8 @@ function L(r, t) {
 function F(r, t) {
   if (!t || !r)
     return;
-  (r.querySelector("svg") ?? r.querySelector("canvas") ?? r).setAttribute("aria-label", t);
+  const i = r.querySelector("svg") ?? r.querySelector("canvas") ?? r;
+  !(i instanceof SVGElement) && !i.hasAttribute("role") && i.setAttribute("role", "img"), i.setAttribute("aria-label", t);
 }
 export {
   y as a,
@@ -84,7 +85,7 @@ export {
   u as c,
   L as g,
   w as i,
-  N as p,
+  v as p,
   F as s,
-  v as t
+  N as t
 };

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

@@ -12,7 +12,7 @@ import { u as ye } from "../../chunks/useView.js";
 import { t as A } from "../../chunks/earth-utils.js";
 import { m as J } from "../../chunks/handle.js";
 import { o as H, i as u, l as I, b as D, d as K, g as xe } from "../../chunks/time-utils.js";
-import { r as Se, b as De, d as Te } from "../../chunks/async-utils.js";
+import { r as Se, b as De, e as Te } from "../../chunks/async-utils.js";
 import { createTrackingTarget as ke, runTracked as Q, signal as Ce } from "@arcgis/core/applications/Components/reactiveUtils.js";
 import { C as X } from "../../chunks/component-wrapper.js";
 import { V as T } from "../../chunks/visible-element.js";

package/dist/components/arcgis-layer-list-next/layer-list-item/customElement.js

@@ -1,18 +1,18 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { html as c } from "lit";
 import { keyed as Y } from "lit/directives/keyed.js";
-import { isLayerFromCatalog as Ce } from "@arcgis/core/layers/catalog/catalogUtils.js";
-import { safeClassMap as d, safeStyleMap as Te, nothing as r } from "@arcgis/lumina";
+import { isLayerFromCatalog as Se } from "@arcgis/core/layers/catalog/catalogUtils.js";
+import { safeClassMap as u, safeStyleMap as xe, nothing as r } from "@arcgis/lumina";
 import { classes as F } from "@arcgis/toolkit/dom";
 import { createRef as Z, ref as ee } from "lit/directives/ref.js";
-import { g as Se, a as le } from "../../../chunks/action-utils.js";
-import { h as xe, j as te, l as Me, k as Le, n as Ee, o as ke, g as we } from "../../../chunks/layer-list-utils.js";
-import { s as Pe } from "../../../chunks/component-utils.js";
+import { g as Me, a as le } from "../../../chunks/action-utils.js";
+import { h as Le, j as te, l as Ee, k as ke, n as we, o as Pe, g as De } from "../../../chunks/layer-list-utils.js";
+import { s as Fe } from "../../../chunks/component-utils.js";
 const ne = /* @__PURE__ */ new Map();
 function ce(i) {
   return i ? ne.get(i) ?? !1 : !1;
 }
-function De(i, e) {
+function Oe(i, e) {
   const l = !(i.aria?.pressed ?? ce(e));
   return i.aria = { ...i.aria, pressed: l }, e && ne.set(e, l), l;
 }
@@ -24,50 +24,50 @@ function ie(i, e) {
     return;
   O(e) === "exclusive" && i.visible || (i.visible = !i.visible);
 }
-function Fe(i, e) {
+function Ge(i, e) {
   i.panel.open = !i.panel.open, i.panel.open && e && e();
 }
-function Oe(i, e, l, m) {
-  i && l === e.layer?.uid && (Pe(i), m?.(null));
+function Re(i, e, l, d) {
+  i && l === e.layer?.uid && (Fe(i), d?.(null));
 }
-function Ge(i, e, l) {
+function Ve(i, e, l) {
   l.type === "toggle" && (l.value = !l.value), i(l, e);
 }
-function Re(i) {
+function He(i) {
   return i.actionsSections.map((e) => e.filter((l) => l.visible));
 }
 function se(i, e) {
   const { icon: l } = e;
   if (l)
     return null;
-  const m = "image" in e ? e.image : void 0;
-  return m ? c`<span aria-hidden=true class=${d(F(i.itemActionIcon, { [i.itemActionImage]: !!m }))} style=${Te(Se(m))}></span>` : null;
+  const d = "image" in e ? e.image : void 0;
+  return d ? c`<span aria-hidden=true class=${u(F(i.itemActionIcon, { [i.itemActionImage]: !!d }))} style=${xe(Me(d))}></span>` : null;
 }
 function ae(i, e, l) {
-  const { item: m, css: a, handleAction: f } = i, { active: C, disabled: I, title: b, type: T, indicator: h } = e, S = le(e);
-  return c`<calcite-action .active=${T === "toggle" ? e.value : !1} data-action-id=${e.id ?? r} .disabled=${I} .icon=${S} .indicator=${h} .loading=${C} @click=${() => Ge(f, m, e)} scale=s slot=${(l ? void 0 : "actions-end") ?? r} .text=${b ?? ""} .textEnabled=${l} title=${b ?? void 0 ?? r}>${se(a, e)}</calcite-action>`;
+  const { item: d, css: C, handleAction: a } = i, { active: v, disabled: T, title: f, type: h, indicator: S } = e, I = le(e);
+  return c`<calcite-action .active=${h === "toggle" ? e.value : !1} data-action-id=${e.id ?? r} .disabled=${T} .icon=${I} .indicator=${S} .loading=${v} @click=${() => Ve(a, d, e)} scale=s slot=${(l ? void 0 : "actions-end") ?? r} .text=${f ?? ""} .textEnabled=${l} title=${f ?? void 0 ?? r}>${se(C, e)}</calcite-action>`;
 }
-function Ve(i) {
-  const { item: e, parent: l, hideStatusIndicators: m, css: a, visibilityAppearance: f, hideCatalogLayerList: C, dragEnabled: I = !1, rootGroupUid: b, listModeDisabled: T = !1, selectionMode: h, displayMode: S, layerTablesEnabled: x, showErrors: oe, parentTitles: G, selectedItems: re, activeItem: de, handleCatalogOpen: ue, handleTablesOpen: me, selectedDragItemLayerUid: $e, handleSelectedDragItemLayerUidChange: ge, handlePanelOpen: pe, messages: n, setCurrentActiveItem: R, clearActiveItem: V } = i, g = Z(), M = Z(), y = e.title || ("untitledTable" in n ? n.untitledTable : n.untitledLayer ?? "");
+function Ue(i) {
+  const { item: e, itemType: l = "layer", parent: d, hideStatusIndicators: C, css: a, visibilityAppearance: v, hideCatalogLayerList: T, dragEnabled: f = !1, rootGroupUid: h, listModeDisabled: S = !1, selectionMode: I, displayMode: oe, layerTablesEnabled: x, showErrors: re, parentTitles: G, selectedItems: de, activeItem: ue, handleCatalogOpen: me, handleTablesOpen: $e, selectedDragItemLayerUid: ge, handleSelectedDragItemLayerUidChange: pe, handlePanelOpen: be, messages: n, setCurrentActiveItem: R, clearActiveItem: V } = i, g = Z(), M = Z(), ye = l === "table" ? n.untitledTable ?? "" : n.untitledLayer ?? "", b = e.title || ye || "";
   let H = null;
-  m || (H = c`<arcgis-layer-list-item-indicator class=${d(a.statusIndicator)} .messages=${n} .item=${e} .parent=${l} slot=content-end></arcgis-layer-list-item-indicator>`);
+  C || (H = c`<arcgis-layer-list-item-indicator class=${u(a.statusIndicator)} .messages=${n} .item=${e} .parent=${d} slot=content-end></arcgis-layer-list-item-indicator>`);
   let U = null;
   {
-    const { layer: t } = e, s = t && "persistenceEnabled" in t && (Ce(t) || !t.persistenceEnabled);
-    (i.showTemporaryLayerIndicators || i.showTemporaryTableIndicators) && s && (U = c`<calcite-icon class=${d(a.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${n.temporary ?? r}></calcite-icon>`);
+    const { layer: t } = e, s = t && "persistenceEnabled" in t && (Se(t) || !t.persistenceEnabled);
+    (i.showTemporaryLayerIndicators || i.showTemporaryTableIndicators) && s && (U = c`<calcite-icon class=${u(a.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${n.temporary ?? r}></calcite-icon>`);
   }
   let q = null;
-  if ("visible" in e && "visibleToggle" in a && f) {
-    const t = O(l);
+  if ("visible" in e && "visibleToggle" in a && v) {
+    const t = O(d);
     if (t !== "inherited") {
-      const s = xe({
+      const s = Le({
         visible: e.visible,
         exclusive: t === "exclusive",
-        visibilityAppearance: f
-      }), o = f === "checkbox", u = n.layerVisibility, v = e.title ?? e.layer?.title ?? "", p = v ? `${u ?? ""}: ${v}` : u ?? "", P = ce(e.layer?.id);
-      q = c`<calcite-action .aria=${{ pressed: P }} class=${d(a.visibleToggle)} .icon=${o ? s : void 0} .label=${p} @click=${(D) => {
-        De(D.currentTarget, e.layer?.id), ie(e, l);
-      }} .slot=${o ? "actions-start" : "actions-end"} .text=${u ?? ""} title=${u ?? r}>${o ? null : c`<calcite-icon class=${d(F({
+        visibilityAppearance: v
+      }), o = v === "checkbox", m = n.layerVisibility, y = e.title ?? e.layer?.title ?? "", p = y ? `${m ?? ""}: ${y}` : m ?? "", P = ce(e.layer?.id);
+      q = c`<calcite-action .aria=${{ pressed: P }} class=${u(a.visibleToggle)} .icon=${o ? s : void 0} .label=${p} @click=${(D) => {
+        Oe(D.currentTarget, e.layer?.id), ie(e, d);
+      }} .slot=${o ? "actions-start" : "actions-end"} .text=${m ?? ""} title=${m ?? r}>${o ? null : c`<calcite-icon class=${u(F({
         [a.visibleIcon]: t !== "exclusive" && e.visible
       }))} .icon=${s} scale=s></calcite-icon>`}</calcite-action>`;
     }
@@ -75,30 +75,30 @@ function Ve(i) {
   let j = null;
   {
     const t = e.panel;
-    t?.open && !t.disabled && !t.flowEnabled && (j = c`<div class=${d(a.itemContentBottom)} slot=content-bottom><arcgis-layer-list-item-panel .item=${e} .view=${i.view}></arcgis-layer-list-item-panel></div>`);
+    t?.open && !t.disabled && !t.flowEnabled && (j = c`<div class=${u(a.itemContentBottom)} slot=content-bottom><arcgis-layer-list-item-panel .item=${e} .view=${i.view}></arcgis-layer-list-item-panel></div>`);
   }
   let B = null;
   {
     const t = e.panel;
     if (t?.visible) {
-      const { open: s, title: o, disabled: u } = t, v = { icon: t.icon, image: t.image, indicator: !1 }, p = le(v);
-      B = c`<calcite-action .active=${s} .disabled=${u} .icon=${p} @click=${() => Fe(e, pe)} slot=actions-end .text=${o ?? ""} title=${o ?? void 0 ?? r}>${se(a, t)}</calcite-action>`;
+      const { open: s, title: o, disabled: m } = t, y = { icon: t.icon, image: t.image, indicator: !1 }, p = le(y);
+      B = c`<calcite-action .active=${s} .disabled=${m} .icon=${p} @click=${() => Ge(e, be)} slot=actions-end .text=${o ?? ""} title=${o ?? void 0 ?? r}>${se(a, t)}</calcite-action>`;
     }
   }
   let N = null;
   {
     const t = e.layer, s = t?.type === "catalog-footprint", o = t?.type === "sublayer" && te(t, "footprints");
-    "itemCatalogIcon" in a && (s || o) && (N = c`<calcite-icon class=${d(a.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`);
+    "itemCatalogIcon" in a && (s || o) && (N = c`<calcite-icon class=${u(a.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`);
   }
   let _ = null;
   {
     const t = e.layer, s = t?.type === "catalog-dynamic-group", o = t?.type === "sublayer" && te(t, "layers-in-view");
-    "itemCatalogIcon" in a && (s || o) && (_ = c`<calcite-icon class=${d(a.itemCatalogIcon)} icon=catalog-dataset scale=s slot=content-start></calcite-icon>`);
+    "itemCatalogIcon" in a && (s || o) && (_ = c`<calcite-icon class=${u(a.itemCatalogIcon)} icon=catalog-dataset scale=s slot=content-start></calcite-icon>`);
   }
   let z = null;
   if ("visible" in e) {
     const t = e.layer;
-    !C && t?.type === "catalog-dynamic-group" && (z = c`<calcite-action .disabled=${!t.visible} icon=chevron-right icon-flip-rtl @click=${() => ue?.(e)} scale=s slot=actions-end .text=${y ?? ""}></calcite-action>`);
+    !T && t?.type === "catalog-dynamic-group" && (z = c`<calcite-action .disabled=${!t.visible} icon=chevron-right icon-flip-rtl @click=${() => me?.(e)} scale=s slot=actions-end .text=${b ?? ""}></calcite-action>`);
   }
   let J = null, L = !1;
   {
@@ -113,32 +113,32 @@ function Ve(i) {
           L = x.includes(t.type) && "subtables" in t && !!t.subtables?.length;
           break;
       }
-    "itemTableIcon" in a && "visible" in e && "tables" in n && L && (J = Y(`${e.uid}-tables`, c`<calcite-list-item class=${d(a.item)} data-layer-id=${t?.id ?? r} drag-disabled .label=${n.tables} title=${n.tables ?? r} @calciteListItemSelect=${() => me?.(e)} .value=${e}><calcite-icon class=${d(a.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`));
+    "itemTableIcon" in a && "visible" in e && "tables" in n && L && (J = Y(`${e.uid}-tables`, c`<calcite-list-item class=${u(a.item)} data-layer-id=${t?.id ?? r} drag-disabled .label=${n.tables} title=${n.tables ?? r} @calciteListItemSelect=${() => $e?.(e)} .value=${e}><calcite-icon class=${u(a.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`));
   }
   let K = null;
   if ("children" in e) {
-    const t = [...G ?? [], e.title], { children: s, layer: o } = e, u = o?.type !== "catalog-dynamic-group" && Me(e), v = T ? !1 : Le(o), p = o?.type === "group", P = !v && !u && I && p, D = p && "sortable" in e && e.sortable, Ie = I && ("childrenSortable" in e && e.childrenSortable || D) && Ee(e), Ae = u ? (s?.filter(($) => !$.hidden && (oe || !$.error)).toArray() ?? []).map(($) => Ve({ ...i, item: $, parent: e, parentTitles: t })) : null;
-    (u || P) && (K = c`<calcite-list .canPull=${($) => i.canMove ? i.canMove($, "pull") : !1} .canPut=${($) => i.canMove ? i.canMove($, "put") : !1} data-item=${e.uid ?? r} data-layer-type=${b ?? r} .displayMode=${S} .dragEnabled=${Ie} .group=${p ? b : `${b}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${h}>${Ae}${J}</calcite-list>`);
+    const t = [...G ?? [], e.title], { children: s, layer: o } = e, m = o?.type !== "catalog-dynamic-group" && Ee(e), y = S ? !1 : ke(o), p = o?.type === "group", P = !y && !m && f && p, D = p && "sortable" in e && e.sortable, Ce = f && ("childrenSortable" in e && e.childrenSortable || D) && we(e), Te = m ? (s?.filter(($) => !$.hidden && (re || !$.error)).toArray() ?? []).map(($) => Ue({ ...i, item: $, parent: e, parentTitles: t })) : null;
+    (m || P) && (K = c`<calcite-list .canPull=${($) => i.canMove ? i.canMove($, "pull") : !1} .canPut=${($) => i.canMove ? i.canMove($, "put") : !1} data-item=${e.uid ?? r} data-layer-type=${h ?? r} .displayMode=${oe} .dragEnabled=${Ce} .group=${p ? h : `${h}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${I}>${Te}${J}</calcite-list>`);
   }
   let E = null;
   if (e.error) {
     const t = "layerError" in n ? n.layerError : n.tableError;
-    E = c`<div class=${d(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${t}</div></calcite-notice></div>`;
-  } else "incompatible" in e && e.incompatible && "layerIncompatible" in n && (E = c`<div class=${d(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${ee(M)}><div slot=message>${n.layerIncompatible}</div></calcite-notice></div>`);
-  const Q = Re(e), k = e.actionsSections.reduce((t, s) => t + s.length, 0), W = ke(Q), be = Q.toArray().map((t) => c`<calcite-action-group>${t.toArray().map((s) => ae(i, s, !0))}</calcite-action-group>`), ye = (t) => {
+    E = c`<div class=${u(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${t}</div></calcite-notice></div>`;
+  } else "incompatible" in e && e.incompatible && "layerIncompatible" in n && (E = c`<div class=${u(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${ee(M)}><div slot=message>${n.layerIncompatible}</div></calcite-notice></div>`);
+  const Q = He(e), k = e.actionsSections.reduce((t, s) => t + s.length, 0), W = Pe(Q), ve = Q.toArray().map((t) => c`<calcite-action-group>${t.toArray().map((s) => ae(i, s, !0))}</calcite-action-group>`), fe = (t) => {
     e.actionsOpen = t.currentTarget.open;
   };
   let X = null;
-  k > 1 && (X = c`<calcite-action-menu appearance=transparent .label=${n.menu ?? ""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${ye}><calcite-action .aria=${{
+  k > 1 && (X = c`<calcite-action-menu appearance=transparent .label=${n.menu ?? ""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${fe}><calcite-action .aria=${{
     expanded: e.actionsOpen ?? !1,
     hasPopup: "true"
-  }} icon=ellipsis scale=s slot=trigger .text=${n.options ?? ""} title=${n.options ?? r}></calcite-action>${be}</calcite-action-menu>`);
+  }} icon=ellipsis scale=s slot=trigger .text=${n.options ?? ""} title=${n.options ?? r}></calcite-action>${ve}</calcite-action-menu>`);
   let w = null;
   k === 1 && W ? w = ae(i, W, !1) : k > 1 && (w = X);
-  const ve = "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in n && !e.visibleAtCurrentTimeExtent ? `${y} (${n.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in n && !e.visibleAtCurrentScale ? `${y} (${n.layerInvisibleAtScale})` : y, fe = "parent" in e && e.parent?.layer?.type === "catalog", A = e.layer, he = "visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent;
+  const he = "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in n && !e.visibleAtCurrentTimeExtent ? `${b} (${n.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in n && !e.visibleAtCurrentScale ? `${b} (${n.layerInvisibleAtScale})` : b, Ie = "parent" in e && e.parent?.layer?.type === "catalog", A = e.layer, Ae = "visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent;
   return queueMicrotask(() => {
-    Oe(g.value ?? null, e, $e, ge), M.value && (i.handleTooltipReferenceChange?.(A?.uid, M.value), queueMicrotask(() => i.handleTooltipReferenceChange?.(A?.uid, null))), e.panel && (e.panel.container = g.value);
-  }), Y(e.uid, c`<calcite-list-item class=${d(F(a.item, "itemActive" in a && { [a.itemActive]: de?.uid === e.uid }))} data-item=${e.uid ?? r} data-layer-id=${A?.id ?? r} .dragDisabled=${!("sortable" in e && e.sortable) || fe} id=${A?.uid ?? r} .label=${y} .metadata=${{ parentTitles: G ?? [], _title: y }} .expanded=${"open" in e && e.open} .selected=${h !== "none" ? re.includes(e) : !1} title=${ve ?? r} .unavailable=${he} .value=${e} @focusin=${() => {
+    Re(g.value ?? null, e, ge, pe), M.value && (i.handleTooltipReferenceChange?.(A?.uid, M.value), queueMicrotask(() => i.handleTooltipReferenceChange?.(A?.uid, null))), e.panel && (e.panel.container = g.value);
+  }), Y(e.uid, c`<calcite-list-item class=${u(F(a.item, "itemActive" in a && { [a.itemActive]: ue?.uid === e.uid }))} data-item=${e.uid ?? r} data-layer-id=${A?.id ?? r} .dragDisabled=${!("sortable" in e && e.sortable) || Ie} id=${A?.uid ?? r} .label=${b} .metadata=${{ parentTitles: G ?? [], _title: b }} .expanded=${"open" in e && e.open} .selected=${I !== "none" ? de.includes(e) : !1} title=${he ?? r} .unavailable=${Ae} .value=${e} @focusin=${() => {
     R?.(e), g.value?.classList.add(a.itemActive);
   }} @focusout=${() => {
     V?.(), g.value?.classList.remove(a.itemActive);
@@ -147,11 +147,11 @@ function Ve(i) {
   }} @mouseleave=${() => {
     V?.(), g.value?.classList.remove(a.itemActive);
   }} @calciteListItemSelect=${(t) => {
-    t.target === t.currentTarget && "visible" in e && we(t.currentTarget, i.operationalItems) === e && h === "none" && O(l) !== "inherited" && ie(e, l);
+    t.target === t.currentTarget && "visible" in e && De(t.currentTarget, i.operationalItems) === e && I === "none" && O(d) !== "inherited" && ie(e, d);
   }} @calciteListItemToggle=${(t) => {
     "open" in e && (t.stopPropagation(), e.open = t.target.expanded);
   }} ${ee(g)}>${N}${_}${H}${q}${z}${U}${K}${E}${j}${B}${w}</calcite-list-item>`);
 }
 export {
-  Ve as ArcgisLayerListItem
+  Ue as ArcgisLayerListItem
 };