@arcgis/map-components 5.2.0-next.105 → 5.2.0-next.106

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

@@ -1,20 +1,20 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as k } from "../../chunks/runtime.js";
+import { c as x } from "../../chunks/runtime.js";
 import { html as h } from "lit";
 import { keyed as v } from "lit/directives/keyed.js";
-import { repeat as x } from "lit/directives/repeat.js";
-import B from "@arcgis/core/layers/list/LayerItemCollection.js";
+import { repeat as B } from "lit/directives/repeat.js";
+import k from "@arcgis/core/layers/list/LayerItemCollection.js";
 import { classes as S } from "@arcgis/toolkit/dom";
 import { generateGuid as U } from "@arcgis/toolkit/string";
 import { createRef as w, ref as b } from "lit/directives/ref.js";
 import { u as G } from "../../chunks/useT9n.js";
 import { m as H } from "../../chunks/useViewModel.js";
 import { g as C } from "../../chunks/globalCss.js";
-import { c as I } from "../../chunks/css.js";
+import { c as f } from "../../chunks/css.js";
 import { g as m, a as F, m as V, b as j, r as M, s as q, c as z, d as J, e as K } from "../../chunks/layer-list-utils.js";
 import p from "@arcgis/core/core/Collection.js";
 import { on as $, watch as A } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as Q, createEvent as y, renderElement as O, safeClassMap as T, nothing as D } from "@arcgis/lumina";
+import { LitElement as Q, createEvent as I, renderElement as D, safeClassMap as E, nothing as O } from "@arcgis/lumina";
 import { usePropertyChange as W } from "@arcgis/lumina/controllers";
 import { reEmitEvent as X } from "@arcgis/lumina/controllers/accessor";
 import { u as Y } from "../../chunks/useCloseEvent.js";
@@ -22,19 +22,19 @@ import { ArcgisLayerListItem as Z } from "./layer-list-item/customElement.js";
 import { s as ee, a as te } from "../../chunks/layer-list-next.js";
 import { i as se, h as ie, r as ae } from "../../chunks/utils2.js";
 import "../arcgis-layer-list-item-indicator/customElement.js";
