@arcgis/map-components 5.0.0-next.136 → 5.0.0-next.138

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

@@ -13,13 +13,13 @@ import { property as a, subclass as z } from "@arcgis/core/core/accessorSupport/
 import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
 import { A as $ } from "../../chunks/AnalysisViewModel.js";
 import { a as D } from "../../chunks/maybe.js";
-import { b as _ } from "../../chunks/measurementUtils.js";
+import { a as _ } from "../../chunks/measurementUtils.js";
 import { t as F, c as b } from "../../chunks/async-utils.js";
 import { m as E } from "../../chunks/handle.js";
 import { createChart as A } from "@arcgis/core/applications/Components/analysisUtils.js";
 /*! 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.136 */
+v5.0.0-next.138 */
 const I = C`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{--internal-chart-height: 180px;--internal-gap: var(--calcite-spacing-sm-plus);width:550px;isolation:isolate;position:relative;container-type:inline-size}.container{display:flex;flex-direction:column;width:100%;min-width:0;gap:var(--internal-gap)}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-bottom:calc(var(--internal-gap) * -1)}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--calcite-spacing-xs)}.action-button{width:auto;min-height:32px}.main-container{display:flex;position:relative;flex-flow:column;width:100%;height:var(--internal-chart-height)}.chart-container{position:relative;width:100%;height:100%}.prompt-container{box-sizing:border-box;display:grid;place-content:center;padding-inline:var(--calcite-spacing-md);height:100%;text-align:center}.prompt-message{margin:0;width:100%}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .15s ease-in-out;transition-delay:0;opacity:0;&.visible{transition-delay:50ms;opacity:1}&.small{inset-inline-start:0;top:-22px;left:unset;transform:none;color:var(--calcite-color-brand)}}@container (max-width: 400px){.esri-widget--panel{height:auto}.actions{flex-direction:column}.action-button{align-self:stretch}}`;
 function T({ geometry: t }) {
   return t != null && t.type === "polyline" && t.paths.length > 0 && t.paths.every((e) => e.length >= 2);

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

@@ -1,6 +1 @@
-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-legend/customElement.js

@@ -3,7 +3,7 @@ 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.136 */
+v5.0.0-next.138 */
 const c = o`:host{display:flex;flex-direction:column;gap:var(--calcite-spacing-xxs)}`;
 class p extends d {
   constructor() {

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

@@ -4,7 +4,7 @@ import { substitute as p } from "@arcgis/core/intl.js";
 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.136 */
+v5.0.0-next.138 */
 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() {

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

@@ -4,7 +4,7 @@ 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.136 */
+v5.0.0-next.138 */
 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:15px var(--calcite-spacing-md);min-width:180px}.uniform-chart-scaling-label{--calcite-label-margin-bottom: 0}`;
 class p extends r {
   constructor() {

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

@@ -4,7 +4,7 @@ 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.136 */
+v5.0.0-next.138 */
 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 v {
   constructor() {

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

@@ -1,48 +1,44 @@
-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">>;
+import type Accessor from "@arcgis/core/core/Accessor.js";
+import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
+import type MapView from "@arcgis/core/views/MapView.js";
+import type SceneView from "@arcgis/core/views/SceneView.js";
+
+export type ExpandViewModelState = "disabled" | "ready";
+
+export 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 {};
+  constructor(properties?: ExpandViewModelProperties);
+  /**
+   * Automatically collapses the Expand instance when the view's
+   *
+   * @default false
+   */
+  accessor autoCollapse: boolean;
+  /**
+   * Whether the element is currently expanded or not.
+   *
+   * @default false
+   */
+  accessor 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.
+   */
+  accessor group: string | undefined;
+  /**
+   * The view model's state.
+   *
+   * @default "disabled"
+   */
+  get state(): ExpandViewModelState;
+  /** The view in which the Expand is used. */
+  accessor view: LinkChartView | MapView | SceneView | null;
+  destroy(): void;
+}

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

@@ -1,24 +1,18 @@
 /// <reference path="../../index.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
-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';
+import type MapView from "@arcgis/core/views/MapView.js";
+import type SceneView from "@arcgis/core/views/SceneView.js";
+import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
+import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { IconName } from "../../utils/action-utils.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { ExpandViewModelState } from "./ExpandViewModel.js";
+import type { Panel as Panel } from "@esri/calcite-components/components/calcite-panel";
+import type { Action as Action } from "@esri/calcite-components/components/calcite-action";
 
-type HTMLElementWithIcon = HTMLElement & {
-    icon?: IconName;
-};
-type WidgetWithIcon = HTMLElement & {
-    widget?: HTMLElementWithIcon;
-};
-type ContentSource = HTMLElement | HTMLElementWithIcon | WidgetWithIcon | string;
-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.
  *
- * [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)
  * @since 4.28
  * @example
@@ -30,194 +24,199 @@ declare const useExpandViewModel: (component: LitElement & Pick<ExpandViewModel,
  * </arcgis-map>
  * ```
  */
-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 Expand component will be associated with a map or scene component rather than using the `view` property.
-     */
-    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: "disabled" | "ready";
-    /** 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
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-expand/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * 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.
-     *
-     * @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)
-     */
-    referenceElement?: ArcgisReferenceElement | string;
-    /**
-     * Automatically collapses the Expand component when the
-     * [viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#viewpoint) updates.
-     *
-     * @default false
-     */
-    autoCollapse: boolean;
-    /**
-     * When `true`, the Expand component will not close itself if the Escape key is pressed while its content has keyboard focus.
-     * 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
-     * <arcgis-expand slot="top-right" close-on-esc-disabled>
-     *   <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");
-     *  // don't close the expand if the search is active
-     *  expandElement.closeOnEscDisabled = () => searchElement.activeMenu !== "none";
-     * </script>
-     * ```
-     */
-    closeOnEscDisabled: boolean | ((event: KeyboardEvent) => boolean);
-    /**
-     * Indicates whether the component is currently expanded or not.
-     *
-     * @default false
-     */
-    get expanded(): boolean;
-    set expanded(expanded: boolean);
-    /**
-     * 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.
-     *
-     * @default "chevrons-left"
-     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
-     */
-    get expandIcon(): IconName | nil;
-    set expandIcon(value: IconName | nil);
-    /**
-     * Tooltip to display to indicate Expand can be expanded.
-     *
-     * @default "Expand" (English locale)
-     */
-    expandTooltip: string;
-    /**
-     * Calcite icon used to style the Expand when it can be collapsed.
-     *
-     * @default "chevrons-right"
-     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
-     */
-    get collapseIcon(): IconName;
-    set collapseIcon(value: IconName | nil);
-    /**
-     * Tooltip to display to indicate the Expand can be collapsed.
-     *
-     * @default "Collapse" (English locale)
-     */
-    collapseTooltip: string;
-    /**
-     * 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 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 | undefined;
-    /**
-     * 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)
-     *
-     * @default 0
-     */
-    iconNumber: number;
-    /**
-     * The mode in which the component displays. These modes are listed below:
-     *
-     * - `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.
-     * This property has no effect when the component is in `drawer` mode.
-     */
-    placement?: HTMLCalcitePanelElement["menuPlacement"];
-    /**
-     * Replace localized message strings with your own strings.
-     *
-     * _**Note**: Individual message keys may change between releases._
-     *
-     * @since 4.34
-     */
-    messageOverrides?: typeof this.messages._overrides;
-    /**
-     * Specifies the size of the component.
-     *
-     * @default "m"
-     * @since 5.0
-     */
-    visualScale: HTMLCalciteActionElement["scale"];
-    /** Collapse the component. */
-    collapse(): Promise<void>;
-    /** Permanently destroy the component. */
-    destroy(): Promise<void>;
-    /** Expand the component. */
-    expand(): Promise<void>;
-    /** 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;
-    };
-    "@eventTypes": {
-        "arcgisPropertyChange": ArcgisExpand["arcgisPropertyChange"]["detail"];
-        "arcgisReady": ArcgisExpand["arcgisReady"]["detail"];
-    };
-}
-export {};
+export abstract class ArcgisExpand extends LitElement {
+  /**
+   * Automatically collapses the Expand component when the
+   * [viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#viewpoint) updates.
+   *
+   * @default false
+   */
+  accessor autoCollapse: boolean;
+  /**
+   * If true, the component will not be destroyed automatically when it is
+   * disconnected from the document. This is useful when you want to move the
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-expand/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * When `true`, the Expand component will not close itself if the Escape key is pressed while its content has keyboard focus.
+   * 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
+   * <arcgis-expand slot="top-right" close-on-esc-disabled>
+   *   <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");
+   *  // don't close the expand if the search is active
+   *  expandElement.closeOnEscDisabled = () => searchElement.activeMenu !== "none";
+   * </script>
+   * ```
+   */
+  accessor closeOnEscDisabled: boolean | ((event: KeyboardEvent) => boolean);
+  /**
+   * Calcite icon used to style the Expand when it can be collapsed.
+   *
+   * @default "chevrons-right"
+   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  get collapseIcon(): IconName;
+  set collapseIcon(value: IconName | null | undefined);
+  /**
+   * Tooltip to display to indicate the Expand can be collapsed.
+   *
+   * @default "Collapse" (English locale)
+   */
+  accessor collapseTooltip: string;
+  /**
+   * Indicates whether the component is currently expanded or not.
+   *
+   * @default false
+   */
+  accessor expanded: boolean;
+  /**
+   * 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.
+   *
+   * @default "chevrons-left"
+   * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+   */
+  accessor expandIcon: IconName | null | undefined;
+  /**
+   * Tooltip to display to indicate Expand can be expanded.
+   *
+   * @default "Expand" (English locale)
+   */
+  accessor expandTooltip: string;
+  /**
+   * 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
+   */
+  accessor focusTrapDisabled: 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>
+   */
+  accessor 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.
+   *
+   * ![expand component icon number](https://developers.arcgis.com/javascript/latest//assets/img/apiref/widgets/expand-with-iconnumber.png)
+   *
+   * @default 0
+   */
+  accessor iconNumber: number;
+  /** The component's default label. */
+  accessor label: string | undefined;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   *
+   * @since 4.34
+   */
+  accessor messageOverrides: {
+      expand?: string | undefined;
+      collapse?: string | undefined;
+  };
+  /** @internal */
+  protected messages: Partial<{
+      expand: string;
+      collapse: string;
+  }> & T9nMeta<{
+      expand: string;
+      collapse: string;
+  }>;
+  /**
+   * The mode in which the component displays. These modes are listed below:
+   *
+   * - `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"
+   */
+  accessor 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.
+   * This property has no effect when the component is in `drawer` mode.
+   */
+  accessor placement: Panel["menuPlacement"] | undefined;
+  /**
+   * 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.
+   *
+   * @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)
+   */
+  accessor referenceElement: ArcgisReferenceElement | string | undefined;
+  /**
+   * The current state of the component.
+   *
+   * @default "disabled"
+   * @since 4.34
+   */
+  get state(): ExpandViewModelState;
+  /**
+   * 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 Expand component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: MapView | SceneView | LinkChartView | null | undefined;
+  /**
+   * Specifies the size of the component.
+   *
+   * @default "m"
+   * @since 5.0
+   */
+  accessor visualScale: Action["scale"];
+  /** Collapse the component. */
+  collapse(): Promise<void>;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  /** Expand the component. */
+  expand(): Promise<void>;
+  "@setterTypes": {
+    collapseIcon?: IconName | null | undefined;
+  };
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "expanded"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisPropertyChange: ArcgisExpand["arcgisPropertyChange"]["detail"];
+    arcgisReady: ArcgisExpand["arcgisReady"]["detail"];
+  };
+}