@arcgis/map-components 5.2.0-next.65 → 5.2.0-next.67

package/dist/components/arcgis-feature-table/customElement.d.ts

@@ -726,7 +726,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * @default "m"
    * @since 4.33
    */
-  accessor navigationScale: "s" | "m" | "l";
+  accessor navigationScale: "l" | "m" | "s";
   /**
    * This property can be used to override the text displayed when the table is fully loaded but no rows are available.
    *

package/dist/components/arcgis-feature-templates-legacy/customElement.d.ts

@@ -188,7 +188,7 @@ export abstract class ArcgisFeatureTemplatesLegacy extends LitElement {
    *
    * @default "none"
    */
-  accessor selectionMode: "single" | "none" | null | undefined;
+  accessor selectionMode: "none" | "single" | null | undefined;
   /**
    * The current state of the component.
    *

package/dist/components/arcgis-layer-list/customElement.d.ts

@@ -351,7 +351,7 @@ export abstract class ArcgisLayerList extends LitElement {
    * layerListElement.selectionMode = "multiple";
    * ```
    */
-  accessor selectionMode: "multiple" | "single" | "none" | "single-persist";
+  accessor selectionMode: "none" | "single-persist" | "multiple" | "single";
   /**
    * Indicates whether to display a close button in the header.
    *

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

@@ -330,6 +330,14 @@ export abstract class ArcgisLayerListNext extends LitElement {
    * ```
    */
   accessor listItemCreatedFunction: ListItemModifier | null | undefined;
