@arcgis/map-components 4.34.0-next.5 → 4.34.0-next.51

package/dist/components/arcgis-directional-pad/customElement.js

@@ -1,20 +1,19 @@
 import { c as p } from "../../chunks/runtime.js";
-import { html as o } from "lit-html";
-import { ref as m } from "lit-html/directives/ref.js";
-import { keyed as d } from "lit-html/directives/keyed.js";
-import { usePropertyChange as b } from "@arcgis/lumina/controllers";
-import { focusElement as g } from "@arcgis/components-utils";
-import { watch as _ } from "@arcgis/core/core/reactiveUtils.js";
+import { css as m, html as o } from "lit";
+import { ref as b } from "lit/directives/ref.js";
+import { keyed as d } from "lit/directives/keyed.js";
+import { usePropertyChange as g } from "@arcgis/lumina/controllers";
+import { focusElement as _ } from "@arcgis/components-utils";
+import { watch as v } from "@arcgis/core/core/reactiveUtils.js";
 import f from "@arcgis/core/widgets/DirectionalPad/DirectionalPadViewModel.js";
-import { LitElement as v, createEvent as $, noShadowRoot as w, safeClassMap as n, nothing as l, safeStyleMap as R } from "@arcgis/lumina";
-import { u as C } from "../../chunks/useT9n.js";
-import { m as x } from "../../chunks/useViewModel.js";
-import { g as y } from "../../chunks/component-utils.js";
+import { LitElement as $, createEvent as w, noShadowRoot as R, safeClassMap as n, nothing as l, safeStyleMap as C } from "@arcgis/lumina";
+import { u as x } from "../../chunks/useT9n.js";
+import { m as y } from "../../chunks/useViewModel.js";
+import { g as M } from "../../chunks/component-utils.js";
 import { g as h } from "../../chunks/globalCss.js";
