@arcgis/map-components 5.0.0-next.1 → 5.0.0-next.100

package/dist/components/arcgis-elevation-profile/index.d.ts

@@ -1 +1,6 @@
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-loader";
+import "../arcgis-elevation-profile-legend/index.js";
+import "../arcgis-elevation-profile-settings/index.js";
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

package/dist/components/arcgis-elevation-profile/index.js

@@ -1 +1,6 @@
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-loader";
+import "../arcgis-elevation-profile-legend/index.js";
+import "../arcgis-elevation-profile-settings/index.js";
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

package/dist/components/arcgis-elevation-profile/interfaces.d.ts

@@ -0,0 +1,162 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { default as ElevationProfileAnalysis } from '@arcgis/core/analysis/ElevationProfileAnalysis.js';
+import { default as Color } from '@arcgis/core/Color.js';
+import { default as Collection } from '@arcgis/core/core/Collection.js';
+import { default as ElevationProfileResult } from '@arcgis/core/views/analysis/ElevationProfile/ElevationProfileResult';
+export type AnalysisViewType = __esri.ElevationProfileAnalysisView2D | __esri.ElevationProfileAnalysisView3D;
+type CollectionType<T> = T extends Collection<infer U> ? U : never;
+export type ElevationProfileLine = CollectionType<ElevationProfileAnalysis["profiles"]>;
+export type ElevationProfileLineType = ElevationProfileLine["type"];
+export type ElevationProfileEffectiveDisplayUnits = AnalysisViewType["effectiveDisplayUnits"];
+export type ElevationProfileSamples = NonNullable<ElevationProfileResult["samples"]>;
+export type ElevationProfileSample = ElevationProfileSamples[number];
+export type ElevationProfileStatistics = NonNullable<AnalysisViewType["statistics"]>;
+declare const messages: (value: {
+    cancelButtonLabel: string;
+    chartTooltip: string;
+    clearProfile: string;
+    componentLabel: string;
+    "creatingPrompt-2d": string;
+    "creatingPrompt-3d": string;
+    doneButtonLabel: string;
+    errors: {
+        noProfile: string;
+        tooComplex: string;
+        unknown: string;
+    };
+    hideDetails: string;
+    hideProfile: string;
+    hideSettings: string;
+    profiles: {
+        ground: string;
+        input: string;
+        query: string;
+        scene: string;
+    };
+    readyPrompt: string;
+    readyPromptCreateOnly: string;
+    readyPromptSelectOnly: string;
+    selectButtonLabel: string;
+    "selectingPrompt-2d": string;
+    "selectingPrompt-3d": string;
+    showDetails: string;
+    showProfile: string;
+    showSettings: string;
+    sketchButtonLabel: string;
+    statistics: {
+        avgElevation: string;
+        avgSlope: string;
+        gain: string;
+        loss: string;
+        maxDistance: string;
+        maxElevation: string;
+        maxSlope: string;
+        minElevation: string;
+        notAvailable: string;
+    };
+    uniformChartScalingDisable: string;
+    uniformChartScalingEnable: string;
+    uniformChartScalingLabel: string;
+    unitDistanceSelectLabel: string;
+    unitElevationSelectLabel: string;
+    zoomOut: string;
+}) => {
+    cancelButtonLabel: string;
+    chartTooltip: string;
+    clearProfile: string;
+    componentLabel: string;
+    "creatingPrompt-2d": string;
+    "creatingPrompt-3d": string;
+    doneButtonLabel: string;
+    errors: {
+        noProfile: string;
+        tooComplex: string;
+        unknown: string;
+    };
+    hideDetails: string;
+    hideProfile: string;
+    hideSettings: string;
+    profiles: {
+        ground: string;
+        input: string;
+        query: string;
+        scene: string;
+    };
+    readyPrompt: string;
+    readyPromptCreateOnly: string;
+    readyPromptSelectOnly: string;
+    selectButtonLabel: string;
+    "selectingPrompt-2d": string;
+    "selectingPrompt-3d": string;
+    showDetails: string;
+    showProfile: string;
+    showSettings: string;
+    sketchButtonLabel: string;
+    statistics: {
+        avgElevation: string;
+        avgSlope: string;
+        gain: string;
+        loss: string;
+        maxDistance: string;
+        maxElevation: string;
+        maxSlope: string;
+        minElevation: string;
+        notAvailable: string;
+    };
+    uniformChartScalingDisable: string;
+    uniformChartScalingEnable: string;
+    uniformChartScalingLabel: string;
+    unitDistanceSelectLabel: string;
+    unitElevationSelectLabel: string;
+    zoomOut: string;
+};
+export type ElevationProfileMessages = Partial<ReturnType<typeof messages>>;
+/**
+ * Information needed to render a single elevation profile line in the chart.
+ */
+export interface ElevationProfileLineData {
+    id: string;
+    type: ElevationProfileLineType;
+    title: nullish | string;
+    color: Color;
+    samples: ElevationProfileSamples;
+    progress: number;
+    fillEnabled: boolean;
+    strokeWidth: number;
+    strokeOffsetY: number;
+}
+/**
+ * Information needed to render the elevation profile chart.
+ */
+export interface ChartData {
+    /**
+     * Data used to render each of the elevation profile lines in the chart.
+     */
+    readonly lines: readonly ElevationProfileLineData[];
+    /**
+     * Units effectively picked by the analysis based on the magnitude of the results and the units selected by the user.
+     */
+    readonly effectiveUnits: ElevationProfileEffectiveDisplayUnits;
+    /**
+     * Combined statistics of all the elevation profile results to be displayed in the chart.
+     */
+    readonly statistics: AnalysisViewType["statistics"] | undefined;
+    /**
+     * Whether the profiles have been fully refined/generated.
+     */
+    readonly refined: boolean;
+    /**
+     * Whether the chart should force a minimum ratio between the X and Y axes.
+     */
+    readonly dynamicElevationRange: boolean;
+    /**
+     * Whether the chart should use a uniform scale for the X and Y axes. When a uniform scale is applied, the X axis
+     * will display the same distance units per pixel as the elevation units per pixel displayed in the Y axis.
+     */
+    readonly uniformScaling: boolean;
+}
+/**
+ * Error state of the elevation profile component. We'll display a different error message depending on the error state.
+ */
+export type ElevationProfileErrorState = "no-available-profiles" | "no-valid-input" | "none" | "too-complex" | "unknown";
+export {};

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

