@arcgis/map-components 5.0.0-next.4 → 5.0.0-next.42

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-next → arcgis-elevation-profile}/interfaces.d.ts

@@ -2,12 +2,12 @@
 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 ElevationProfileResult = AnalysisViewType["results"][number];
 export type ElevationProfileSamples = NonNullable<ElevationProfileResult["samples"]>;
 export type ElevationProfileSample = ElevationProfileSamples[number];
 export type ElevationProfileStatistics = NonNullable<AnalysisViewType["statistics"]>;
@@ -20,7 +20,6 @@ declare const messages: (value: {
     "creatingPrompt-3d": string;
     doneButtonLabel: string;
     errors: {
-        invalidGeometry: string;
         noProfile: string;
         tooComplex: string;
         unknown: string;
@@ -70,7 +69,6 @@ declare const messages: (value: {
     "creatingPrompt-3d": string;
     doneButtonLabel: string;
     errors: {
-        invalidGeometry: string;
         noProfile: string;
         tooComplex: string;
         unknown: string;
@@ -160,12 +158,5 @@ export interface ChartData {
 /**
  * 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 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.4 */
-const c = l`:host{display:flex;flex-direction:column;gap:var(--calcite-spacing-xxs)}`;
+v5.0.0-next.42 */
+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,8 @@
 /// <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 +14,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>;
 }

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.4 */
-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.42 */
+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 appearance=transparent class="collapse-toggle" data-testid=${`legend-toggle-${this.result.profile.id}`} .icon=${e ? "chevron-up" : "chevron-down"} @click=${() => this.arcgisExpandedToggle.emit(this.result.profile)} scale=s .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

@@ -4,7 +4,7 @@ import { css as r, html as a } from "lit";
 import { LitElement as l, 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.4 */
+v5.0.0-next.42 */
 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 {
   constructor() {

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

@@ -1,7 +1,8 @@
 /// <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 +12,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>;
 }

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.4 */
+v5.0.0-next.42 */
 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,7 +1,7 @@
 /// <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';
@@ -34,12 +34,13 @@ 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?: __esri.MapView | __esri.SceneView | __esri.LinkChartView | null | undefined;
     /**
      * The current state of the component.
      *
+     * @since 4.34
      * @default "disabled"
      */
     readonly state: "ready" | "disabled";
@@ -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.
@@ -170,7 +171,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 +181,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,6 +199,8 @@ 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;
     /** Collapse the component. */