@arcgis/map-components 5.2.0-next.7 → 5.2.0-next.70

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/component-utils.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
-import { resolveReferenceElement as g } from "@arcgis/toolkit/dom";
+import { resolveReferenceElement as g } from "@arcgis/toolkit/dom/referenceElement";
 function N(t) {
   t.el.childElem && (t.el.childElem.ownedBy = t.el);
   const e = h(t);

package/dist/chunks/css.js

@@ -0,0 +1,25 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+const t = {
+  actionMenu: "action-menu",
+  actionGroup: "action-group",
+  filterNoResults: "filter-no-results",
+  item: "item",
+  itemActive: "active",
+  itemContentBottom: "content-bottom",
+  itemMessage: "message",
+  itemActionIcon: "action-icon",
+  itemActionImage: "action-image",
+  itemTemporaryIcon: "temporary-icon",
+  itemTableIcon: "table-icon",
+  itemCatalogIcon: "catalog-icon",
+  statusIndicator: "status-indicator",
+  publishing: "publishing",
+  updating: "updating",
+  connectionStatus: "connection-status",
+  connectionStatusConnected: "connection-status--connected",
+  visibleToggle: "visible-toggle",
+  visibleIcon: "visible-icon"
+};
+export {
+  t as c
+};

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/earth-utils.js

@@ -0,0 +1,21 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+function i(o, n) {
+  return o / 15;
+}
+function s(o, n) {
+  const u = o?.[0];
+  if (u == null)
+    return null;
+  n || (n = { hours: 0, minutes: 0, seconds: 0 }), n.hours = i(u);
+  const t = n.hours % 1;
+  n.hours -= t, n.minutes = t * 60;
+  const e = n.minutes % 1;
+  return n.minutes -= e, n.seconds = Math.round(e * 60), n;
+}
+function m(o) {
+  const n = s([o.longitude, o.latitude]);
+  return n == null ? 0 : Math.round(n.hours + n.minutes / 60 + n.seconds / 3600);
+}
+export {
+  m as t
+};

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,15 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+function t(r) {
+  return r === "ArrowDown" || r === "ArrowLeft" || r === "ArrowRight" || r === "ArrowUp";
+}
+function w(r, o = "ltr") {
+  return o === "rtl" ? r === "ArrowLeft" || r === "ArrowUp" : r === "ArrowDown" || r === "ArrowRight";
+}
+function A(r, o = "ltr") {
+  return o === "rtl" ? r === "ArrowDown" || r === "ArrowRight" : r === "ArrowLeft" || r === "ArrowUp";
+}
+export {
+  A as a,
+  w as b,
+  t as i
+};

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

@@ -0,0 +1,170 @@
+/* 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 Se } from "@arcgis/core/layers/catalog/catalogUtils.js";
+import { safeClassMap as u, safeStyleMap as Me, nothing as d } 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 xe, a as le } from "./action-utils.js";
+import { h as Le, j as te, l as Ee, k as we, n as ke, o as Pe, g as De } from "./layer-list-utils.js";
+import { s as Fe } from "./component-utils.js";
+const ne = /* @__PURE__ */ new Map();
+function ce(i) {
+  return i ? ne.get(i) ?? !1 : !1;
+}
+function Oe(i, e) {
+  const l = !(i.aria?.pressed ?? ce(e));
+  return i.aria = { ...i.aria, pressed: l }, e && ne.set(e, l), l;
+}
+function O(i) {
+  return i && "visibilityMode" in i ? i.visibilityMode : null;
+}
+function ie(i, e) {
+  if (!("visible" in i))
+    return;
+  O(e) === "exclusive" && i.visible || (i.visible = !i.visible);
+}
+function Re(i, e) {
+  i.panel.open = !i.panel.open, i.panel.open && e && e();
+}
+function Ge(i, e, l, s) {
+  i && l === e.layer?.uid && (Fe(i), s?.(null));
+}
+function Ve(i, e, l) {
+  l.type === "toggle" && (l.value = !l.value), i(l, e);
+}
+function qe(i) {
+  return i.actionsSections.map((e) => e.filter((l) => l.visible));
+}
+function We(i, e, l) {
+  return i.updateComplete.then(() => {
+    const s = () => {
+      const $ = Array.from(i.el.shadowRoot?.querySelectorAll(`calcite-list-item[data-item="${e}"]`) ?? []);
+      if ($.length < 2)
+        return;
+      const a = $.find(l);
+      a && $.filter((p) => p !== a).forEach((p) => p.remove());
+    };
+    return s(), i.updateComplete.then(s);
+  });
+}
+function se(i, e) {
+  const { icon: l } = e;
+  if (l)
+    return null;
+  const s = "image" in e ? e.image : void 0;
+  return s ? c`<span aria-hidden=true class=${u(F(i.itemActionIcon, { [i.itemActionImage]: !!s }))} style=${Me(xe(s))}></span>` : null;
+}
+function ae(i, e, l) {
+  const { item: s, css: $, handleAction: a } = i, { active: p, disabled: T, title: h, type: A, indicator: S } = e, I = le(e);
+  return c`<calcite-action .active=${A === "toggle" ? e.value : !1} data-action-id=${e.id ?? d} .disabled=${T} .icon=${I} .indicator=${S} .loading=${p} @click=${() => Ve(a, s, e)} scale=s slot=${(l ? void 0 : "actions-end") ?? d} .text=${h ?? ""} .textEnabled=${l} title=${h ?? void 0 ?? d}>${se($, e)}</calcite-action>`;
+}
+function He(i) {
+  const { item: e, itemType: l = "layer", parent: s, hideStatusIndicators: $, css: a, visibilityAppearance: p, hideCatalogLayerList: T, dragEnabled: h = !1, rootGroupUid: A, listModeDisabled: S = !1, selectionMode: I, displayMode: oe, layerTablesEnabled: M, showErrors: re, parentTitles: R, selectedItems: de, activeItem: ue, handleCatalogOpen: me, handleTablesOpen: pe, selectedDragItemLayerUid: ge, handleSelectedDragItemLayerUidChange: $e, handlePanelOpen: be, messages: n, setCurrentActiveItem: G, clearActiveItem: V } = i, b = Z(), x = Z(), ye = l === "table" ? n.untitledTable ?? "" : n.untitledLayer ?? "", v = e.title || ye || "";
+  let q = null;
+  $ || (q = c`<arcgis-layer-list-item-indicator class=${u(a.statusIndicator)} .messages=${n} .item=${e} .parent=${s} slot=content-end></arcgis-layer-list-item-indicator>`);
+  let H = null;
+  {
+    const { layer: t } = e, o = t && "persistenceEnabled" in t && (Se(t) || !t.persistenceEnabled);
+    (i.showTemporaryLayerIndicators || i.showTemporaryTableIndicators) && o && (H = c`<calcite-icon class=${u(a.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${n.temporary ?? d}></calcite-icon>`);
+  }
+  let U = null;
+  if ("visible" in e && "visibleToggle" in a && p) {
+    const t = O(s);
+    if (t !== "inherited") {
+      const o = Le({
+        visible: e.visible,
+        exclusive: t === "exclusive",
+        visibilityAppearance: p
+      }), r = p === "checkbox", m = n.layerVisibility, f = e.title ?? e.layer?.title ?? "", y = f ? `${m ?? ""}: ${f}` : m ?? "", P = ce(e.layer?.id);
+      U = c`<calcite-action .aria=${{ pressed: P }} class=${u(a.visibleToggle)} .icon=${r ? o : void 0} .label=${y} @click=${(D) => {
+        Oe(D.currentTarget, e.layer?.id), ie(e, s);
+      }} .slot=${r ? "actions-start" : "actions-end"} .text=${m ?? ""} title=${m ?? d}>${r ? null : c`<calcite-icon class=${u(F({
+        [a.visibleIcon]: t !== "exclusive" && e.visible
+      }))} .icon=${o} scale=s></calcite-icon>`}</calcite-action>`;
+    }
+  }
+  let j = null;
+  {
+    const t = e.panel;
+    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: o, title: r, disabled: m } = t, f = { icon: t.icon, image: t.image, indicator: !1 }, y = le(f);
+      B = c`<calcite-action .active=${o} .disabled=${m} .icon=${y} @click=${() => Re(e, be)} slot=actions-end .text=${r ?? ""} title=${r ?? void 0 ?? d}>${se(a, t)}</calcite-action>`;
+    }
+  }
+  let N = null;
+  {
+    const t = e.layer, o = t?.type === "catalog-footprint", r = t?.type === "sublayer" && te(t, "footprints");
+    "itemCatalogIcon" in a && (o || r) && (N = c`<calcite-icon class=${u(a.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`);
+  }
+  let _ = null;
+  {
+    const t = e.layer, o = t?.type === "catalog-dynamic-group", r = t?.type === "sublayer" && te(t, "layers-in-view");
+    "itemCatalogIcon" in a && (o || r) && (_ = 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;
+    !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=${v ?? ""}></calcite-action>`);
+  }
+  let J = null, L = !1;
+  {
+    const t = e.layer;
+    if (M && t)
+      switch (t.type) {
+        case "knowledge-graph":
+          L = M.includes(t.type) && "tables" in t && !!t.tables?.length;
+          break;
+        case "map-image":
+        case "tile":
+          L = M.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=${u(a.item)} data-layer-id=${t?.id ?? d} drag-disabled .label=${n.tables} title=${n.tables ?? d} @calciteListItemSelect=${() => pe?.(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 = [...R ?? [], e.title], { children: o, layer: r } = e, m = r?.type !== "catalog-dynamic-group" && Ee(e), f = S ? !1 : we(r), y = r?.type === "group", P = !f && !m && h && y, D = y && "sortable" in e && e.sortable, Ce = h && ("childrenSortable" in e && e.childrenSortable || D) && ke(e), Te = m ? (o?.filter((g) => !g.hidden && (re || !g.error)).toArray() ?? []).map((g) => He({ ...i, item: g, parent: e, parentTitles: t })) : null;
+    (m || P) && (K = c`<calcite-list .canPull=${(g) => i.canMove ? i.canMove(g, "pull") : !1} .canPut=${(g) => i.canMove ? i.canMove(g, "put") : !1} data-item=${e.uid ?? d} data-layer-type=${A ?? d} .displayMode=${oe} .dragEnabled=${Ce} .group=${y ? A : `${A}-${r?.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=${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(x)}><div slot=message>${n.layerIncompatible}</div></calcite-notice></div>`);
+  const Q = qe(e), w = e.actionsSections.reduce((t, o) => t + o.length, 0), W = Pe(Q), ve = Q.toArray().map((t) => c`<calcite-action-group>${t.toArray().map((o) => ae(i, o, !0))}</calcite-action-group>`), fe = (t) => {
+    e.actionsOpen = t.currentTarget.open;
+  };
+  let X = null;
+  w > 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 ?? d}></calcite-action>${ve}</calcite-action-menu>`);
+  let k = null;
+  w === 1 && W ? k = ae(i, W, !1) : w > 1 && (k = X);
+  const he = "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in n && !e.visibleAtCurrentTimeExtent ? `${v} (${n.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in n && !e.visibleAtCurrentScale ? `${v} (${n.layerInvisibleAtScale})` : v, Ae = "parent" in e && e.parent?.layer?.type === "catalog", C = e.layer, Ie = "visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent;
+  return queueMicrotask(() => {
+    Ge(b.value ?? null, e, ge, $e), x.value && (i.handleTooltipReferenceChange?.(C?.uid, x.value), queueMicrotask(() => i.handleTooltipReferenceChange?.(C?.uid, null))), e.panel && (e.panel.container = b.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 ?? d} data-layer-id=${C?.id ?? d} .dragDisabled=${!("sortable" in e && e.sortable) || Ae} id=${C?.uid ?? d} .label=${v} .metadata=${{ parentTitles: R ?? [], _title: v }} .expanded=${"open" in e && e.open} .selected=${I !== "none" ? de.includes(e) : !1} title=${he ?? d} .unavailable=${Ie} .value=${e} @focusin=${() => {
+    G?.(e), b.value?.classList.add(a.itemActive);
+  }} @focusout=${() => {
+    V?.(), b.value?.classList.remove(a.itemActive);
+  }} @mouseover=${() => {
+    G?.(e), b.value?.classList.add(a.itemActive);
+  }} @mouseleave=${() => {
+    V?.(), b.value?.classList.remove(a.itemActive);
+  }} @calciteListItemSelect=${(t) => {
+    t.target === t.currentTarget && "visible" in e && De(t.currentTarget, i.operationalItems) === e && I === "none" && O(s) !== "inherited" && ie(e, s);
+  }} @calciteListItemToggle=${(t) => {
+    "open" in e && (t.stopPropagation(), e.open = t.target.expanded);
+  }} ${ee(b)}>${N}${_}${q}${U}${z}${H}${K}${E}${j}${B}${k}</calcite-list-item>`);
+}
+export {
+  He as A,
+  We as r
+};