@arcgis/map-components 5.1.0-next.99 → 5.2.0-next.1

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

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