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

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

@@ -7,7 +7,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as d } 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.97 */
+v4.33.0-next.98 */
 const n = d`@layer{arcgis-time-slider{display:block}}`, m = r(o);
 class c extends a {
   constructor() {

package/dist/components/arcgis-time-zone-label/customElement.d.ts

@@ -45,20 +45,10 @@ export declare class ArcgisTimeZoneLabel extends LitElement {
      * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      */
     icon: HTMLCalciteIconElement["icon"] | Nil;
-    /**
-     * 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
-     * temporary hide it. If this is set, make sure to call the
-     * \`destroy\` method when you are done to prevent memory leaks.
-     */
-    autoDestroyDisabled: boolean;
     /** Overwrite localized strings for this component */
     messageOverrides?: typeof this._messages._overrides;
     /** The component's default label. */
     label: Nil | string;
-    /** Permanently destroy the component */
-    destroy(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;

package/dist/components/arcgis-time-zone-label/customElement.js

@@ -1,17 +1,17 @@
 import { c as h } from "../../chunks/runtime.js";
 import { html as s } from "lit-html";
 import { useDirection as p, usePropertyChange as _ } from "@arcgis/lumina/controllers";
-import { classes as d } from "@arcgis/components-utils";
-import { LitElement as g, createEvent as u, noShadowRoot as v, nothing as c, safeClassMap as n } from "@arcgis/lumina";
+import { classes as c } from "@arcgis/components-utils";
+import { LitElement as g, createEvent as u, noShadowRoot as v, nothing as d, safeClassMap as n } from "@arcgis/lumina";
 import { u as x } from "../../chunks/useT9n.js";
 import { g as m } from "../../chunks/globalCss.js";
 import { css as f } from "@lit/reactive-element/css-tag.js";
-import { u as y } from "../../chunks/useView.js";
-import { when as $, watch as D } from "@arcgis/core/core/reactiveUtils.js";
+import { u as $ } from "../../chunks/useView.js";
+import { when as y, watch as z } 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.97 */
-const z = f`@layer{.arcgis-time-zone-label{display:inline-flex;background-color:var(--calcite-color-foreground-1)}.arcgis-time-zone-label__badge{display:flex;padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-1)}.arcgis-time-zone-label__badge--disabled{opacity:var(--calcite-opacity-disabled)}.arcgis-time-zone-label__badge--hidden{display:none}.arcgis-time-zone-label__badge-icon{align-self:center}.arcgis-time-zone-label__name{--calcite-color-background: transparent;--calcite-color-border-input: transparent;--calcite-font-weight-medium: normal;pointer-events:none}.arcgis-time-zone-label__name--hidden{display:none}.arcgis-time-zone-label__label{--calcite-label-margin-bottom: 0;align-items:center;padding-inline:var(--calcite-spacing-sm)}.arcgis-time-zone-label__label--disabled{opacity:var(--calcite-opacity-disabled)}.arcgis-time-zone-label__label--hidden{display:none}}`, t = "esri-time-zone-label", i = {
+v4.33.0-next.98 */
+const D = f`@layer{.arcgis-time-zone-label{display:inline-flex;background-color:var(--calcite-color-foreground-1)}.arcgis-time-zone-label__badge{display:flex;padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-1)}.arcgis-time-zone-label__badge--disabled{opacity:var(--calcite-opacity-disabled)}.arcgis-time-zone-label__badge--hidden{display:none}.arcgis-time-zone-label__badge-icon{align-self:center}.arcgis-time-zone-label__name{--calcite-color-background: transparent;--calcite-color-border-input: transparent;--calcite-font-weight-medium: normal;pointer-events:none}.arcgis-time-zone-label__name--hidden{display:none}.arcgis-time-zone-label__label{--calcite-label-margin-bottom: 0;align-items:center;padding-inline:var(--calcite-spacing-sm)}.arcgis-time-zone-label__label--disabled{opacity:var(--calcite-opacity-disabled)}.arcgis-time-zone-label__label--hidden{display:none}}`, t = "esri-time-zone-label", i = {
   base: t,
   badge: `${t}__badge`,
   badgeDisabled: `${t}__badge--disabled`,
@@ -28,13 +28,13 @@ class w extends g {
   constructor() {
     super(...arguments), this._messages = x({ blocking: !0 }), this._onExpanderClick = () => {
       this.expanded = !this.expanded;
-    }, this.view = y(this), this._direction = p(), this._expandDirection = null, this._timeZone = null, this.state = "disabled", this.position = "top-left", this.disabled = !1, this.expanded = !1, this.icon = "time-zone", this.autoDestroyDisabled = !1, this.arcgisPropertyChange = _()("state"), this.arcgisReady = u();
+    }, this.view = $(this), this._direction = p(), this._expandDirection = null, this._timeZone = null, this.state = "disabled", this.position = "top-left", this.disabled = !1, this.expanded = !1, this.icon = "time-zone", this.arcgisPropertyChange = _()("state"), this.arcgisReady = u();
   }
   static {
-    this.properties = { _interactive: 16, _direction: 16, _expandDirection: 16, _timeZone: 16, state: 3, referenceElement: 1, position: 3, disabled: 7, expandDirection: 3, expanded: 7, icon: 3, autoDestroyDisabled: 5, messageOverrides: 0, label: 1 };
+    this.properties = { _interactive: 16, _direction: 16, _expandDirection: 16, _timeZone: 16, state: 3, referenceElement: 1, position: 3, disabled: 7, expandDirection: 3, expanded: 7, icon: 3, messageOverrides: 0, label: 1 };
   }
   static {
-    this.styles = z;
+    this.styles = D;
   }
   static {
     this.shadowRootOptions = v;
@@ -58,21 +58,15 @@ class w extends g {
     this._expandDirection = e;
   }
   //#endregion
-  //#region Public Methods
-  /** Permanently destroy the component */
-  async destroy() {
-    await this.manager.destroy();
-  }
-  //#endregion
   //#region Lifecycle
   // The following method is a temporary fix for a reactive issue.
   // When corrected, remove this method and add a getter for `state` instead.
   loaded() {
     this.state = this.view?.ready ? "ready" : "disabled", this.manager.onLifecycle(() => [
-      $(() => this.view?.ready, (e) => {
+      y(() => this.view?.ready, (e) => {
         this.state = e ? "ready" : "disabled";
       }),
-      D(() => this.view?.timeZone, (e) => {
+      z(() => this.view?.timeZone, (e) => {
         this._timeZone = e;
       })
     ]);
@@ -104,18 +98,18 @@ class w extends g {
   //#endregion
   //#region Rendering
   render() {
-    const e = d(i.base, m.widget, !this._interactive && m.disabled), a = this._renderExpander(), o = this._renderName(), r = this._renderBadge(), l = [a, o, r];
-    return this.expandDirection === "start" && l.reverse(), s`<div aria-label=${this.label ?? c} class=${n(e)}>${l}</div>`;
+    const e = c(i.base, m.widget, !this._interactive && m.disabled), a = this._renderExpander(), o = this._renderName(), r = this._renderBadge(), l = [a, o, r];
+    return this.expandDirection === "start" && l.reverse(), s`<div aria-label=${this.label ?? d} class=${n(e)}>${l}</div>`;
   }
   _renderExpander() {
     const e = this._getIcon();
-    return s`<calcite-action class=${n(i.expander)} .disabled=${!this._interactive} .icon=${e} @click=${this._onExpanderClick} scale=s .text=${this.label ?? ""} title=${this.label ?? "" ?? c}></calcite-action>`;
+    return s`<calcite-action class=${n(i.expander)} .disabled=${!this._interactive} .icon=${e} @click=${this._onExpanderClick} scale=s .text=${this.label ?? ""} title=${this.label ?? "" ?? d}></calcite-action>`;
   }
   _renderBadge() {
-    return s`<div class=${n(d(i.badge, !this.expanded && i.badgeHidden, !this._interactive && i.badgeDisabled))}><calcite-icon class=${n(i.badgeIcon)} icon=time-zone scale=s></calcite-icon></div>`;
+    return s`<div class=${n(c(i.badge, !this.expanded && i.badgeHidden, !this._interactive && i.badgeDisabled))}><calcite-icon class=${n(i.badgeIcon)} icon=time-zone scale=s></calcite-icon></div>`;
   }
   _renderName() {
-    const e = "system", a = "unknown", o = this._timeZone === e || this._timeZone == null ? Intl.DateTimeFormat().resolvedOptions().timeZone : this._timeZone, r = this._timeZone === a, l = s`<calcite-label class=${n(d(i.label, (!this.expanded || !r) && i.labelHidden, !this._interactive && i.labelDisabled))}>${this._messages.noAdjustment}</calcite-label>`, b = s`<calcite-input-time-zone class=${n(d(i.name, (!this.expanded || !o || r) && i.nameHidden))} .disabled=${!this._interactive} mode=region read-only .value=${o}></calcite-input-time-zone>`;
+    const e = "system", a = "unknown", o = this._timeZone === e || this._timeZone == null ? Intl.DateTimeFormat().resolvedOptions().timeZone : this._timeZone, r = this._timeZone === a, l = s`<calcite-label class=${n(c(i.label, (!this.expanded || !r) && i.labelHidden, !this._interactive && i.labelDisabled))}>${this._messages.noAdjustment}</calcite-label>`, b = s`<calcite-input-time-zone class=${n(c(i.name, (!this.expanded || !o || r) && i.nameHidden))} .disabled=${!this._interactive} mode=region read-only .value=${o}></calcite-input-time-zone>`;
     return [l, b];
   }
 }

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

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

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

@@ -11,7 +11,7 @@ import { g as c } from "../../chunks/globalCss.js";
 import { css as T } 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.97 */
+v4.33.0-next.98 */
 const y = T`@layer{arcgis-track{display:block}}`, $ = {
   base: "esri-track"
 }, D = b(v);

package/dist/components/arcgis-utility-network-associations/customElement.d.ts

@@ -8,18 +8,15 @@ import { PropertyValues } from 'lit';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 export type UtilityNetworkAssociationsWidget = InstanceType<typeof UtilityNetworkAssociations>;
-declare const useUtilityNetworkAssociationsWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<UtilityNetworkAssociations, never> & {
+declare const useUtilityNetworkAssociationsWidget: (component: LitElement & Pick<UtilityNetworkAssociations, never> & {
     state?: unknown;
     viewModel?: __esri.UtilityNetworkAssociationsViewModel | 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-utility-network-associations/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as c, createEvent as r, noShadowRoot as h } from "@arcgis/lu
 import { m as A } from "../../chunks/useWidget.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.97 */
+v4.33.0-next.98 */
 const S = A(a);
 class g extends c {
   constructor() {

package/dist/components/arcgis-utility-network-trace/customElement.d.ts

@@ -7,18 +7,15 @@ import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 export type UtilityNetworkTraceWidget = InstanceType<typeof UtilityNetworkTrace>;
-declare const useUtilityNetworkTraceWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<UtilityNetworkTrace, never> & {
+declare const useUtilityNetworkTraceWidget: (component: LitElement & Pick<UtilityNetworkTrace, never> & {
     state?: unknown;
     viewModel?: __esri.UtilityNetworkTraceViewModel | 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-utility-network-trace/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as a, createEvent as r, noShadowRoot as o } from "@arcgis/lu
 import { m as l } from "../../chunks/useWidget.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.97 */
+v4.33.0-next.98 */
 const d = l(s);
 class h extends a {
   constructor() {

package/dist/components/arcgis-utility-network-validate-topology/customElement.d.ts

@@ -7,10 +7,7 @@ import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgi
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 export type UtilityNetworkValidateTopologysWidget = InstanceType<typeof UtilityNetworkValidateTopology>;
-declare const useUtilityNetworkValidateTopologyWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<UtilityNetworkValidateTopology & {
+declare const useUtilityNetworkValidateTopologyWidget: (component: LitElement & Pick<UtilityNetworkValidateTopology & {
     viewModel: __esri.Accessor;
 }, "icon" | "label" | "viewModel" | "extentToValidate" | "utilityNetwork"> & {
     state?: unknown;
@@ -19,8 +16,8 @@ declare const useUtilityNetworkValidateTopologyWidget: (component: Omit<LitEleme
     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-utility-network-validate-topology/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as a, createEvent as r, noShadowRoot as l } from "@arcgis/lu
 import { m as h } from "../../chunks/useWidget.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.97 */
+v4.33.0-next.98 */
 const w = h(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/69562
   s

package/dist/components/arcgis-value-picker/customElement.d.ts

@@ -6,18 +6,15 @@ import { default as ValuePicker } from '@arcgis/core/widgets/ValuePicker.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useValuePickerWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<ValuePicker, never> & {
+declare const useValuePickerWidget: (component: LitElement & Pick<ValuePicker, never> & {
     state?: unknown;
     viewModel?: unknown;
     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-value-picker/customElement.js

@@ -7,7 +7,7 @@ import { m as h } 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.97 */
+v4.33.0-next.98 */
 const l = r`@layer{arcgis-value-picker{display:block}}`, c = h(s);
 class u extends a {
   constructor() {

package/dist/components/arcgis-version-management/customElement.d.ts

@@ -8,10 +8,7 @@ import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { ArcgisVersionManagementServiceItem } from '../arcgis-version-management-service-item/customElement.js';
 
 export type VersionManagementViewModelWidget = InstanceType<typeof VersionManagementViewModel>;
-declare const useVersionManagementViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<VersionManagementViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<VersionManagementViewModel>, options?: {
+declare const useVersionManagementViewModel: (component: LitElement & Pick<VersionManagementViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<VersionManagementViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => VersionManagementViewModel;
 type VersioningStateEventType = "version-changed" | "version-created" | "version-deleted" | "version-switched";

package/dist/components/arcgis-version-management/customElement.js

@@ -9,7 +9,7 @@ import { m as $ } from "../../chunks/useViewModel.js";
 import { css as T } 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.97 */
+v4.33.0-next.98 */
 const O = T`@layer{.arcgis-version-management{.component-container-flow{width:300px}.invalid-initial-version-notice{margin-bottom:1rem}.service-items-panel{z-index:unset!important}calcite-block{margin:0}}}`, U = $(C), I = "map-components:version-management";
 class R extends y {
   constructor() {

package/dist/components/arcgis-version-management-service-item/customElement.js

@@ -3,7 +3,7 @@ import { LitElement as U, createEvent as t, noShadowRoot as _, safeClassMap as v
 import { html as s, render as S } from "lit-html";
 /*! 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.97 */
+v4.33.0-next.98 */
 class F extends U {
   constructor() {
     super(...arguments), this._showInvalidVersionNotice = !0, this.arcgisCreateVersionList = t(), this.arcgisFlowItemBack = t(), this.arcgisFlowItemClose = t(), this.arcgisGetVersions = t(), this.arcgisManageVersion = t(), this.arcgisNewVersion = t();

package/dist/components/arcgis-version-management-version-item/customElement.js

@@ -3,7 +3,7 @@ import { html as c } from "lit-html";
 import { LitElement as b, createEvent as f, noShadowRoot as x, nothing as I } from "@arcgis/lumina";
 /*! 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.97 */
+v4.33.0-next.98 */
 class E extends b {
   constructor() {
     super(...arguments), this.arcgisManageVersion = f();

package/dist/components/arcgis-version-management-version-list/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as y, createEvent as r } from "@arcgis/lumina";
 import { css as U } 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.97 */
+v4.33.0-next.98 */
 const A = U`:host{display:none;background:#bdf2c4}:host([selected]){display:flex}calcite-block{margin-block:0}calcite-pagination{justify-content:center}`;
 class N extends y {
   constructor() {

package/dist/components/arcgis-version-management-version-properties/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as V, createEvent as p, noShadowRoot as I } from "@arcgis/lu
 import { css as x } 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.97 */
+v4.33.0-next.98 */
 const C = x`@layer{:host{display:none;background:#bdf2c4}:host([selected]){display:flex}.properties-buttons{display:flex}}`;
 class k extends V {
   constructor() {

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

@@ -6,10 +6,7 @@ import { default as VideoLayer } from '@arcgis/core/layers/VideoLayer.js';
 import { default as VideoView } from '@arcgis/core/views/VideoView.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
-declare const useVideoView: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<VideoView, never> & {
+declare const useVideoView: (component: LitElement & Pick<VideoView, never> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {

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

@@ -7,7 +7,7 @@ import { LitElement as o, createEvent as l, noShadowRoot as h } from "@arcgis/lu
 import { css as d } 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.97 */
+v4.33.0-next.98 */
 const c = d`@layer{arcgis-video{display:block;height:100%;width:100%;.esri-view{height:100%;width:100%}}}`, y = r(a);
 class n extends o {
   constructor() {

package/dist/components/arcgis-video-player/customElement.d.ts

@@ -6,17 +6,14 @@ import { default as VideoPlayerViewModel } from '@arcgis/core/widgets/VideoPlaye
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useVideoPlayerViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<VideoPlayerViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<VideoPlayerViewModel>, options?: {
+declare const useVideoPlayerViewModel: (component: LitElement & Pick<VideoPlayerViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<VideoPlayerViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => VideoPlayerViewModel;
 /**
- * The VideoPlayer component provides a user interface for interacting with a VideoLayer.
+ * The Video Player component provides a user interface for interacting with a [VideoLayer](api-reference/esri-layers-VideoLayer.html).
  * It displays the original video content and provides controls for playing, pausing, seeking, and changing the video speed and quality.
  *
- * The VideoPlayer component provides the following capabilities:
+ * The Video Player component provides the following capabilities:
  *  - Control operations (play, pause, seek)
  *  - Time and duration display
  *  - Customizable graphics colors
@@ -24,10 +21,12 @@ declare const useVideoPlayerViewModel: (component: Omit<LitElement, "componentOn
  *  - Adjustable speed and quality
  *  - Access to frame metadata
  *
+ * The [VideoPlayerViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-VideoPlayer-VideoPlayerViewModel.html) class provides the logic for the Video Player.
+ *
  * **Known Limitations**
  *
  * * Not supported in 3D [Scenes](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).
- * * Not supported on the Safari browser or on iOS devices.
+ * * Not supported on macOS and iOS devices.
  */
 export declare class ArcgisVideoPlayer extends LitElement {
     referenceElement: ArcgisReferenceElement | Nil | string;
@@ -39,7 +38,7 @@ export declare class ArcgisVideoPlayer extends LitElement {
      * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
      *
      * @example
-     * // Use a different icon for the VideoPlayer
+     * // Use a different icon for the Video Player
      * videoPlayer.icon = "livestream-video-layer";
      */
     icon: Nil | string;
@@ -51,7 +50,7 @@ export declare class ArcgisVideoPlayer extends LitElement {
      * @default null
      *
      * @example
-     * // Create a new VideoPlayer with a VideoLayer
+     * // Create a new Video Player with a VideoLayer
      * videoPlayer.layer = videoLayer;
      */
     layer: nullish | __esri.VideoLayer;

package/dist/components/arcgis-video-player/customElement.js

@@ -12,7 +12,7 @@ import { g as w } from "../../chunks/globalCss.js";
 import { css as V } 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.97 */
+v4.33.0-next.98 */
 const $ = V`@layer{.arcgis-video-player{--esri-video-player-view-height: 300px;--esri-video-player-view-aspect-ratio: 1.77;--esri-video-player-controls-spacing: 16px;min-width:calc(var(--esri-video-player-view-height) * var(--esri-video-player-view-aspect-ratio))}.arcgis-video-player .arcgis-video-player__video-view{display:flex;height:var(--esri-video-player-view-height)}}`, a = "arcgis-video-player", o = {
   base: a,
   videoView: `${a}__video-view`

package/dist/components/arcgis-video-player-action-bar/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as n, safeClassMap as e } from "@arcgis/lumina";
 import { css as d } 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.97 */
+v4.33.0-next.98 */
 const p = d`.arcgis-video-player__toolbar{display:flex;align-items:center;background-color:var(--calcite-color-foreground-1);padding:0 calc(var(--esri-video-player-controls-spacing) / 2) calc(var(--esri-video-player-controls-spacing) / 2);font-size:var(--calcite-font-size--2)}.arcgis-video-player__timecode{display:flex;align-items:center;margin-inline:var(--calcite-size-12, 12px);color:var(--calcite-color-text-3)}.arcgis-video-player__controls-group{display:flex;flex:1 0 auto;justify-content:flex-end}`, o = "arcgis-video-player", r = {
   playerControlsGroup: `${o}__controls-group`,
   playerTimecode: `${o}__timecode`,

package/dist/components/arcgis-video-player-actions-group/customElement.js

@@ -4,7 +4,7 @@ import { watch as g } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as p, noShadowRoot as m } from "@arcgis/lumina";
 /*! 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.97 */
+v4.33.0-next.98 */
 class $ extends p {
   constructor() {
     super(...arguments), this._disabled = !1, this._playing = !1;

package/dist/components/arcgis-video-player-controls-group/customElement.js

@@ -4,7 +4,7 @@ import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as m, noShadowRoot as g } from "@arcgis/lumina";
 /*! 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.97 */
+v4.33.0-next.98 */
 function p(i) {
   return i.followingMode === "none" ? "circle-disallowed" : i.followingMode === "follow-sensor" ? "zoom-to-object" : i.followingMode === "follow-frame" ? "follow" : "video";
 }

package/dist/components/arcgis-video-player-metadata/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as n, safeClassMap as a } from "@arcgis/lumina";
 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.97 */
+v4.33.0-next.98 */
 const f = m`.arcgis-metadata-table{display:flex;flex-direction:column;border-top:1px solid var(--calcite-color-border-1)}.arcgis-metadata-table__row{display:flex;flex-direction:row;border-bottom:1px solid var(--calcite-color-border-1);border-right:1px solid var(--calcite-color-border-1)}.arcgis-metadata-table__data{flex:1;border-left:1px solid var(--calcite-color-border-1);padding:5px}.arcgis-metadata-table__empty-state{width:100%;max-inline-size:unset;transition-duration:0ms}`, o = "arcgis-metadata-table", t = {
   table: o,
   row: `${o}__row`,

package/dist/components/arcgis-video-player-settings/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as p } from "@arcgis/lumina";
 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.97 */
+v4.33.0-next.98 */
 const v = m`.arcgis-video-player__settings-flow{min-width:var(--calcite-size-160)}`, $ = ["Auto"], g = [
   { label: "0.25x", value: 0.25 },
   { label: "0.5x", value: 0.5 },

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

@@ -4,7 +4,7 @@ import { LitElement as c, safeClassMap as s } from "@arcgis/lumina";
 import { css as t } 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.97 */
+v4.33.0-next.98 */
 const d = t`.arcgis-video-player__slider-progress-container{position:relative;z-index:1;width:100%}.arcgis-video-player__progress{--esri-video-player-progress-width: 2px;appearance:none;display:block;position:absolute;top:calc(50% - var(--esri-video-player-progress-width) / 2);left:var(--esri-video-player-controls-spacing);border:none;background:var(--calcite-color-border-1);cursor:pointer;width:calc(100% - var(--esri-video-player-controls-spacing) * 2);height:var(--esri-video-player-progress-width)}.arcgis-video-player__progress::-webkit-progress-bar{background-color:var(--calcite-color-border-3)}.arcgis-video-player__progress::-webkit-progress-value{background-color:var(--calcite-color-border-input)}.arcgis-video-player__progress::-moz-progress-bar{background-color:var(--calcite-color-border-3)}.arcgis-video-player__slider{--calcite-slider-track-color: transparent;background-color:var(--calcite-color-foreground-1);padding:calc(var(--esri-video-player-controls-spacing) / 4) calc(var(--esri-video-player-controls-spacing) / 2)}`, o = "arcgis-video-player", i = {
   progress: `${o}__progress`,
   slider: `${o}__slider`,

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

@@ -7,10 +7,7 @@ import { HeadingLevel } from '../../support/heading.jsx';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { WeatherViewModel } from './WeatherViewModel.js';
 
-declare const useViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<WeatherViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<WeatherViewModel>, options?: {
+declare const useViewModel: (component: LitElement & Pick<WeatherViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<WeatherViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => WeatherViewModel;
 /** Weather component provides an interface for easily selecting and configuring the weather effects in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).

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

@@ -18,7 +18,7 @@ import C from "@arcgis/core/views/3d/environment/SnowyWeather.js";
 import M from "@arcgis/core/views/3d/environment/SunnyWeather.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.97 */
+v4.33.0-next.98 */
 const c = "arcgis-weather", d = {
   base: c,
   content: `${c}__content`,

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

@@ -7,10 +7,7 @@ import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 type Layout = "horizontal" | "vertical";
-declare const useZoomViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<ZoomViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ZoomViewModel>, options?: {
+declare const useZoomViewModel: (component: LitElement & Pick<ZoomViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ZoomViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => ZoomViewModel;
 /** Zoom component allows users to zoom in/out within a view.

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

@@ -9,7 +9,7 @@ import { m as b } from "../../chunks/useViewModel.js";
 import { css as w } 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.97 */
+v4.33.0-next.98 */
 const o = {
   base: "arcgis-zoom",
   horizontalLayout: "arcgis-zoom--horizontal",

package/dist/controllers/createCloseEvent.d.ts

@@ -1,11 +1,6 @@
-import { EventEmitter } from '@arcgis/lumina/controllers';
-import { LitElement } from '@arcgis/lumina';
-declare const createCloseEvent: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & {
+import { EventEmitter } from '@arcgis/lumina';
+export declare const createCloseEvent: (component: {
     arcgisClose: EventEmitter;
-    listenOn: LitElement["listenOn"];
+    autoDestroyDisabled: boolean;
     destroy: () => void;
-}) => EventEmitter;
-export default createCloseEvent;
+} & import('@arcgis/lumina').LitElement) => EventEmitter;

package/dist/controllers/useView.d.ts

@@ -1,12 +1,14 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { BaseComponent, EventEmitter, GenericController } from '@arcgis/lumina/controllers';
+import { GenericController } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as MapView } from '@arcgis/core/views/MapView';
 import { default as SceneView } from '@arcgis/core/views/SceneView';
 import { default as LinkChartView } from '@arcgis/core/views/LinkChartView';
 import { ArcgisReferenceElement } from '../utils/component-utils';
+import { PropertyValues } from 'lit';
+import { LitElement, EventEmitter } from '@arcgis/lumina';
 type View = LinkChartView | MapView | SceneView;
-type ViewControllerRequires<ViewType extends View> = BaseComponent & ViewControllerUses<ViewType>;
+type ViewControllerRequires<ViewType extends View> = LitElement & ViewControllerUses<ViewType>;
 export interface ViewControllerUses<ViewType extends View> {
     view?: Nil | ViewType;
     position: __esri.UIPosition;
@@ -18,8 +20,6 @@ export interface ViewControllerUses<ViewType extends View> {
         };
         view?: Nil | ViewType;
     };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
 }
 /**
  * Creates a controller which adds a `view` property to the component and connects the component to that view, both when
@@ -36,8 +36,7 @@ export declare class ViewController<ViewType extends View = View> extends Generi
     hostLoad(): void;
     hostLoaded(): void;
     hostDisconnected(): void;
-    hostDestroy(): void;
+    hostUpdate(changes: PropertyValues<ViewControllerUses<View>>): void;
     private _notifyViewReady;
-    private _watchMetaProperties;
 }
 export {};