@@ -1,6 +1,7 @@
 /// <reference path="../../index.d.ts" />
+import { default as ElevationProfileResult } from '@arcgis/core/views/analysis/ElevationProfile/ElevationProfileResult';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ElevationProfileEffectiveDisplayUnits, ElevationProfileCombinedResult, ElevationProfileMessages } from '../arcgis-elevation-profile-next/interfaces';
+import { ElevationProfileEffectiveDisplayUnits, ElevationProfileMessages } from '../arcgis-elevation-profile/interfaces';
 
 /**
  * Component which displays statistics for a profile line and a checkbox to toggle its visibility in the chart and view.
@@ -9,7 +10,9 @@ import { ElevationProfileEffectiveDisplayUnits, ElevationProfileCombinedResult,
  */
 export declare class ArcgisElevationProfileLegend extends LitElement {
     effectiveDisplayUnits?: ElevationProfileEffectiveDisplayUnits;
+    /** @default false */
+    featureSelected: boolean;
     messages?: ElevationProfileMessages;
-    results?: ElevationProfileCombinedResult[];
+    results?: ElevationProfileResult[];
     destroy(): Promise<void>;
 }

package/dist/components/arcgis-elevation-profile-legend/customElement.js

@@ -1,16 +1,16 @@
-import { c as o } from "../../chunks/runtime.js";
-import { css as l, html as r } from "lit";
+import { c as l } from "../../chunks/runtime.js";
+import { css as o, html as r } from "lit";
 import { LitElement as d } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.1 */
