@arcgis/map-components 4.32.0-next.98 → 4.33.0-next.0

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

@@ -14,29 +14,10 @@ declare const useScaleBarViewModel: (component: import('@arcgis/components-contr
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<ScaleBarViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "disabled" | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    position: __esri.UIPosition;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | undefined;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
+} & Pick<ScaleBarViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ScaleBarViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => ScaleBarViewModel;
-/** The [ScaleBar](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleBar.html) displays a scale bar on the map or in a specified HTML node.
+/** The ScaleBar component displays a scale bar on the map or in a specified HTML node.
  */
 export declare class ArcgisScaleBar extends LitElement {
     private messages;

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

@@ -6,14 +6,15 @@ import { getDefaultUnitForView as w } from "@arcgis/core/applications/Components
 import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
 import { formatNumber as S } from "@arcgis/core/intl.js";
 import L from "@arcgis/core/widgets/ScaleBar/ScaleBarViewModel.js";
-import { LitElement as B, createEvent as M, noShadowRoot as R, safeClassMap as a, safeStyleMap as f } from "@arcgis/lumina";
-import { u as x, m as D } from "../../chunks/useViewModel.js";
+import { LitElement as B, createEvent as M, noShadowRoot as R, safeClassMap as a, safeStyleMap as _ } from "@arcgis/lumina";
+import { u as x } from "../../chunks/useView.js";
+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.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
-function $(_ = 0, e = 0) {
-  return { x: _, y: e };
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
+function $(f = 0, e = 0) {
+  return { x: f, y: e };
 }
 const r = "esri-scale-bar", t = {
   base: r,
@@ -87,7 +88,7 @@ class k extends B {
   _handleRootCreateOrUpdate() {
     if (!this.viewModel)
       return;
-    const e = this._scaleComputedFrom, i = this.el.getBoundingClientRect(), o = i.left + window.pageXOffset, l = i.top + window.pageYOffset, n = $(o, l);
+    const e = this._scaleComputedFrom, i = this.el.getBoundingClientRect(), s = i.left + window.pageXOffset, l = i.top + window.pageYOffset, n = $(s, l);
     (n.x !== e.x || n.y !== e.y) && (this._scaleComputedFrom = n);
   }
   _formatDistance(e, i) {
@@ -103,33 +104,33 @@ class k extends B {
     const e = this.viewModel.state === "disabled", i = {
       [v.disabled]: e
     };
-    let o, l;
+    let s, l;
     if (!e) {
-      const { unit: n, barStyle: c } = this, b = n === "imperial" || n === "dual", p = n === "metric" || n === "dual", m = 100, h = n === "dual" ? "line" : c;
-      if (b) {
-        const s = this.viewModel.getScaleBarProperties(m, "imperial");
-        s && (l = h === "ruler" ? this._renderRuler(s) : this._renderLine(s, "bottom"));
-      }
+      const { unit: n, barStyle: c } = this, p = n === "imperial" || n === "dual", b = n === "metric" || n === "dual", m = 100, h = n === "dual" ? "line" : c;
       if (p) {
-        const s = this.viewModel.getScaleBarProperties(m, "metric");
-        s && (o = h === "ruler" ? this._renderRuler(s) : this._renderLine(s, "top"));
+        const o = this.viewModel.getScaleBarProperties(m, "imperial");
+        o && (l = h === "ruler" ? this._renderRuler(o) : this._renderLine(o, "bottom"));
+      }
+      if (b) {
+        const o = this.viewModel.getScaleBarProperties(m, "metric");
+        o && (s = h === "ruler" ? this._renderRuler(o) : this._renderLine(o, "top"));
       }
     }
-    return u`<div class=${a(d(t.base, v.widget, i))} ${g(this._handleContainerRef)}>${o}${l}</div>`;
+    return u`<div class=${a(d(t.base, v.widget, i))} ${g(this._handleContainerRef)}>${s}${l}</div>`;
   }
   _renderRuler(e) {
-    const { length: i, unit: o, value: l } = e, n = Math.round(i), c = this._formatDistance(l, o);
-    return u`<div class=${a(d(t.barContainer, t.rulerBarContainer))}><div class=${a(t.ruler)} style=${f({ width: `${n}px` })}><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div></div><div class=${a(d(t.labelContainer, t.rulerLabelContainer))}><div class=${a(t.label)}>0</div><div class=${a(t.label)}>${c}</div></div></div>`;
+    const { length: i, unit: s, value: l } = e, n = Math.round(i), c = this._formatDistance(l, s);
+    return u`<div class=${a(d(t.barContainer, t.rulerBarContainer))}><div class=${a(t.ruler)} style=${_({ width: `${n}px` })}><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div></div><div class=${a(d(t.labelContainer, t.rulerLabelContainer))}><div class=${a(t.label)}>0</div><div class=${a(t.label)}>${c}</div></div></div>`;
   }
   _renderLine(e, i) {
-    const { length: o, unit: l, value: n } = e, c = Math.round(o), b = this._formatDistance(n, l), p = {
+    const { length: s, unit: l, value: n } = e, c = Math.round(s), p = this._formatDistance(n, l), b = {
       [t.topLabelContainer]: i === "top",
       [t.bottomLabelContainer]: i === "bottom"
-    }, m = u`<div class=${a(d(t.labelContainer, t.lineLabelContainer, p))}><div class=${a(t.label)}>${b}</div></div>`, h = {
+    }, m = u`<div class=${a(d(t.labelContainer, t.lineLabelContainer, b))}><div class=${a(t.label)}>${p}</div></div>`, h = {
       [t.topLine]: i === "top",
       [t.bottomLine]: i === "bottom"
-    }, s = u`<div class=${a(d(t.line, h))} style=${f({ width: `${c}px` })}></div>`;
-    return u`<div class=${a(d(t.barContainer, t.lineBarContainer))}>${[s, m]}</div>`;
+    }, o = u`<div class=${a(d(t.line, h))} style=${_({ width: `${c}px` })}></div>`;
+    return u`<div class=${a(d(t.barContainer, t.lineBarContainer))}>${[o, m]}</div>`;
   }
 }
 C("arcgis-scale-bar", k);

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

@@ -34,7 +34,7 @@ declare const useScaleRangeSliderWidget: (component: import('@arcgis/components-
 }, options?: {
     editConstructorProperties(props: __esri.ScaleRangeSliderProperties | undefined): __esri.ScaleRangeSliderProperties | Promise<__esri.ScaleRangeSliderProperties | undefined> | undefined;
 } | undefined) => ScaleRangeSlider;
-/** The [ScaleRangeSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html) allows the user to set a minimum and maximum scale based on named scale ranges.
+/** The ScaleRangeSlider component allows the user to set a minimum and maximum scale based on named scale ranges.
  */
 export declare class ArcgisScaleRangeSlider extends LitElement {
     /**

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

@@ -5,8 +5,8 @@ import { LitElement as s, createEvent as a, noShadowRoot as l } from "@arcgis/lu
 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.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
 const c = n`arcgis-scale-range-slider{display:block}`, r = o(t);
 class h extends s {
   constructor() {

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

@@ -30,7 +30,7 @@ declare const useSceneView: (component: import('@arcgis/components-controllers')
 }, options?: {
     editConstructorProperties(props: __esri.SceneViewProperties | undefined): __esri.SceneViewProperties | Promise<__esri.SceneViewProperties | undefined> | undefined;
 } | undefined) => SceneView;
-/** The web [scene](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html) is the core element of 3D mapping across ArcGIS. It defines the content, style, environment, and slides of your scene and it can be shared across multiple ArcGIS web and desktop applications.
+/** The web scene is the core element of 3D mapping across ArcGIS. It defines the content, style, environment, and slides of your scene and it can be shared across multiple ArcGIS web and desktop applications.
  */
 export declare class ArcgisScene extends LitElement {
     /** Internal view of the component. */
@@ -153,7 +153,7 @@ export declare class ArcgisScene extends LitElement {
      * The highlights property is a collection of HighlightGroup objects that
      * allow you to visually emphasize specific features on the map.
      */
-    readonly highlights: __esri.Collection<any>;
+    highlights: __esri.Collection<__esri.HighlightOptions>;
     /**
      * @deprecated
      *
@@ -176,7 +176,7 @@ export declare class ArcgisScene extends LitElement {
      * esri/views/layers/LayerView LayerViews of the
      * esri/Map#layers operational layers in the map.
      */
-    layerViews: __esri.Collection<__esri.LayerView>;
+    readonly layerViews: __esri.Collection<__esri.LayerView>;
     /** The magnifier allows for showing a portion of the view as a magnifier image on top of the view. */
     readonly magnifier: __esri.Magnifier;
     /** An instance of a esri/Map object to display in the view. */
@@ -239,7 +239,7 @@ export declare class ArcgisScene extends LitElement {
      * or by processing received data.
      */
     readonly updating: boolean;
-    viewingMode: "global" | "local";
+    viewingMode: "local" | "global";
     /**
      * Represents the current view as a Viewpoint or point of observation on the view.
      * Setting the viewpoint immediately changes the current view. For animating
@@ -264,6 +264,10 @@ export declare class ArcgisScene extends LitElement {
     addLayer(layer: __esri.Layer | Promise<any>, index?: number): Promise<void>;
     /** Adds a layer or array of layers to the map layers collection. */
     addLayers(layers: __esri.Layer[], index?: number): Promise<void>;
+    /** Adds a table to the map tables collection. */
+    addTable(table: __esri.FeatureLayer): Promise<void>;
+    /** Adds a table or array of tables to the map tables collection. */
+    addTables(tables: __esri.FeatureLayer[], index?: number): Promise<void>;
     /** Closes the popup. */
     closePopup(): Promise<void>;
     /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */

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

@@ -1,18 +1,18 @@
 import { c as m } from "../../chunks/runtime.js";
-import { makeAccessorController as c, reEmitEvent as t, accessorSupport as w } from "@arcgis/components-controllers/accessor";
+import { makeAccessorController as c, reEmitEvent as t, accessorSupport as v } from "@arcgis/components-controllers/accessor";
 import { watch as a } from "@arcgis/core/core/reactiveUtils.js";
-import v from "@arcgis/core/views/SceneView.js";
-import l from "@arcgis/core/WebScene.js";
-import { LitElement as d, createEvent as r, noShadowRoot as g } from "@arcgis/lumina";
+import w from "@arcgis/core/views/SceneView.js";
+import d from "@arcgis/core/WebScene.js";
+import { LitElement as l, createEvent as r, noShadowRoot as g } from "@arcgis/lumina";
 import { c as h, p as n, e as o, i as p } 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.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
-const u = y`.arcgis-scene{padding:0;margin:0;height:100%;width:100%}`, f = c(l, {}), _ = c(v, {});
-class b extends d {
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
+const u = y`.arcgis-scene{padding:0;margin:0;height:100%;width:100%}`, f = c(d, {}), _ = c(w, {});
+class b extends l {
   constructor() {
-    super(...arguments), this._map = f(this, { editConstructorProperties: this._editMapProperties }), this.view = _(this, { editConstructorProperties: this._editViewProperties }), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.updating = this.view.updating, this.viewingMode = this.view.viewingMode, this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layer-view-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layer-view-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layer-view-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r();
+    super(...arguments), this._camera = void 0, this._center = void 0, this._extent = void 0, this._itemId = void 0, this._map = f(this, { editConstructorProperties: this._editMapProperties }), this._scale = void 0, this._viewpoint = void 0, this._zoom = void 0, this._cameraFov = void 0, this._cameraHeading = void 0, this._cameraPosition = void 0, this._cameraTilt = void 0, this.view = _(this, { editConstructorProperties: this._editViewProperties }), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.updating = this.view.updating, this.viewingMode = this.view.viewingMode, this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layer-view-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layer-view-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layer-view-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r();
   }
   static {
     this.properties = { view: 32, allLayerViews: 0, alphaCompositingEnabled: 5, analyses: 0, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, gamepad: 32, graphics: 0, ground: 0, groundView: 0, highlights: 0, highlightOptions: 0, interacting: 32, itemId: 3, layerViews: 0, magnifier: 0, map: 0, navigating: 32, navigation: 0, padding: 0, performanceInfo: 32, popup: 0, popupDisabled: 5, qualityProfile: 1, ready: 4, resolution: 32, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, updating: 7, viewingMode: 1, viewpoint: 0, zoom: 9 };
@@ -40,9 +40,9 @@ class b extends d {
     return this.view.camera?.fov ?? this._cameraFov;
   }
   set cameraFov(i) {
-    this.ready ? i != null && this._mutateCamera((e) => {
+    this.ready && i != null && this._mutateCamera((e) => {
       e.fov = i;
-    }) : this._cameraFov = i;
+    }), this._cameraFov = i;
   }
   /**
    * The compass heading of the camera in degrees.
@@ -55,9 +55,9 @@ class b extends d {
     return this.view.camera?.heading ?? this._cameraHeading;
   }
   set cameraHeading(i) {
-    this.ready ? i != null && this._mutateCamera((e) => {
+    this.ready && i != null && this._mutateCamera((e) => {
       e.heading = i;
-    }) : this._cameraHeading = i;
+    }), this._cameraHeading = i;
   }
   /**
    * The position of the camera defined by a map point. It can be an `esri/geometry/Point` instance or a string with the
@@ -91,9 +91,9 @@ class b extends d {
     return this.view.camera?.tilt ?? this._cameraTilt;
   }
   set cameraTilt(i) {
-    this.ready ? i != null && this._mutateCamera((e) => {
+    this.ready && i != null && this._mutateCamera((e) => {
       e.tilt = i;
-    }) : this._cameraTilt = i;
+    }), this._cameraTilt = i;
   }
   /**
    * Represents the view's center point; when setting the center, you may pass a
@@ -119,7 +119,7 @@ class b extends d {
     return this.view.extent ?? this._extent;
   }
   set extent(i) {
-    this.view.ready || (this._extent = i), i && !this.extent?.equals(i) && (this.view.extent = i);
+    this.ready && i && !this.extent?.equals(i) && (this.view.extent = i), this._extent = i;
   }
   /** Gamepad input specific configuration settings.. */
   get gamepad() {
@@ -138,7 +138,7 @@ class b extends d {
     return this._map.portalItem?.id ?? this._itemId;
   }
   set itemId(i) {
-    this._itemId = i, this.ready && w.reCreate(this._map, this).then(() => {
+    this._itemId = i, this.ready && v.reCreate(this._map, this).then(() => {
       this.view.map = this._map;
     }).catch(console.error);
   }
@@ -184,7 +184,7 @@ class b extends d {
     return this.view.viewpoint ?? this._viewpoint;
   }
   set viewpoint(i) {
-    p(this.viewpoint, i) && (this.ready && (this.view.viewpoint = i), this._viewpoint = i);
+    this.ready && p(this.viewpoint, i) && (this.view.viewpoint = i), this._viewpoint = i;
   }
   /**
    * Represents the level of detail (LOD) at the center of the view.
@@ -213,6 +213,14 @@ class b extends d {
   async addLayers(i, e) {
     this.map?.addMany(i, e);
   }
+  /** Adds a table to the map tables collection. */
+  async addTable(i) {
+    this.map?.tables.add(i);
+  }
+  /** Adds a table or array of tables to the map tables collection. */
+  async addTables(i, e) {
+    this.map?.tables.addMany(i, e);
+  }
   /** Closes the popup. */
   async closePopup() {
     this.view?.closePopup();

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

@@ -34,7 +34,7 @@ declare const useSearchWidget: (component: import('@arcgis/components-controller
 }, options?: {
     editConstructorProperties(props: __esri.widgetsSearchProperties | undefined): __esri.widgetsSearchProperties | Promise<__esri.widgetsSearchProperties | undefined> | undefined;
 } | undefined) => Search;
-/** [Search](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html) provides a way to perform search operations
+/** Search component provides a way to perform search operations
  */
 export declare class ArcgisSearch extends LitElement {
     activeMenu: "source" | "none" | "warning" | "suggestion";
@@ -78,7 +78,7 @@ export declare class ArcgisSearch extends LitElement {
     searchTerm: string;
     readonly selectedResult: nullish | __esri.SearchResult;
     sources: __esri.Collection<__esri.SearchSource>;
-    readonly state: "ready" | "disabled" | "loading" | "searching";
+    readonly state: "ready" | "loading" | "disabled" | "searching";
     readonly suggestions: nullish | __esri.SearchResultsSuggestions[];
     suggestionsDisabled: boolean;
     blurSearch(): Promise<void>;

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

@@ -6,8 +6,8 @@ import { LitElement as r, createEvent as h, noShadowRoot as l } from "@arcgis/lu
 import { m as c } from "../../chunks/useWidget.js";
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
 const g = o`arcgis-search{display:block}`, d = c(a);
 class u extends r {
   constructor() {

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

@@ -34,7 +34,7 @@ declare const useShadowCastWidget: (component: import('@arcgis/components-contro
 }, options?: {
     editConstructorProperties(props: __esri.ShadowCastProperties | undefined): __esri.ShadowCastProperties | Promise<__esri.ShadowCastProperties | undefined> | undefined;
 } | undefined) => ShadowCast;
-/** [ShadowCast](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ShadowCast.html) displays the cumulative shadows of 3D features in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+/** ShadowCast component displays the cumulative shadows of 3D features in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
  */
 export declare class ArcgisShadowCast extends LitElement {
     /**

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

@@ -5,8 +5,8 @@ import { LitElement as o, createEvent as a, noShadowRoot as h } from "@arcgis/lu
 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.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
 const n = r`arcgis-shadow-cast{display:block}`, l = d(s);
 class c extends o {
   constructor() {

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

@@ -35,10 +35,10 @@ declare const useSketchWidget: (component: import('@arcgis/components-controller
 }, options?: {
     editConstructorProperties(props: __esri.SketchProperties | undefined): __esri.SketchProperties | Promise<__esri.SketchProperties | undefined> | undefined;
 } | undefined) => Sketch;
-/** [Sketch](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html) provides a simple UI for creating and updating graphics on a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+/** Sketch component provides a simple UI for creating and updating graphics on a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
  */
 export declare class ArcgisSketch extends LitElement {
-    readonly activeTool: nullish | "rectangle" | "polygon" | "point" | "move" | "circle" | "reshape" | "polyline" | "transform" | "multipoint" | "mesh" | "rectangle-selection" | "lasso-selection" | "custom-selection";
+    readonly activeTool: nullish | "point" | "multipoint" | "polygon" | "polyline" | "mesh" | "rectangle" | "move" | "circle" | "reshape" | "transform" | "freehandPolyline" | "freehandPolygon" | "rectangle-selection" | "lasso-selection" | "custom-selection";
     /**
      * 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
@@ -47,7 +47,7 @@ export declare class ArcgisSketch extends LitElement {
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
-    availableCreateTools: nullish | string[];
+    availableCreateTools: nullish | ("point" | "multipoint" | "polygon" | "polyline" | "mesh" | "rectangle" | "circle" | "freehandPolyline" | "freehandPolygon")[];
     readonly createGraphic: nullish | __esri.Graphic;
     creationMode: "update" | "single" | "continuous";
     defaultCreateOptions: __esri.SketchDefaultCreateOptions;
@@ -91,7 +91,6 @@ export declare class ArcgisSketch extends LitElement {
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     scale: "s" | "l" | "m";
-    selectionManagementStyle: "inline" | "separate";
     showSnappingControlsElementsHeader: boolean;
     snappingOptions: __esri.SnappingOptions;
     readonly state: "ready" | "disabled" | "active";

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

@@ -2,22 +2,22 @@ import { c as s } from "../../chunks/runtime.js";
 import { usePropertyChange as o } from "@arcgis/components-controllers";
 import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
 import l from "@arcgis/core/layers/GraphicsLayer.js";
-import n from "@arcgis/core/widgets/Sketch.js";
-import { LitElement as a, createEvent as h, noShadowRoot as d } from "@arcgis/lumina";
+import a from "@arcgis/core/widgets/Sketch.js";
+import { LitElement as n, createEvent as h, noShadowRoot as d } from "@arcgis/lumina";
 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.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
-const p = g`arcgis-sketch{display:block}`, c = r(n);
-class m extends a {
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
+const p = g`arcgis-sketch{display:block}`, c = r(a);
+class m extends n {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.widget = c(this, { editConstructorProperties: this._editConstructorProperties }), this.viewModel = this.widget.viewModel, this.activeTool = this.widget.activeTool, this.autoDestroyDisabled = !1, this.availableCreateTools = this.widget.availableCreateTools, this.createGraphic = this.widget.createGraphic, this.creationMode = this.widget.creationMode, this.defaultCreateOptions = this.widget.defaultCreateOptions, this.defaultGraphicsLayerDisabled = !1, this.defaultUpdateOptions = this.widget.defaultUpdateOptions, this.hideCreateToolsCircle = this.widget.visibleElements.createTools.circle, this.hideCreateToolsPoint = this.widget.visibleElements.createTools.point, this.hideCreateToolsPolygon = this.widget.visibleElements.createTools.polygon, this.hideCreateToolsPolyline = this.widget.visibleElements.createTools.polyline, this.hideCreateToolsRectangle = this.widget.visibleElements.createTools.rectangle, this.hideDuplicateButton = this.widget.visibleElements.duplicateButton, this.hideLabelsToggle = this.widget.visibleElements.labelsToggle, this.hideSelectionToolsLassoSelection = this.widget.visibleElements.selectionTools["lasso-selection"], this.hideSelectionToolsRectangleSelection = this.widget.visibleElements.selectionTools["rectangle-selection"], this.hideSettingsMenu = this.widget.visibleElements.settingsMenu, this.hideSnappingControls = this.widget.visibleElements.snappingControls, this.hideSnappingControlsElementsEnabledToggle = this.widget.visibleElements.snappingControlsElements.enabledToggle, this.hideSnappingControlsElementsFeatureEnabledToggle = this.widget.visibleElements.snappingControlsElements.featureEnabledToggle, this.hideSnappingControlsElementsLayerList = this.widget.visibleElements.snappingControlsElements.layerList, this.hideSnappingControlsElementsSelfEnabledToggle = this.widget.visibleElements.snappingControlsElements.selfEnabledToggle, this.hideTooltipsToggle = this.widget.visibleElements.tooltipsToggle, this.hideUndoRedoMenu = this.widget.visibleElements.undoRedoMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.labelOptions = this.widget.labelOptions, this.layer = this.widget.layer, this.layout = this.widget.layout, this.pointSymbol = this.viewModel.pointSymbol, this.polygonSymbol = this.viewModel.polygonSymbol, this.polylineSymbol = this.viewModel.polylineSymbol, this.position = "bottom-left", this.scale = this.widget.scale, this.selectionManagementStyle = this.widget.selectionManagementStyle, this.showSnappingControlsElementsHeader = this.widget.visibleElements.snappingControlsElements.header, this.snappingOptions = this.widget.snappingOptions, this.state = this.widget.state, this.tooltipOptions = this.widget.tooltipOptions, this.updateGraphics = this.widget.updateGraphics, this.arcgisCreate = t(() => this.widget, "create"), this.arcgisDelete = t(() => this.widget, "delete"), this.arcgisPropertyChange = o()("state"), this.arcgisReady = h(), this.arcgisRedo = t(() => this.widget, "redo"), this.arcgisUndo = t(() => this.widget, "undo"), this.arcgisUpdate = t(() => this.widget, "update"), this.listen("arcgisReady", this._arcgisReadyHandler);
+    super(), this.widget = c(this, { editConstructorProperties: this._editConstructorProperties }), this.viewModel = this.widget.viewModel, this.activeTool = this.widget.activeTool, this.autoDestroyDisabled = !1, this.availableCreateTools = this.widget.availableCreateTools, this.createGraphic = this.widget.createGraphic, this.creationMode = this.widget.creationMode, this.defaultCreateOptions = this.widget.defaultCreateOptions, this.defaultGraphicsLayerDisabled = !1, this.defaultUpdateOptions = this.widget.defaultUpdateOptions, this.hideCreateToolsCircle = this.widget.visibleElements.createTools.circle, this.hideCreateToolsPoint = this.widget.visibleElements.createTools.point, this.hideCreateToolsPolygon = this.widget.visibleElements.createTools.polygon, this.hideCreateToolsPolyline = this.widget.visibleElements.createTools.polyline, this.hideCreateToolsRectangle = this.widget.visibleElements.createTools.rectangle, this.hideDuplicateButton = this.widget.visibleElements.duplicateButton, this.hideLabelsToggle = this.widget.visibleElements.labelsToggle, this.hideSelectionToolsLassoSelection = this.widget.visibleElements.selectionTools["lasso-selection"], this.hideSelectionToolsRectangleSelection = this.widget.visibleElements.selectionTools["rectangle-selection"], this.hideSettingsMenu = this.widget.visibleElements.settingsMenu, this.hideSnappingControls = this.widget.visibleElements.snappingControls, this.hideSnappingControlsElementsEnabledToggle = this.widget.visibleElements.snappingControlsElements.enabledToggle, this.hideSnappingControlsElementsFeatureEnabledToggle = this.widget.visibleElements.snappingControlsElements.featureEnabledToggle, this.hideSnappingControlsElementsLayerList = this.widget.visibleElements.snappingControlsElements.layerList, this.hideSnappingControlsElementsSelfEnabledToggle = this.widget.visibleElements.snappingControlsElements.selfEnabledToggle, this.hideTooltipsToggle = this.widget.visibleElements.tooltipsToggle, this.hideUndoRedoMenu = this.widget.visibleElements.undoRedoMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.labelOptions = this.widget.labelOptions, this.layer = this.widget.layer, this.layout = this.widget.layout, this.pointSymbol = this.viewModel.pointSymbol, this.polygonSymbol = this.viewModel.polygonSymbol, this.polylineSymbol = this.viewModel.polylineSymbol, this.position = "bottom-left", this.scale = this.widget.scale, this.showSnappingControlsElementsHeader = this.widget.visibleElements.snappingControlsElements.header, this.snappingOptions = this.widget.snappingOptions, this.state = this.widget.state, this.tooltipOptions = this.widget.tooltipOptions, this.updateGraphics = this.widget.updateGraphics, this.arcgisCreate = t(() => this.widget, "create"), this.arcgisDelete = t(() => this.widget, "delete"), this.arcgisPropertyChange = o()("state"), this.arcgisReady = h(), this.arcgisRedo = t(() => this.widget, "redo"), this.arcgisUndo = t(() => this.widget, "undo"), this.arcgisUpdate = t(() => this.widget, "update"), this.listen("arcgisReady", this._arcgisReadyHandler);
   }
   static {
-    this.properties = { activeTool: 3, autoDestroyDisabled: 5, availableCreateTools: 0, createGraphic: 0, creationMode: 1, defaultCreateOptions: 0, defaultGraphicsLayerDisabled: 5, defaultUpdateOptions: 0, hideCreateToolsCircle: 5, hideCreateToolsPoint: 5, hideCreateToolsPolygon: 5, hideCreateToolsPolyline: 5, hideCreateToolsRectangle: 5, hideDuplicateButton: 5, hideLabelsToggle: 5, hideSelectionToolsLassoSelection: 5, hideSelectionToolsRectangleSelection: 5, hideSettingsMenu: 5, hideSnappingControls: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideTooltipsToggle: 5, hideUndoRedoMenu: 5, icon: 1, label: 1, labelOptions: 0, layer: 0, layout: 1, pointSymbol: 0, polygonSymbol: 0, polylineSymbol: 0, position: 1, referenceElement: 1, scale: 1, selectionManagementStyle: 1, showSnappingControlsElementsHeader: 5, snappingOptions: 0, state: 3, tooltipOptions: 0, updateGraphics: 0 };
+    this.properties = { activeTool: 3, autoDestroyDisabled: 5, availableCreateTools: 0, createGraphic: 0, creationMode: 1, defaultCreateOptions: 0, defaultGraphicsLayerDisabled: 5, defaultUpdateOptions: 0, hideCreateToolsCircle: 5, hideCreateToolsPoint: 5, hideCreateToolsPolygon: 5, hideCreateToolsPolyline: 5, hideCreateToolsRectangle: 5, hideDuplicateButton: 5, hideLabelsToggle: 5, hideSelectionToolsLassoSelection: 5, hideSelectionToolsRectangleSelection: 5, hideSettingsMenu: 5, hideSnappingControls: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideTooltipsToggle: 5, hideUndoRedoMenu: 5, icon: 1, label: 1, labelOptions: 0, layer: 0, layout: 1, pointSymbol: 0, polygonSymbol: 0, polylineSymbol: 0, position: 1, referenceElement: 1, scale: 1, showSnappingControlsElementsHeader: 5, snappingOptions: 0, state: 3, tooltipOptions: 0, updateGraphics: 0 };
   }
   static {
     this.shadowRootOptions = d;

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

@@ -34,7 +34,7 @@ declare const useSliceWidget: (component: import('@arcgis/components-controllers
 }, options?: {
     editConstructorProperties(props: __esri.SliceProperties | undefined): __esri.SliceProperties | Promise<__esri.SliceProperties | undefined> | undefined;
 } | undefined) => Slice;
-/** [Slice](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slice.html) is a 3D analysis tool that can be used to reveal occluded content in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+/** Slice component is a 3D analysis tool that can be used to reveal occluded content in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
  */
 export declare class ArcgisSlice extends LitElement {
     readonly analysis: __esri.SliceAnalysis;

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

@@ -5,8 +5,8 @@ import { LitElement as i, createEvent as a, noShadowRoot as o } from "@arcgis/lu
 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.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
 const d = r`arcgis-slice{display:block}`, h = l(s);
 class c extends i {
   constructor() {

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

@@ -79,7 +79,7 @@ export declare class ArcgisSlider extends LitElement {
     thumbsConstrained: boolean;
     tickConfigs: __esri.TickConfig[];
     readonly tickElements: __esri.Collection<__esri.Collection<__esri.TickElementGroup>>;
-    trackElement: HTMLElement | nullish;
+    readonly trackElement: HTMLElement | nullish;
     values: nullish | number[];
     /** Permanently destroy the component */
     destroy(): Promise<void>;

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

@@ -6,8 +6,8 @@ import { LitElement as a, createEvent as h, noShadowRoot as l } from "@arcgis/lu
 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.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
 const c = m`arcgis-slider{min-width:200px;min-height:25px}`, r = g(n);
 class d extends a {
   constructor() {

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

@@ -11,29 +11,10 @@ declare const useSwipeViewModel: (component: import('@arcgis/components-controll
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<SwipeViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "disabled" | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    position: __esri.UIPosition;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | undefined;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
+} & Pick<SwipeViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<SwipeViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => SwipeViewModel;
-/** The [Swipe](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Swipe.html) provides a tool to show a portion of a layer or layers on top of a map.
+/** The Swipe component provides a tool to show a portion of a layer or layers on top of a map.
  */
 export declare class ArcgisSwipe extends LitElement {
     /** */

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

@@ -4,13 +4,14 @@ import { usePropertyChange as $ } from "@arcgis/components-controllers";
 import { classes as v } from "@arcgis/components-utils";
 import D from "@arcgis/core/widgets/Swipe/SwipeViewModel.js";
 import { LitElement as P, createEvent as C, noShadowRoot as M, safeClassMap as h, safeStyleMap as _, nothing as K } from "@arcgis/lumina";
-import { u as z, m as L } from "../../chunks/useViewModel.js";
+import { u as z } from "../../chunks/useView.js";
+import { m as L } from "../../chunks/useViewModel.js";
 import { g as m } from "../../chunks/globalCss.js";
 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.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
 const H = A`arcgis-swipe,.arcgis-swipe{position:absolute;margin:0;background:transparent;padding:0;width:100%;height:100%;overflow:hidden;user-select:none}.arcgis-swipe,.arcgis-ui .arcgis-swipe{pointer-events:none}.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

@@ -25,15 +25,7 @@ declare const useTableListWidget: (component: import('@arcgis/components-control
     }> | undefined;
     el: HTMLElement & {
         childElem?: 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;
+            ownedBy?: HTMLElement;
         };
         view?: __esri.MapView | __esri.SceneView | Nil;
     };
@@ -42,7 +34,7 @@ declare const useTableListWidget: (component: import('@arcgis/components-control
 }, options?: {
     editConstructorProperties(props: __esri.TableListProperties | undefined): __esri.TableListProperties | Promise<__esri.TableListProperties | undefined> | undefined;
 } | undefined) => TableList;
-/** The [TableList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-TableList.html) widget provides a way to display a list of tables associated with a [Map](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html).
+/** The TableList component provides a way to display a list of tables associated with a [Map](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html).
  */
 export declare class ArcgisTableList extends LitElement {
     /**
@@ -73,7 +65,7 @@ export declare class ArcgisTableList extends LitElement {
     referenceElement: ArcgisReferenceElement | Nil | string;
     selectedItems: __esri.Collection<__esri.TableListListItem>;
     selectionMode: "none" | "single" | "multiple" | "single-persist";
-    readonly state: "ready" | "disabled" | "loading";
+    readonly state: "ready" | "loading" | "disabled";
     /** The collection of table ListItems displayed within the component. */
     get tableItems(): __esri.Collection<__esri.TableListListItem>;
     showCloseButton: boolean;

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

@@ -6,8 +6,8 @@ import { LitElement as o, createEvent as l, noShadowRoot as r } from "@arcgis/lu
 import { m as a } 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.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
 const d = h`arcgis-table-list{display:block}`, n = a(s);
 class m extends o {
   constructor() {

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

@@ -34,7 +34,7 @@ declare const useTimeSliderWidget: (component: import('@arcgis/components-contro
 }, options?: {
     editConstructorProperties(props: __esri.widgetsTimeSliderProperties | undefined): __esri.widgetsTimeSliderProperties | Promise<__esri.widgetsTimeSliderProperties | undefined> | undefined;
 } | undefined) => TimeSlider;
-/** The [TimeSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-TimeSlider.html) simplifies visualization of temporal data in your application.
+/** The TimeSlider component simplifies visualization of temporal data in your application.
  */
 export declare class ArcgisTimeSlider extends LitElement {
     actions: __esri.Collection<__esri.Action>;

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

@@ -6,8 +6,8 @@ import { LitElement as a, createEvent as h, noShadowRoot as l } from "@arcgis/lu
 import { m as d } 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.32/esri/copyright.txt for details.
-v4.32.0-next.98 */
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.0 */
 const r = n`arcgis-time-slider{display:block}`, m = d(o);
 class c extends a {
   constructor() {