@arcgis/map-components 5.1.0-next.117 → 5.1.0-next.118

package/dist/chunks/async-utils.js

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

package/dist/chunks/time-utils.js

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

package/dist/components/arcgis-coordinate-conversion/customElement.js

@@ -114,9 +114,13 @@ class R extends S {
     this.manager.onLifecycle(() => [this.conversions.on("change", () => this.arcgisConversionChange.emit())]);
   }
   willUpdate(e) {
+    if (e.has("mode") && this.mode === "idle") {
+      this.viewModel.setLocation(this.currentLocation);
+      return;
+    }
     if (e.has("currentLocation")) {
       const o = e.get("currentLocation");
-      (this.mode === "capture" || this.mode === "idle") && !this.currentLocation?.equals(o) && this.viewModel.setLocation(this.currentLocation);
+      this.mode === "idle" && !this.currentLocation?.equals(o) && this.viewModel.setLocation(this.currentLocation);
     }
   }
   closeAllPopovers() {

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

@@ -11,7 +11,7 @@ import { u as be } from "../../chunks/useT9n.js";
 import { u as ve } from "../../chunks/useView.js";
 import { m as J } from "../../chunks/handle.js";
 import { o as $, i as p, b as A, d as k, g as we } from "../../chunks/time-utils.js";
-import { r as ye, b as xe, e as Se } from "../../chunks/async-utils.js";
+import { r as ye, b as xe, d as Se } from "../../chunks/async-utils.js";
 import { createTrackingTarget as De, runTracked as W, signal as Te } from "@arcgis/core/applications/Components/reactiveUtils.js";
 import { C as K } from "../../chunks/component-wrapper.js";
 import { V as D } from "../../chunks/visible-element.js";

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

@@ -406,6 +406,10 @@ export abstract class ArcgisFeatures extends LitElement {
       back?: string | undefined;
       errorMessage?: string | undefined;
       returnToInitialFeature?: string | undefined;
+      maxRecordCountHeading?: string | undefined;
+      maxRecordCountDescriptionWithLayerList?: string | undefined;
+      maxRecordCountDescriptionMultipleLayers?: string | undefined;
+      maxRecordCountDescriptionMaxZoomLevel?: string | undefined;
   };
   /** @internal */
   protected messages: Partial<{
@@ -430,6 +434,10 @@ export abstract class ArcgisFeatures extends LitElement {
       back: string;
       errorMessage: string;
       returnToInitialFeature: string;
+      maxRecordCountHeading: string;
+      maxRecordCountDescriptionWithLayerList: string;
+      maxRecordCountDescriptionMultipleLayers: string;
+      maxRecordCountDescriptionMaxZoomLevel: string;
   }> & T9nMeta<{
       componentLabel: string;
       zoom: string;
@@ -452,6 +460,10 @@ export abstract class ArcgisFeatures extends LitElement {
       back: string;
       errorMessage: string;
       returnToInitialFeature: string;
+      maxRecordCountHeading: string;
+      maxRecordCountDescriptionWithLayerList: string;
+      maxRecordCountDescriptionMultipleLayers: string;
+      maxRecordCountDescriptionMaxZoomLevel: string;
   }>;
   /**
    * Indicates whether the component is visible. This property is `true` when the component is querying for results, even if it is not open. Use this property to check if the component is visible.

package/dist/components/arcgis-features-next/customElement.d.ts

@@ -409,6 +409,10 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       back?: string | undefined;
       errorMessage?: string | undefined;
       returnToInitialFeature?: string | undefined;
+      maxRecordCountHeading?: string | undefined;
+      maxRecordCountDescriptionWithLayerList?: string | undefined;
+      maxRecordCountDescriptionMultipleLayers?: string | undefined;
+      maxRecordCountDescriptionMaxZoomLevel?: string | undefined;
   };
   /** @internal */
   protected messages: Partial<{
@@ -436,6 +440,10 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       back: string;
       errorMessage: string;
       returnToInitialFeature: string;
+      maxRecordCountHeading: string;
+      maxRecordCountDescriptionWithLayerList: string;
+      maxRecordCountDescriptionMultipleLayers: string;
+      maxRecordCountDescriptionMaxZoomLevel: string;
   }> & T9nMeta<{
       componentLabel: string;
       zoom: string;
@@ -461,6 +469,10 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       back: string;
       errorMessage: string;
       returnToInitialFeature: string;
+      maxRecordCountHeading: string;
+      maxRecordCountDescriptionWithLayerList: string;
+      maxRecordCountDescriptionMultipleLayers: string;
+      maxRecordCountDescriptionMaxZoomLevel: string;
   }>;
   /**
    * Indicates whether the component is visible. This property is `true` when the component is querying for results, even if it is not open. Use this property to check if the component is visible.

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

@@ -8,7 +8,6 @@ import type TileLayer from "@arcgis/core/layers/TileLayer.js";
 import type TableListListItem from "@arcgis/core/widgets/TableList/ListItem.js";
 import type { VisibilityAppearance } from "../../utils/action-utils.js";
 import type { CanSortFunction, TableSupportedLayers } from "../../utils/layer-list-utils.js";
-import type { UIPosition } from "@arcgis/core/views/ui/types.js";
 import type { CatalogLayerListProperties } from "@arcgis/core/widgets/CatalogLayerList.js";
 import type { LayerListViewModelEvents } from "@arcgis/core/widgets/LayerList/LayerListViewModel.js";
 import type { TableListProperties } from "@arcgis/core/widgets/TableList.js";
@@ -197,7 +196,6 @@ export abstract class ArcgisLayerListNext extends LitElement {
   /** @default [] */
   get openedLayers(): Collection<FlowLayer>;
   get operationalItems(): Collection<ListItem>;
-  accessor position: UIPosition | undefined;
   /**
    * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
    *

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

@@ -51,7 +51,7 @@ class ie extends Z {
     }, this._tooltipReferenceMap = /* @__PURE__ */ new Map(), this._layerListMap = /* @__PURE__ */ new Map(), this.layerTablesEnabled = new g(["knowledge-graph"]), this.mapImageOptions = null, this.openedLayerLists = new g(), 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 g(["knowledge-graph"]), this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.minDragEnabledItems = S, this.minFilterItems = N, this.openedLayers = new g(), this.operationalItems = this.viewModel.operationalItems, this.selectedItems = new g(), this.selectionMode = "none", this.visibilityAppearance = "default", this.hideCatalogLayerList = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.hideStatusIndicators = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = J()("state"), this.arcgisReady = q(), this.arcgisTriggerAction = K(() => 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, position: 1, selectedItems: 0, selectionMode: 1, tableList: 32, visibilityAppearance: 1, hideCatalogLayerList: 5, showCloseButton: 5, showCollapseButton: 5, showErrors: 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, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 32, operationalItems: 0, selectedItems: 0, selectionMode: 1, tableList: 32, visibilityAppearance: 1, hideCatalogLayerList: 5, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryLayerIndicators: 5, messageOverrides: 0, label: 1, state: 32 };
   }
   static {
     this.styles = [ee, X];

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

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

package/dist/components/arcgis-video-player/customElement.d.ts

@@ -129,11 +129,15 @@ export abstract class ArcgisVideoPlayer extends LitElement {
       frameOutline?: string | undefined;
       graphics?: string | undefined;
       layers?: string | undefined;
+      loop?: string | undefined;
+      loopPlayback?: string | undefined;
+      mapOverlay?: string | undefined;
       metadata?: string | undefined;
       metadataDescription?: string | undefined;
       metadataNotLoaded?: string | undefined;
       missionInfo?: string | undefined;
       none?: string | undefined;
+      operationalData?: string | undefined;
       pause?: string | undefined;
       platformInfo?: string | undefined;
       play?: string | undefined;
@@ -141,6 +145,7 @@ export abstract class ArcgisVideoPlayer extends LitElement {
       quality?: string | undefined;
       reverse?: string | undefined;
       sensor?: string | undefined;
+      sensorPath?: string | undefined;
       sensorTrail?: string | undefined;
       settings?: string | undefined;
       sightLine?: string | undefined;
@@ -162,11 +167,15 @@ export abstract class ArcgisVideoPlayer extends LitElement {
       frameOutline: string;
       graphics: string;
       layers: string;
+      loop: string;
+      loopPlayback: string;
+      mapOverlay: string;
       metadata: string;
       metadataDescription: string;
       metadataNotLoaded: string;
       missionInfo: string;
       none: string;
+      operationalData: string;
       pause: string;
       platformInfo: string;
       play: string;
@@ -174,6 +183,7 @@ export abstract class ArcgisVideoPlayer extends LitElement {
       quality: string;
       reverse: string;
       sensor: string;
+      sensorPath: string;
       sensorTrail: string;
       settings: string;
       sightLine: string;
@@ -193,11 +203,15 @@ export abstract class ArcgisVideoPlayer extends LitElement {
       frameOutline: string;
       graphics: string;
       layers: string;
+      loop: string;
+      loopPlayback: string;
+      mapOverlay: string;
       metadata: string;
       metadataDescription: string;
       metadataNotLoaded: string;
       missionInfo: string;
       none: string;
+      operationalData: string;
       pause: string;
       platformInfo: string;
       play: string;
@@ -205,6 +219,7 @@ export abstract class ArcgisVideoPlayer extends LitElement {
       quality: string;
       reverse: string;
       sensor: string;
+      sensorPath: string;
       sensorTrail: string;
       settings: string;
       sightLine: string;