@arcgis/map-components 5.2.0-next.120 → 5.2.0-next.121

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

@@ -1,15 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as b } from "../../chunks/runtime.js";
 import { css as y, html as r } from "lit";
-import { on as _, when as d, watch as w } from "@arcgis/core/core/reactiveUtils.js";
+import { on as _, when as p, watch as w } from "@arcgis/core/core/reactiveUtils.js";
 import { g as $ } from "../../chunks/globalCss.js";
-import { u as k } from "../../chunks/useT9n.js";
+import { u as C } from "../../chunks/useT9n.js";
 import { createRef as g, ref as h } from "lit/directives/ref.js";
 import E from "@arcgis/core/core/Accessor.js";
-import { property as p, subclass as C } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { property as d, subclass as k } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { usePropertyChange as D } from "@arcgis/lumina/controllers";
-import { m as T } from "../../chunks/useViewModel.js";
-import { LitElement as I, createEvent as H, safeClassMap as u, nothing as M } from "@arcgis/lumina";
+import { m as I } from "../../chunks/useViewModel.js";
+import { LitElement as T, createEvent as H, safeClassMap as u, nothing as M } from "@arcgis/lumina";
 import { classes as m } from "@arcgis/toolkit/dom";
 var P = Object.defineProperty, O = Object.getOwnPropertyDescriptor, c = (i, e, t, a) => {
   for (var n = a > 1 ? void 0 : a ? O(e, t) : e, o = i.length - 1, l; o >= 0; o--)
@@ -17,7 +17,7 @@ var P = Object.defineProperty, O = Object.getOwnPropertyDescriptor, c = (i, e, t
   return a && n && P(e, t, n), n;
 };
 const v = new EventTarget();
-function L(i, e, t) {
+function S(i, e, t) {
   let a = !1;
   const n = w(
     i,
@@ -65,7 +65,7 @@ let s = class extends E {
     return this.view?.ready ? "ready" : "disabled";
   }
   set view(i) {
-    this._get("view") !== i && (this._set("view", i), i && d(
+    this._get("view") !== i && (this._set("view", i), i && p(
       () => i.ready,
       () => {
         this.view === i && this._watchViewpoint();
@@ -76,7 +76,7 @@ let s = class extends E {
   //#endregion
   //#region Private Methods
   _viewpointHandleChange(i) {
-    this._viewpointHandle && (i ? d(
+    this._viewpointHandle && (i ? p(
       () => this.view?.stationary,
       () => this._viewpointHandle?.resume(),
       { once: !0, initial: !0 }
@@ -88,7 +88,7 @@ let s = class extends E {
     const { autoCollapse: e, view: t } = this;
     if (!t || !e)
       return;
-    const a = L(
+    const a = S(
       () => t.type === "3d" ? t.camera : t.viewpoint,
       () => this._collapse()
     );
@@ -100,33 +100,33 @@ let s = class extends E {
   //#endregion
 };
 c([
-  p({ value: !1 })
+  d({ value: !1 })
 ], s.prototype, "autoCollapse", 1);
 c([
-  p({ value: !1 })
+  d({ value: !1 })
 ], s.prototype, "expanded", 1);
 c([
-  p()
+  d()
 ], s.prototype, "group", 2);
 c([
-  p({ readOnly: !0 })
+  d({ readOnly: !0 })
 ], s.prototype, "state", 1);
 c([
-  p({ value: null })
+  d({ value: null })
 ], s.prototype, "view", 1);
 s = c([
-  C("map-components.expand.ExpandViewModel")
+  k("map-components.expand.ExpandViewModel")
 ], s);
-const S = y`:host{display:flex;pointer-events:auto;--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: none;--arcgis-internal-expand-action-background-color: var( --calcite-action-background-color, var(--calcite-color-foreground-1) );--arcgis-internal-expand-action-background-color-hover: var( --calcite-action-background-color-hover, var(--calcite-color-foreground-2) );--arcgis-internal-expand-action-background-color-press: var( --calcite-action-background-color-press, var(--calcite-color-foreground-3) )}arcgis-expand>.content-expanded{background-color:var(--calcite-color-background)}.root{--esri-widget-panel-max-height: 95svh;--calcite-sheet-max-height: var(--esri-widget-panel-max-height);--calcite-sheet-height: auto;--calcite-action-corner-radius: 0}.action{--calcite-action-background-color: var(--arcgis-internal-expand-action-background-color);--calcite-action-background-color-hover: var(--arcgis-internal-expand-action-background-color-hover);--calcite-action-background-color-press: var(--arcgis-internal-expand-action-background-color-press);cursor:pointer;text-align:center;color:var(--calcite-color-text-2);justify-content:center;align-items:center;margin:0;padding:0;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.toggle{position:relative}.popover-content{flex-direction:column;display:flex;max-height:var(--arcgis-internal-expand-max-height, 95svh);::slotted(*){max-height:var(--arcgis-internal-expand-max-height, 95svh);overflow-y:auto}::slotted(arcgis-sketch){--arcgis-internal-sketch-gap: var(--calcite-spacing-none)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width);min-width:var(--calcite-spacing-xxxl);min-height:var(--calcite-spacing-xxxl);transition:max-height .25s ease-in-out}}.popover-content .esri-widget--panel{width:300px}.panel{max-height:var(--esri-widget-panel-max-height)}.panel-content{::slotted(*){width:100%}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-grid-controls)){overflow-y:auto}}.panel-content .esri-widget{width:auto}.panel-content .esri-widget--panel{flex:auto}.arcgis-map-container-ui__element .popover-content .esri-widget,.arcgis-map-container-ui__element .popover-content .esri-widget.esri-component,.arcgis-map-container-ui__element .panel-content .esri-widget,.arcgis-map-container-ui__element .panel-content .esri-widget.esri-component,.popover-content .esri-widget,.popover-content .esri-widget.esri-component,.panel-content .esri-widget,.panel-content .esri-widget.esri-component{box-sizing:border-box;box-shadow:none;margin-bottom:0}.panel-content,.content-container{background-color:var(--calcite-color-foreground-1);flex-direction:column;flex:auto;justify-content:stretch;display:flex}.sheet .panel-content,.sheet .content-container{overflow:hidden}.panel-icon-number{align-self:center}.icon{display:flex}calcite-button:not(:hover) .icon:not(calcite-icon){color:var(--calcite-color-text-3)}.icon-flip{transform:var(--arcgis-internal-collapse-icon-flip)}.icon-number{transform-origin:50%;color:var(--calcite-color-text-inverse);pointer-events:none;background-color:var(--calcite-color-text-3);border-radius:var(--calcite-spacing-xl);justify-content:center;align-items:center;height:var(--calcite-spacing-lg);padding:.125em .333em;font-size:var(--calcite-font-size-sm);line-height:1em;display:flex;position:absolute;top:-6px;left:var(--arcgis-internal-expand-icon-number-spacing-left);right:var(--arcgis-internal-expand-icon-number-spacing-right)}`, f = "chevrons-left", x = "chevrons-right", V = T(s);
-class z extends I {
+const L = y`:host{display:flex;pointer-events:auto;--arcgis-internal-expand-icon-number-spacing-left: none;--arcgis-internal-expand-icon-number-spacing-right: none;--arcgis-internal-expand-action-background-color: var( --calcite-action-background-color, var(--calcite-color-foreground-1) );--arcgis-internal-expand-action-background-color-hover: var( --calcite-action-background-color-hover, var(--calcite-color-foreground-2) );--arcgis-internal-expand-action-background-color-press: var( --calcite-action-background-color-press, var(--calcite-color-foreground-3) )}arcgis-expand>.content-expanded{background-color:var(--calcite-color-background)}.root{--esri-widget-panel-max-height: 95svh;--calcite-sheet-max-height: var(--esri-widget-panel-max-height);--calcite-sheet-height: auto;--calcite-action-corner-radius: 0}.action{--calcite-action-background-color: var(--arcgis-internal-expand-action-background-color);--calcite-action-background-color-hover: var(--arcgis-internal-expand-action-background-color-hover);--calcite-action-background-color-press: var(--arcgis-internal-expand-action-background-color-press);cursor:pointer;text-align:center;color:var(--calcite-color-text-2);justify-content:center;align-items:center;margin:0;padding:0;font-size:var(--calcite-font-size);transition:background-color .125s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.toggle{position:relative}.popover-content{flex-direction:column;display:flex;max-height:var(--arcgis-internal-expand-max-height, 95svh);::slotted(*){max-height:var(--arcgis-internal-expand-max-height, 95svh);overflow-y:auto}::slotted(arcgis-sketch){--arcgis-internal-sketch-gap: var(--calcite-spacing-none)}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-exploratory-analysis,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-grid-controls)){width:var(--arcgis-internal-panel-width);min-width:var(--calcite-spacing-xxxl);min-height:var(--calcite-spacing-xxxl);transition:max-height .25s ease-in-out}}.popover-content .esri-widget--panel{width:300px}.panel{max-height:var(--esri-widget-panel-max-height)}.panel-content{::slotted(*){width:100%}::slotted(:is(arcgis-area-measurement-2d,arcgis-area-measurement-3d,arcgis-basemap-gallery,arcgis-basemap-layer-list,arcgis-basemap-layer-list-next,arcgis-bookmarks,arcgis-building-explorer,arcgis-catalog-layer-list,arcgis-catalog-layer-list-next,arcgis-directions,arcgis-direct-line-measurement-3d,arcgis-distance-measurement-2d,arcgis-editor,arcgis-feature-form,arcgis-features,arcgis-layer-list,arcgis-layer-list-next,arcgis-legend,arcgis-line-of-sight,arcgis-print,arcgis-shadow-cast,arcgis-slice,arcgis-table-list,arcgis-table-list-next,arcgis-utility-network-trace,arcgis-grid-controls)){overflow-y:auto}}.panel-content .esri-widget{width:auto}.panel-content .esri-widget--panel{flex:auto}.arcgis-map-container-ui__element .popover-content .esri-widget,.arcgis-map-container-ui__element .popover-content .esri-widget.esri-component,.arcgis-map-container-ui__element .panel-content .esri-widget,.arcgis-map-container-ui__element .panel-content .esri-widget.esri-component,.popover-content .esri-widget,.popover-content .esri-widget.esri-component,.panel-content .esri-widget,.panel-content .esri-widget.esri-component{box-sizing:border-box;box-shadow:none;margin-bottom:0}.panel-content,.content-container{background-color:var(--calcite-color-foreground-1);flex-direction:column;flex:auto;justify-content:stretch;display:flex}.sheet .panel-content,.sheet .content-container{overflow:hidden}.panel-icon-number{align-self:center}.icon{display:flex}calcite-button:not(:hover) .icon:not(calcite-icon){color:var(--calcite-color-text-3)}.icon-flip{transform:var(--arcgis-internal-collapse-icon-flip)}.icon-number{transform-origin:50%;color:var(--calcite-color-text-inverse);pointer-events:none;background-color:var(--calcite-color-text-3);border-radius:var(--calcite-spacing-xl);justify-content:center;align-items:center;height:var(--calcite-spacing-lg);padding:.125em .333em;font-size:var(--calcite-font-size-sm);line-height:1em;display:flex;position:absolute;top:-6px;left:var(--arcgis-internal-expand-icon-number-spacing-left);right:var(--arcgis-internal-expand-icon-number-spacing-right)}`, f = "chevrons-left", x = "chevrons-right", V = I(s);
+class z extends T {
   constructor() {
-    super(...arguments), this.popoverEl = g(), this.messages = k({}), this.viewModel = V(this), this.toggleActionEl = g(), this.view = this.viewModel.view, this.state = this.viewModel.state, this.autoDestroyDisabled = !1, this.autoCollapse = this.viewModel.autoCollapse, this.closeOnEscDisabled = !1, this.content = "", this.expanded = this.viewModel.expanded, this.expandTooltip = "", this.collapseTooltip = "", this.focusTrapDisabled = !1, this.group = this.viewModel.group, this.iconNumber = 0, this.mode = "auto", this.topLayerDisabled = !1, this.visualScale = "m", this.arcgisPropertyChange = D()("expanded"), this.arcgisReady = H();
+    super(...arguments), this.popoverEl = g(), this.messages = C({}), this.viewModel = V(this), this.toggleActionEl = g(), this.view = this.viewModel.view, this.state = this.viewModel.state, this.autoDestroyDisabled = !1, this.autoCollapse = this.viewModel.autoCollapse, this.closeOnEscDisabled = !1, this.content = "", this.expanded = this.viewModel.expanded, this.expandTooltip = "", this.collapseTooltip = "", this.focusTrapDisabled = !1, this.group = this.viewModel.group, this.iconNumber = 0, this.mode = "auto", this.topLayerDisabled = !1, this.visualScale = "m", this.arcgisPropertyChange = D()("expanded"), this.arcgisReady = H();
   }
   static {
-    this.properties = { expandTitle: 16, _displaySheet: 16, view: 0, state: 32, icon: 1, label: 1, autoDestroyDisabled: 5, referenceElement: 1, autoCollapse: 5, closeOnEscDisabled: 5, content: 1, expanded: 7, expandIcon: 3, expandTooltip: 1, collapseIcon: 3, collapseTooltip: 1, focusTrapDisabled: 5, group: 1, iconNumber: 9, mode: 1, placement: 1, messageOverrides: 0, topLayerDisabled: 5, visualScale: 1 };
+    this.properties = { _slottedIcon: 16, expandTitle: 16, _displaySheet: 16, view: 0, state: 32, icon: 1, label: 1, autoDestroyDisabled: 5, referenceElement: 1, autoCollapse: 5, closeOnEscDisabled: 5, content: 1, expanded: 7, expandIcon: 3, expandTooltip: 1, collapseIcon: 3, collapseTooltip: 1, focusTrapDisabled: 5, group: 1, iconNumber: 9, mode: 1, placement: 1, messageOverrides: 0, topLayerDisabled: 5, visualScale: 1 };
   }
   static {
-    this.styles = S;
+    this.styles = L;
   }
   get expandTitle() {
     const { expanded: e, messages: t, collapseTooltip: a, expandTooltip: n } = this;
@@ -145,6 +145,8 @@ class z extends I {
   get expandIcon() {
     if (this._expandIcon)
       return this._expandIcon;
+    if (this._slottedIcon)
+      return this._slottedIcon;
     let e = null;
     return this.content instanceof HTMLElement && ("widget" in this.content && this.content.widget?.icon ? e = this.content.widget.icon : "icon" in this.content ? e = this.content.icon : e = this.content.getAttribute("icon")), e ?? f;
   }
@@ -206,6 +208,10 @@ class z extends I {
   _handleKeyDown(e) {
     this.expanded && e.key === "Escape" && this._isCloseOnEscapeDisabled(e) && e.preventDefault();
   }
+  _handleSlotChange({ currentTarget: e }) {
+    const t = e.assignedElements().find((a) => "icon" in a);
+    this._slottedIcon = t?.icon;
+  }
   render() {
     const { _displaySheet: e, toggleActionEl: t, expanded: a, label: n, topLayerDisabled: o } = this;
     return r`<div class=${u(m("root", $.widget))}>${this._renderToggle()}${e ? r`<calcite-sheet class="sheet" height=l .label=${n ?? ""} .topLayerDisabled=${o} @keydown=${this._handleKeyDown} .open=${a} position=block-end @calciteSheetClose=${this.collapse}><calcite-panel class="panel" closable .closed=${!a} .heading=${n} @keydown=${this._handleKeyDown} @calcitePanelClose=${this.collapse}><div class="panel-content">${this._renderContent()}</div></calcite-panel></calcite-sheet>` : t.value ? r`<calcite-popover .focusTrapDisabled=${this.focusTrapDisabled} .label=${n ?? ""} @keydown=${this._handleKeyDown} trigger-disabled .open=${a} overlay-positioning=fixed .placement=${this.getPopoverPlacement()} .referenceElement=${t.value} .topLayerDisabled=${o} @calcitePopoverClose=${this._handlePopoverClose} ${h(this.popoverEl)}><div class="popover-content">${this._renderContent()}</div></calcite-popover>` : null}</div>`;
@@ -222,7 +228,7 @@ class z extends I {
     return r`<div class="toggle">${this._renderToggleButton()}${this._renderBadgeNumber()}</div>`;
   }
   _renderContent() {
-    return r`<div class="content-container"><slot></slot></div>`;
+    return r`<div class="content-container"><slot @slotchange=${this._handleSlotChange}></slot></div>`;
   }
 }
 b("arcgis-expand", z);

package/dist/components/arcgis-exploratory-analysis/customElement.d.ts

@@ -6,6 +6,7 @@ import type { ArcgisDirectLineMeasurement3d } from "../arcgis-direct-line-measur
 import type { ArcgisDistanceMeasurement2d } from "../arcgis-distance-measurement-2d/customElement.js";
 import type { ArcgisElevationProfile } from "../arcgis-elevation-profile/customElement.js";
 import type { ArcgisVolumeMeasurement } from "../arcgis-volume-measurement/customElement.js";
+import type { IconName } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
@@ -116,6 +117,14 @@ export abstract class ArcgisExploratoryAnalysis extends LitElement {
    * 
    */
   accessor closed: boolean;
+  /**
+   * Icon which represents the component.
+   * Typically used when the component is controlled by another component (e.g. by the Expand component).
+   *
+   * @default "measure"
+   * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  accessor icon: IconName;
   /**
    * Replace localized message strings with your own strings.
    *
@@ -129,6 +138,20 @@ export abstract class ArcgisExploratoryAnalysis extends LitElement {
       newMeasurement?: string | undefined;
       newProfile?: string | undefined;
   };
+  /**
+   * Specifies whether analysis results are preserved when the active analysis component changes.
+   * By default, the current analysis is cleared before another analysis component becomes active.
+   *
+   * @default false
+   * @example
+   * ```html
+   * <arcgis-exploratory-analysis preserve-analysis-on-change>
+   *   <arcgis-direct-line-measurement-3d></arcgis-direct-line-measurement-3d>
+   *   <arcgis-area-measurement-3d></arcgis-area-measurement-3d>
+   * </arcgis-exploratory-analysis>
+   * ```
+   */
+  accessor preserveAnalysisOnChange: boolean;
   /**
    * 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.
    *

package/dist/components/arcgis-exploratory-analysis/customElement.js

@@ -5,120 +5,120 @@ import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as v, createEvent as r, nothing as h } from "@arcgis/lumina";
 import { usePropertyChange as g } from "@arcgis/lumina/controllers";
 import { getSlotAssignedElements as p } from "@arcgis/toolkit/dom/slots";
-import { u as f } from "../../chunks/useT9n.js";
+import { u as A } from "../../chunks/useT9n.js";
 import { r as d } from "../../chunks/maybe.js";
-const A = u`:host{min-width:var(--arcgis-internal-panel-width, 300px)}calcite-action-bar{width:100%}.selection-notice-container{padding:var(--calcite-spacing-md)}.selection-notice-list{margin-block:0;padding-inline-start:var(--calcite-spacing-lg)}.measurement-content{--arcgis-internal-padding: var(--calcite-space-md) var(--calcite-space-none);margin-block-end:var(--calcite-space-none)}.measurement-content,slot::slotted(*){width:100%}.footer{display:grid;grid-template-columns:1fr 2fr;gap:var(--calcite-spacing-md);width:100%}`, b = [
+const f = u`:host{min-width:var(--arcgis-internal-panel-width, 300px)}calcite-action-bar{width:100%}.selection-notice-container{padding:var(--calcite-spacing-md)}.selection-notice-list{margin-block:0;padding-inline-start:var(--calcite-spacing-lg)}.measurement-content{--arcgis-internal-padding: var(--calcite-space-md) var(--calcite-space-none);margin-block-end:var(--calcite-space-none)}.measurement-content,slot::slotted(*){width:100%}.footer{display:grid;grid-template-columns:1fr 2fr;gap:var(--calcite-spacing-md);width:100%}`, b = [
   "arcgis-area-measurement-2d",
   "arcgis-area-measurement-3d",
   "arcgis-direct-line-measurement-3d",
   "arcgis-distance-measurement-2d",
   "arcgis-elevation-profile",
   "arcgis-volume-measurement"
-], _ = b.join(",");
-class C extends v {
+], C = b.join(",");
+class _ extends v {
   constructor() {
-    super(), this._messages = f({ blocking: !0 }), this.#i = !1, this.#t = /* @__PURE__ */ new WeakMap(), this._activeAnalysisHasInput = !1, this._measurements = [], this.autoDestroyDisabled = !1, this.autoStartDisabled = !1, this.closed = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showHeading = !1, this.arcgisClose = r(), this.arcgisPropertyChange = g()("activeAnalysis"), this.arcgisReady = r(), this.listen("arcgisPropertyChange", this.#r.bind(this)), this.listen("arcgisReady", this.#r.bind(this));
+    super(), this._messages = A({ blocking: !0 }), this.#i = !1, this.#e = /* @__PURE__ */ new WeakMap(), this._activeAnalysisHasInput = !1, this._measurements = [], this.autoDestroyDisabled = !1, this.autoStartDisabled = !1, this.closed = !1, this.icon = "measure", this.preserveAnalysisOnChange = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showHeading = !1, this.arcgisClose = r(), this.arcgisPropertyChange = g()("activeAnalysis"), this.arcgisReady = r(), this.listen("arcgisPropertyChange", this.#r.bind(this)), this.listen("arcgisReady", this.#r.bind(this));
   }
   static {
-    this.properties = { _activeAnalysisHasInput: 16, _activeAnalysisState: 16, _measurements: 16, activeAnalysis: 1, autoDestroyDisabled: 5, autoStartDisabled: 5, closed: 5, messageOverrides: 0, showCloseButton: 5, showCollapseButton: 5, showHeading: 5 };
+    this.properties = { _activeAnalysisHasInput: 16, _activeAnalysisState: 16, _measurements: 16, activeAnalysis: 1, autoDestroyDisabled: 5, autoStartDisabled: 5, closed: 5, icon: 1, messageOverrides: 0, preserveAnalysisOnChange: 5, showCloseButton: 5, showCollapseButton: 5, showHeading: 5 };
   }
   static {
-    this.styles = A;
+    this.styles = f;
   }
   #a;
   #i;
-  #t;
   #e;
+  #t;
   #n;
   #s;
   get activeAnalysis() {
     return this.#a;
   }
-  set activeAnalysis(e) {
-    this.#e = typeof e == "string" ? e : void 0, this.#l(typeof e == "string" ? this._measurements.find((s) => s.localName === e) : e ?? void 0);
+  set activeAnalysis(t) {
+    this.#t = typeof t == "string" ? t : void 0, this.#c(typeof t == "string" ? this._measurements.find((s) => s.localName === t) : t ?? void 0);
   }
   async destroy() {
     await this.manager.destroy();
   }
   load() {
-    this.manager.onLifecycle(() => (this.#c(), () => {
+    this.manager.onLifecycle(() => (this.#o(), () => {
       this.#s = d(this.#s), this.#n = void 0;
     }));
   }
-  async #o() {
+  async #l() {
     await this.activeAnalysis?.clear();
   }
   #m() {
     this.closed = !0, this.arcgisClose.emit(), this.autoDestroyDisabled || this.destroy();
   }
-  async #u({ target: e }) {
-    const s = Number(e.selectedActions.at(0)?.dataset.measurementIndex), i = this._measurements[s];
+  async #u({ target: t }) {
+    const s = Number(t.selectedActions.at(0)?.dataset.measurementIndex), i = this._measurements[s];
     if (i) {
-      if (this.#h(i), this.autoStartDisabled || i.interactionDisabled)
+      if (i !== this.activeAnalysis && !this.preserveAnalysisOnChange && await this.#l(), this.#h(i), this.autoStartDisabled || i.interactionDisabled || this.preserveAnalysisOnChange && i.analysis?.valid)
         return;
       await i.start();
     } else
-      await this.#o(), this.#h(void 0);
+      await this.#l(), this.#h(void 0);
   }
   #r() {
-    this._activeAnalysisState = this.activeAnalysis ? this.activeAnalysis.state ?? "disabled" : void 0, this.#c(), this.#d(), this.requestUpdate();
+    this._activeAnalysisState = this.activeAnalysis ? this.activeAnalysis.state ?? "disabled" : void 0, this.#o(), this.#d(), this.requestUpdate();
   }
-  #y({ currentTarget: e }) {
-    const s = p(e, _), i = this._measurements.filter((t) => !s.includes(t));
-    for (const t of i) {
-      const n = this.#t.get(t);
-      t.hidden = n?.hidden ?? !1, t.hideStartButton = n?.hideStartButton ?? !1, "hideClearButton" in t && (t.hideClearButton = n?.hideClearButton ?? !1), "hideHeader" in t && (t.hideHeader = n?.hideHeader ?? !1), this.#t.delete(t);
+  #y({ currentTarget: t }) {
+    const s = p(t, C), i = this._measurements.filter((e) => !s.includes(e));
+    for (const e of i) {
+      const n = this.#e.get(e);
+      e.hidden = n?.hidden ?? !1, e.hideStartButton = n?.hideStartButton ?? !1, "hideClearButton" in e && (e.hideClearButton = n?.hideClearButton ?? !1), "hideHeader" in e && (e.hideHeader = n?.hideHeader ?? !1), this.#e.delete(e);
     }
-    for (const t of s)
-      this.#t.has(t) || (this.#t.set(t, {
-        hidden: t.hidden,
-        hideClearButton: "hideClearButton" in t ? t.hideClearButton : void 0,
-        hideStartButton: t.hideStartButton,
-        hideHeader: "hideHeader" in t ? t.hideHeader : void 0
-      }), t.componentOnReady().then(() => {
-        this.isConnected && t.isConnected && this._measurements.includes(t) && this.requestUpdate();
-      })), t.hideStartButton = !0, "hideClearButton" in t && (t.hideClearButton = !0), "hideHeader" in t && (t.hideHeader = !0);
+    for (const e of s)
+      this.#e.has(e) || (this.#e.set(e, {
+        hidden: e.hidden,
+        hideClearButton: "hideClearButton" in e ? e.hideClearButton : void 0,
+        hideStartButton: e.hideStartButton,
+        hideHeader: "hideHeader" in e ? e.hideHeader : void 0
+      }), e.componentOnReady().then(() => {
+        this.isConnected && e.isConnected && this._measurements.includes(e) && this.requestUpdate();
+      })), e.hideStartButton = !0, "hideClearButton" in e && (e.hideClearButton = !0), "hideHeader" in e && (e.hideHeader = !0);
     this._measurements = s;
     let l;
-    this.#e && (l = s.find((t) => t.localName === this.#e));
+    this.#t && (l = s.find((e) => e.localName === this.#t));
     let c;
-    !this.#e && s.length === 1 && (c = s[0]);
+    !this.#t && s.length === 1 && (c = s[0]);
     let a;
-    this.#e ? a = l : this.#i && s.length > 1 ? a = void 0 : this.activeAnalysis && s.includes(this.activeAnalysis) ? a = this.activeAnalysis : a = c, this.#l(a), this.#i = !!c;
+    this.#t ? a = l : this.#i && s.length > 1 ? a = void 0 : this.activeAnalysis && s.includes(this.activeAnalysis) ? a = this.activeAnalysis : a = c, this.#c(a), this.#i = !!c;
   }
-  #h(e) {
-    this.#e = void 0, this.#i = !1, this.#l(e);
+  #h(t) {
+    this.#t = void 0, this.#i = !1, this.#c(t);
   }
-  #l(e) {
+  #c(t) {
     const s = this.#a;
-    this.#a = e, this.requestUpdate("activeAnalysis", s), this.#v();
+    this.#a = t, this.requestUpdate("activeAnalysis", s), this.#v();
   }
   #v() {
-    this._activeAnalysisState = this.activeAnalysis ? this.activeAnalysis.state ?? "disabled" : void 0, this.#c(), this.#d();
+    this._activeAnalysisState = this.activeAnalysis ? this.activeAnalysis.state ?? "disabled" : void 0, this.#o(), this.#d();
   }
   #d() {
-    for (const e of this._measurements)
-      e.hidden = e !== this.activeAnalysis || (this.#t.get(e)?.hidden ?? !1) || e === this.activeAnalysis && this._activeAnalysisState === "ready";
+    for (const t of this._measurements)
+      t.hidden = t !== this.activeAnalysis || (this.#e.get(t)?.hidden ?? !1) || t === this.activeAnalysis && this._activeAnalysisState === "ready";
   }
   async #g() {
     await this.activeAnalysis?.start();
   }
-  #c() {
-    const e = this.activeAnalysis?.analysis;
-    if (!(e === this.#n && (e == null || this.#s))) {
-      if (this.#s = d(this.#s), this.#n = e, !e) {
+  #o() {
+    const t = this.activeAnalysis?.analysis;
+    if (!(t === this.#n && (t == null || this.#s))) {
+      if (this.#s = d(this.#s), this.#n = t, !t) {
         this._activeAnalysisHasInput = !1;
         return;
       }
-      this.#s = y(() => e.valid, (s) => this._activeAnalysisHasInput = s, { initial: !0, sync: !0 });
+      this.#s = y(() => t.valid, (s) => this._activeAnalysisHasInput = s, { initial: !0, sync: !0 });
     }
   }
   render() {
-    const { showCloseButton: e, showCollapseButton: s, showHeading: i } = this, l = this._activeAnalysisState === "disabled", c = this._measurements.length > 1, a = this.activeAnalysis?.label || this._messages.componentLabel;
-    return o`<calcite-panel .closed=${this.closed} .heading=${i ? this._messages.componentLabel : void 0} .collapsible=${s} .closable=${e} @calcitePanelClose=${this.#m}><div .hidden=${!c}><calcite-action-bar expand-toggle-disabled layout=horizontal><calcite-action-group .label=${this._messages.toolbarLabel} @calciteActionGroupChange=${this.#u} selection-mode=single>${this._measurements.map((t, n) => o`<calcite-action .active=${t === this.activeAnalysis} data-measurement-index=${n ?? h} .icon=${t.icon} .label=${t.label} .text=${t.label ?? ""} title=${t.label ?? h}></calcite-action>`)}</calcite-action-group></calcite-action-bar></div><div class="measurement-container" .hidden=${!this.activeAnalysis || l}><calcite-block class="measurement-content" .expanded=${this.isConnected && !!this.activeAnalysis && !l} .heading=${a}><slot @slotchange=${this.#y}></slot></calcite-block></div>${this.activeAnalysis ? o`<div class="footer" slot=footer><calcite-button appearance=transparent .disabled=${!this._activeAnalysisHasInput} kind=danger @click=${this.#o} width=full>${this._messages.clear}</calcite-button><calcite-button .disabled=${this.activeAnalysis.interactionDisabled || this._activeAnalysisState !== "ready" && !this._activeAnalysisHasInput} @click=${this.#g} width=full>${this.activeAnalysis?.matches("arcgis-elevation-profile") ? this._messages.newProfile : this._messages.newMeasurement}</calcite-button></div>` : null}</calcite-panel>`;
+    const { showCloseButton: t, showCollapseButton: s, showHeading: i } = this, l = this._activeAnalysisState === "disabled", c = this._measurements.length > 1, a = this.activeAnalysis?.label || this._messages.componentLabel;
+    return o`<calcite-panel .closed=${this.closed} .heading=${i ? this._messages.componentLabel : void 0} .collapsible=${s} .closable=${t} @calcitePanelClose=${this.#m}><div .hidden=${!c}><calcite-action-bar expand-toggle-disabled layout=horizontal><calcite-action-group .label=${this._messages.toolbarLabel} @calciteActionGroupChange=${this.#u} selection-mode=single>${this._measurements.map((e, n) => o`<calcite-action .active=${e === this.activeAnalysis} data-measurement-index=${n ?? h} .icon=${e.icon} .label=${e.label} .text=${e.label ?? ""} title=${e.label ?? h}></calcite-action>`)}</calcite-action-group></calcite-action-bar></div><div class="measurement-container" .hidden=${!this.activeAnalysis || l}><calcite-block class="measurement-content" .expanded=${this.isConnected && !!this.activeAnalysis && !l} .heading=${a}><slot @slotchange=${this.#y.bind(this)}></slot></calcite-block></div>${this.activeAnalysis ? o`<div class="footer" slot=footer><calcite-button appearance=transparent .disabled=${!this._activeAnalysisHasInput} kind=danger @click=${this.#l} width=full>${this._messages.clear}</calcite-button><calcite-button .disabled=${this.activeAnalysis.interactionDisabled || this._activeAnalysisState !== "ready" && !this._activeAnalysisHasInput} @click=${this.#g} width=full>${this.activeAnalysis?.matches("arcgis-elevation-profile") ? this._messages.newProfile : this._messages.newMeasurement}</calcite-button></div>` : null}</calcite-panel>`;
   }
 }
-m("arcgis-exploratory-analysis", C);
+m("arcgis-exploratory-analysis", _);
 export {
-  C as ArcgisExploratoryAnalysis
+  _ as ArcgisExploratoryAnalysis
 };

package/dist/components/arcgis-feature-attachments/customElement.js

@@ -4,8 +4,8 @@ import { css as I, html as a } from "lit";
 import _ from "@arcgis/core/rest/query/support/AttachmentInfo.js";
 import L from "@arcgis/core/rest/support/AttachmentQuery.js";
 import z from "@arcgis/core/core/Collection.js";
-import A from "@arcgis/core/core/Error.js";
-import { LitElement as S, nothing as u, safeClassMap as $, safeStyleMap as w } from "@arcgis/lumina";
+import w from "@arcgis/core/core/Error.js";
+import { LitElement as S, nothing as u, safeClassMap as A, safeStyleMap as $ } from "@arcgis/lumina";
 import { bypassReadOnly as P } from "@arcgis/lumina/controllers";
 import { classes as v } from "@arcgis/toolkit/dom";
 import { g as b } from "../../chunks/feature-utils.js";
@@ -17,7 +17,7 @@ function y(i) {
 function x(i) {
   return i ? i === "text/plain" ? "file-text" : i === "application/pdf" ? "file-pdf" : i === "text/csv" ? "file-csv" : i === "application/gpx+xml" ? "file-gpx" : i === "application/x-dwf" ? "file-cad" : i === "application/postscript" || i === "application/json" || i === "text/xml" || i === "model/vrml" ? "file-code" : i === "application/x-zip-compressed" || i === "application/x-7z-compressed" || i === "application/x-gzip" || i === "application/x-tar" || i === "application/x-gtar" || i === "application/x-bzip2" || i === "application/gzip" || i === "application/x-compress" || i === "application/x-apple-diskimage" || i === "application/x-rar-compressed" || i === "application/zip" ? "file-zip" : i.includes("image/") ? "file-image" : i.includes("audio/") ? "file-sound" : i.includes("video/") ? "file-video" : i.includes("msexcel") || i.includes("ms-excel") || i.includes("spreadsheetml") ? "file-excel" : i.includes("msword") || i.includes("ms-word") || i.includes("wordprocessingml") ? "file-word" : i.includes("powerpoint") || i.includes("presentationml") ? "file-report" : "file" : "file";
 }
-const j = I`:host([empty]){display:none}.item-link{display:flex;flex-grow:1;color:var(--calcite-color-text-3)}.item-link:visited,.item-link:hover,.item-link:focus-visible,.item-link:active{color:var(--calcite-color-text-1)}.item-link img{max-width:100%;max-height:100%;object-fit:contain}.item-link--list{align-items:center;justify-content:center;width:64px;max-height:64px;overflow:hidden;border-radius:var(--calcite-corner-radius-sm)}.item-link--list img{border-radius:var(--calcite-corner-radius-sm)}.item-link--list-icon{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.item-link--list calcite-icon{margin:var(--calcite-spacing-lg)}.item-link--preview{align-items:center;justify-content:center}.item-link--preview calcite-icon{margin-block:var(--calcite-spacing-lg)}.item-description{text-align:center;word-wrap:break-word;word-break:break-word}calcite-link{--calcite-link-text-color: var(--calcite-color-text-3);padding-inline:var(--calcite-spacing-sm);word-wrap:break-word;word-break:break-word}calcite-card{width:100%}`, E = z.ofType(_);
+const j = I`:host([empty]){display:none}.item-link{display:flex;flex-grow:1;color:var(--calcite-color-text-3)}.item-link:visited,.item-link:hover,.item-link:focus-visible,.item-link:active{color:var(--calcite-color-text-1)}.item-link img{max-width:100%;max-height:100%;object-fit:contain}.item-link--list{align-items:center;justify-content:center;width:64px;max-height:64px;overflow:hidden;border-radius:var(--calcite-corner-radius-sm)}.item-link--list img{border-radius:var(--calcite-corner-radius-sm)}.item-link--list-icon{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.item-link--list calcite-icon{margin:var(--calcite-spacing-lg)}.item-link--preview{align-items:center;justify-content:center}.item-link--preview calcite-icon{margin-block:var(--calcite-spacing-lg)}.item-description{text-align:center;word-wrap:break-word;word-break:break-word}calcite-link{--calcite-link-text-color: var(--calcite-color-text-3);padding-inline:var(--calcite-spacing-sm);word-wrap:break-word;word-break:break-word}calcite-card{width:100%}calcite-card:hover,calcite-card:focus,calcite-card:focus-within{--calcite-card-border-color: var(--calcite-color-text-1)}`, E = z.ofType(_);
 class R extends S {
   constructor() {
     super(...arguments), this._attachmentLayer = null, this._supportsImageOrientation = window?.CSS?.supports("image-orientation", "from-image"), this.hideSection = !1, this._attachmentInfos = new E(), this.headingLevel = 2, this.hidePreviewImageAttachmentName = !1, this.empty = !1;
@@ -55,22 +55,22 @@ class R extends S {
     ]);
   }
   async getAttachments() {
-    const { _attachmentLayer: t, _attachmentInfos: e, orderByFields: r, attachmentTypes: c, attachmentKeywords: l, _supportsTypeWildcard: o } = this;
+    const { _attachmentLayer: t, _attachmentInfos: e, orderByFields: r, attachmentTypes: n, attachmentKeywords: l, _supportsTypeWildcard: o } = this;
     if (!t || typeof t.queryAttachments != "function")
-      throw new A("invalid-layer", "getAttachments(): A valid layer is required.");
+      throw new w("invalid-layer", "getAttachments(): A valid layer is required.");
     const m = this.graphic?.getObjectId();
     if (typeof m != "number")
-      throw new A("invalid-object-id", "getAttachments(): Numeric object id is required");
-    const g = r?.map((s) => `${s.field} ${s.order === "descending" ? "DESC" : "ASC"}`), n = new L({
+      throw new w("invalid-object-id", "getAttachments(): Numeric object id is required");
+    const g = r?.map((s) => `${s.field} ${s.order === "descending" ? "DESC" : "ASC"}`), c = new L({
       objectIds: [m],
       returnMetadata: !0,
       orderByFields: g,
-      attachmentTypes: o ? c?.filter(Boolean).map((s) => `${s}/*`) : void 0,
+      attachmentTypes: o ? n?.filter(Boolean).map((s) => `${s}/*`) : void 0,
       keywords: l
-    }), h = [], p = t.queryAttachments(n).then((s) => s[m] || h).catch(() => h);
-    this.getAttachmentsPromise = p, this._setEmpty(!1);
-    const d = await p;
-    e.destroyAll(), d.length && e.addMany(d), this.getAttachmentsPromise = null, this._setEmpty(!this._hasContent);
+    }), h = [], d = t.queryAttachments(c).then((s) => s[m] || h).catch(() => h);
+    this.getAttachmentsPromise = d, this._setEmpty(!1);
+    const p = await d;
+    e.destroyAll(), p.length && e.addMany(p), this.getAttachmentsPromise = null, this._setEmpty(!this._hasContent);
   }
   _setEmpty(t) {
     P(() => this.empty = t);
@@ -113,14 +113,14 @@ class R extends S {
     return t === "carousel" ? this.renderAttachmentsCarousel(e) : t === "preview" ? this.renderAttachmentsPreview(e) : this.renderAttachmentsList(e);
   }
   renderAttachmentListItem(t) {
-    const { supportsResizeAttachments: e } = this, { contentType: r, name: c, url: l, size: o } = t, m = 64, g = c || this.messages?.noTitle, n = x(r), h = this.getCSSTransform(t), p = h ? { transform: h, "image-orientation": "none" } : {}, d = e && y(r), s = a`<a class=${$(v("item-link", "item-link--list", {
-      "item-link--list-icon": !d
-    }))} slot=content-start href=${l ?? void 0 ?? u} rel=noreferrer target=_blank>${d ? a`<img alt=${c ?? u} src=${`${l}${l?.includes("?") ? "&" : "?"}w=${m}&s=${o}`} style=${w(p)} title=${c ?? u}>` : a`<calcite-icon .icon=${n}></calcite-icon>`}</a>`, f = a`<calcite-link slot=content .href=${l ?? void 0} rel=noreferrer target=_blank>${g}</calcite-link>`;
+    const { supportsResizeAttachments: e } = this, { contentType: r, name: n, url: l, size: o } = t, m = 64, g = n || this.messages?.noTitle, c = x(r), h = this.getCSSTransform(t), d = h ? { transform: h, "image-orientation": "none" } : {}, p = e && y(r), s = a`<a class=${A(v("item-link", "item-link--list", {
+      "item-link--list-icon": !p
+    }))} slot=content-start href=${l ?? void 0 ?? u} rel=noreferrer target=_blank>${p ? a`<img alt=${n ?? u} src=${`${l}${l?.includes("?") ? "&" : "?"}w=${m}&s=${o}`} style=${$(d)} title=${n ?? u}>` : a`<calcite-icon .icon=${c}></calcite-icon>`}</a>`, f = a`<calcite-link slot=content .href=${l ?? void 0} rel=noreferrer target=_blank>${g}</calcite-link>`;
     return a`<calcite-list-item .label=${g}>${s}${f}</calcite-list-item>`;
   }
   renderAttachmentPreviewItem(t, e = !1) {
-    const { supportsResizeAttachments: r } = this, { contentType: c, name: l, url: o, size: m } = t, g = 225, n = l || this.messages?.noTitle, h = x(c), p = this.getCSSTransform(t), d = p ? { transform: p, "image-orientation": "none" } : {}, s = r && y(c), f = a`<a class=${$(v("item-link", "item-link--preview"))} slot=thumbnail href=${o ?? void 0 ?? u} rel=noreferrer target=_blank aria-label=${n ?? u} title=${n ?? u}>${s ? a`<img alt=${n ?? u} src=${`${o}${o?.includes("?") ? "&" : "?"}w=${g}&s=${m}`} style=${w(d)}>` : a`<calcite-icon scale=l .icon=${h}></calcite-icon>`}</a>`;
-    return a`<calcite-card .label=${n}>${f}${(e || this.hidePreviewImageAttachmentName) && s ? null : a`<span class="item-description" slot=description>${n}</span>`}</calcite-card>`;
+    const { supportsResizeAttachments: r } = this, { contentType: n, name: l, url: o, size: m } = t, g = 225, c = l || this.messages?.noTitle, h = x(n), d = this.getCSSTransform(t), p = d ? { transform: d, "image-orientation": "none" } : {}, s = r && y(n), f = a`<a class=${A(v("item-link", "item-link--preview"))} slot=thumbnail href=${o ?? void 0 ?? u} rel=noreferrer target=_blank aria-label=${c ?? u} title=${c ?? u}>${s ? a`<img alt=${c ?? u} src=${`${o}${o?.includes("?") ? "&" : "?"}w=${g}&s=${m}`} style=${$(p)}>` : a`<calcite-icon scale=l .icon=${h}></calcite-icon>`}</a>`;
+    return a`<calcite-card .label=${c}>${f}${(e || this.hidePreviewImageAttachmentName) && s ? null : a`<span class="item-description" slot=description>${c}</span>`}</calcite-card>`;
   }
 }
 k("arcgis-feature-attachments", R);

package/dist/components/arcgis-feature-form-field/customElement.d.ts

@@ -8,10 +8,42 @@ export abstract class ArcgisFeatureFormField extends LitElement {
   /** @internal */
   protected _messages: Partial<{
       componentLabel: string;
+      components: { attachments: { "attachment-validation-view": { validations: {
+          errorFileUnsupported: string;
+          maximumAudioLength: string;
+          maximumImageSize: string;
+          maximumFileSize: string;
+          maximumNumberOfFiles: string;
+          maximumVideoLength: string;
+          minimumNumberOfFiles: string;
+      }; }; }; };
+      units: { bytes: {
+          B: string;
+          kB: string;
+          MB: string;
+          GB: string;
+          TB: string;
+      }; };
       differentValuesPlaceholder: string;
       empty: string;
   }> & T9nMeta<{
       componentLabel: string;
+      components: { attachments: { "attachment-validation-view": { validations: {
+          errorFileUnsupported: string;
+          maximumAudioLength: string;
+          maximumImageSize: string;
+          maximumFileSize: string;
+          maximumNumberOfFiles: string;
+          maximumVideoLength: string;
+          minimumNumberOfFiles: string;
+      }; }; }; };
+      units: { bytes: {
+          B: string;
+          kB: string;
+          MB: string;
+          GB: string;
+          TB: string;
+      }; };
       differentValuesPlaceholder: string;
       empty: string;
   }>;
@@ -25,6 +57,22 @@ export abstract class ArcgisFeatureFormField extends LitElement {
   accessor input: FieldInput | undefined;
   accessor messageOverrides: {
       componentLabel?: string | undefined;
+      components?: { attachments?: { "attachment-validation-view"?: { validations?: {
+          errorFileUnsupported?: string | undefined;
+          maximumAudioLength?: string | undefined;
+          maximumImageSize?: string | undefined;
+          maximumFileSize?: string | undefined;
+          maximumNumberOfFiles?: string | undefined;
+          maximumVideoLength?: string | undefined;
+          minimumNumberOfFiles?: string | undefined;
+      } | undefined; } | undefined; } | undefined; } | undefined;
+      units?: { bytes?: {
+          B?: string | undefined;
+          kB?: string | undefined;
+          MB?: string | undefined;
+          GB?: string | undefined;
+          TB?: string | undefined;
+      } | undefined; } | undefined;
       differentValuesPlaceholder?: string | undefined;
       empty?: string | undefined;
   };

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

@@ -1,13 +1,12 @@
 /// <reference path="../../index.d.ts" />
-import type ActiveLayerInfo from "@arcgis/core/widgets/Legend/support/ActiveLayerInfo.js";
+import type ActiveLayerInfo from "@arcgis/core/legend/ActiveLayerInfo.js";
 import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
 import type Collection from "@arcgis/core/core/Collection.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
-import type { LayerInfo } from "@arcgis/core/widgets/types.js";
-import type { LegendViewModelState } from "@arcgis/core/widgets/Legend/LegendViewModel.js";
+import type { LayerInfo, LegendContentState } from "@arcgis/core/legend/types.js";
 
 /**
  * The Legend component displays the symbols and labels used to represent layers in an [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/) or [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
@@ -89,9 +88,9 @@ import type { LegendViewModelState } from "@arcgis/core/widgets/Legend/LegendVie
  */
 export abstract class ArcgisLegend extends LitElement {
   /**
-   * Collection of [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/references/core/widgets/Legend/support/ActiveLayerInfo/) objects used by the legend view to
+   * Collection of [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/references/core/legend/ActiveLayerInfo/) objects used by the legend view to
    * display data in the legend. The legend component watches this property to hide or display the layer's legend when
-   * an [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/references/core/widgets/Legend/support/ActiveLayerInfo/) is removed from or added to this collection.
+   * an [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/references/core/legend/ActiveLayerInfo/) is removed from or added to this collection.
    */
   accessor activeLayerInfos: Collection<ActiveLayerInfo>;
   /**
@@ -445,7 +444,7 @@ export abstract class ArcgisLegend extends LitElement {
    *
    * @default "disabled"
    */
-  get state(): LegendViewModelState;
+  get state(): LegendContentState;
   /**
    * The view associated with the component.
    * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-legend component will be associated with a map or scene component rather than using the `view` property.