-const c = l`:host{display:flex;flex-direction:column;gap:var(--calcite-spacing-xxs)}`;
+v5.0.0-next.100 */
+const c = o`:host{display:flex;flex-direction:column;gap:var(--calcite-spacing-xxs)}`;
 class p extends d {
   constructor() {
-    super(...arguments), this._expandedLine = void 0;
+    super(...arguments), this._expandedLine = void 0, this.featureSelected = !1;
   }
   static {
-    this.properties = { _expandedLine: 16, effectiveDisplayUnits: 0, messages: 0, results: 0 };
+    this.properties = { _expandedLine: 16, effectiveDisplayUnits: 0, featureSelected: 5, messages: 0, results: 0 };
   }
   static {
     this.styles = c;
@@ -18,16 +18,16 @@ class p extends d {
   async destroy() {
     await this.manager.destroy();
   }
-  _onToggleExpand(s) {
-    const e = s.detail;
+  _onToggleExpand(t) {
+    const e = t.detail;
     this._expandedLine = e === this._expandedLine ? void 0 : e;
   }
   render() {
-    const { messages: s, effectiveDisplayUnits: e, _expandedLine: n } = this, i = this.results ?? [], a = i.length <= 1;
-    return i.map((t) => r`<arcgis-elevation-profile-legend-item .effectiveDisplayUnits=${e} .expanded=${t.profileLine === n} .hideCheckbox=${a} .messages=${s} .result=${t} @arcgisExpandedToggle=${this._onToggleExpand}></arcgis-elevation-profile-legend-item>`);
+    const { messages: t, effectiveDisplayUnits: e, _expandedLine: n } = this, s = this.results ?? [], a = s.length <= 1;
+    return s.map((i) => r`<arcgis-elevation-profile-legend-item .effectiveDisplayUnits=${e} .expanded=${i.profile === n} .featureSelected=${this.featureSelected} .hideCheckbox=${a} .messages=${t} @arcgisExpandedToggle=${this._onToggleExpand} .result=${i}></arcgis-elevation-profile-legend-item>`);
   }
 }
-o("arcgis-elevation-profile-legend", p);
+l("arcgis-elevation-profile-legend", p);
 export {
   p as ArcgisElevationProfileLegend
 };

package/dist/components/arcgis-elevation-profile-legend-item/customElement.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
+import { default as ElevationProfileResult } from '@arcgis/core/views/analysis/ElevationProfile/ElevationProfileResult';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ElevationProfileCombinedResult, ElevationProfileEffectiveDisplayUnits, ElevationProfileMessages } from '../arcgis-elevation-profile-next/interfaces';
+import { ElevationProfileEffectiveDisplayUnits, ElevationProfileMessages } from '../arcgis-elevation-profile/interfaces';
 
 /**
  * Component which displays statistics for a profile line and a checkbox to toggle its visibility in the chart and view.
@@ -13,9 +13,11 @@ export declare class ArcgisElevationProfileLegendItem extends LitElement {
     /** @default false */
     expanded: boolean;
     /** @default false */
+    featureSelected: boolean;
+    /** @default false */
     hideCheckbox: boolean;
     messages: ElevationProfileMessages;
-    result: ElevationProfileCombinedResult;
+    result: ElevationProfileResult;
     destroy(): Promise<void>;
-    readonly arcgisExpandedToggle: TargetedEvent<this, __esri.ElevationProfileLineGround | __esri.ElevationProfileLineInput | __esri.ElevationProfileLineQuery | __esri.ElevationProfileLineScene>;
+    readonly arcgisExpandedToggle: TargetedEvent<this, import('@arcgis/core/analysis/ElevationProfile/types').ElevationProfileLineUnion>;
 }

package/dist/components/arcgis-elevation-profile-legend-item/customElement.js

@@ -1,17 +1,17 @@
 import { c as d } from "../../chunks/runtime.js";
 import { css as h, html as s } from "lit";
 import { substitute as p } from "@arcgis/core/intl.js";
-import { LitElement as g, createEvent as u, safeClassMap as f, safeStyleMap as b, nothing as l } from "@arcgis/lumina";
+import { LitElement as g, createEvent as u, safeClassMap as b, safeStyleMap as f, nothing as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.1 */
-const v = h`:host{--internal-block-spacing: var(--calcite-spacing-sm-plus);--internal-inline-spacing: var(--calcite-spacing-md);--internal-collapse-toggle-size: 32px;--internal-color-indicator-width: 3px;--internal-opacity-disabled: .4}.container{position:relative;background:var(--calcite-color-foreground-2)}.disabled arcgis-elevation-profile-statistics{filter:grayscale(1);opacity:var(--internal-opacity-disabled)}.color-indicator{position:absolute;inset-inline-start:0;top:0;width:var(--internal-color-indicator-width);height:100%}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.content{display:block;padding:var(--internal-block-spacing) var(--internal-inline-spacing);padding-top:0}.collapse-toggle{flex-shrink:0;width:var(--internal-collapse-toggle-size);height:var(--internal-collapse-toggle-size)}.label{--calcite-label-margin-bottom: 0;flex-grow:1;flex-shrink:1;padding-inline-start:var(--internal-inline-spacing);min-width:0}`;
+v5.0.0-next.100 */
+const v = h`:host{--internal-block-spacing: var(--calcite-spacing-sm-plus);--internal-inline-spacing: var(--calcite-spacing-md);--internal-collapse-toggle-size: 32px;--internal-color-indicator-width: 3px;--internal-opacity-disabled: .4}.container{position:relative;background:var(--calcite-color-foreground-2)}.disabled{filter:grayscale(1);opacity:var(--internal-opacity-disabled)}.color-indicator{position:absolute;inset-inline-start:0;top:0;width:var(--internal-color-indicator-width);height:100%}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.content{display:block;padding:var(--internal-block-spacing) var(--internal-inline-spacing);padding-top:0}.collapse-toggle{flex-shrink:0;width:var(--internal-collapse-toggle-size);height:var(--internal-collapse-toggle-size)}.label{--calcite-label-margin-bottom: 0;flex-grow:1;flex-shrink:1;padding-inline-start:var(--internal-inline-spacing);min-width:0}`;
 class m extends g {
   constructor() {
-    super(...arguments), this.expanded = !1, this.hideCheckbox = !1, this.arcgisExpandedToggle = u();
+    super(...arguments), this.expanded = !1, this.featureSelected = !1, this.hideCheckbox = !1, this.arcgisExpandedToggle = u();
   }
   static {
-    this.properties = { effectiveDisplayUnits: 0, expanded: 5, hideCheckbox: 5, messages: 0, result: 0 };
+    this.properties = { effectiveDisplayUnits: 0, expanded: 5, featureSelected: 5, hideCheckbox: 5, messages: 0, result: 0 };
   }
   static {
     this.styles = v;
@@ -20,42 +20,45 @@ class m extends g {
     await this.manager.destroy();
   }
   render() {
-    return s`<div class=${f({
+    return s`<div class=${b({
       container: !0,
       expanded: this.expanded,
-      disabled: !this.result.profileLine.enabled
+      disabled: this._disabled
     })}>${this._renderColorIndicator()}<div class="header">${this._renderLabelWithCheckbox()}${this._renderCollapseToggleButton()}</div>${this.expanded ? this._renderStatistics() : void 0}</div>`;
   }
   _renderColorIndicator() {
-    return s`<div class="color-indicator" style=${b({ backgroundColor: this.result.profileLine.color.toCss() })}></div>`;
+    return s`<div class="color-indicator" style=${f({ backgroundColor: this.result.profile.color.toCss() })}></div>`;
   }
   _renderCollapseToggleButton() {
     const { expanded: e, messages: t } = this, i = t[e ? "hideDetails" : "showDetails"] ?? "";
-    return s`<calcite-action appearance=transparent class="collapse-toggle" data-testid=${`legend-toggle-${this.result.profileLine.id}`} .icon=${e ? "chevron-up" : "chevron-down"} @click=${() => this.arcgisExpandedToggle.emit(this.result.profileLine)} scale=s .text=${i} title=${i ?? l}></calcite-action>`;
+    return s`<calcite-action class="collapse-toggle" data-testid=${`legend-toggle-${this.result.profile.id}`} .icon=${e ? "chevron-up" : "chevron-down"} @click=${() => this.arcgisExpandedToggle.emit(this.result.profile)} .text=${i} title=${i ?? n}></calcite-action>`;
   }
   _renderLabelWithCheckbox() {
     const { result: e, hideCheckbox: t, messages: i } = this;
     return s`<calcite-label class="label" layout=inline>${t ? void 0 : this._renderCheckbox()}${r(e, i)}</calcite-label>`;
   }
   _renderCheckbox() {
-    const { result: e, messages: t } = this, { profileLine: i } = e, a = i.enabled, c = t[a ? "hideProfile" : "showProfile"] ?? "", o = p(c, {
+    const { result: e, messages: t } = this, { profile: i } = e, l = i.enabled, c = t[l ? "hideProfile" : "showProfile"] ?? "", o = p(c, {
       name: r(e, t)
     });
-    return s`<calcite-checkbox .checked=${a} class="checkbox" title=${o ?? l} @calciteCheckboxChange=${() => {
+    return s`<calcite-checkbox .checked=${l} class="checkbox" title=${o ?? n} .disabled=${this._disabled} @calciteCheckboxChange=${() => {
       i.enabled = !i.enabled;
     }}></calcite-checkbox>`;
   }
   _renderStatistics() {
-    return s`<div class="content"><arcgis-elevation-profile-statistics .messages=${this.messages} .result=${this.result} .effectiveDisplayUnits=${this.effectiveDisplayUnits}></arcgis-elevation-profile-statistics></div>`;
+    return s`<div class="content"><arcgis-elevation-profile-statistics .messages=${this.messages} .result=${this._disabled ? void 0 : this.result} .effectiveDisplayUnits=${this.effectiveDisplayUnits}></arcgis-elevation-profile-statistics></div>`;
+  }
+  get _disabled() {
+    return !this.featureSelected && this.result.profile.type === "input";
   }
 }
-function r({ profileLine: n }, { profiles: e }) {
-  const t = n.title;
+function r({ profile: a }, { profiles: e }) {
+  const t = a.title;
   if (t != null)
     return t;
   if (!e)
     return "";
-  switch (n.type) {
+  switch (a.type) {
     case "ground":
       return e.ground;
     case "input":

package/dist/components/arcgis-elevation-profile-settings/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../index.d.ts" />
 import { default as ElevationProfileAnalysis } from '@arcgis/core/analysis/ElevationProfileAnalysis.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ElevationProfileMessages } from '../arcgis-elevation-profile-next/interfaces';
+import { ElevationProfileMessages } from '../arcgis-elevation-profile/interfaces';
 import { SystemOrLengthUnit } from '../../support/measurementUtils';
 
 /**

package/dist/components/arcgis-elevation-profile-settings/customElement.js

@@ -1,12 +1,12 @@
 import { c as s } from "../../chunks/runtime.js";
 import { ref as c } from "lit/directives/ref.js";
-import { css as r, html as a } from "lit";
-import { LitElement as l, createEvent as h, nothing as o } from "@arcgis/lumina";
+import { css as l, html as a } from "lit";
+import { LitElement as r, createEvent as h, nothing as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.1 */
-const g = r`calcite-popover[calcite-hydrated-hidden]{inset-block-start:-999999px;inset-inline-start:-999999px}.popover-content{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);min-width:180px}.uniform-chart-scaling-label{--calcite-label-margin-bottom: 0}`;
-class p extends l {
+v5.0.0-next.100 */
+const g = l`calcite-popover[calcite-hydrated-hidden]{inset-block-start:-999999px;inset-inline-start:-999999px}.popover-content{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);min-width:180px}.uniform-chart-scaling-label{--calcite-label-margin-bottom: 0}`;
+class p extends r {
   constructor() {
     super(...arguments), this._onUniformChartScalingChange = (e) => {
       this.arcgisElevationProfileSettingsUniformChartScalingChange.emit(e.currentTarget.checked);
@@ -34,7 +34,7 @@ class p extends l {
     if (!e || this.hideUnitSelector && this.hideUniformChartScalingToggle)
       return;
     const t = (this._popoverIsOpen ? e.hideSettings : e.showSettings) ?? "";
-    return a`<calcite-action appearance=transparent data-testid=settings-button icon=gear scale=s .text=${t} title=${t ?? o} ${c(this._onActionRef)}></calcite-action>${this._actionElement ? a`<calcite-popover auto-close .label=${t} placement=bottom-end .referenceElement=${this._actionElement} @calcitePopoverOpen=${this._onPopoverOpen} @calcitePopoverClose=${this._onPopoverClose}><div class="popover-content">${this._renderUnitSelector()}${this._renderUniformChartScalingToggle()}</div></calcite-popover>` : void 0}`;
+    return a`<calcite-action data-testid=settings-button icon=gear .text=${t} title=${t ?? o} ${c(this._onActionRef)}></calcite-action>${this._actionElement ? a`<calcite-popover auto-close .label=${t} placement=bottom-end .referenceElement=${this._actionElement} @calcitePopoverOpen=${this._onPopoverOpen} @calcitePopoverClose=${this._onPopoverClose}><div class="popover-content">${this._renderUnitSelector()}${this._renderUniformChartScalingToggle()}</div></calcite-popover>` : void 0}`;
   }
   _renderUnitSelector() {
     const { messages: e, hideUnitSelector: t } = this;

package/dist/components/arcgis-elevation-profile-statistics/customElement.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
+import { default as ElevationProfileResult } from '@arcgis/core/views/analysis/ElevationProfile/ElevationProfileResult';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ElevationProfileCombinedResult, ElevationProfileEffectiveDisplayUnits, ElevationProfileMessages } from '../arcgis-elevation-profile-next/interfaces';
+import { ElevationProfileEffectiveDisplayUnits, ElevationProfileMessages } from '../arcgis-elevation-profile/interfaces';
 
 /**
  * Component which displays statistics for a profile line and a checkbox to toggle its visibility in the chart and view.
@@ -11,7 +11,7 @@ import { ElevationProfileCombinedResult, ElevationProfileEffectiveDisplayUnits,
 export declare class ArcgisElevationProfileStatistics extends LitElement {
     effectiveDisplayUnits?: ElevationProfileEffectiveDisplayUnits;
     messages: ElevationProfileMessages;
-    result: ElevationProfileCombinedResult;
+    result?: ElevationProfileResult;
     destroy(): Promise<void>;
-    readonly arcgisExpandedToggle: TargetedEvent<this, __esri.ElevationProfileLineGround | __esri.ElevationProfileLineInput | __esri.ElevationProfileLineQuery | __esri.ElevationProfileLineScene>;
+    readonly arcgisExpandedToggle: TargetedEvent<this, import('@arcgis/core/analysis/ElevationProfile/types').ElevationProfileLineUnion>;
 }

package/dist/components/arcgis-elevation-profile-statistics/customElement.js

@@ -1,14 +1,14 @@
 import { c as l } from "../../chunks/runtime.js";
 import { css as o, html as n } from "lit";
-import { LitElement as c, createEvent as v } from "@arcgis/lumina";
-import d from "@arcgis/core/applications/Components/QuantityFormatter.js";
+import c from "@arcgis/core/applications/Components/QuantityFormatter.js";
+import { LitElement as v, createEvent as d } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.1 */
+v5.0.0-next.100 */
 const p = o`:host{--internal-block-spacing: var(--calcite-spacing-sm-plus);--internal-inline-spacing: var(--calcite-spacing-md);--internal-columns: 1;--internal-icon-size: 16px;container-type:inline-size}.container{display:grid;isolation:isolate;grid-template-columns:repeat(var(--internal-columns, 1),1fr);gap:var(--calcite-spacing-xxs) var(--calcite-spacing-md)}.statistic{display:block;width:max-content;text-align:start;white-space:nowrap}.statistic-label,.statistic-value,.slope-values{font-size:var(--calcite-font-size-xs);font-weight:var(--calcite-font-weight-bold)}.statistic-label{font-weight:var(--calcite-font-weight-regular)}.statistic-value{margin-top:-.15em}.slope-values{display:flex;align-items:center;calcite-icon{width:var(--internal-icon-size);height:var(--internal-icon-size)}}@container (width > 200px){.container{--internal-columns: 2}}@container (width > 400px){.container{--internal-columns: 4}}@container (width > 800px){.container{--internal-columns: 8}}`;
-class m extends c {
+class m extends v {
   constructor() {
-    super(...arguments), this._formatter = new d(), this.arcgisExpandedToggle = v();
+    super(...arguments), this._formatter = new c(), this.arcgisExpandedToggle = d();
   }
   static {
     this.properties = { effectiveDisplayUnits: 0, messages: 0, result: 0 };
@@ -54,7 +54,7 @@ class m extends c {
     return n`<div class="statistic"><label class="statistic-label">${t}</label><div class="statistic-value">${i}</div></div>`;
   }
   _renderValue(t, i) {
-    const { result: a } = this.result, e = a.progress === 1 ? a.statistics?.[t] : void 0;
+    const { result: a } = this, e = a?.progress === 1 ? a.statistics?.[t] : void 0;
     return e == null ? " ― " : i(e);
   }
 }

package/dist/components/arcgis-expand/ExpandViewModel.d.ts

@@ -0,0 +1,48 @@
+import { default as Accessor } from '@arcgis/core/core/Accessor.js';
+import { default as LinkChartView } from '@arcgis/core/views/LinkChartView.js';
+import { default as MapView } from '@arcgis/core/views/MapView.js';
+import { default as SceneView } from '@arcgis/core/views/SceneView.js';
+/** @public */
+type ExpandViewModelState = "disabled" | "ready";
+/** @public */
+type ExpandViewModelProperties = Partial<Pick<ExpandViewModel, "autoCollapse" | "expanded" | "group" | "view">>;
+export default class ExpandViewModel extends Accessor {
+    constructor(properties?: ExpandViewModelProperties);
+    destroy(): void;
+    private _viewpointHandle;
+    /**
+     * Automatically collapses the Expand instance when the view's
+     * @default false
+     */
+    set autoCollapse(autoCollapse: boolean);
+    /**
+     * Whether the element is currently expanded or not.
+     * @default false
+     */
+    set expanded(expanded: boolean);
+    /**
+     * This value associates two or more Expand instances with each other, allowing one
+     * instance to auto collapse when another instance in the same group is expanded. For auto collapsing
+     * to take effect, all instances of the group must be included in the view's `ui` property.
+     *
+     * For example, if you place multiple Expand instances in the top-left of the view's ui, you can assign them to a
+     * group called `top-left`. If one Expand instance is expanded and the user clicks on a different instance in the
+     * `top-left` group, then the first instance is collapsed, allowing the content of the second instance to be
+     * fully visible.
+     */
+    group?: string;
+    /**
+     * The view model's state.
+     * @readonly
+     * @default "disabled"
+     */
+    get state(): ExpandViewModelState;
+    /**
+     * The view in which the Expand is used.
+     */
+    set view(view: LinkChartView | MapView | SceneView | null);
+    private _viewpointHandleChange;
+    private _watchViewpoint;
+    private _collapse;
+}
+export {};

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

@@ -1,10 +1,11 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
 import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { default as ExpandViewModel } from '@arcgis/core/widgets/Expand/ExpandViewModel.js';
+import { default as ExpandViewModel } from './ExpandViewModel';
 import { Use } from '@arcgis/lumina/controllers';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { nil } from '@arcgis/toolkit/type';
+import { IconName } from '../../utils/action-utils';
 
 type HTMLElementWithIcon = HTMLElement & {
     icon?: IconName;
@@ -13,7 +14,6 @@ type WidgetWithIcon = HTMLElement & {
     widget?: HTMLElementWithIcon;
 };
 type ContentSource = HTMLElement | HTMLElementWithIcon | WidgetWithIcon | string;
-type IconName = HTMLCalciteIconElement["icon"];
 declare const useExpandViewModel: (component: LitElement & Pick<ExpandViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ExpandViewModel>) => ExpandViewModel;
 /**
  * Expand acts as a clickable button for displaying interactive content, most commonly other components.
@@ -34,15 +34,16 @@ declare const useExpandViewModel: (component: LitElement & Pick<ExpandViewModel,
 export declare class ArcgisExpand extends LitElement {
     /**
      * 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 ArcgisExpand component will be associated with a map or scene component rather than using the `view` property.
+     *   > **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 Expand component will be associated with a map or scene component rather than using the `view` property.
      */
-    view?: __esri.MapView | __esri.SceneView | nullish;
+    view?: import('@arcgis/core/views/MapView').default | import('@arcgis/core/views/SceneView').default | import('@arcgis/core/views/LinkChartView').default | null | undefined;
     /**
      * The current state of the component.
      *
      * @default "disabled"
+     * @since 4.34
      */
-    readonly state: "ready" | "disabled";
+    readonly state: "disabled" | "ready";
     /** The component's default label. */
     label?: string;
     /**
@@ -55,7 +56,7 @@ export declare class ArcgisExpand extends LitElement {
      * @default false
      */
     autoDestroyDisabled: boolean;
-    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead. */
     position?: __esri.UIPosition;
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
@@ -75,6 +76,7 @@ export declare class ArcgisExpand extends LitElement {
      * This property can also be set to a function that returns a boolean, allowing for more customization for when to allow the
      * Expand component to be closed via the Escape key.
      *
+     * @default false
      * @since 4.34
      * @example
      * ```html
@@ -95,7 +97,6 @@ export declare class ArcgisExpand extends LitElement {
      *  expandElement.closeOnEscDisabled = () => searchElement.activeMenu !== "none";
      * </script>
      * ```
-     * @default false
      */
     closeOnEscDisabled: boolean | ((event: KeyboardEvent) => boolean);
     /**
@@ -109,8 +110,8 @@ export declare class ArcgisExpand extends LitElement {
      * Calcite icon used to style the Expand when it can be expanded.
      * The component will automatically use the icon of the component placed within the Expand if it has one.
      *
-     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "chevrons-left"
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      */
     get expandIcon(): IconName | nil;
     set expandIcon(value: IconName | nil);
@@ -123,8 +124,8 @@ export declare class ArcgisExpand extends LitElement {
     /**
      * Calcite icon used to style the Expand when it can be collapsed.
      *
-     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "chevrons-right"
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      */
     get collapseIcon(): IconName;
     set collapseIcon(value: IconName | nil);
@@ -141,14 +142,6 @@ export declare class ArcgisExpand extends LitElement {
      * @default false
      */
     focusTrapDisabled: boolean;
-    /**
-     * Whether the user's keyboard focus should be trapped in the expanded panel state. If `true`, tabbing
-     * forward or backward will cycle through elements only within the panel content.
-     *
-     * @deprecated since 4.33, use [`focusTrapDisabled`](#focusTrapDisabled) instead.
-     * @default false
-     */
-    focusTrapEnabled: boolean;
     /**
      * This value associates two or more Expand components with each other, allowing one
      * component to auto collapse when another in the same group is expanded. For auto collapsing
@@ -170,7 +163,7 @@ export declare class ArcgisExpand extends LitElement {
      *   </arcgis-expand>
      * </arcgis-map>
      */
-    group: string | nullish;
+    group: string | undefined;
     /**
      * A number to display at the corner of the component to indicate the number of, for example, open issues or unread notices.
      *
@@ -180,19 +173,17 @@ export declare class ArcgisExpand extends LitElement {
      */
     iconNumber: number;
     /**
-     * The mode in which the component displays. These modes are listed below.
+     * The mode in which the component displays. These modes are listed below:
      *
-     * | mode         | description |
-     * |--------------|-------------|
-     * | auto         | This is the default mode. It is responsive to browser size changes and will update based on whether the component is viewed in a desktop or mobile application. |
-     * | floating     | Use this mode if you wish to always display the component as floating regardless of browser size. |
-     * | drawer       | Use this mode if you wish to always display the component in a panel regardless of browser size. |
+     * - `auto`: This is the default mode. It is responsive to browser size changes and will update based on whether the component is viewed in a desktop or mobile application.
+     * - `floating`: Use this mode if you wish to always display the component as floating in a [Calcite Popover component](https://developers.arcgis.com/calcite-design-system/components/popover/) regardless of browser size.
+     * - `drawer`: Use this mode if you wish to always display the component in a [Calcite Sheet component](https://developers.arcgis.com/calcite-design-system/components/sheet/) regardless of browser size.
      *
      * @default "auto"
      */
     mode: "auto" | "drawer" | "floating";
     /**
-     * The placement used by the [calcite popover](https://developers.arcgis.com/calcite-design-system/components/popover/) when the component is expanded.
+     * The placement used by the [Calcite Popover](https://developers.arcgis.com/calcite-design-system/components/popover/) when the component is expanded.
      * This property has no effect when the component is in `drawer` mode.
      */
     placement?: HTMLCalcitePanelElement["menuPlacement"];
@@ -200,8 +191,12 @@ export declare class ArcgisExpand extends LitElement {
      * Replace localized message strings with your own strings.
      *
      * _**Note**: Individual message keys may change between releases._
+     *
+     * @since 4.34
      */
     messageOverrides?: typeof this.messages._overrides;
+    /** @default "m" */
+    visualScale: HTMLCalciteActionElement["scale"];
     /** Collapse the component. */
     collapse(): Promise<void>;
     /** Permanently destroy the component. */