npm - @arcgis/map-components - Versions diffs - 5.2.0-next.98 → 6.0.0-next.0 - Mend

@arcgis/map-components 5.2.0-next.98 → 6.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3058) hide show

package/dist/components/arcgis-histogram-range-slider/customElement.d.ts CHANGED Viewed

@@ -353,7 +353,7 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
   };
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisPropertyChange: ArcgisHistogramRangeSlider["arcgisPropertyChange"]["detail"];

package/dist/components/arcgis-home/customElement.d.ts CHANGED Viewed

@@ -155,7 +155,7 @@ export abstract class ArcgisHome extends LitElement {
   readonly arcgisGo: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state" | "viewpoint"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisGo: ArcgisHome["arcgisGo"]["detail"];

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

@@ -122,7 +122,7 @@ export abstract class ArcgisLayerList extends LitElement {
   /**
    * Indicates whether [list items](https://developers.arcgis.com/javascript/latest/references/core/widgets/LayerList/ListItem/) may be reordered within the list by dragging and dropping.
    * MapImageLayer [MapImageLayer#sublayers](https://developers.arcgis.com/javascript/latest/references/core/layers/MapImageLayer/#sublayers) can be reordered only within their parent MapImageLayer and can not be dragged out as a separate layer.
-   * Drag won't be enabled until the number of list items is equal to or greater than than the value set set in [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/references/core/widgets/LayerList/#minDragEnabledItems).
+   * Drag won't be enabled until the number of list items is equal to or greater than the value set in [minDragEnabledItems](https://developers.arcgis.com/javascript/latest/references/core/widgets/LayerList/#minDragEnabledItems).
    *
    * @default false
    * @since 4.29
@@ -392,7 +392,7 @@ export abstract class ArcgisLayerList extends LitElement {
    */
   accessor showErrors: boolean;
   /**
-   * Indicates whether to display a filter input box when then number of list items is equal to or greater than the value set in [LayerList#minFilterItems](https://developers.arcgis.com/javascript/latest/references/core/widgets/LayerList/#minFilterItems), allowing users to filter layers by their title.
+   * Indicates whether to display a filter input box when the number of list items is equal to or greater than the value set in [LayerList#minFilterItems](https://developers.arcgis.com/javascript/latest/references/core/widgets/LayerList/#minFilterItems), allowing users to filter layers by their title.
    *
    * @default false
    * @since 5.0
@@ -459,7 +459,7 @@ export abstract class ArcgisLayerList extends LitElement {
   readonly arcgisClose: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when an action is triggered on the component. */
   readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, LayerListViewModelTriggerActionEvent>;

package/dist/components/arcgis-layer-list/customElement.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as t } from "../../chunks/runtime.js";
 import { usePropertyChange as r } from "@arcgis/lumina/controllers";
-import { reEmitEvent as a } from "@arcgis/lumina/controllers/accessor";
+import { reEmitEvent as a } from "@arcgis/lumina-toolkit/reEmitEvent";
 import l from "@arcgis/core/widgets/LayerList.js";
 import { LitElement as o, createEvent as s } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";

package/dist/components/arcgis-layer-list-item-panel/customElement.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { css as s, html as l } from "lit";
 import { usePropertyChange as c } from "@arcgis/lumina/controllers";
 import { o as d } from "../../chunks/layer-list-utils.js";
 import { LitElement as p, renderElement as g } from "@arcgis/lumina";
-import { i as a, c as m } from "../../chunks/utils2.js";
+import { i as a, e as m } from "../../chunks/utils.js";
 const f = s`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media(prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media(prefers-reduced-motion:reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{width:100%;div{width:100%}}arcgis-legend{--calcite-color-foreground-1: var(--calcite-color-transparent);--calcite-color-text-2: var(--arcgis-internal-layer-list-legend-color-text);width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;overflow-y:auto}`;
 class h extends p {
   constructor() {

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

@@ -1,12 +1,12 @@
 /// <reference path="../../index.d.ts" />
 import type Collection from "@arcgis/core/core/Collection.js";
 import type Item from "@arcgis/core/layers/list/Item.js";
-import type TableItem from "@arcgis/core/layers/list/TableItem.js";
 import type { VisibilityAppearance } from "../../utils/action-utils.js";
 import type { CanSortFunction, TableSupportedLayers } from "../../utils/layer-list-utils.js";
 import type { LayerItemCollectionEvents } from "@arcgis/core/layers/list/LayerItemCollection.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisTableListNext } from "../arcgis-table-list-next/customElement.js";
+import type { TableItem } from "../arcgis-table-list-next/types.js";
 import type { ArcgisReferenceElement, HeadingLevel, IconName } from "../types.js";
 import type { CatalogLayerListParams, FlowLayer, TableListParams } from "./types.js";
 import type { ArcgisCatalogLayerListNext } from "../arcgis-catalog-layer-list-next/customElement.js";
@@ -335,8 +335,8 @@ export abstract class ArcgisLayerListNext extends LitElement {
    *         }
    *       ]
    *     ];
-   *   }
-   *   minFilterItems: 1
+   *   },
+   *   minFilterItems: 1,
    * }
    * ```
    */
@@ -428,6 +428,15 @@ export abstract class ArcgisLayerListNext extends LitElement {
           previousObservations?: string | undefined;
           trackLines?: string | undefined;
       } | undefined;
+      telemetryDisplay?: {
+          frame?: string | undefined;
+          frameCenter?: string | undefined;
+          frameOutline?: string | undefined;
+          lineOfSight?: string | undefined;
+          sensorLocation?: string | undefined;
+          sensorPath?: string | undefined;
+          sensorTrail?: string | undefined;
+      } | undefined;
       catalogLayers?: string | undefined;
       connectionStatus?: string | undefined;
       updating?: string | undefined;
@@ -461,6 +470,15 @@ export abstract class ArcgisLayerListNext extends LitElement {
           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;
@@ -492,6 +510,15 @@ export abstract class ArcgisLayerListNext extends LitElement {
           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;
@@ -598,7 +625,7 @@ export abstract class ArcgisLayerListNext extends LitElement {
    */
   accessor selectionMode: List["selectionMode"];
   /**
-   * This property provides the ability to show or hide the close button.
+   * This property provides the ability to show or hide the close button. When the close button is shown, the `ESC` key can be used to close the component via keyboard when the focus is within the component.
    *
    * @default false
    * @example
@@ -769,7 +796,7 @@ export abstract class ArcgisLayerListNext extends LitElement {
   readonly arcgisOpenedLayersChange: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /**
    * Emitted when the collection of [selectedItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-layer-list-next/#selectedItems) changes.

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

@@ -1,40 +1,40 @@
 /* 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 E, 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 { reEmitEvent as X } from "@arcgis/lumina-toolkit/reEmitEvent";
 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 { i as se, h as ie, r as ae } from "../../chunks/utils2.js";
+import { i as se, h as ie, r as ae } from "../../chunks/utils.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 ?? "", T = /* @__PURE__ */ new Set(["map-image", "catalog", "knowledge-graph"]);
-      return _ && c && typeof i == "function" ? i(f) : L && !T.has(R) && !T.has(N) && r?.layer?.type !== "sublayer";
+      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,14 +179,19 @@ 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;
   }
   _moveLayerFromChildList({ toEl: e, fromEl: t, dragEl: s, newIndex: 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.moveItem(o, n, l, a), ae(this, o.uid, (d) => this._resolveListContainer(d.parentElement) === i));
+    a == null || !o || (this.viewModel.moveItem(o, n, l, a), ae(
+      this,
+      o.uid,
+      // Make sure we have the current node and not a stale one
+      (d) => d !== s && this._resolveListContainer(d.parentElement) === i
+    ));
   }
   _onCalciteListDragEnd(e) {
     const { fromEl: t, toEl: s, dragEl: a, oldIndex: i } = e;
@@ -258,17 +263,17 @@ class oe extends Q {
     return h`<div slot=message>${this.messages.noItemsToDisplay}</div>`;
   }
   _renderNoItems() {
-    return this.hideNoItemsNotice ? null : h`<div class=${E(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();
@@ -276,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=${E(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 CHANGED Viewed

@@ -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 Ee } 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 Pe } from "../../../chunks/action-utils.js";
+import { f as we, i as Y, l as Oe, h as Fe, j as Ge, k as Re, g as Ve } from "../../../chunks/layer-list-utils.js";
+import { a as He, b as Ue, i as qe, g as Z, t as ee, h as te, c as je, F as Be, d as Ne, L as ie, f as _e } from "../../../chunks/utils.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 ze(l, e) {
+  const g = !(l.aria?.pressed ?? le(e));
+  return l.aria = { ...l.aria, pressed: g }, e && ae.set(e, g), g;
 }
-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 Je(l) {
+  const { item: e, itemType: g = "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 = He(e), ve = Ue(e), c = qe(e), y = W(), S = W(), fe = g === "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 && (Ee(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 = we({
         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, $ = p, b = $ ? `${m ?? ""}: ${$}` : 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 || ze(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;
   {
@@ -56,8 +56,8 @@ function qe(a) {
         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 = Pe($);
+      H = s`<calcite-action .active=${n} .disabled=${m} .icon=${b} @click=${() => je(e, ye)} slot=actions-end .text=${o ?? ""} title=${o ?? void 0 ?? d}>${Be(i, t)}</calcite-action>`;
     }
   }
   let U = null;
@@ -73,65 +73,65 @@ 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)} slot=actions-end .text=${p ?? ""}></calcite-action>`);
   }
-  let B = null, x = !1;
+  let B = null, L = !1;
   {
     const t = e.layer;
     if (!c && C && t)
       switch (t.type) {
         case "knowledge-graph":
-          x = C.includes(t.type) && "tables" in t && !!t.tables?.length;
+          L = C.includes(t.type) && "tables" in t && !!t.tables?.length;
           break;
         case "map-image":
         case "tile":
-          x = C.includes(t.type) && "subtables" in t && !!t.subtables?.length;
+          L = 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 && L && (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" && Oe(e), $ = ce ? !1 : Fe(o), b = o?.type === "group", f = !$ && !m && E && b, D = b && "sortable" in e && e.sortable, xe = n.some((u) => "sortable" in u && u.sortable), Me = g === "layer" ? Ge(e) : !0, ke = E && (m || f) && (xe || f) && ("childrenSortable" in e && e.childrenSortable || D) && Me, De = m ? (n?.filter((u) => !u.hidden && (re || !u.error)).toArray() ?? []).map((u) => Je({
+      ...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=${ke} .group=${b ? A : `${A}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${T}>${De}${B}</calcite-list>`);
   }
-  let L = null;
+  let x = null;
   if (!c && e.error) {
-    const t = "layerError" in l ? l.layerError : l.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) => {
+    const t = "layerError" in a ? a.layerError : a.tableError;
+    x = 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 a && (x = 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 _ = Ne(e), M = e.actionsSections.reduce((t, n) => t + n.length, 0), z = Re(_), 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 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, Le = !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 || _e(y.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=${Le} .value=${e} @focusin=${() => {
+    w?.(e), y.value?.classList.add(i.itemActive);
   }} @focusout=${() => {
-    O?.(), p.value?.classList.remove(i.itemActive);
+    O?.(), y.value?.classList.remove(i.itemActive);
   }} @mouseover=${() => {
-    D?.(e), p.value?.classList.add(i.itemActive);
+    w?.(e), y.value?.classList.add(i.itemActive);
   }} @mouseleave=${() => {
-    O?.(), p.value?.classList.remove(i.itemActive);
+    O?.(), y.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 && Ve(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(y)}>${U}${q}${F}${R}${j}${G}${N}${x}${V}${H}${k}</calcite-list-item>`);
 }
 export {
-  qe as ArcgisLayerListItem
+  Je as ArcgisLayerListItem
 };

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

@@ -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;