@arcgis/map-components 4.33.0-next.11 → 4.33.0-next.111

package/dist/components/arcgis-grid-controls/index.d.ts

@@ -0,0 +1,10 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-input-number";
+import "../arcgis-labeled-switch/index.js";
+import "@esri/calcite-components/components/calcite-popover";
+import "@esri/calcite-components/components/calcite-color-picker";
+export * from "./customElement.js";

package/dist/components/arcgis-grid-controls/index.js

@@ -0,0 +1,10 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-input-number";
+import "../arcgis-labeled-switch/index.js";
+import "@esri/calcite-components/components/calcite-popover";
+import "@esri/calcite-components/components/calcite-color-picker";
+export * from "./customElement.js";

package/dist/components/arcgis-grid-controls/interfaces.d.ts

@@ -0,0 +1,2 @@
+export type GridPlacementState = "interactive" | "place" | "rotate";
+export type GridTheme = "custom" | "dark" | "light";

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

@@ -1,33 +1,27 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as HistogramRangeSlider } from '@arcgis/core/widgets/HistogramRangeSlider.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useHistogramRangeSliderWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<HistogramRangeSlider, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useHistogramRangeSliderWidget: (component: LitElement & Pick<HistogramRangeSlider, never> & {
     state?: unknown;
     viewModel?: __esri.HistogramRangeSliderViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
@@ -48,17 +42,19 @@ export declare class ArcgisHistogramRangeSlider extends LitElement {
     autoDestroyDisabled: boolean;
     average: number | nullish;
     barCreatedFunction: nullish | __esri.BarCreatedFunction;
-    bins: nullish | __esri.Bin[];
+    bins: nullish | __esri.HistogramBin[];
     dataLineCreatedFunction: nullish | __esri.DataLineCreatedFunction;
     dataLines: nullish | __esri.HistogramRangeSliderDataLines[];
-    excludedBarColor: __esri.Color;
+    get excludedBarColor(): typeof this.widget.excludedBarColor;
+    set excludedBarColor(value: __esri.ColorProperties);
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
-    includedBarColor: __esri.Color;
+    get includedBarColor(): typeof this.widget.includedBarColor;
+    set includedBarColor(value: __esri.ColorProperties);
     /** The component's default label. */
     label: string;
     labelFormatFunction: __esri.SliderLabelFormatter;
@@ -83,5 +79,10 @@ export declare class ArcgisHistogramRangeSlider extends LitElement {
         name: "state";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
+    private widget: HistogramRangeSlider;
+    readonly _setterTypes: {
+        excludedBarColor?: __esri.ColorProperties;
+        includedBarColor?: __esri.ColorProperties;
+    };
 }
 export {};

package/dist/components/arcgis-histogram-range-slider/customElement.js

@@ -1,19 +1,19 @@
 import { c as i } from "../../chunks/runtime.js";
-import { usePropertyChange as e } from "@arcgis/components-controllers";
+import { usePropertyChange as e } from "@arcgis/lumina/controllers";
 import s from "@arcgis/core/widgets/HistogramRangeSlider.js";
 import { LitElement as a, createEvent as r, noShadowRoot as o } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.11 */
+v4.33.0-next.111 */
 const h = d`@layer{arcgis-histogram-range-slider{display:block}}`, l = n(s);
 class g extends a {
   constructor() {
     super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.excludedBarColor = this.widget.excludedBarColor, this.icon = this.widget.icon, this.includedBarColor = this.widget.includedBarColor, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.precision = this.widget.precision, this.rangeType = this.widget.rangeType, this.standardDeviation = this.widget.standardDeviation, this.standardDeviationCount = this.widget.standardDeviationCount, this.state = this.viewModel.state, this.values = this.widget.values, this.arcgisPropertyChange = e()("state"), this.arcgisReady = r();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, average: 9, barCreatedFunction: 0, bins: 0, dataLineCreatedFunction: 0, dataLines: 0, excludedBarColor: 0, icon: 1, includedBarColor: 0, label: 1, labelFormatFunction: 0, max: 9, min: 9, position: 1, precision: 9, rangeType: 1, referenceElement: 1, standardDeviation: 9, standardDeviationCount: 9, state: 3, values: 0 };
+    this.properties = { autoDestroyDisabled: 5, average: 9, barCreatedFunction: 0, bins: 0, dataLineCreatedFunction: 0, dataLines: 0, excludedBarColor: 1, icon: 1, includedBarColor: 1, label: 1, labelFormatFunction: 0, max: 9, min: 9, position: 1, precision: 9, rangeType: 1, referenceElement: 1, standardDeviation: 9, standardDeviationCount: 9, state: 3, values: 0 };
   }
   static {
     this.shadowRootOptions = o;
@@ -21,8 +21,8 @@ class g extends a {
   static {
     this.styles = h;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();

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

@@ -1,29 +1,20 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as HomeViewModel } from '@arcgis/core/widgets/Home/HomeViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useHomeViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<HomeViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<HomeViewModel>, options?: {
+declare const useHomeViewModel: (component: LitElement & Pick<HomeViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<HomeViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => HomeViewModel;
 /**
- * Provides a simple widget that switches the esri/views/View to its
- * initial esri/Viewpoint or a previously defined `viewpoint`.
- *
- * @since 4.0
- */
-/** Home component enables switching the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) to its initial [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html) or a previously defined viewpoint.
+ * Home component is a button that switches the view to its
+ * initial [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html)
+ * or a previously defined `viewpoint`.
  */
 export declare class ArcgisHome extends LitElement {
-    private messages;
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
@@ -34,18 +25,20 @@ export declare class ArcgisHome extends LitElement {
     autoDestroyDisabled: boolean;
     goToOverride: nullish | __esri.GoToOverride;
     /**
-     * Icon displayed in the widget's button.
+     * Icon displayed in the component's button.
      *
      * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
-     * @since 4.28
      */
     icon: Nil | string;
     /** The component's default label. */
     label: Nil | string;
-    /** Overwrite localized strings for this component */
+    /** Replace localized message strings with your own strings. */
     messageOverrides?: typeof this.messages._overrides;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
+    /**
+     * The current state of the component.
+     */
     readonly state: "ready" | "disabled" | "going-home";
     /**
      * The esri/Viewpoint, or point of view, to zoom to when
@@ -65,7 +58,7 @@ export declare class ArcgisHome extends LitElement {
      * // Sets the model's viewpoint to the Viewpoint based on a polygon geometry
      * home.viewpoint = vp;
      */
-    viewpoint: __esri.Viewpoint | nullish;
+    viewpoint: nullish | __esri.Viewpoint;
     /**
      * This function provides the ability to interrupt and cancel the process
      * of navigating the view back to the view's initial extent.
@@ -93,5 +86,6 @@ export declare class ArcgisHome extends LitElement {
         name: "state";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
+    private messages;
 }
 export {};

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

@@ -1,17 +1,17 @@
 import { c as l } from "../../chunks/runtime.js";
 import { html as o } from "lit-html";
-import { usePropertyChange as c } from "@arcgis/components-controllers";
-import { reEmitEvent as n } from "@arcgis/components-controllers/accessor";
+import { usePropertyChange as c } from "@arcgis/lumina/controllers";
+import { reEmitEvent as n } from "@arcgis/lumina/controllers/accessor";
 import { classes as m } from "@arcgis/components-utils";
 import d from "@arcgis/core/widgets/Home/HomeViewModel.js";
 import { LitElement as h, createEvent as g, noShadowRoot as p, safeClassMap as i, nothing as v } from "@arcgis/lumina";
-import { u as w } from "../../chunks/useView.js";
+import { u as w } from "../../chunks/useT9n.js";
 import { m as f } from "../../chunks/useViewModel.js";
 import { g as a } from "../../chunks/globalCss.js";
 import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.11 */
+v4.33.0-next.111 */
 const b = u`@layer{arcgis-home{display:block}}`, y = {
   base: "esri-home"
 }, M = f(d);

package/dist/components/arcgis-labeled-switch/customElement.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+
+/**
+ * Labeled switch component shows a label, a switch, and optionally an icon with a tooltip for hints.
+ * Used by grid controls, snapping controls, etc.
+ * @private
+ */
+export declare class LabeledSwitch extends LitElement {
+    /**
+     * Tracks the state of the switch.
+     */
+    checked: boolean;
+    /**
+     * Used to disable the switch.
+     */
+    disabled: boolean;
+    /**
+     * Label to display alongside the switch.
+     */
+    label: string | null;
+    /**
+     * Hint shown when user hovers over the hint icon.
+     */
+    hint: string | null;
+    /**
+     * Icon to show for the hint. Common values are "warning" and "information"
+     */
+    hintIcon: string | null;
+    /**
+     * Controls the presentation of the hint icon. Uses a yellow color if set to warning.
+     * @default "info"
+     */
+    hintKind: "info" | "warning";
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    /**
+     * Emitted when the switch is toggled. Event detail is the new checked state.
+     */
+    readonly arcgisCheckedChanged: TargetedEvent<this, boolean>;
+}

package/dist/components/arcgis-labeled-switch/customElement.js

@@ -0,0 +1,50 @@
+import { c as h } from "../../chunks/runtime.js";
+import { ref as d } from "lit-html/directives/ref.js";
+import { html as n } from "lit-html";
+import { keyed as p } from "lit-html/directives/keyed.js";
+import { LitElement as b, createEvent as m, safeClassMap as c } from "@arcgis/lumina";
+import { css as f } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.111 */
+const g = f`.label{--calcite-label-margin-bottom: 0}.label-content{display:flex;flex:1;gap:var(--calcite-spacing-sm);align-items:center;text-wrap:balance}.label-content>div{flex-grow:1}.icon{margin-top:-1px;&.info{color:var(--calcite-color-status-info)}&.warning{color:var(--calcite-color-status-warning)}}.tooltip{text-wrap:wrap}`, t = {
+  label: "label",
+  labelContent: "label-content",
+  iconInfo: "icon info",
+  iconWarning: "icon warning",
+  tooltip: "tooltip"
+};
+class w extends b {
+  constructor() {
+    super(...arguments), this._icon = null, this.checked = !1, this.disabled = !1, this.label = null, this.hint = null, this.hintIcon = null, this.hintKind = "info", this.arcgisCheckedChanged = m();
+  }
+  static {
+    this.properties = { _icon: 16, checked: 7, disabled: 7, label: 1, hint: 1, hintIcon: 1, hintKind: 1 };
+  }
+  static {
+    this.styles = g;
+  }
+  //#endregion
+  //#region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  //#endregion
+  //#region Private Methods
+  _setIconRef(e) {
+    this._icon = e ?? null;
+  }
+  //#endregion
+  //#region Rendering
+  render() {
+    const { label: e, hint: l, hintKind: a, hintIcon: o, checked: s, disabled: r } = this;
+    return n`<calcite-label class=${c(t.label)} layout=inline-space-between scale=s>${l ? p("label-content", n`<div class=${c(t.labelContent)}><div>${e}</div><calcite-icon class=${c(a !== "warning" ? t.iconInfo : t.iconWarning)} .icon=${o ?? "information"} @click=${(i) => i.stopPropagation()} scale=s tabindex=0 ${d(this._setIconRef)}></calcite-icon><calcite-tooltip class=${c(t.tooltip)} overlay-positioning=fixed .referenceElement=${this._icon ?? void 0}>${l}</calcite-tooltip></div>`) : e}<calcite-switch .checked=${s} .disabled=${r} scale=s @calciteSwitchChange=${(i) => {
+      this.checked = i.target.checked, this.arcgisCheckedChanged.emit(i.target.checked);
+    }}></calcite-switch></calcite-label>`;
+  }
+}
+h("arcgis-labeled-switch", w);
+export {
+  w as LabeledSwitch
+};

package/dist/components/arcgis-labeled-switch/index.d.ts

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-switch";
+export * from "./customElement.js";

package/dist/components/arcgis-labeled-switch/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-switch";
+export * from "./customElement.js";

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

@@ -0,0 +1,22 @@
+export declare const css: {
+    base: string;
+    actionMenu: string;
+    actionGroup: string;
+    filterNoResults: string;
+    item: string;
+    itemActive: string;
+    itemContentBottom: string;
+    itemMessage: string;
+    itemActionIcon: string;
+    itemActionImage: string;
+    itemTemporaryIcon: string;
+    itemTableIcon: string;
+    itemCatalogIcon: string;
+    statusIndicator: string;
+    publishing: string;
+    updating: string;
+    connectionStatus: string;
+    connectionStatusConnected: string;
+    visibleToggle: string;
+    visibleIcon: string;
+};

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

@@ -1,42 +1,37 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as LayerList } from '@arcgis/core/widgets/LayerList.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useLayerListWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<LayerList, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useLayerListWidget: (component: LitElement & Pick<LayerList, never> & {
     state?: unknown;
     viewModel?: __esri.LayerListViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.LayerListProperties | undefined): __esri.LayerListProperties | Promise<__esri.LayerListProperties | undefined> | undefined;
 } | undefined) => LayerList;
-/** The LayerList component provides a way to display a list of layers, and switch on/off their visibility.
+/** The Layer List component provides a way to display a list of layers, and switch on/off their visibility.
  */
 export declare class ArcgisLayerList extends LitElement {
+    readonly arcgisClose: TargetedEvent<this>;
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
@@ -75,14 +70,14 @@ export declare class ArcgisLayerList extends LitElement {
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     selectedItems: __esri.Collection<__esri.ListItem>;
-    selectionMode: "none" | "single" | "multiple" | "single-persist";
+    selectionMode: "single" | "multiple" | "none" | "single-persist";
     showCloseButton: boolean;
     showCollapseButton: boolean;
     showErrors: boolean;
     showFilter: boolean;
     showHeading: boolean;
     showTemporaryLayerIndicators: boolean;
-    readonly state: "ready" | "loading" | "disabled";
+    readonly state: "ready" | "disabled" | "loading";
     /** The TableList that displays the tables associated with a KnowledgeGraphLayer. */
     get tableList(): __esri.TableList | nullish;
     visibilityAppearance: "default" | "checkbox";

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

@@ -1,17 +1,18 @@
 import { c as i } from "../../chunks/runtime.js";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { reEmitEvent as a } from "@arcgis/components-controllers/accessor";
-import o from "@arcgis/core/widgets/LayerList.js";
+import { usePropertyChange as s } from "@arcgis/lumina/controllers";
+import { reEmitEvent as o } from "@arcgis/lumina/controllers/accessor";
+import a from "@arcgis/core/widgets/LayerList.js";
 import { LitElement as r, createEvent as l, noShadowRoot as h } from "@arcgis/lumina";
 import { m as d } from "../../chunks/useWidget.js";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { s as n } from "../../chunks/layer-list.js";
+import { c as g } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.11 */
-const g = n`@layer{arcgis-layer-list{display:block}}`, c = d(o);
+v4.33.0-next.111 */
+const c = d(a);
 class m extends r {
   constructor() {
-    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = s()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.arcgisClose = g(this), this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = s()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = o(() => this.widget, "trigger-action");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, catalogLayerList: 32, catalogOptions: 0, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideFlow: 5, hideStatusIndicators: 5, icon: 1, knowledgeGraphOptions: 0, label: 1, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 0, operationalItems: 32, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 3, tableList: 32, visibilityAppearance: 1 };
@@ -20,7 +21,7 @@ class m extends r {
     this.shadowRootOptions = h;
   }
   static {
-    this.styles = g;
+    this.styles = n;
   }
   /** The CatalogLayerList that displays a catalog layer's dynamic group layer. */
   get catalogLayerList() {
@@ -34,8 +35,8 @@ class m extends r {
   get tableList() {
     return this.widget.tableList;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();

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

@@ -0,0 +1,101 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Nil } from '@arcgis/components-utils';
+import { Action, VisibilityAppearance } from '../../utils/action-utils';
+import { TableSupportedLayers } from '../../utils/layer-list-utils';
+import { css as LayerListCSS } from '../arcgis-layer-list/css';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+
+type ListDisplayMode = "flat" | "nested";
+type DragDetail = Parameters<HTMLCalciteSortableListElement["canPull"]>[0];
+type UnionListItem = __esri.ListItem | __esri.TableListListItem;
+type UnionCSS = typeof LayerListCSS;
+/** @private */
+export declare class ArcgisLayerListItem extends LitElement {
+    activeItem?: Nil | UnionListItem;
+    canMove?: ({ dragEl, fromEl, toEl }: DragDetail, type: "pull" | "put") => boolean;
+    css: UnionCSS;
+    displayMode: ListDisplayMode;
+    hideCatalogLayerList: boolean;
+    showCloseButton: boolean;
+    showCollapseButton: boolean;
+    showErrors: boolean;
+    showFilter: boolean;
+    hideFlow: boolean;
+    showHeading: boolean;
+    hideStatusIndicators: boolean;
+    showTemporaryLayerIndicators: boolean;
+    showTemporaryTableIndicators: boolean;
+    dragEnabled: boolean;
+    item: UnionListItem;
+    layerTablesEnabled?: __esri.Collection<TableSupportedLayers>;
+    listModeDisabled: boolean;
+    messages: Partial<{
+        componentLabel: string;
+        noItemsToDisplay: string;
+        layerInvisibleAtScale: string;
+        layerInvisibleAtTime: string;
+        layerError: string;
+        untitledLayer: string;
+        untitledTable: string;
+        layerVisibility: string;
+        menu: string;
+        options: string;
+        showLayer: string;
+        hideLayer: string;
+        layerIncompatible: string;
+        layerIncompatibleTooltip: string;
+        tableError: string;
+        temporary: string;
+        tables: string;
+        catalogLayers: string;
+    }> & import('@arcgis/lumina/controllers').T9nMeta<{
+        componentLabel: string;
+        noItemsToDisplay: string;
+        layerInvisibleAtScale: string;
+        layerInvisibleAtTime: string;
+        layerError: string;
+        untitledLayer: string;
+        untitledTable: string;
+        layerVisibility: string;
+        menu: string;
+        options: string;
+        showLayer: string;
+        hideLayer: string;
+        layerIncompatible: string;
+        layerIncompatibleTooltip: string;
+        tableError: string;
+        temporary: string;
+        tables: string;
+        catalogLayers: string;
+    }>;
+    handleAction: (action: Action, item: UnionListItem) => void;
+    handlePanelOpen: () => void;
+    handleCatalogOpen?: (item: __esri.ListItem) => void;
+    handleTablesOpen?: (item: __esri.ListItem) => void;
+    handleSelectedDragItemLayerUidChange?: (uid: string | null) => void;
+    handleTooltipReferenceChange?: (id: string, element: HTMLSpanElement | null) => void;
+    parent?: UnionListItem | null;
+    parentTitles?: string[] | null;
+    rootGroupUid: string;
+    selectionMode: HTMLCalciteListElement["selectionMode"];
+    selectedItems: __esri.Collection<UnionListItem>;
+    selectedDragItemLayerUid?: string | null;
+    visibilityAppearance?: VisibilityAppearance;
+    /**
+     * If true, the component will not be destroyed automatically when
+     * it is disconnected from the document. This is useful when you
+     * want to move the component to a different place on the page, or
+     * temporary hide it. If this is set, make sure to call the
+     * \`destroy\` method when you are done to prevent memory leaks.
+     */
+    autoDestroyDisabled: boolean;
+    /** Overwrite localized strings for this component */
+    messageOverrides?: typeof this.messages._overrides;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    readonly arcgisPropertyChange: TargetedEvent<this, {
+        name: "autoDestroyDisabled" | "messageOverrides";
+    }>;
+}
+export {};