-const P = "nested", re = H(B);
+const P = "nested", re = H(k);
 class oe extends Q {
   constructor() {
     super(...arguments), this._lastDragDetail = null, this._rootListRef = w(), this._layerFlowItemRef = w(), this._panelFlowItemRef = w(), this._selectedDragItemLayerUid = null, this._rootGroupUid = `operational-${U()}`, this._openedLayersController = null, this.messages = G(), this._canMove = ({ dragEl: e, fromEl: t, toEl: s }, a) => {
       const i = a === "pull" ? this.listItemCanGiveFunction : this.listItemCanReceiveFunction, r = m(e, this.operationalItems);
       if (!r?.sortable)
         return !1;
-      const o = this._resolveListContainer(t), l = this._resolveListContainer(s), n = this._getContainerItem(o), d = F(o), g = this._getContainerItem(l), u = F(l), L = !!d && !!u && d === u, f = {
+      const o = this._resolveListContainer(t), l = this._resolveListContainer(s), n = this._getContainerItem(o), d = F(o), g = this._getContainerItem(l), u = F(l), L = !!d && !!u && d === u, y = {
         selected: r,
         from: n,
         to: g
-      }, _ = o?.group, c = l?.group, R = n?.layer?.type ?? "", N = g?.layer?.type ?? "", E = /* @__PURE__ */ new Set(["map-image", "catalog", "knowledge-graph"]);
-      return _ && c && typeof i == "function" ? i(f) : L && !E.has(R) && !E.has(N) && r?.layer?.type !== "sublayer";
+      }, _ = o?.group, c = l?.group, R = n?.layer?.type ?? "", N = g?.layer?.type ?? "", T = /* @__PURE__ */ new Set(["map-image", "catalog", "knowledge-graph"]);
+      return _ && c && typeof i == "function" ? i(y) : L && !T.has(R) && !T.has(N) && r?.layer?.type !== "sublayer";
     }, this._onCatalogOpen = (e) => {
       this.openedLayers.push(e.layer?.parent);
     }, this._onTablesOpen = (e) => {
@@ -46,7 +46,7 @@ class oe extends Q {
     }, this._setActiveItem = (e) => {
       if (this.visibilityAppearance !== "default")
         return;
-      const t = Array.from(e.composedPath()).find((a) => a.classList?.contains(I.item)), s = m(t, this.operationalItems);
+      const t = Array.from(e.composedPath()).find((a) => a.classList?.contains(f.item)), s = m(t, this.operationalItems);
       this._activeItem = s;
     }, this.viewModel = re(this), this.arcgisClose = Y(this), this._activeItem = null, this._onTooltipReferenceChange = (e, t) => {
       t ? this._tooltipReferenceMap.set(e, t) : this._tooltipReferenceMap.delete(e);
@@ -54,7 +54,7 @@ class oe extends Q {
       this._selectedDragItemLayerUid = e;
     }, this._onTriggerAction = (e, t) => {
       this.triggerAction(e, t);
-    }, this._tooltipReferenceMap = /* @__PURE__ */ new Map(), this._layerListMap = /* @__PURE__ */ new Map(), this.layerTablesEnabled = new p(["knowledge-graph"]), this.mapImageOptions = null, this.openedLayerLists = new p(), this.tileOptions = null, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.hideCatalogLayerList = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.hideStatusIndicators = !1, this.icon = "layers", this.layerTablesAvailable = new p(["knowledge-graph"]), this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.minDragEnabledItems = V, this.minFilterItems = j, this.openedLayers = new p(), this.operationalItems = this.viewModel.operationalItems, this.selectedItems = new p(), this.selectionMode = "none", this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.view = this.viewModel.view, this.visibilityAppearance = "default", this.arcgisFilterChange = y(), this.arcgisOpenedLayersChange = y(), this.arcgisPropertyChange = W()("state"), this.arcgisReady = y(), this.arcgisSelectedItemsChange = y(), this.arcgisTriggerAction = X(() => this.viewModel, "trigger-action");
+    }, this._tooltipReferenceMap = /* @__PURE__ */ new Map(), this._layerListMap = /* @__PURE__ */ new Map(), this.layerTablesEnabled = new p(["knowledge-graph"]), this.mapImageOptions = null, this.openedLayerLists = new p(), this.tileOptions = null, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.hideCatalogLayerList = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.hideStatusIndicators = !1, this.icon = "layers", this.layerTablesAvailable = new p(["knowledge-graph"]), this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.minDragEnabledItems = V, this.minFilterItems = j, this.openedLayers = new p(), this.operationalItems = this.viewModel.operationalItems, this.selectedItems = new p(), this.selectionMode = "none", this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.view = this.viewModel.view, this.visibilityAppearance = "default", this.arcgisFilterChange = I(), this.arcgisOpenedLayersChange = I(), this.arcgisPropertyChange = W()("state"), this.arcgisReady = I(), this.arcgisSelectedItemsChange = I(), this.arcgisTriggerAction = X(() => this.viewModel, "trigger-action");
   }
   static {
     this.properties = { _catalogLayerList: 16, _tableList: 16, _tooltipReferenceMap: 16, _layerListMap: 16, _totalItems: 16, _visibleItems: 16, _openedPanelItems: 16, _dragEnabled: 16, _filterEnabled: 16, layerTablesEnabled: 16, mapImageOptions: 16, openedLayerLists: 16, tileOptions: 16, _renderedOpenLayerFlowItems: 16, autoDestroyDisabled: 5, catalogLayerList: 32, catalogOptions: 0, closed: 5, collapsed: 5, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, hideStatusIndicators: 5, icon: 1, knowledgeGraphOptions: 0, label: 1, layerTablesAvailable: 0, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, listModeDisabled: 5, messageOverrides: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 32, operationalItems: 0, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 32, tableList: 32, view: 0, visibilityAppearance: 1 };
@@ -157,7 +157,7 @@ class oe extends Q {
   }
   async _createCatalogLayerList(e) {
     const { headingLevel: t, catalogOptions: s, filterPlaceholder: a, listItemCreatedFunction: i, minFilterItems: r, selectionMode: o, visibilityAppearance: l } = this;
-    return O(h`<arcgis-catalog-layer-list-next .headingLevel=${t} .filterPlaceholder=${s?.filterPlaceholder ?? a} .listItemCreatedFunction=${s?.listItemCreatedFunction ?? i} .minFilterItems=${s?.minFilterItems ?? r} .selectionMode=${s?.selectionMode ?? o} .visibilityAppearance=${s?.visibilityAppearance ?? l} .showErrors=${s?.showErrors ?? this.showErrors} .showFilter=${s?.showFilter ?? this.showFilter} .hideStatusIndicators=${s?.hideStatusIndicators ?? this.hideStatusIndicators} .showTemporaryLayerIndicators=${s?.showTemporaryLayerIndicators ?? this.showTemporaryLayerIndicators} .messageOverrides=${this.messageOverrides} @arcgisReady=${(n) => n.stopPropagation()} .catalogLayer=${e} .view=${this.view} .referenceElement=${this.referenceElement} @catalogOpen=${this._onCatalogOpen} @tablesOpen=${this._onTablesOpen}></arcgis-catalog-layer-list-next>`);
+    return D(h`<arcgis-catalog-layer-list-next .headingLevel=${t} .filterPlaceholder=${s?.filterPlaceholder ?? a} .listItemCreatedFunction=${s?.listItemCreatedFunction ?? i} .minFilterItems=${s?.minFilterItems ?? r} .selectionMode=${s?.selectionMode ?? o} .visibilityAppearance=${s?.visibilityAppearance ?? l} .showErrors=${s?.showErrors ?? this.showErrors} .showFilter=${s?.showFilter ?? this.showFilter} .hideStatusIndicators=${s?.hideStatusIndicators ?? this.hideStatusIndicators} .showTemporaryLayerIndicators=${s?.showTemporaryLayerIndicators ?? this.showTemporaryLayerIndicators} .messageOverrides=${this.messageOverrides} @arcgisReady=${(n) => n.stopPropagation()} .catalogLayer=${e} .view=${this.view} .referenceElement=${this.referenceElement} @catalogOpen=${this._onCatalogOpen} @tablesOpen=${this._onTablesOpen}></arcgis-catalog-layer-list-next>`);
   }
   _getTableListParams(e) {
     switch (e.type) {
@@ -179,7 +179,7 @@ class oe extends Q {
   }
   async _createTableList(e) {
     const { headingLevel: t, selectionMode: s, dragEnabled: a } = this, i = this._getTableListParams(e);
-    return O(h`<arcgis-table-list-next .headingLevel=${i?.headingLevel ?? t} .selectionMode=${i?.selectionMode ?? s} .dragEnabled=${i?.dragEnabled ?? a} .collapsed=${i?.collapsed} .filterPlaceholder=${i?.filterPlaceholder} .filterText=${i?.filterText} .icon=${i?.icon ?? void 0} .label=${i?.label ?? void 0} .listItemCreatedFunction=${i?.listItemCreatedFunction} .messageOverrides=${this.messageOverrides} .tables=${i?.tables} .referenceElement=${this.referenceElement} @arcgisReady=${(r) => r.stopPropagation()}></arcgis-table-list-next>`);
+    return D(h`<arcgis-table-list-next .headingLevel=${i?.headingLevel ?? t} .selectionMode=${i?.selectionMode ?? s} .dragEnabled=${i?.dragEnabled ?? a} .collapsed=${i?.collapsed} .filterPlaceholder=${i?.filterPlaceholder} .filterText=${i?.filterText} .icon=${i?.icon ?? void 0} .label=${i?.label ?? void 0} .listItemCreatedFunction=${i?.listItemCreatedFunction} .messageOverrides=${this.messageOverrides} .tables=${i?.tables} .referenceElement=${this.referenceElement} @arcgisReady=${(r) => r.stopPropagation()}></arcgis-table-list-next>`);
   }
   _handlePanelFlowItemBack(e) {
     e.open = !1;
@@ -244,7 +244,7 @@ class oe extends Q {
       [C.hidden]: e === "loading",
       [C.disabled]: e === "disabled"
     };
-    return h`<div class=${T(S(C.widget, t))}>${this._visibleItems?.length ? this._renderItemTooltips() : null}${this._renderItems()}</div>`;
+    return h`<div class=${E(S(C.widget, t))}>${this._visibleItems?.length ? this._renderItemTooltips() : null}${this._renderItems()}</div>`;
   }
   _renderItemTooltip(e) {
     const { _tooltipReferenceMap: t, messages: s } = this;
@@ -263,17 +263,17 @@ class oe extends Q {
     return h`<div slot=message>${this.messages.noItemsToDisplay}</div>`;
   }
   _renderNoItems() {
-    return this.hideNoItemsNotice ? null : h`<div class=${T(I.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`;
+    return this.hideNoItemsNotice ? null : h`<div class=${E(f.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`;
   }
   _renderLayerFlowItem(e, t) {
     const { messages: s, openedLayers: a } = this, i = e.title || this.messages.untitledLayer;
-    return v(e?.uid ?? i, h`<calcite-flow-item data-layer-uid=${e?.uid ?? "" ?? D} .description=${i} .heading=${s[e.type === "catalog" ? "catalogLayers" : "tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${(r) => {
+    return v(e?.uid ?? i, h`<calcite-flow-item data-layer-uid=${e?.uid ?? "" ?? O} .description=${i} .heading=${s[e.type === "catalog" ? "catalogLayers" : "tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${(r) => {
       r.preventDefault(), a.pop(), a.at(-1) && this._layerFlowItemRef.value?.setFocus();
     }} ${b(this._layerFlowItemRef)}>${this._layerListMap.get(e)}</calcite-flow-item>`);
   }
   _renderPanelFlowItems() {
     const { _openedPanelItems: e, openedLayers: t } = this;
-    return x(e.toArray(), (a) => a.uid, (a, i) => {
+    return B(e.toArray(), (a) => a.uid, (a, i) => {
       const { panel: r, title: o } = a, l = () => this._handlePanelFlowItemBack(r);
       return h`<calcite-flow-item .description=${o} .heading=${r.title} .headingLevel=${this.headingLevel} .selected=${!t.length && i === e.length - 1} @calciteFlowItemBack=${(n) => {
         n.preventDefault(), l();
@@ -281,20 +281,20 @@ class oe extends Q {
     });
   }
   _renderItems() {
-    const { collapsed: e, _visibleItems: t, _openedPanelItems: s, _filterEnabled: a, _rootGroupUid: i, showCloseButton: r, showCollapseButton: o, showHeading: l, _dragEnabled: n, selectionMode: d, filterText: g, openedLayers: u, filterPlaceholder: L, messages: f } = this, _ = [
-      h`<calcite-flow-item .closable=${r} .closed=${this.closed} .collapsed=${e} .collapsible=${o} .heading=${l ? f.componentLabel : void 0} .headingLevel=${this.headingLevel} .selected=${!u.length && !s.length} @calciteFlowItemClose=${() => this.closed = !1}>${t?.length ? h`<calcite-list @focusin=${this._setActiveItem} @focusout=${this._clearActiveItem} .canPull=${(c) => this._canMove(c, "pull")} .canPut=${(c) => this._canMove(c, "put")} data-layer-type=${i ?? D} .displayMode=${P} .dragEnabled=${n} .filterEnabled=${a} .filterPlaceholder=${L} .filterProps=${K} .filterText=${a ? g : ""} .group=${i} .label=${f.componentLabel} @mouseleave=${this._clearActiveItem} @mouseover=${this._setActiveItem} selection-appearance=highlight .selectionMode=${d} @calciteListChange=${this._handleCalciteListChange} @calciteListFilter=${(c) => {
+    const { collapsed: e, _visibleItems: t, _openedPanelItems: s, _filterEnabled: a, _rootGroupUid: i, showCloseButton: r, showCollapseButton: o, showHeading: l, _dragEnabled: n, selectionMode: d, filterText: g, openedLayers: u, filterPlaceholder: L, messages: y } = this, _ = [
+      h`<calcite-flow-item .closable=${r} .closed=${this.closed} .collapsed=${e} .collapsible=${o} .heading=${l ? y.componentLabel : void 0} .headingLevel=${this.headingLevel} .selected=${!u.length && !s.length} @calciteFlowItemClose=${() => this.closed = !1}>${t?.length ? h`<calcite-list @focusin=${this._setActiveItem} @focusout=${this._clearActiveItem} .canPull=${(c) => this._canMove(c, "pull")} .canPut=${(c) => this._canMove(c, "put")} data-layer-type=${i ?? O} .displayMode=${P} .dragEnabled=${n} .filterEnabled=${a} .filterPlaceholder=${L} .filterProps=${K} .filterText=${a ? g : ""} .group=${i} .label=${y.componentLabel} @mouseleave=${this._clearActiveItem} @mouseover=${this._setActiveItem} selection-appearance=highlight .selectionMode=${d} @calciteListChange=${this._handleCalciteListChange} @calciteListFilter=${(c) => {
         this.filterText = c.currentTarget?.filterText ?? "", this.arcgisFilterChange.emit();
-      }} @calciteListOrderChange=${(c) => this._onCalciteListOrderChange(c.detail)} @calciteListDragEnd=${(c) => this._onCalciteListDragEnd(c.detail)} ${b(this._rootListRef)}>${t.toArray().map((c) => this._renderItem(c))}${a && !this.hideNoFilterResultsNotice ? h`<div class=${T(I.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>` : null}</calcite-list>` : this._renderNoItems()}</calcite-flow-item>`,
+      }} @calciteListOrderChange=${(c) => this._onCalciteListOrderChange(c.detail)} @calciteListDragEnd=${(c) => this._onCalciteListDragEnd(c.detail)} ${b(this._rootListRef)}>${t.toArray().map((c) => this._renderItem(c))}${a && !this.hideNoFilterResultsNotice ? h`<div class=${E(f.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>` : null}</calcite-list>` : this._renderNoItems()}</calcite-flow-item>`,
       this._renderPanelFlowItems(),
       this._renderedOpenLayerFlowItems
     ];
     return this.closed ? null : v("root-flow", h`<calcite-flow>${_}</calcite-flow>`);
   }
   _renderItem(e, t, s) {
-    return v(e.uid, Z({ activeItem: this._activeItem, canMove: this._canMove, css: I, displayMode: P, dragEnabled: this.dragEnabled, hideStatusIndicators: this.hideStatusIndicators, hideCatalogLayerList: this.hideCatalogLayerList, item: e, messages: this.messages, layerTablesEnabled: this.layerTablesEnabled, listModeDisabled: this.viewModel.listModeDisabled, operationalItems: this.operationalItems, parent: t, parentTitles: s, rootGroupUid: this._rootGroupUid, selectedDragItemLayerUid: this._selectedDragItemLayerUid, selectedItems: this.selectedItems, selectionMode: this.selectionMode, setCurrentActiveItem: this._setCurrentActiveItem, showTemporaryLayerIndicators: this.showTemporaryLayerIndicators, showCloseButton: this.showCloseButton, showCollapseButton: this.showCollapseButton, showErrors: this.showErrors, showHeading: this.showHeading, showFilter: this.showFilter, clearActiveItem: this._clearActiveItem, visibilityAppearance: this.visibilityAppearance, handleAction: this._onTriggerAction, handleCatalogOpen: this._onCatalogOpen, handleSelectedDragItemLayerUidChange: this._onSelectedDragItemLayerUidChange, handleTablesOpen: this._onTablesOpen, handleTooltipReferenceChange: this._onTooltipReferenceChange, view: this.view }));
+    return v(e.uid, Z({ activeItem: this._activeItem, canMove: this._canMove, css: f, displayMode: P, dragEnabled: this.dragEnabled, hideStatusIndicators: this.hideStatusIndicators, hideCatalogLayerList: this.hideCatalogLayerList, item: e, messages: this.messages, layerTablesEnabled: this.layerTablesEnabled, listModeDisabled: this.viewModel.listModeDisabled, operationalItems: this.operationalItems, parent: t, parentTitles: s, rootGroupUid: this._rootGroupUid, selectedDragItemLayerUid: this._selectedDragItemLayerUid, selectedItems: this.selectedItems, selectionMode: this.selectionMode, setCurrentActiveItem: this._setCurrentActiveItem, showTemporaryLayerIndicators: this.showTemporaryLayerIndicators, showCloseButton: this.showCloseButton, showCollapseButton: this.showCollapseButton, showErrors: this.showErrors, showHeading: this.showHeading, showFilter: this.showFilter, clearActiveItem: this._clearActiveItem, visibilityAppearance: this.visibilityAppearance, handleAction: this._onTriggerAction, handleCatalogOpen: this._onCatalogOpen, handleSelectedDragItemLayerUidChange: this._onSelectedDragItemLayerUidChange, handleTablesOpen: this._onTablesOpen, handleTooltipReferenceChange: this._onTooltipReferenceChange, view: this.view }));
   }
 }
-k("arcgis-layer-list-next", oe);
+x("arcgis-layer-list-next", oe);
 export {
   oe as ArcgisLayerListNext
 };

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

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

package/dist/components/arcgis-layer-list-next/types.d.ts

@@ -45,6 +45,15 @@ export type LayerListMessages = {
         previousObservations: string;
         trackLines: string;
     };
+    telemetryDisplay: {
+        frame: string;
+        frameCenter: string;
+        frameOutline: string;
+        lineOfSight: string;
+        sensorLocation: string;
+        sensorPath: string;
+        sensorTrail: string;
+    };
     catalogLayers: string;
     connectionStatus: string;
     updating: string;

package/dist/components/arcgis-link-chart-layout-switcher/customElement.js

@@ -1,8 +1,8 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as h } from "../../chunks/runtime.js";
 import { html as i } from "lit";
-import d from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
-import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import m from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
+import { usePropertyChange as d } from "@arcgis/lumina/controllers";
 import { m as g } from "../../chunks/useViewModel.js";
 import { u as p } from "../../chunks/useT9n.js";
 import { reEmitEvent as u } from "@arcgis/lumina/controllers/accessor";
@@ -47,10 +47,10 @@ const e = {
   [e.geographic]: "geographic",
   [e.chronologicalSingle]: "chronologicalSingle",
   [e.chronologicalMultiple]: "chronologicalMultiple"
-}, v = g(d);
+}, v = g(m);
 class L extends y {
   constructor() {
-    super(...arguments), this.messages = p(), this.viewModel = v(this), this.view = this.viewModel.view, this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = u(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = m()("state"), this.arcgisReady = w();
+    super(...arguments), this.messages = p(), this.viewModel = v(this), this.view = this.viewModel.view, this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = u(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = d()("state"), this.arcgisReady = w();
   }
   static {
     this.properties = { view: 0, appearance: 1, autoDestroyDisabled: 5, closeOnSelectDisabled: 5, icon: 1, label: 1, layout: 32, messageOverrides: 0, preventExtentUpdate: 5, referenceElement: 1, state: 32 };
@@ -69,7 +69,7 @@ class L extends y {
   }
   _renderMenuBar() {
     const { messages: t } = this;
-    return i`<calcite-action-bar scale=s floating overflow-actions-disabled>${Object.entries(l).map(([o, c]) => i`<calcite-action-group .label=${this.messages[o]}>${c.map((a) => i`<calcite-action scale=s .icon=${s[a]} .active=${a === this.layout ? !0 : void 0} @click=${() => {
+    return i`<calcite-action-bar scale=s floating overflow-mode=none>${Object.entries(l).map(([o, c]) => i`<calcite-action-group .label=${this.messages[o]}>${c.map((a) => i`<calcite-action scale=s .icon=${s[a]} .active=${a === this.layout ? !0 : void 0} @click=${() => {
       this.switchLayout(a);
     }} .text=${t[n[a]]}></calcite-action>`)}</calcite-action-group>`)}</calcite-action-bar>`;
   }

package/dist/components/arcgis-navigation-toggle/customElement.js

@@ -78,7 +78,7 @@ class D extends v {
   }
   render() {
     const { _messages: t, label: e, navigationMode: n, state: l } = this, s = e ?? t.componentLabel ?? "", a = t.pan ?? "", o = t.rotate ?? "", c = l === "disabled", i = n === "pan";
-    return M`<calcite-action-bar class=${m({ root: !0, [x.disabled]: c })} expand-disabled .layout=${this.layout} @keydown=${this._onActionKeyDown}><calcite-action-group .label=${s} @calciteActionGroupChange=${this._onActionGroupChange} selection-mode=single-persist><calcite-action .active=${i} data-navigation-mode=pan .icon=${r.pan} .label=${a} .scale=${this.visualScale} .text=${a} title=${a ?? h} ${g(this._setPanActionRef)}></calcite-action><calcite-action .active=${!i} data-navigation-mode=rotate .icon=${r.rotate} .label=${o} .scale=${this.visualScale} .text=${o} title=${o ?? h} ${g(this._setRotateActionRef)}></calcite-action></calcite-action-group></calcite-action-bar>`;
+    return M`<calcite-action-bar class=${m({ root: !0, [x.disabled]: c })} expand-toggle-disabled .layout=${this.layout} @keydown=${this._onActionKeyDown}><calcite-action-group .label=${s} @calciteActionGroupChange=${this._onActionGroupChange} selection-mode=single-persist><calcite-action .active=${i} data-navigation-mode=pan .icon=${r.pan} .label=${a} .scale=${this.visualScale} .text=${a} title=${a ?? h} ${g(this._setPanActionRef)}></calcite-action><calcite-action .active=${!i} data-navigation-mode=rotate .icon=${r.rotate} .label=${o} .scale=${this.visualScale} .text=${o} title=${o ?? h} ${g(this._setRotateActionRef)}></calcite-action></calcite-action-group></calcite-action-bar>`;
   }
 }
 u("arcgis-navigation-toggle", D);

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

@@ -1839,7 +1839,7 @@ class ot extends ue {
         });
       } catch {
       }
-    }}>${(this.viewModel.bauFeatures?.length ?? 0) > 1 ? b(this._messages.pasteMany ?? "", { num: this.viewModel.bauFeatures.length }) : this._messages.paste}</calcite-button></div></div>`}${i ? d`<calcite-action-bar overflow-actions-disabled slot=action-bar layout=horizontal scale=s expand-disabled class="carousel-bar"><calcite-button .disabled=${this.viewModel.updating} @click=${(p) => {
+    }}>${(this.viewModel.bauFeatures?.length ?? 0) > 1 ? b(this._messages.pasteMany ?? "", { num: this.viewModel.bauFeatures.length }) : this._messages.paste}</calcite-button></div></div>`}${i ? d`<calcite-action-bar overflow-mode=none slot=action-bar layout=horizontal scale=s expand-toggle-disabled class="carousel-bar"><calcite-button .disabled=${this.viewModel.updating} @click=${(p) => {
       this._showFloatingChoice = !this._showFloatingChoice, p.stopPropagation();
     }} scale=s appearance=transparent icon-start=legend icon-end=chevron-down kind=neutral><span class="bau-pick">${l}${h ? d`<calcite-icon scale=s icon=exclamation-mark-triangle class="danger-icon-warning"></calcite-icon>` : ""}</span></calcite-button><calcite-action slot=actions-end icon=chevron-left icon-flip-rtl scale=s .text=${this._messages.back ?? ""} .disabled=${!s || a || !i} @click=${() => {
       this.viewModel.previousActiveFeature();

package/dist/components/arcgis-popup/customElement.d.ts

@@ -125,6 +125,8 @@ import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.j
  * Custom PopupTemplates may also be assigned directly to a popup by setting [graphics](https://developers.arcgis.com/javascript/latest/references/core/Graphic/) on the
  * [features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#features) property.
  *
+ * @slot [actions-start] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the start of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the start of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions).
+ * @slot [actions-end] - _Since 5.2._ Slot for adding Calcite [actions](https://developers.arcgis.com/calcite-design-system/components/action/) or [action groups](https://developers.arcgis.com/calcite-design-system/components/action-group/) to the end of the action bar. Multiple actions or action groups can be placed in this slot. Slotted actions remain at the end of the action bar and are not automatically grouped if they exceed the available width. To group actions, place them in a Calcite action group. Actions in this slot remain separate from other actions, including default actions (such as "Zoom to" and "Browse features"), [PopupTemplate actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), and [actions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/#actions).
  * @since 4.34
  * @beta
  * @see [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/)

package/dist/components/arcgis-print-layout-panel/customElement.js

@@ -45,7 +45,7 @@ class c extends r {
     return e`<arcgis-print-format-select .viewModel=${this.viewModel} .messages=${this.messages}></arcgis-print-format-select>`;
   }
   _renderAdvancedSection() {
-    return this.hideAdvancedOptions ? null : e`<calcite-block .ariaLabel=${this.messages.advancedOptions} class="advanced-options-section" collapsible .disabled=${!this._selectedTemplate} .heading=${this.messages.advancedOptions}><arcgis-print-layout-advanced-options .autoPopulateAuthor=${this.autoPopulateAuthor} .hideFeatureAttributes=${this.hideFeatureAttributes} .hideIncludeTables=${this.hideIncludeTables} .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-print-layout-advanced-options></calcite-block>`;
+    return this.hideAdvancedOptions ? null : e`<calcite-block .ariaLabel=${this.messages.advancedOptions} class="advanced-options-section" expandable .disabled=${!this._selectedTemplate} .heading=${this.messages.advancedOptions}><arcgis-print-layout-advanced-options .autoPopulateAuthor=${this.autoPopulateAuthor} .hideFeatureAttributes=${this.hideFeatureAttributes} .hideIncludeTables=${this.hideIncludeTables} .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-print-layout-advanced-options></calcite-block>`;
   }
   _renderExportButton() {
     return e`<arcgis-print-export-button .fileName=${this.viewModel.templateOptions.title ?? void 0} .messages=${this.messages} .viewModel=${this.viewModel} .selectExportsTab=${this.selectExportsTab}></arcgis-print-export-button>`;

package/dist/components/arcgis-print-map-only-panel/customElement.js

@@ -43,7 +43,7 @@ class c extends l {
     }}></calcite-button></div></div><arcgis-print-preview-input .viewModel=${this.viewModel} .messages=${this.messages}></arcgis-print-preview-input></div>`;
   }
   _renderAdvancedSection() {
-    return this.hideAdvancedOptions ? null : i`<calcite-block .ariaLabel=${this.messages.advancedOptions} class="advanced-options-section" collapsible .heading=${this.messages.advancedOptions}><arcgis-print-map-only-advanced-options .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-print-map-only-advanced-options></calcite-block>`;
+    return this.hideAdvancedOptions ? null : i`<calcite-block .ariaLabel=${this.messages.advancedOptions} class="advanced-options-section" expandable .heading=${this.messages.advancedOptions}><arcgis-print-map-only-advanced-options .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-print-map-only-advanced-options></calcite-block>`;
   }
   _renderExportButton() {
     return i`<arcgis-print-export-button .fileName=${this.viewModel.templateOptions.fileName ?? void 0} .messages=${this.messages} .viewModel=${this.viewModel} .selectExportsTab=${this.selectExportsTab}></arcgis-print-export-button>`;

package/dist/components/arcgis-reverse-geocode-list/customElement.js

@@ -72,7 +72,7 @@ class w extends v {
   }
   _renderMoreResults(e) {
     const { messages: t } = this;
-    return !this._abortController && e?.length ? r`<calcite-block collapsible scale=s .headingLevel=${this.headingLevel} .heading=${$(t?.showMoreResults ?? "", { count: e.length })}><calcite-list scale=s display-mode=flat interaction-mode=static selection-mode=none .label=${t?.moreResults ?? ""}>${e?.map((s) => this._renderItem(s))}</calcite-list></calcite-block>` : null;
+    return !this._abortController && e?.length ? r`<calcite-block expandable scale=s .headingLevel=${this.headingLevel} .heading=${$(t?.showMoreResults ?? "", { count: e.length })}><calcite-list scale=s display-mode=flat interaction-mode=static selection-mode=none .label=${t?.moreResults ?? ""}>${e?.map((s) => this._renderItem(s))}</calcite-list></calcite-block>` : null;
   }
   _renderCopyAction({ text: e, value: t }) {
     return r`<calcite-action .text=${e} title=${e ?? C} slot=actions-end icon=copy @click=${() => this._copyTextToClipboard(t)}></calcite-action>`;

package/dist/components/arcgis-scene/customElement.d.ts

@@ -868,6 +868,16 @@ export abstract class ArcgisScene extends LitElement {
    * > [arcgis-shadow-cast](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-shadow-cast/) components. They use their own `utcOffset` properties. Support for using the
    * > scene's time zone in these components is planned for a future release.
    *
+   * The time zone can be set to one of the following values:
+   *
+   * **Possible Values**
+   *
+   * | Value | Description |
+   * | ----- | ----------- |
+   * | system | Dates and times will be displayed in the time zone of the device or browser. |
+   * | unknown | Dates and times will be displayed based on the time zone that has been defined for the layer. No adjustments are made to the display of date info. The [arcgis-time-bar](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/) component is disabled. |
+   * | Specified IANA time zone | Dates and times will be displayed in the specified IANA time zone. See [wikipedia - List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). |
+   *
    * @default "system"
    * @since 5.2
    * @see [SceneView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#timeZone)

package/dist/components/arcgis-time-bar/customElement.js

@@ -556,7 +556,7 @@ class Mt extends rt {
     }
   }
   render() {
-    return d`<div role=presentation><calcite-action-bar class="action-bar" layout=horizontal expand-disabled .floating=${this.toolbarKind === "floating"} overflow-actions-disabled>${this.#e === "ltr" ? d`${this.#s()}${this.#a()}${this.#c()}${this.#m()}${this.#n()}` : d`${this.#s()}${this.#m()}${this.#c()}${this.#a()}${this.#n()}`}</calcite-action-bar></div>`;
+    return d`<div role=presentation><calcite-action-bar class="action-bar" layout=horizontal expand-toggle-disabled .floating=${this.toolbarKind === "floating"} overflow-mode=none>${this.#e === "ltr" ? d`${this.#s()}${this.#a()}${this.#c()}${this.#m()}${this.#n()}` : d`${this.#s()}${this.#m()}${this.#c()}${this.#a()}${this.#n()}`}</calcite-action-bar></div>`;
   }
   #s() {
     return this.showNext || this.showPlay || this.showPrevious || this.showTimeExtent || this.showSettings ? null : d`<calcite-action disabled .text=${this.messages.componentLabel} text-enabled></calcite-action>`;

package/dist/components/arcgis-utility-network-trace-analysis/customElement.d.ts

@@ -68,7 +68,7 @@ import type { UtilityNetworkTraceAnalysisState } from "@arcgis/core/networks/Uti
  *
  * ```html
  * <calcite-shell>
- *   <calcite-shell-panel slot="panel-start" position="start" width-scale="l">
+ *   <calcite-shell-panel slot="panel-start" position="start" width="l">
  *     <arcgis-utility-network-trace-analysis reference-element="#map-element"></arcgis-utility-network-trace-analysis>
  *   </calcite-shell-panel>
  *   <arcgis-map id="map-element" item-id="471eb0bf37074b1fbb972b1da70fb310"></arcgis-map>

package/dist/components/arcgis-utility-network-trace-analysis-next/customElement.d.ts

@@ -6,7 +6,7 @@ import type { ActionEvent } from "@arcgis/core/widgets/Popup/types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisFeaturesNext } from "../arcgis-features-next/customElement.js";
 import type { ArcgisReferenceElement } from "../types.js";
-import type { SelectStartPayload } from "../arcgis-utility-network-trace-location-next/customElement.js";
+import type { SelectStartPayload } from "../arcgis-utility-network-trace-locations/customElement.js";
 import type { ArcgisUtilityNetworkTraceResultsNext } from "../arcgis-utility-network-trace-results-next/customElement.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { UtilityNetworkTraceAnalysisState } from "@arcgis/core/networks/UtilityNetworkTraceAnalysis.js";
@@ -76,7 +76,7 @@ import type { UtilityNetworkTraceAnalysisState } from "@arcgis/core/networks/Uti
  *
  * ```html
  * <calcite-shell>
- *   <calcite-shell-panel slot="panel-start" position="start" width-scale="l">
+ *   <calcite-shell-panel slot="panel-start" position="start" width="l">
  *     <arcgis-utility-network-trace-analysis-next reference-element="#map-element"></arcgis-utility-network-trace-analysis-next>
  *   </calcite-shell-panel>
  *   <arcgis-map id="map-element" item-id="471eb0bf37074b1fbb972b1da70fb310"></arcgis-map>

package/dist/components/arcgis-utility-network-trace-analysis-next/customElement.js

@@ -48,7 +48,7 @@ class x extends y {
   #o() {
     if (!this.#e)
       return;
-    const { traceLocations: e, traceLocationFlagInfos: t, traceConfiguration: s, isSubnetworkNameTraceSelected: a } = this.#e, r = !!s?.subnetworkName, h = e?.some((o) => o.type === "starting-point"), g = t?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
+    const { traceLocations: e, traceLocationDetails: t, traceConfiguration: s, isSubnetworkNameTraceSelected: a } = this.#e, r = !!s?.subnetworkName, h = e?.some((o) => o.type === "starting-point"), g = t?.some((o) => !!o.flagProperties.terminalConfiguration && !o.flagProperties.selectedTerminals?.size) ?? !1;
     this._traceError = void 0, this._showNoStartingPointsWarning = !a && !h || a && !r, this._showMissingTerminalWarning = g;
   }
   #a(e) {

package/dist/components/arcgis-utility-network-trace-inputs-next/customElement.d.ts

@@ -8,7 +8,7 @@ import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement } from "../types.js";
 import type { UtilityNetworkTraceAnalysisDisplayMode } from "../arcgis-utility-network-trace-analysis-next/types.js";
-import type { FlagInfo, SelectStartPayload } from "../arcgis-utility-network-trace-location-next/customElement.js";
+import type { TraceLocationDetails, SelectStartPayload } from "../arcgis-utility-network-trace-locations/customElement.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
@@ -167,7 +167,7 @@ export abstract class ArcgisUtilityNetworkTraceInputsNext extends LitElement {
    *
    * @internal
    */
-  get traceLocationFlagInfos(): Collection<FlagInfo>;
+  get traceLocationDetails(): Collection<TraceLocationDetails>;
   get traceLocations(): TraceLocation[];
   /**
    * The view associated with the component.