@arcgis/map-components 4.34.0-next.12 → 4.34.0-next.120

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

@@ -0,0 +1,171 @@
+/// <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';
+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 ElevationProfileEffectiveUnits = AnalysisViewType["effectiveUnits"];
+export type ElevationProfileResult = AnalysisViewType["results"][number];
+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: {
+        invalidGeometry: string;
+        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: {
+        invalidGeometry: string;
+        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: ElevationProfileEffectiveUnits;
+    /**
+     * 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 = "invalid-geometry" | "no-available-profiles" | "no-valid-input" | "none" | "too-complex" | "unknown";
+/**
+ * Combined profile line and its corresponding result.
+ */
+export interface ElevationProfileCombinedResult {
+    profileLine: ElevationProfileLine;
+    result: ElevationProfileResult;
+}
+export {};

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

@@ -0,0 +1,25 @@
+/// <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 { SystemOrLengthUnit } from '../../support/measurementUtils';
+
+/**
+ * Component which displays statistics for a profile line and a checkbox to toggle its visibility in the chart and view.
+ *
+ * @private
+ */
+export declare class ArcgisElevationProfileSettings extends LitElement {
+    analysis: ElevationProfileAnalysis;
+    /** @default false */
+    hideUniformChartScalingToggle: boolean;
+    /** @default false */
+    hideUnitSelector: boolean;
+    messages: ElevationProfileMessages;
+    /** @default false */
+    uniformChartScaling?: boolean;
+    unitOptionsDistance: SystemOrLengthUnit[];
+    unitOptionsElevation: SystemOrLengthUnit[];
+    destroy(): Promise<void>;
+    readonly arcgisElevationProfileSettingsUniformChartScalingChange: TargetedEvent<this, boolean>;
+}

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

@@ -0,0 +1,59 @@
+import { c as o } from "../../chunks/runtime.js";
+import { ref as c } from "lit/directives/ref.js";
+import { css as l, html as n } from "lit";
+import { LitElement as r, createEvent as h, nothing as a } from "@arcgis/lumina";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.120 */
+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);
+    }, this._onActionRef = (e) => {
+      this._actionElement = e ?? void 0;
+    }, this._popoverIsOpen = !1, this.hideUniformChartScalingToggle = !1, this.hideUnitSelector = !1, this.arcgisElevationProfileSettingsUniformChartScalingChange = h();
+  }
+  static {
+    this.properties = { _popoverIsOpen: 16, _actionElement: 16, analysis: 0, hideUniformChartScalingToggle: 5, hideUnitSelector: 5, messages: 0, uniformChartScaling: 5, unitOptionsDistance: 0, unitOptionsElevation: 0 };
+  }
+  static {
+    this.styles = g;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  _onPopoverClose() {
+    this._popoverIsOpen = !1;
+  }
+  _onPopoverOpen() {
+    this._popoverIsOpen = !0;
+  }
+  render() {
+    const { messages: e } = this;
+    if (!e || this.hideUnitSelector && this.hideUniformChartScalingToggle)
+      return;
+    const t = (this._popoverIsOpen ? e.hideSettings : e.showSettings) ?? "";
+    return n`<calcite-action appearance=transparent data-testid=settings-button icon=gear scale=s .text=${t} title=${t ?? a} ${c(this._onActionRef)}></calcite-action>${this._actionElement ? n`<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;
+    if (!t)
+      return n`<arcgis-unit-select .options=${this.unitOptionsDistance} .selectLabel=${e.unitDistanceSelectLabel} .value=${this.analysis.units.distance ?? void 0} @arcgisUnitSelectChange=${(i) => {
+        this.analysis.units.distance = i.detail;
+      }}></arcgis-unit-select><arcgis-unit-select .options=${this.unitOptionsElevation} .selectLabel=${e.unitElevationSelectLabel} .value=${this.analysis.units.elevation ?? void 0} @arcgisUnitSelectChange=${(i) => {
+        this.analysis.units.elevation = i.detail;
+      }}></arcgis-unit-select>`;
+  }
+  _renderUniformChartScalingToggle() {
+    const { messages: e, hideUniformChartScalingToggle: t, uniformChartScaling: i } = this;
+    if (t)
+      return;
+    const s = e?.[i ? "uniformChartScalingDisable" : "uniformChartScalingEnable"] ?? "";
+    return n`<calcite-label class="uniform-chart-scaling-label" layout=inline><calcite-checkbox .checked=${i} class="uniform-chart-scaling-checkbox" title=${s ?? a} @calciteCheckboxChange=${this._onUniformChartScalingChange}></calcite-checkbox>${e?.uniformChartScalingLabel}</calcite-label>`;
+  }
+}
+o("arcgis-elevation-profile-settings", p);
+export {
+  p as ArcgisElevationProfileSettings
+};

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

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-popover";
+import "../arcgis-unit-select/index.js";
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-checkbox";
+export * from "./customElement.js";

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

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-popover";
+import "../arcgis-unit-select/index.js";
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-checkbox";
+export * from "./customElement.js";

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