-import { css as M } from "@lit/reactive-element/css-tag.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.5 */
+v4.34.0-next.51 */
 const u = [-45, 0, 45, -90, 90, -135, 180, 135], S = {
   0: { label: "north", iconName: "chevron-up" },
   45: { label: "northEast", iconName: "chevron-up-right" },
@@ -33,7 +32,7 @@ const u = [-45, 0, 45, -90, 90, -135, 180, 135], S = {
   rotationSliderContainer: `${a}__rotation-slider-container`,
   rotationReset: `${a}__rotation-reset-button`,
   error: `${a}__error`
-}, B = M`@layer{.arcgis-directional-pad{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);outline:none;box-shadow:none!important;background-color:transparent!important;user-select:none;calcite-action-pad{display:contents}calcite-action-group{touch-action:none}calcite-action{aspect-ratio:1}}.arcgis-directional-pad__buttons-container{--calcite-color-background: transparent;--calcite-action-group-gap: 0;--calcite-action-group-padding: 0;calcite-action{--calcite-color-focus: var(--calcite-color-foreground-3)}calcite-action:not([active]){--calcite-action-background-color-press: var(--calcite-color-foreground-1)}calcite-action[active]{--calcite-action-background-color: var(--calcite-color-foreground-3)}calcite-icon{transform:var(--rotation, unset)}@media (hover: none){calcite-action{--calcite-action-background-color-hover: var(--calcite-color-foreground-1);--calcite-action-text-color-press: var(--calcite-color-text-3)}}}.arcgis-directional-pad__rotation-container{display:block;width:100%;calcite-action{flex:.3}}.arcgis-directional-pad__rotation-slider-container{display:flex;flex:1;align-items:center;calcite-slider{flex:1;padding-inline:var(--calcite-spacing-xxs)}}}`;
+}, B = m`@layer{.arcgis-directional-pad{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);outline:none;box-shadow:none!important;background-color:transparent!important;user-select:none;calcite-action-pad{display:contents}calcite-action-group{touch-action:none}calcite-action{aspect-ratio:1}}.arcgis-directional-pad__buttons-container{--calcite-color-background: transparent;--calcite-action-group-gap: 0;--calcite-action-group-padding: 0;calcite-action{--calcite-color-focus: var(--calcite-color-foreground-3)}calcite-action:not([active]){--calcite-action-background-color-press: var(--calcite-color-foreground-1)}calcite-action[active]{--calcite-action-background-color: var(--calcite-color-foreground-3)}calcite-icon{transform:var(--rotation, unset)}@media (hover: none){calcite-action{--calcite-action-background-color-hover: var(--calcite-color-foreground-1);--calcite-action-text-color-press: var(--calcite-color-text-3)}}}.arcgis-directional-pad__rotation-container{display:block;width:100%;calcite-action{flex:.3}}.arcgis-directional-pad__rotation-slider-container{display:flex;flex:1;align-items:center;calcite-slider{flex:1;padding-inline:var(--calcite-spacing-xxs)}}}`;
 function E(c) {
   const { x: t, y: e, width: i, height: r } = c.getBoundingClientRect();
   return { x: t + i / 2, y: e + r / 2 };
@@ -41,16 +40,16 @@ function E(c) {
 function D(c) {
   return c?.spatialReference?.isWebMercator || c?.spatialReference?.isGeographic || !1;
 }
-const k = x(f);
-class P extends v {
+const k = y(f);
+class P extends $ {
   constructor() {
-    super(...arguments), this.messages = C({}), this._onContextMenu = (t) => t.preventDefault(), this._buttons = {}, this.viewModel = k(this), this.angle = this.viewModel.angle, this.rotation = this.viewModel.rotation, this.autoDestroyDisabled = !1, this.disabled = this.viewModel.disabled, this.hideDirectionalButtons = !1, this.icon = "move", this.position = "bottom-left", this.showRotationResetButton = !1, this.showRotationSlider = !1, this.state = this.viewModel.state, this.visualScale = "s", this.arcgisPropertyChange = b()("state"), this.arcgisReady = $();
+    super(...arguments), this.messages = x({}), this._onContextMenu = (t) => t.preventDefault(), this._buttons = {}, this.viewModel = k(this), this.angle = this.viewModel.angle, this.rotation = this.viewModel.rotation, this.autoDestroyDisabled = !1, this.disabled = this.viewModel.disabled, this.hideDirectionalButtons = !1, this.icon = "move", this.position = "bottom-left", this.showRotationResetButton = !1, this.showRotationSlider = !1, this.state = this.viewModel.state, this.visualScale = "s", this.arcgisPropertyChange = g()("state"), this.arcgisReady = w();
   }
   static {
     this.properties = { _rotationEnabled: 16, angle: 16, rotation: 16, autoDestroyDisabled: 5, disabled: 5, hideDirectionalButtons: 5, icon: 1, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, showRotationResetButton: 5, showRotationSlider: 5, state: 3, visualScale: 1 };
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = R;
   }
   static {
     this.styles = B;
@@ -64,8 +63,8 @@ class P extends v {
   loaded() {
     this.manager.onLifecycle(() => [
       // Move focus when movement angle changed by touch/mouse (not keyboard!)
-      _(() => this.viewModel.angle, () => {
-        this._buttonsContainer?.contains(document.activeElement) && (this.viewModel.angle == null ? y(this)?.focus() : g(this._buttons[this.viewModel.angle]));
+      v(() => this.viewModel.angle, () => {
+        this._buttonsContainer?.contains(document.activeElement) && (this.viewModel.angle == null ? M(this)?.focus() : _(this._buttons[this.viewModel.angle]));
       })
     ]);
   }
@@ -115,7 +114,7 @@ class P extends v {
     return d("directional-buttons-container", o`<calcite-action-bar expand-disabled floating layout=grid overflow-actions-disabled><calcite-action-group class=${n(s.buttonsContainer)} dir=ltr @contextmenu=${{
       handleEvent: this._onContextMenu,
       capture: !0
-    }} ${m(this._setButtonContainerRef)}>${u.slice(0, 4).map(this._renderButton, this)}${this._renderCompass()}${u.slice(4).map(this._renderButton, this)}</calcite-action-group></calcite-action-bar>`);
+    }} ${b(this._setButtonContainerRef)}>${u.slice(0, 4).map(this._renderButton, this)}${this._renderCompass()}${u.slice(4).map(this._renderButton, this)}</calcite-action-group></calcite-action-bar>`);
   }
   _renderButton(t) {
     const { label: e, iconName: i } = S[t], r = this.messages[e];
@@ -123,7 +122,7 @@ class P extends v {
   }
   _renderCompass() {
     const t = this.disabled || D(this.view) ? "compass-needle" : "arrow-up", e = this.rotation === 0, i = this.messages.resetHeading;
-    return o`<calcite-action alignment=center class=${n(s.compassButton)} .disabled=${this.disabled || !this._rotationEnabled || e} @click=${this._onRotationReset} .scale=${this.visualScale} style=${R(this._rotateIcon(this.rotation))} .text=${i ?? ""} title=${i ?? l}>${!e && o`<calcite-icon .icon=${t} .scale=${this.visualScale}></calcite-icon>` || ""}</calcite-action>`;
+    return o`<calcite-action alignment=center class=${n(s.compassButton)} .disabled=${this.disabled || !this._rotationEnabled || e} @click=${this._onRotationReset} .scale=${this.visualScale} style=${C(this._rotateIcon(this.rotation))} .text=${i ?? ""} title=${i ?? l}>${!e && o`<calcite-icon .icon=${t} .scale=${this.visualScale}></calcite-icon>` || ""}</calcite-action>`;
   }
   _renderRotation() {
     return d("slider-container", o`<calcite-action-bar expand-disabled floating layout=horizontal><calcite-action-group class=${n(s.rotationContainer)}>${this.showRotationResetButton ? this._renderRotationResetButton() : null}${this._renderRotationSlider()}</calcite-action-group></calcite-action-bar>`);

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

@@ -107,12 +107,17 @@ export declare class ArcgisDirections extends LitElement {
     maxStops: number;
     /** @default "bottom-left" */
     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.
+     *
+     * @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;
     routeLayerItemId?: string;
     /**
-     * Controls the default properties used when [searching](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html).
+     * Controls the default properties used when searching.
      *
-     * @default null
+     * @default { popupEnabled: false, resultGraphicEnabled: false }
      */
     searchProperties: nullish | __esri.DirectionsSearchProperties;
     /**

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

@@ -6,10 +6,10 @@ import d from "@arcgis/core/widgets/Directions.js";
 import { LitElement as n, createEvent as l, noShadowRoot as w } from "@arcgis/lumina";
 import { m } from "../../chunks/useWidget.js";
 import { e as u } from "../../chunks/component-utils.js";
-import { css as y } from "@lit/reactive-element/css-tag.js";
+import { css as y } from "lit";
 /*! 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.5 */
+v4.34.0-next.51 */
 const c = y`@layer{arcgis-directions{display:block}}`, g = m(d), i = "map-components:arcgis-directions";
 class p extends n {
   constructor() {

package/dist/components/arcgis-distance-measurement-2d/customElement.d.ts

@@ -57,6 +57,11 @@ export declare class ArcgisDistanceMeasurement2d extends LitElement {
     label: string;
     /** @default "bottom-left" */
     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.
+     *
+     * @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;
     /**
      * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-interactive-snapping-SnappingOptions.html) for sketching.

package/dist/components/arcgis-distance-measurement-2d/customElement.js

@@ -3,10 +3,10 @@ import { usePropertyChange as s } from "@arcgis/lumina/controllers";
 import e from "@arcgis/core/widgets/DistanceMeasurement2D.js";
 import { LitElement as i, createEvent as o, noShadowRoot as a } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";
-import { css as r } from "@lit/reactive-element/css-tag.js";
+import { css as r } from "lit";
 /*! 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.5 */
+v4.34.0-next.51 */
 const c = r`@layer{arcgis-distance-measurement-2d{display:block}}`, h = n(e);
 class d extends i {
   constructor() {

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

@@ -97,6 +97,11 @@ export declare class ArcgisEditor extends LitElement {
     layerInfos: nullish | __esri.EditorLayerInfo[];
     /** @default "bottom-left" */
     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.
+     *
+     * @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;
     /** @default false */
     showSnappingControlsElementsHeader: boolean;
@@ -111,7 +116,7 @@ export declare class ArcgisEditor extends LitElement {
      *
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor-EditorViewModel.html#state)
      */
-    readonly state: "ready" | "disabled" | "add-association-create-association" | "add-association-select-feature" | "add-association-select-layer" | "adding-attachment" | "awaiting-feature-creation-info" | "awaiting-feature-to-create" | "awaiting-feature-to-update" | "awaiting-update-feature-candidate" | "creating-features" | "editing-attributes" | "editing-attachment" | "editing-existing-feature" | "editing-features" | "editing-new-feature" | "viewing-selection-list";
+    readonly state: "ready" | "disabled" | "add-association-create-association" | "add-association-select-feature" | "add-association-select-layer" | "adding-attachment" | "awaiting-feature-creation-info" | "awaiting-feature-to-create" | "awaiting-feature-to-update" | "awaiting-update-feature-candidate" | "creating-features" | "editing-attributes" | "editing-attachment" | "editing-existing-feature" | "editing-features" | "viewing-selection-list";
     /**
      * This property allows customization of supporting Editor widgets and their default behavior.
      *

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

@@ -3,10 +3,10 @@ import { usePropertyChange as i } from "@arcgis/lumina/controllers";
 import s from "@arcgis/core/widgets/Editor.js";
 import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";
-import { css as r } from "@lit/reactive-element/css-tag.js";
+import { css as r } from "lit";
 /*! 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.5 */
+v4.34.0-next.51 */
 const g = r`@layer{arcgis-editor{display:block}}`, d = n(s);
 class h extends o {
   constructor() {

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

@@ -29,6 +29,10 @@ declare const useElevationProfileWidget: (component: LitElement & Pick<Elevation
 /**
  * The Elevation Profile component is used to generate and display an elevation profile from an [input line graphic](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#input).
  *
+ * **See also**
+ *
+ * - [Sample - Elevation Profile component](https://developers.arcgis.com/javascript/latest/sample-code/elevation-profile/)
+ *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-elevation-profile/)
  */
 export declare class ArcgisElevationProfile extends LitElement {
@@ -42,12 +46,7 @@ export declare class ArcgisElevationProfile extends LitElement {
      * @default false
      */
     autoDestroyDisabled: boolean;
-    /**
-     * Units which have been selected according to the magnitude of the elevations and distances
-     * that are to be displayed in the widget, according to the selected unit or unit system.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile-ElevationProfileViewModel.html#effectiveUnits)
-     */
+    /** Units which have been selected according to the magnitude of the elevations and distances that are to be displayed in the component, according to the selected unit or unit system. */
     readonly effectiveUnits: __esri.EffectiveUnits;
     /** @default false */
     hideChart: boolean;
@@ -81,31 +80,29 @@ export declare class ArcgisElevationProfile extends LitElement {
      */
     hoveredChartPosition: number | nullish;
     /**
-     * Icon which represents the widget.
+     * Icon which represents the component. Typically used when the component is controlled by another component (e.g. by the Expand component).
+     *
+     * See also: [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "altitude"
      */
     icon: string;
     /**
-     * The input line graphic along which elevation will be queried in order to generate an elevation profile.
+     * The input path along which elevation will be queried in order to generate an elevation profile.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#input)
      *
      * @default null
      */
     input: nullish | __esri.Graphic;
-    /**
-     * The widget's default label.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#label)
-     */
+    /** The component's default label. */
     label: string;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
     /**
-     * Collection of elevation profile lines which are to be generated and displayed in the widget's
-     * chart.
+     * Collection of elevation profile lines which are to be generated and displayed in the component's chart.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#profiles)
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile.html#profiles)
      */
     profiles: __esri.Collection<__esri.ElevationProfileLineGround | __esri.ElevationProfileLineInput | __esri.ElevationProfileLineQuery | __esri.ElevationProfileLineView>;
     /**
@@ -115,12 +112,21 @@ export declare class ArcgisElevationProfile extends LitElement {
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile-ElevationProfileViewModel.html#progress)
      */
     readonly progress: number;
+    /**
+     * 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;
     /**
-     * The current state of the view model that can be used for rendering the UI
-     * of the widget.
+     * The component's state. The values mean the following:
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ElevationProfile-ElevationProfileViewModel.html#state)
+     * * `disabled` -  component is being created
+     * * `ready` - component is ready; no path configured and no interactive operation ongoing
+     * * `creating` - user is creating a new input path
+     * * `created` - input path is configured but no interactive operation is ongoing
+     * * `selecting` - user is selecting an existing input path
+     * * `selected` - user selected an existing input path
      *
      * @default "disabled"
      */
@@ -147,7 +153,9 @@ export declare class ArcgisElevationProfile extends LitElement {
     unitOptions: __esri.SystemOrLengthUnit[];
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
+    /** Switches to the "creating" state in which the user can draw a new line. */
     start(): Promise<void>;
+    /** Stops the creation operation. */
     stop(): Promise<void>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {

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

@@ -3,10 +3,10 @@ import { usePropertyChange as i } from "@arcgis/lumina/controllers";
 import e from "@arcgis/core/widgets/ElevationProfile.js";
 import { LitElement as s, createEvent as o, noShadowRoot as h } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";
-import { css as l } from "@lit/reactive-element/css-tag.js";
+import { css as l } from "lit";
 /*! 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.5 */
+v4.34.0-next.51 */
 const r = l`@layer{arcgis-elevation-profile{display:block}}`, a = n(e);
 class d extends s {
   constructor() {

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

@@ -27,7 +27,7 @@ declare const useExpandWidget: (component: LitElement & Pick<Expand, "icon" | "l
     destroy: () => Promise<void>;
 }) => Expand;
 /**
- * The Expand component acts as a clickable button for opening content.
+ * The Expand component 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/)
  */
@@ -64,7 +64,7 @@ export declare class ArcgisExpand extends LitElement {
     /**
      * Tooltip to display to indicate Expand widget can be collapsed.
      *
-     * @default "Collapse" (English locale)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#collapseTooltip)
      */
     collapseTooltip: string;
     /**
@@ -76,7 +76,7 @@ export declare class ArcgisExpand extends LitElement {
     /**
      * Tooltip to display to indicate Expand widget can be expanded.
      *
-     * @default "Expand" (English locale)
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#expandTooltip)
      */
     expandTooltip: string;
     /**
@@ -90,13 +90,14 @@ export declare class ArcgisExpand extends LitElement {
      *
      * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html#focusTrapDisabled)
      *
-     * @deprecated since 4.33. Use [`focusTrapDisabled`](#focusTrapDisabled) instead.
+     * @deprecated since 4.33, use [`focusTrapDisabled`](#focusTrapDisabled) instead.
      * @default false
      */
     focusTrapEnabled: boolean;
     /**
      * Disables focus trapping within the expand component.
      *
+     * @since 4.33
      * @default false
      */
     focusTrapDisabled: boolean;
@@ -133,6 +134,11 @@ export declare class ArcgisExpand extends LitElement {
     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;
+    /**
+     * 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;
     collapse(): Promise<void>;
     /** Permanently destroy the component. */

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

@@ -2,10 +2,10 @@ import { c as t } from "../../chunks/runtime.js";
 import e from "@arcgis/core/widgets/Expand.js";
 import { LitElement as s, createEvent as i, noShadowRoot as o } from "@arcgis/lumina";
 import { m as a } from "../../chunks/useWidget.js";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { css as n } from "lit";
 /*! 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.5 */
+v4.34.0-next.51 */
 const d = n`@layer{arcgis-expand{display:flex;pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}}`, c = a(e);
 class l extends s {
   constructor() {