+  /**
+   * Specifies whether to ignore the [listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode) property to display all layers. A common use case for `listModeDisabled` is when you want to use the component to manage and configure a layer's `listMode` value.
+   *
+   * @default false
+   * @see [listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode)
+   * @since 5.2
+   */
+  accessor listModeDisabled: boolean;
   /**
    * Overwrite localized strings for this component
    *

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

@@ -11,30 +11,30 @@ import { u as S } from "../../chunks/useT9n.js";
 import { m as U } from "../../chunks/useViewModel.js";
 import { g as $ } from "../../chunks/globalCss.js";
 import { c as y } from "../../chunks/css.js";
-import { g as d, a as F, m as G, b as H, r as V, s as j, c as q, d as z, e as J } from "../../chunks/layer-list-utils.js";
-import m from "@arcgis/core/core/Collection.js";
+import { g as m, a as T, m as G, b as H, r as V, s as j, c as q, d as z, e as J } from "../../chunks/layer-list-utils.js";
+import p from "@arcgis/core/core/Collection.js";
 import { on as C, watch as K } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as Q, createEvent as L, renderElement as M, safeClassMap as E, nothing as A } from "@arcgis/lumina";
+import { LitElement as Q, createEvent as L, renderElement as F, safeClassMap as E, nothing as A } from "@arcgis/lumina";
 import { usePropertyChange as W } from "@arcgis/lumina/controllers";
 import { reEmitEvent as X } from "@arcgis/lumina/controllers/accessor";
 import "@arcgis/toolkit/function";
 import { u as Y } from "../../chunks/useCloseEvent.js";
-import { ArcgisLayerListItem as Z } from "./layer-list-item/customElement.js";
-import { s as ee, a as te } from "../../chunks/layer-list-next.js";
+import { r as Z, A as ee } from "../../chunks/layer-list-item.js";
+import { s as te, a as se } from "../../chunks/layer-list-next.js";
 import "../arcgis-layer-list-item-indicator/customElement.js";
-const O = "nested", se = U(x);
-class ie extends Q {
+const O = "nested", ie = U(x);
+class ae extends Q {
   constructor() {
     super(...arguments), this._lastDragDetail = null, this._rootListRef = w(), this._layerFlowItemRef = w(), this._panelFlowItemRef = w(), this._selectedDragItemLayerUid = null, this._rootGroupUid = `operational-${k()}`, this._openedLayersController = null, this.messages = S(), this._canMove = ({ dragEl: e, fromEl: t, toEl: s }, a) => {
-      const i = a === "pull" ? this.listItemCanGiveFunction : this.listItemCanReceiveFunction, r = d(e, this.operationalItems);
+      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), p = F(o), g = this._getContainerItem(l), u = F(l), I = !!p && !!u && p === u, f = {
+      const o = this._resolveListContainer(t), l = this._resolveListContainer(s), n = this._getContainerItem(o), d = T(o), g = this._getContainerItem(l), u = T(l), I = !!d && !!u && d === u, f = {
         selected: r,
         from: n,
         to: g
-      }, _ = o?.group, c = l?.group, P = n?.layer?.type ?? "", D = g?.layer?.type ?? "", T = /* @__PURE__ */ new Set(["map-image", "catalog", "knowledge-graph"]);
-      return _ && c && typeof i == "function" ? i(f) : I && !T.has(P) && !T.has(D) && r?.layer?.type !== "sublayer";
+      }, _ = o?.group, c = l?.group, D = n?.layer?.type ?? "", P = g?.layer?.type ?? "", M = /* @__PURE__ */ new Set(["map-image", "catalog", "knowledge-graph"]);
+      return _ && c && typeof i == "function" ? i(f) : I && !M.has(D) && !M.has(P) && r?.layer?.type !== "sublayer";
     }, this._onCatalogOpen = (e) => {
       this.openedLayers.push(e.layer?.parent);
     }, this._onTablesOpen = (e) => {
@@ -46,21 +46,21 @@ class ie extends Q {
     }, this._setActiveItem = (e) => {
       if (this.visibilityAppearance !== "default")
         return;
-      const t = Array.from(e.composedPath()).find((a) => a.classList?.contains(y.item)), s = d(t, this.operationalItems);
+      const t = Array.from(e.composedPath()).find((a) => a.classList?.contains(y.item)), s = m(t, this.operationalItems);
       this._activeItem = s;
-    }, this.viewModel = se(this), this.arcgisClose = Y(this), this._activeItem = null, this._onTooltipReferenceChange = (e, t) => {
+    }, this.viewModel = ie(this), this.arcgisClose = Y(this), this._activeItem = null, this._onTooltipReferenceChange = (e, t) => {
       t ? this._tooltipReferenceMap.set(e, t) : this._tooltipReferenceMap.delete(e);
     }, this._onSelectedDragItemLayerUidChange = (e) => {
       this._selectedDragItemLayerUid = e;
     }, this._onTriggerAction = (e, t) => {
       this.triggerAction(e, t);
-    }, this._tooltipReferenceMap = /* @__PURE__ */ new Map(), this._layerListMap = /* @__PURE__ */ new Map(), this.layerTablesEnabled = new m(["knowledge-graph"]), this.mapImageOptions = null, this.openedLayerLists = new m(), this.tileOptions = null, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.closed = !1, this.icon = "layers", this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.layerTablesAvailable = new m(["knowledge-graph"]), this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.minDragEnabledItems = G, this.minFilterItems = H, this.openedLayers = new m(), this.operationalItems = this.viewModel.operationalItems, this.selectedItems = new m(), this.selectionMode = "none", this.visibilityAppearance = "default", this.hideCatalogLayerList = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.showFilter = !1, this.showHeading = !1, this.hideStatusIndicators = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = W()("state"), this.arcgisReady = L(), this.arcgisFilterChange = L(), this.arcgisSelectedItemsChange = L(), this.arcgisOpenedLayersChange = L(), 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.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.closed = !1, this.icon = "layers", this.collapsed = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.layerTablesAvailable = new p(["knowledge-graph"]), this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.minDragEnabledItems = G, this.minFilterItems = H, this.openedLayers = new p(), this.operationalItems = this.viewModel.operationalItems, this.selectedItems = new p(), this.selectionMode = "none", this.visibilityAppearance = "default", this.hideCatalogLayerList = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.showFilter = !1, this.showHeading = !1, this.hideStatusIndicators = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = W()("state"), this.arcgisReady = L(), this.arcgisFilterChange = L(), this.arcgisSelectedItemsChange = L(), this.arcgisOpenedLayersChange = L(), 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, view: 0, autoDestroyDisabled: 5, closed: 5, referenceElement: 1, icon: 1, catalogLayerList: 32, catalogOptions: 0, collapsed: 5, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, knowledgeGraphOptions: 0, layerTablesAvailable: 0, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 32, operationalItems: 0, selectedItems: 0, selectionMode: 1, tableList: 32, visibilityAppearance: 1, hideCatalogLayerList: 5, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryLayerIndicators: 5, messageOverrides: 0, label: 1, state: 32 };
+    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, view: 0, autoDestroyDisabled: 5, closed: 5, referenceElement: 1, icon: 1, catalogLayerList: 32, catalogOptions: 0, collapsed: 5, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, knowledgeGraphOptions: 0, layerTablesAvailable: 0, listItemCanGiveFunction: 0, listItemCanReceiveFunction: 0, listItemCreatedFunction: 0, listModeDisabled: 5, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 32, operationalItems: 0, selectedItems: 0, selectionMode: 1, tableList: 32, visibilityAppearance: 1, hideCatalogLayerList: 5, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryLayerIndicators: 5, messageOverrides: 0, label: 1, state: 32 };
   }
   static {
-    this.styles = [ee, te];
+    this.styles = [te, se];
   }
   get _totalItems() {
     return this.viewModel.operationalItems.flatten((e) => e.children.filter((t) => t.layer?.type !== "catalog-dynamic-group")).length;
@@ -154,7 +154,7 @@ class ie extends Q {
   }
   async _createCatalogLayerList(e) {
     const { headingLevel: t, catalogOptions: s, filterPlaceholder: a, listItemCreatedFunction: i, minFilterItems: r, selectionMode: o, visibilityAppearance: l } = this;
-    return M(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?.visibleElements?.errors ?? this.showErrors} .showFilter=${s?.visibleElements?.filter ?? this.showFilter} .hideStatusIndicators=${s?.visibleElements?.statusIndicators ?? this.hideStatusIndicators} .showTemporaryLayerIndicators=${s?.visibleElements?.temporaryLayerIndicators ?? 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 F(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?.visibleElements?.errors ?? this.showErrors} .showFilter=${s?.visibleElements?.filter ?? this.showFilter} .hideStatusIndicators=${s?.visibleElements?.statusIndicators ?? this.hideStatusIndicators} .showTemporaryLayerIndicators=${s?.visibleElements?.temporaryLayerIndicators ?? 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) {
@@ -176,14 +176,14 @@ class ie extends Q {
   }
   async _createTableList(e) {
     const { headingLevel: t, selectionMode: s, dragEnabled: a } = this, i = this._getTableListParams(e);
-    return M(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 F(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;
   }
   _moveLayerFromChildList({ toEl: e, fromEl: t, dragEl: s, newIndex: a }) {
-    const i = this._resolveListContainer(e), r = this._resolveListContainer(t), o = d(s, this.operationalItems), l = this._getContainerItem(i), n = this._getContainerItem(r);
-    a == null || !o || this.viewModel.moveListItem(o, n, l, a);
+    const i = this._resolveListContainer(e), r = this._resolveListContainer(t), o = m(s, this.operationalItems), l = this._getContainerItem(i), n = this._getContainerItem(r);
+    a == null || !o || (this.viewModel.moveListItem(o, n, l, a), Z(this, o.uid, (d) => this._resolveListContainer(d.parentElement) === i));
   }
   _onCalciteListDragEnd(e) {
     const { fromEl: t, toEl: s, dragEl: a, oldIndex: i } = e;
@@ -218,7 +218,7 @@ class ie extends Q {
       if (e === this._rootListRef.value)
         q(this.el.view?.map?.layers, t);
       else {
-        const s = d(e, this.operationalItems);
+        const s = m(e, this.operationalItems);
         if (!s)
           return;
         z(s, t);
@@ -228,7 +228,7 @@ class ie extends Q {
     const { selectionMode: t, selectedItems: s } = this;
     if (t === "none")
       return;
-    const i = e.target.selectedItems.map((r) => d(r, this.operationalItems)).filter(Boolean);
+    const i = e.target.selectedItems.map((r) => m(r, this.operationalItems)).filter(Boolean);
     s.removeAll(), s.addMany(i);
   }
   render() {
@@ -273,8 +273,8 @@ class ie extends Q {
     });
   }
   _renderItems() {
-    const { collapsed: e, _visibleItems: t, _openedPanelItems: s, _filterEnabled: a, _rootGroupUid: i, showCloseButton: r, showCollapseButton: o, showHeading: l, _dragEnabled: n, selectionMode: p, filterText: g, openedLayers: u, filterPlaceholder: I, 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 ?? A} .displayMode=${O} .dragEnabled=${n} .filterEnabled=${a} .filterPlaceholder=${I} .filterProps=${J} .filterText=${a ? g : ""} .group=${i} .label=${f.componentLabel} @mouseleave=${this._clearActiveItem} @mouseover=${this._setActiveItem} selection-appearance=highlight .selectionMode=${p} @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: I, 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 ?? A} .displayMode=${O} .dragEnabled=${n} .filterEnabled=${a} .filterPlaceholder=${I} .filterProps=${J} .filterText=${a ? g : ""} .group=${i} .label=${f.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=${E(y.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(),
@@ -283,10 +283,10 @@ class ie extends Q {
     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: y, displayMode: O, 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, ee({ activeItem: this._activeItem, canMove: this._canMove, css: y, displayMode: O, 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 }));
   }
 }
-R("arcgis-layer-list-next", ie);
+R("arcgis-layer-list-next", ae);
 export {
-  ie as ArcgisLayerListNext
+  ae as ArcgisLayerListNext
 };

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

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

package/dist/components/{arcgis-oriented-imagery-viewer-image-viewer → arcgis-oriented-imagery-viewer-non-panoramic-viewer}/customElement.d.ts

@@ -3,11 +3,12 @@ import type NonPanoramicMedia from "./support/NonPanoramicMedia.js";
 import type Graphic from "@arcgis/core/Graphic.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { NonPanoramicMediaProperties } from "./support/NonPanoramicMedia.js";
+import type { useT9n } from "../../controllers/useT9n.js";
 import type { ArcgisZoom } from "../arcgis-zoom/customElement.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /** @internal */
-export abstract class ArcgisOrientedImageryViewerImageViewer extends LitElement {
+export abstract class ArcgisOrientedImageryViewerNonPanoramicViewer extends LitElement {
   /** @internal */
   protected _messages: Partial<{ title: string; }> & T9nMeta<{ title: string; }>;
   /** @default false */
@@ -15,6 +16,8 @@ export abstract class ArcgisOrientedImageryViewerImageViewer extends LitElement
   /** @default false */
   accessor hideLoader: boolean;
   /** @default false */
+  accessor hideVideoControls: boolean;
+  /** @default false */
   accessor hideZoomControls: boolean;
   get media(): NonPanoramicMediaProperties | undefined;
   set media(value: NonPanoramicMedia | NonPanoramicMediaProperties | undefined);
@@ -23,7 +26,7 @@ export abstract class ArcgisOrientedImageryViewerImageViewer extends LitElement
    *
    * _**Note**: Individual message keys may change between releases._
    */
-  accessor messageOverrides: NonNullable<ArcgisZoom["messageOverrides"]> & { title?: string | undefined; };
+  accessor messageOverrides: NonNullable<ArcgisZoom["messageOverrides"]> & NonPanoramicViewerMessageOverrides;
   /** @default 0 */
   accessor rotation: number;
   /** @param graphic */
@@ -39,4 +42,7 @@ export abstract class ArcgisOrientedImageryViewerImageViewer extends LitElement
   "@setterTypes": {
     media?: NonPanoramicMedia | NonPanoramicMediaProperties | undefined;
   };
-}
+}
+
+/** @internal */
+export type NonPanoramicViewerMessageOverrides = ReturnType<typeof useT9n<{ title: string; }>>["_overrides"];