@@ -0,0 +1,17 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference path="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ElevationProfileCombinedResult, ElevationProfileEffectiveUnits, ElevationProfileMessages } from '../arcgis-elevation-profile-next/interfaces';
+
+/**
+ * Component which displays statistics for a profile line and a checkbox to toggle its visibility in the chart and view.
+ *
+ * @private
+ */
+export declare class ArcgisElevationProfileStatistics extends LitElement {
+    effectiveUnits?: ElevationProfileEffectiveUnits;
+    messages: ElevationProfileMessages;
+    result: ElevationProfileCombinedResult;
+    destroy(): Promise<void>;
+    readonly arcgisExpandedToggle: TargetedEvent<this, __esri.ElevationProfileGroundLine | __esri.ElevationProfileInputLine | __esri.ElevationProfileQueryLine | __esri.ElevationProfileSceneLine>;
+}

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

@@ -0,0 +1,65 @@
+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";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.120 */
+const m = 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 p extends c {
+  constructor() {
+    super(...arguments), this._formatter = new d(), this.arcgisExpandedToggle = v();
+  }
+  static {
+    this.properties = { effectiveUnits: 0, messages: 0, result: 0 };
+  }
+  static {
+    this.styles = m;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async load() {
+    await this._formatter.when();
+  }
+  render() {
+    const t = this.messages?.statistics;
+    if (t)
+      return n`<div class="container">${this._renderDistance("maxDistance", t.maxDistance)}${this._renderElevation("elevationGain", t.gain)}${this._renderElevation("elevationLoss", t.loss)}${this._renderElevation("minElevation", t.minElevation)}${this._renderElevation("maxElevation", t.maxElevation)}${this._renderElevation("avgElevation", t.avgElevation)}${this._renderSlope("maxPositiveSlope", "maxNegativeSlope", t.maxSlope)}${this._renderSlope("avgPositiveSlope", "avgNegativeSlope", t.avgSlope)}</div>`;
+  }
+  _renderDistance(t, i) {
+    const a = this._renderValue(t, (e) => {
+      const s = this.effectiveUnits?.distance;
+      return s ? this._formatter.formatLength({ type: "length", value: e, unit: s }, r) : "";
+    });
+    return this._renderStatistic(i, a);
+  }
+  _renderElevation(t, i) {
+    const a = this._renderValue(t, (e) => {
+      const s = this.effectiveUnits?.elevation;
+      return s ? this._formatter.formatVerticalLength({ type: "length", value: e, unit: s }, r) : "";
+    });
+    return this._renderStatistic(i, a);
+  }
+  _renderSlope(t, i, a) {
+    return this._renderStatistic(a, n`<div class="slope-values"><calcite-icon icon=arrow-up scale=s></calcite-icon>${this._renderValue(t, (e) => (
+      // unitFormatUtils.formatAngleDegrees(v, "degrees", "geographic", "geographic", formatPrecision)
+      e.toFixed(1)
+    ))}<calcite-icon icon=arrow-down scale=s></calcite-icon>${this._renderValue(i, (e) => (
+      // unitFormatUtils.formatAngleDegrees(v, "degrees", "geographic", "geographic", formatPrecision),
+      e.toFixed(1)
+    ))}</div>`);
+  }
+  _renderStatistic(t, i) {
+    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;
+    return e == null ? " ― " : i(e);
+  }
+}
+const r = 1;
+l("arcgis-elevation-profile-statistics", p);
+export {
+  p as ArcgisElevationProfileStatistics
+};

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

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

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

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

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

@@ -1,44 +1,45 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/lumina/controllers';
-import { default as Expand } from '@arcgis/core/widgets/Expand.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+/// <reference path="../../index.d.ts" />
 import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { default as ExpandViewModel } from '@arcgis/core/widgets/Expand/ExpandViewModel.js';
+import { Use } from '@arcgis/lumina/controllers';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { nil } from '@arcgis/toolkit/type';
 
-declare const useExpandWidget: (component: LitElement & Pick<Expand, "icon" | "label" | "viewModel" | "autoCollapse" | "closeOnEsc" | "collapseIcon" | "collapseTooltip" | "content" | "expandIcon" | "expandTooltip" | "expanded" | "focusTrapDisabled" | "group" | "iconNumber" | "mode" | "placement"> & {
-    state?: unknown;
-    viewModel?: __esri.ExpandViewModel | undefined;
-    closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
-    referenceElement?: ArcgisReferenceElement | string;
-    position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => Expand;
+type HTMLElementWithIcon = HTMLElement & {
+    icon?: IconName;
+};
+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;
 /**
- * The Expand component acts as a clickable button for displaying interactive content, most commonly other components.
+ * Expand acts as a clickable button for displaying interactive content, most commonly other components.
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-expand/)
+ *
+ * @see [Samples with the Expand component](https://developers.arcgis.com/javascript/latest/sample-code/?tagged=arcgis-expand)
+ * @example
+ * ```html
+ * <arcgis-map item-id="45b3b2fb35e94ab09381d0caa0da5946">
+ *  <arcgis-expand slot="top-right">
+ *   <arcgis-layer-list></arcgis-layer-list>
+ *  </arcgis-expand>
+ * </arcgis-map>
  */
 export declare class ArcgisExpand extends LitElement {
     /**
-     * Automatically collapses the expand widget instance when the view's
-     * viewpoint updates.
+     * The view model's state.
      *
-     * @default false
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand-ExpandViewModel.html#state)
+     *
+     * @default "disabled"
      */
-    autoCollapse: boolean;
+    readonly state: "ready" | "disabled";
+    /** The component's default label. */
+    label?: string;
     /**
      * 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
@@ -49,97 +50,169 @@ 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. */
+    position?: __esri.UIPosition;
     /**
-     * When true, the Expand widget will close after the Escape key is pressed when the keyboard focus is within its content.
+     * 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.
      *
-     * @default true
+     * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
      */
-    closeOnEsc: boolean | Function;
+    referenceElement?: ArcgisReferenceElement | string;
     /**
-     * Calcite icon used to style the Expand button when the [content](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#content) can be collapsed.
+     * Automatically collapses the Expand component when the
+     * [viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#viewpoint) updates.
      *
-     * @default "chevrons-right"
+     * @default false
      */
-    collapseIcon: string;
+    autoCollapse: boolean;
     /**
-     * Tooltip to display to indicate Expand widget can be collapsed.
+     * When `true`, the Expand component will close after the Escape key is pressed when the keyboard focus is within its content.
+     * 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 from the `esc` key.
+     *
+     * @example
+     * ```html
+     * <arcgis-expand slot="top-right" close-on-esc="false">
+     *   <arcgis-search></arcgis-search>
+     * </arcgis-expand>
+     * ```
+     * @example
+     * ```html
+     * <arcgis-expand slot="top-right">
+     *   <arcgis-search></arcgis-search>
+     * </arcgis-expand>
+     *
+     * <script>
+     *  const expandElement = document.querySelector("arcgis-expand");
+     *  const searchElement = document.querySelector("arcgis-search");
+     *  expandElement.closeOnEsc = () => {
+     *     // only close the expand if the search is not active
+     *     return searchElement.activeMenu === "none";
+     *  };
+     * </script>
+     * ```
+     * @default true
+     */
+    closeOnEsc: boolean | ((event: KeyboardEvent) => boolean);
+    /**
+     * Indicates whether the component is currently expanded or not.
      *
-     * @default "Collapse" (English locale)
+     * @default false
      */
-    collapseTooltip: string;
+    get expanded(): boolean;
+    set expanded(expanded: boolean);
     /**
-     * Calcite icon used when the widget is collapsed.
+     * 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"
      */
-    expandIcon: string | nullish;
+    get expandIcon(): IconName | nil;
+    set expandIcon(value: IconName | nil);
     /**
-     * Tooltip to display to indicate Expand widget can be expanded.
+     * Tooltip to display to indicate Expand can be expanded.
      *
      * @default "Expand" (English locale)
      */
     expandTooltip: string;
     /**
-     * Indicates whether the widget is currently expanded or not.
+     * Calcite icon used to style the Expand when it can be collapsed.
      *
-     * @default false
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "chevrons-right"
      */
-    expanded: boolean;
+    get collapseIcon(): IconName;
+    set collapseIcon(value: IconName | nil);
     /**
-     * Disables focus trapping within the expand widget.
+     * Tooltip to display to indicate the Expand can be collapsed.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#focusTrapDisabled)
-     *
-     * @deprecated since 4.33. Use [`focusTrapDisabled`](#focusTrapDisabled) instead.
-     * @default false
+     * @default "Collapse" (English locale)
      */
-    focusTrapEnabled: boolean;
+    collapseTooltip: string;
     /**
-     * Disables focus trapping within the expand component.
+     * 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.
      *
      * @default false
      */
     focusTrapDisabled: boolean;
     /**
-     * This value associates two or more Expand widget instances with each other, allowing one
-     * instance to auto collapse when another instance in the same group is expanded.
+     * 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.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#group)
+     * @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
+     * to take effect, all components in the group must be included in the same Map, Scene, or Link Chart component.
+     *
+     * For example, if you place multiple Expand components in the `top-left` slot of the Map, you can assign them to a
+     * group called `top-left`. If one Expand component is expanded and the user clicks on a different component in the
+     * `top-left` group, then the first component is collapsed, allowing the content of the second component to be
+     * fully visible.
+     *
+     * @example
+     * ```html
+     * <arcgis-map basemap="topo-vector">
+     *   <arcgis-expand slot="top-left" group="top-left" expanded>
+     *     <arcgis-layer-list></arcgis-layer-list>
+     *   </arcgis-expand>
+     *   <arcgis-expand slot="top-left" group="top-left">
+     *     <arcgis-basemap-gallery></arcgis-basemap-gallery>
+     *   </arcgis-expand>
+     * </arcgis-map>
      */
     group: string | nullish;
     /**
-     * A number to display at the corner of the widget to indicate the number of, for example, open issues or unread notices.
+     * A number to display at the corner of the component to indicate the number of, for example, open issues or unread notices.
+     *
+     * ![expand component icon number](https://developers.arcgis.com/javascript/latest//assets/img/apiref/widgets/expand-with-iconnumber.png)
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#iconNumber)
+     * @default 0
      */
     iconNumber: number;
     /**
-     * The widget's default label.
+     * The mode in which the component displays. These modes are listed below.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#label)
-     */
-    label: string;
-    /**
-     * The mode in which the widget displays.
+     * | 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. |
      *
      * @default "auto"
      */
-    mode: "auto" | "floating" | "drawer";
+    mode: "auto" | "drawer" | "floating";
     /**
-     * The placement used by the [calcite popover](https://developers.arcgis.com/calcite-design-system/components/popover/) when the widget 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"];
+    /**
+     * Replace localized message strings with your own strings.
      *
-     * @default null
+     * _**Note**: Individual message keys may change between releases._
      */
-    placement: nullish | "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | "leading-start" | "leading" | "leading-end" | "trailing-end" | "trailing" | "trailing-start";
-    /** @default "top-right" */
-    position: __esri.UIPosition;
-    referenceElement?: ArcgisReferenceElement | string;
+    messageOverrides?: typeof this.messages._overrides;
+    /** Collapse the component. */
     collapse(): Promise<void>;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
+    /** Expand the component. */
     expand(): Promise<void>;
-    toggle(): Promise<void>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+    readonly arcgisPropertyChange: TargetedEvent<this, {
+        name: "expanded";
+    }>;
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
+    private messages;
+    readonly _setterTypes: {
+        collapseIcon?: IconName | nil;
+    };
 }
 export {};