@arcgis/map-components 4.33.0-next.96 → 4.33.0-next.98

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

@@ -6,19 +6,13 @@ import { default as MapView } from '@arcgis/core/views/MapView.js';
 import { default as WebMap } from '@arcgis/core/WebMap.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
-declare const useWebMap: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<WebMap, never> & {
+declare const useWebMap: (component: LitElement & Pick<WebMap, never> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.WebMapProperties | undefined): __esri.WebMapProperties | Promise<__esri.WebMapProperties | undefined> | undefined;
 } | undefined) => WebMap;
-declare const useMapView: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<MapView, never> & {
+declare const useMapView: (component: LitElement & Pick<MapView, never> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {

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

@@ -8,7 +8,7 @@ import { c as h, i as g } from "../../chunks/component-utils.js";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const u = y`@layer{arcgis-map{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, f = r(
   o,
   /**

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

@@ -6,18 +6,15 @@ import { default as Measurement } from '@arcgis/core/widgets/Measurement.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useMeasurementWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Measurement, never> & {
+declare const useMeasurementWidget: (component: LitElement & Pick<Measurement, never> & {
     state?: unknown;
     viewModel?: __esri.MeasurementViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const c = n`@layer{arcgis-measurement{display:block}}`, l = r(i);
 class h extends s {
   constructor() {

package/dist/components/arcgis-navigation-toggle/customElement.d.ts

@@ -20,14 +20,6 @@ type LayoutMode = "horizontal" | "vertical";
  * The Navigation Toggle component is only supported in 3D.
  */
 export declare class ArcgisNavigationToggle extends LitElement {
-    /**
-     * 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\` method when you are done to prevent
-     * memory leaks.
-     */
-    autoDestroyDisabled: boolean;
     /**
      * Icon which represents the component. It is typically used when the
      * component is controlled by another one (e.g. in the arcgis-expand
@@ -53,8 +45,6 @@ export declare class ArcgisNavigationToggle extends LitElement {
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     state: State;
-    /** Permanently destroy the component */
-    destroy(): Promise<void>;
     toggle(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "layout";

package/dist/components/arcgis-navigation-toggle/customElement.js

@@ -1,27 +1,24 @@
-import { c as d } from "../../chunks/runtime.js";
-import { usePropertyChange as p } from "@arcgis/lumina/controllers";
+import { c as p } from "../../chunks/runtime.js";
+import { usePropertyChange as d } from "@arcgis/lumina/controllers";
 import { when as c } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as g, createEvent as h, noShadowRoot as m, safeClassMap as v, nothing as r } from "@arcgis/lumina";
 import { html as u } from "lit";
 import { u as y } from "../../chunks/useT9n.js";
-import { u as b } from "../../chunks/useView.js";
-import { g as f } from "../../chunks/globalCss.js";
+import { u as f } from "../../chunks/useView.js";
+import { g as b } 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.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const $ = "arcgis-navigation-toggle", w = {
   base: $
-}, x = M`@layer{.arcgis-navigation-toggle{display:flex;box-shadow:0 1px 2px #0000004d;inline-size:fit-content;block-size:fit-content}}`, e = {
-  pan: "move",
-  rotate: "rotate"
-};
+}, x = M`@layer{.arcgis-navigation-toggle{display:flex;box-shadow:0 1px 2px #0000004d;inline-size:fit-content;block-size:fit-content}}`, e = { pan: "move", rotate: "rotate" };
 class _ extends g {
   constructor() {
-    super(...arguments), this.view = b(this), this._messages = y(), this.autoDestroyDisabled = !1, this.icon = e.pan, this.layout = "vertical", this.navigationMode = "pan", this.position = "top-left", this.state = "disabled", this.arcgisPropertyChange = p()("layout", "state"), this.arcgisReady = h();
+    super(...arguments), this.view = f(this), this._messages = y(), this.icon = e.pan, this.layout = "vertical", this.navigationMode = "pan", this.position = "top-left", this.state = "disabled", this.arcgisPropertyChange = d()("layout", "state"), this.arcgisReady = h();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, icon: 3, label: 1, layout: 3, navigationMode: 3, position: 1, referenceElement: 1, state: 3 };
+    this.properties = { icon: 3, label: 1, layout: 3, navigationMode: 3, position: 1, referenceElement: 1, state: 3 };
   }
   static {
     this.shadowRootOptions = m;
@@ -31,10 +28,6 @@ class _ extends g {
   }
   //#endregion
   //#region Public Methods
-  /** Permanently destroy the component */
-  async destroy() {
-    await this.manager.destroy();
-  }
   async toggle() {
     this.state !== "disabled" && (this.navigationMode = this.navigationMode !== "pan" ? "pan" : "rotate");
   }
@@ -72,11 +65,11 @@ class _ extends g {
   //#endregion
   //#region Rendering
   render() {
-    const { _messages: t, navigationMode: a, state: l } = this, s = t.pan ?? "", o = t.rotate ?? "", i = l === "disabled", n = a === "pan";
-    return u`<calcite-action-bar class=${v({ [w.base]: !0, [f.disabled]: i })} expand-disabled .layout=${this.layout} scale=s><calcite-action .active=${n} appearance=solid .disabled=${i} .icon=${e.pan} @click=${this._onPanClick} scale=s .text=${s} title=${s ?? r}></calcite-action><calcite-action .active=${!n} appearance=solid .disabled=${i} .icon=${e.rotate} @click=${this._onRotateClick} scale=s .text=${o} title=${o ?? r}></calcite-action></calcite-action-bar>`;
+    const { _messages: t, navigationMode: a, state: l } = this, o = t.pan ?? "", s = t.rotate ?? "", i = l === "disabled", n = a === "pan";
+    return u`<calcite-action-bar class=${v({ [w.base]: !0, [b.disabled]: i })} expand-disabled .layout=${this.layout} scale=s><calcite-action .active=${n} appearance=solid .disabled=${i} .icon=${e.pan} @click=${this._onPanClick} scale=s .text=${o} title=${o ?? r}></calcite-action><calcite-action .active=${!n} appearance=solid .disabled=${i} .icon=${e.rotate} @click=${this._onRotateClick} scale=s .text=${s} title=${s ?? r}></calcite-action></calcite-action-bar>`;
   }
 }
-d("arcgis-navigation-toggle", _);
+p("arcgis-navigation-toggle", _);
 export {
   _ as ArcgisNavigationToggle
 };

package/dist/components/arcgis-oriented-imagery-viewer/customElement.d.ts

@@ -9,18 +9,15 @@ import { PropertyValues } from 'lit';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 export type OrientedImageryViewerWidget = InstanceType<typeof OrientedImageryViewer>;
-declare const useOrientedImageryViewerWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<OrientedImageryViewer, never> & {
+declare const useOrientedImageryViewerWidget: (component: LitElement & Pick<OrientedImageryViewer, never> & {
     state?: unknown;
     viewModel?: __esri.OrientedImageryViewerViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

package/dist/components/arcgis-oriented-imagery-viewer/customElement.js

@@ -7,7 +7,7 @@ import { m as l } from "../../chunks/useWidget.js";
 import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const h = g`@layer{arcgis-oriented-imagery-viewer{display:block}}`, m = l(r);
 class y extends o {
   constructor() {

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

@@ -4,7 +4,7 @@ import { LitElement as l, createEvent as a, noShadowRoot as c } from "@arcgis/lu
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const d = h`@layer{arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}}`;
 class m extends l {
   //#endregion

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

@@ -6,18 +6,15 @@ import { default as Print } from '@arcgis/core/widgets/Print.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const usePrintWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Print, never> & {
+declare const usePrintWidget: (component: LitElement & Pick<Print, never> & {
     state?: unknown;
     viewModel?: __esri.PrintViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -7,7 +7,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const d = h`@layer{arcgis-print{display:block}}`, m = n(r);
 class p extends o {
   constructor() {

package/dist/components/arcgis-scale-bar/customElement.d.ts

@@ -9,10 +9,7 @@ import { MeasurementSystem } from '../types';
 
 type ScaleBarStyle = "line" | "ruler";
 type ScaleBarUnit = MeasurementSystem | "dual";
-declare const useScaleBarViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<ScaleBarViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ScaleBarViewModel>, options?: {
+declare const useScaleBarViewModel: (component: LitElement & Pick<ScaleBarViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ScaleBarViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => ScaleBarViewModel;
 /**

package/dist/components/arcgis-scale-bar/customElement.js

@@ -12,7 +12,7 @@ import { m as D } from "../../chunks/useViewModel.js";
 import { g as v } from "../../chunks/globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 function $(f = 0, e = 0) {
   return { x: f, y: e };
 }

package/dist/components/arcgis-scale-range-slider/customElement.d.ts

@@ -6,18 +6,15 @@ import { default as ScaleRangeSlider } from '@arcgis/core/widgets/ScaleRangeSlid
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useScaleRangeSliderWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<ScaleRangeSlider, never> & {
+declare const useScaleRangeSliderWidget: (component: LitElement & Pick<ScaleRangeSlider, never> & {
     state?: unknown;
     viewModel?: __esri.ScaleRangeSliderViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

package/dist/components/arcgis-scale-range-slider/customElement.js

@@ -6,7 +6,7 @@ import { m as o } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const r = n`@layer{arcgis-scale-range-slider{display:block}}`, c = o(t);
 class h extends s {
   constructor() {

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

@@ -6,19 +6,13 @@ import { default as SceneView } from '@arcgis/core/views/SceneView.js';
 import { default as WebScene } from '@arcgis/core/WebScene.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
-declare const useWebScene: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<WebScene, never> & {
+declare const useWebScene: (component: LitElement & Pick<WebScene, never> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.WebSceneProperties | undefined): __esri.WebSceneProperties | Promise<__esri.WebSceneProperties | undefined> | undefined;
 } | undefined) => WebScene;
-declare const useSceneView: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<SceneView, never> & {
+declare const useSceneView: (component: LitElement & Pick<SceneView, never> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {

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

@@ -8,7 +8,7 @@ import { b as h, p as n, c as o, i as g } from "../../chunks/component-utils.js"
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const u = y`@layer{arcgis-scene{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, f = c(m, {}), _ = c(d, {});
 class b extends l {
   constructor() {

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

@@ -7,10 +7,7 @@ import { Nil } from '@arcgis/components-utils';
 import { Use } from '@arcgis/lumina/controllers';
 
 type ActiveMenu = "none" | "source" | "suggestion";
-declare const useSearchViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<SearchViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<SearchViewModel>, options?: {
+declare const useSearchViewModel: (component: LitElement & Pick<SearchViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<SearchViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => SearchViewModel;
 /** The Search component provides a way to perform search operations on locator service(s), map/feature service feature layer(s), SceneLayers with an associated feature layer,

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

@@ -15,7 +15,7 @@ import { u as A } from "../../chunks/useT9n.js";
 import { watch as N } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 function m(d) {
   return d?.abort(), null;
 }

package/dist/components/arcgis-search-result-renderer/customElement.js

@@ -7,7 +7,7 @@ import { css as $ } from "@lit/reactive-element/css-tag.js";
 import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const i = "arcgis-search-result-renderer", o = {
   base: i,
   showMoreResults: `${i}__more-results--show-more-results`,

package/dist/components/arcgis-shadow-cast/customElement.d.ts

@@ -6,18 +6,15 @@ import { default as ShadowCast } from '@arcgis/core/widgets/ShadowCast.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useShadowCastWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<ShadowCast, never> & {
+declare const useShadowCastWidget: (component: LitElement & Pick<ShadowCast, never> & {
     state?: unknown;
     viewModel?: __esri.ShadowCastViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

package/dist/components/arcgis-shadow-cast/customElement.js

@@ -6,7 +6,7 @@ import { m as d } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const l = r`@layer{arcgis-shadow-cast{display:block}}`, n = d(s);
 class c extends o {
   constructor() {

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

@@ -7,18 +7,15 @@ import { default as Sketch } from '@arcgis/core/widgets/Sketch.js';
 import { PublicLitElement as LitElement, ToElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useSketchWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Sketch, never> & {
+declare const useSketchWidget: (component: LitElement & Pick<Sketch, never> & {
     state?: "ready" | "disabled" | "active" | undefined;
     viewModel?: __esri.SketchViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -8,7 +8,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const p = g`@layer{arcgis-sketch{display:block}}`, c = r(n);
 class m extends a {
   //#endregion

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

@@ -6,18 +6,15 @@ import { default as Slice } from '@arcgis/core/widgets/Slice.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useSliceWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Slice, never> & {
+declare const useSliceWidget: (component: LitElement & Pick<Slice, never> & {
     state?: unknown;
     viewModel?: __esri.SliceViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -6,7 +6,7 @@ import { m as l } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const d = r`@layer{arcgis-slice{display:block}}`, h = l(s);
 class c extends i {
   constructor() {

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

@@ -6,18 +6,15 @@ import { default as Slider } from '@arcgis/core/widgets/Slider.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useSliderWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Slider, never> & {
+declare const useSliderWidget: (component: LitElement & Pick<Slider, never> & {
     state?: "ready" | "disabled" | "editing" | "dragging" | undefined;
     viewModel?: __esri.SliderViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -7,7 +7,7 @@ import { m as g } from "../../chunks/useWidget.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.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const c = m`@layer{arcgis-slider{min-width:200px;min-height:25px}}`, r = g(n);
 class d extends a {
   constructor() {

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

@@ -6,10 +6,7 @@ import { default as SwipeViewModel } from '@arcgis/core/widgets/Swipe/SwipeViewM
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useSwipeViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<SwipeViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<SwipeViewModel>, options?: {
+declare const useSwipeViewModel: (component: LitElement & Pick<SwipeViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<SwipeViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => SwipeViewModel;
 /**

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

@@ -11,7 +11,7 @@ import { l as b } from "../../chunks/legacyIcon.js";
 import { css as A } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
+v4.33.0-next.98 */
 const H = A`@layer{arcgis-swipe,.arcgis-swipe{position:absolute;margin:0;background:transparent!important;padding:0;width:100%;height:100%;overflow:hidden;user-select:none}.arcgis-swipe,.arcgis-ui .arcgis-swipe{pointer-events:none!important}.arcgis-swipe__container{position:absolute;z-index:1;margin:0;outline:0;border:0;padding:0;overflow:hidden;pointer-events:auto;touch-action:none;outline-color:transparent}.arcgis-swipe--horizontal .arcgis-swipe__container{margin-left:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:col-resize;height:100%}.arcgis-swipe--vertical .arcgis-swipe__container{margin-top:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:row-resize;width:100%}.arcgis-swipe--disabled .arcgis-swipe__container{cursor:default;pointer-events:none}.arcgis-swipe__divider{position:absolute;background-color:var(--calcite-color-background)}.arcgis-swipe--horizontal .arcgis-swipe__divider{top:0;left:calc(var(--calcite-spacing-xxxl) / 2);margin-left:calc(var(--calcite-border-width-lg) * .5 * -1);border-right:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:var(--calcite-border-width-lg);height:100%}.arcgis-swipe--vertical .arcgis-swipe__divider{top:calc(var(--calcite-spacing-xxxl) / 2);left:0;margin-top:calc(var(--calcite-border-width-lg) * .5 * -1);border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:100%;height:var(--calcite-border-width-lg)}.arcgis-swipe__handle{display:flex;position:relative;align-items:center;justify-content:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-radius:var(--calcite-corner-radius-round);background-color:var(--calcite-color-background);width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);color:var(--calcite-color-border-input)}.arcgis-swipe__handle--hidden{visibility:hidden}.arcgis-swipe--vertical .arcgis-swipe__handle{rotate:90deg}.arcgis-swipe__handle-icon{position:relative;z-index:2}.arcgis-swipe--horizontal .arcgis-swipe__handle{top:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe--vertical .arcgis-swipe__handle{left:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe__container:focus .arcgis-swipe__handle,.arcgis-swipe__container:focus .arcgis-swipe__divider{outline:inset 2px var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.arcgis-swipe__container:focus .arcgis-swipe__handle{outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}`, l = "arcgis-swipe", n = {
   base: l,
   baseDisabled: `${l}--disabled`,

package/dist/components/arcgis-table-list/customElement.d.ts

@@ -6,31 +6,30 @@ import { default as TableList } from '@arcgis/core/widgets/TableList.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useTableListWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<TableList, never> & {
+declare const useTableListWidget: (component: LitElement & Pick<TableList, never> & {
     state?: unknown;
     viewModel?: __esri.TableListViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
         childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
+            ownedBy
+            /**
+             * 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\` method when you are done to prevent
+             * memory leaks.
+             */
+            ?: HTMLElement;
         };
-        view? /**
-         * 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\` method when you are done to prevent
-         * memory leaks.
-         */: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;

package/dist/components/arcgis-table-list/customElement.js

@@ -3,16 +3,16 @@ import { usePropertyChange as e } from "@arcgis/lumina/controllers";
 import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
 import s from "@arcgis/core/widgets/TableList.js";
 import { LitElement as o, createEvent as l, noShadowRoot as r } from "@arcgis/lumina";
-import { c as a } from "../../chunks/createCloseEvent.js";
-import { m as h } from "../../chunks/useWidget.js";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { m as a } from "../../chunks/useWidget.js";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+import { c as d } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.96 */
-const n = d`@layer{arcgis-table-list{display:block}}`, m = h(s);
+v4.33.0-next.98 */
+const n = h`@layer{arcgis-table-list{display:block}}`, m = a(s);
 class c extends o {
   constructor() {
-    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.arcgisClose = a(this), this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.hideFlow = this.widget.visibleElements.flow, this.showHeading = this.widget.visibleElements.heading, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.showTemporaryTableIndicators = this.widget.visibleElements.temporaryTableIndicators, this.arcgisPropertyChange = e()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = i(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.arcgisClose = d(this), this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.state = this.viewModel.state, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.hideFlow = this.widget.visibleElements.flow, this.showHeading = this.widget.visibleElements.heading, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.showTemporaryTableIndicators = this.widget.visibleElements.temporaryTableIndicators, this.arcgisPropertyChange = e()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = i(() => this.widget, "trigger-action");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, icon: 1, label: 1, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, state: 3, tableItems: 32, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, hideFlow: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryTableIndicators: 5 };

package/dist/components/arcgis-time-slider/customElement.d.ts

@@ -6,18 +6,15 @@ import { default as TimeSlider } from '@arcgis/core/widgets/TimeSlider.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useTimeSliderWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<TimeSlider, never> & {
+declare const useTimeSliderWidget: (component: LitElement & Pick<TimeSlider, never> & {
     state?: unknown;
     viewModel?: __esri.TimeSliderViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {