@arcgis/map-components 4.33.0-next.117 → 4.33.0-next.119

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

@@ -9,6 +9,7 @@ import { ArcgisReferenceElement } from '../../utils/component-utils';
 declare const useTimeSliderWidget: (component: LitElement & Pick<TimeSlider, never> & {
     state?: unknown;
     viewModel?: __esri.TimeSliderViewModel | undefined;
+    closed?: boolean;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;

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.117 */
+v4.33.0-next.119 */
 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.js

@@ -3,14 +3,15 @@ import { html as s } from "lit-html";
 import { useDirection as p, usePropertyChange as _ } from "@arcgis/lumina/controllers";
 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, a as f } from "../../chunks/useView.js";
+import { u as x } from "../../chunks/useT9n.js";
 import { g as m } from "../../chunks/globalCss.js";
-import { css as $ } from "@lit/reactive-element/css-tag.js";
+import { css as f } from "@lit/reactive-element/css-tag.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.117 */
-const D = $`@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.119 */
+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`,
@@ -27,7 +28,7 @@ class w extends g {
   constructor() {
     super(...arguments), this._messages = x({ blocking: !0 }), this._onExpanderClick = () => {
       this.expanded = !this.expanded;
-    }, this.view = f(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();
+    }, 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, messageOverrides: 0, label: 1 };

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

@@ -5,13 +5,13 @@ import { reEmitEvent as a } from "@arcgis/lumina/controllers/accessor";
 import { classes as u } from "@arcgis/components-utils";
 import v from "@arcgis/core/widgets/Track/TrackViewModel.js";
 import { LitElement as w, createEvent as f, noShadowRoot as M, safeClassMap as n, nothing as k } from "@arcgis/lumina";
-import { u as E } from "../../chunks/useView.js";
+import { u as E } from "../../chunks/useT9n.js";
 import { m as b } from "../../chunks/useViewModel.js";
 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.117 */
+v4.33.0-next.119 */
 const y = T`@layer{arcgis-track{display:block}}`, $ = {
   base: "esri-track"
 }, D = b(v);

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

@@ -11,6 +11,7 @@ export type UtilityNetworkAssociationsWidget = InstanceType<typeof UtilityNetwor
 declare const useUtilityNetworkAssociationsWidget: (component: LitElement & Pick<UtilityNetworkAssociations, never> & {
     state?: unknown;
     viewModel?: __esri.UtilityNetworkAssociationsViewModel | undefined;
+    closed?: boolean;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
@@ -151,77 +152,77 @@ export declare class ArcgisUtilityNetworkAssociations extends LitElement {
     /** @default false */
     showConnectivityAssociationsSettingsArrowsToggle: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideConnectivityAssociationsSettingsArrowsToggle instead
+     * @deprecated since 4.32. Use hideConnectivityAssociationsSettingsArrowsToggle instead
      * @default false
      */
     visibleElementsConnectivityAssociationsSettingsArrowsToggle: boolean;
     /** @default false */
     showConnectivityAssociationsSettingsCapSelect: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideConnectivityAssociationsSettingsCapSelect instead
+     * @deprecated since 4.32. Use hideConnectivityAssociationsSettingsCapSelect instead
      * @default false
      */
     visibleElementsConnectivityAssociationsSettingsCapSelect: boolean;
     /** @default false */
     hideConnectivityAssociationsSettingsColorPicker: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideConnectivityAssociationsSettingsColorPicker instead
+     * @deprecated since 4.32. Use hideConnectivityAssociationsSettingsColorPicker instead
      * @default true
      */
     visibleElementsConnectivityAssociationsSettingsColorPicker: boolean;
     /** @default false */
     hideConnectivityAssociationsSettingsStylePicker: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideConnectivityAssociationsSettingsStylePicker instead
+     * @deprecated since 4.32. Use hideConnectivityAssociationsSettingsStylePicker instead
      * @default true
      */
     visibleElementsConnectivityAssociationsSettingsStylePicker: boolean;
     /** @default false */
     hideConnectivityAssociationsSettingsWidthInput: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideConnectivityAssociationsSettingsWidthInput instead
+     * @deprecated since 4.32. Use hideConnectivityAssociationsSettingsWidthInput instead
      * @default true
      */
     visibleElementsConnectivityAssociationsSettingsWidthInput: boolean;
     /** @default false */
     showMaxAllowableAssociationsSlider: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideMaxAllowableAssociationsSlider instead
+     * @deprecated since 4.32. Use hideMaxAllowableAssociationsSlider instead
      * @default false
      */
     visibleElementsMaxAllowableAssociationsSlider: boolean;
     /** @default false */
     showStructuralAttachmentAssociationsSettingsArrowsToggle: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideStructuralAttachmentAssociationsSettingsArrowsToggle instead
+     * @deprecated since 4.32. Use hideStructuralAttachmentAssociationsSettingsArrowsToggle instead
      * @default false
      */
     visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle: boolean;
     /** @default false */
     showStructuralAttachmentAssociationsSettingsCapSelect: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideStructuralAttachmentAssociationsSettingsCapSelect instead
+     * @deprecated since 4.32. Use hideStructuralAttachmentAssociationsSettingsCapSelect instead
      * @default false
      */
     visibleElementsStructuralAttachmentAssociationsSettingsCapSelect: boolean;
     /** @default false */
     hideStructuralAttachmentAssociationsSettingsColorPicker: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideStructuralAttachmentAssociationsSettingsColorPicker instead
+     * @deprecated since 4.32. Use hideStructuralAttachmentAssociationsSettingsColorPicker instead
      * @default true
      */
     visibleElementsStructuralAttachmentAssociationsSettingsColorPicker: boolean;
     /** @default false */
     hideStructuralAttachmentAssociationsSettingsStylePicker: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideStructuralAttachmentAssociationsSettingsStylePicker instead
+     * @deprecated since 4.32. Use hideStructuralAttachmentAssociationsSettingsStylePicker instead
      * @default true
      */
     visibleElementsStructuralAttachmentAssociationsSettingsStylePicker: boolean;
     /** @default false */
     hideStructuralAttachmentAssociationsSettingsWidthInput: boolean;
     /**
-     * @deprecated **Deprecated** since 4.32. Use hideStructuralAttachmentAssociationsSettingsWidthInput instead
+     * @deprecated since 4.32. Use hideStructuralAttachmentAssociationsSettingsWidthInput instead
      * @default true
      */
     visibleElementsStructuralAttachmentAssociationsSettingsWidthInput: boolean;

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.117 */
+v4.33.0-next.119 */
 const S = A(a);
 class g extends c {
   constructor() {

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

@@ -10,6 +10,7 @@ export type UtilityNetworkTraceWidget = InstanceType<typeof UtilityNetworkTrace>
 declare const useUtilityNetworkTraceWidget: (component: LitElement & Pick<UtilityNetworkTrace, never> & {
     state?: unknown;
     viewModel?: __esri.UtilityNetworkTraceViewModel | undefined;
+    closed?: boolean;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;

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.117 */
+v4.33.0-next.119 */
 const d = l(s);
 class h extends a {
   constructor() {

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

@@ -12,6 +12,7 @@ declare const useUtilityNetworkValidateTopologyWidget: (component: LitElement &
 }, "icon" | "label" | "viewModel" | "extentToValidate" | "utilityNetwork"> & {
     state?: unknown;
     viewModel?: (__esri.UtilityNetworkValidateTopologyViewModel & __esri.Accessor) | undefined;
+    closed?: boolean;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;

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.117 */
+v4.33.0-next.119 */
 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

@@ -9,6 +9,7 @@ import { ArcgisReferenceElement } from '../../utils/component-utils';
 declare const useValuePickerWidget: (component: LitElement & Pick<ValuePicker, never> & {
     state?: unknown;
     viewModel?: unknown;
+    closed?: boolean;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;

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

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

@@ -4,12 +4,12 @@ import C from "@arcgis/core/widgets/VersionManagement/VersionManagementViewModel
 import { LitElement as y, createEvent as u, noShadowRoot as N, safeClassMap as M } from "@arcgis/lumina";
 import { render as F, html as m } from "lit-html";
 import { createRef as k, ref as b } from "lit-html/directives/ref.js";
-import { u as A } from "../../chunks/useView.js";
+import { u as A } from "../../chunks/useT9n.js";
 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.117 */
+v4.33.0-next.119 */
 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.117 */
+v4.33.0-next.119 */
 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.117 */
+v4.33.0-next.119 */
 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.117 */
+v4.33.0-next.119 */
 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.117 */
+v4.33.0-next.119 */
 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

@@ -21,6 +21,12 @@ declare const useVideoView: (component: LitElement & Pick<VideoView, never> & {
  * It supports various features such as navigating, zooming, and panning, making it suitable for
  * applications that require interactive video overlays.
  *
+ * **Example**
+ *
+ * ```html
+ * <arcgis-video layer-url="YOUR_VIDEO_LAYER_URL"></arcgis-video>
+ * ```
+ *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-video/)
  */
 export declare class ArcgisVideo extends LitElement {

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.117 */
+v4.33.0-next.119 */
 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

@@ -28,6 +28,44 @@ declare const useVideoPlayerViewModel: (component: LitElement & Pick<VideoPlayer
  * * Not supported in 3D [Scenes](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).
  * * Not supported on macOS and iOS devices.
  *
+ * [![](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/video-player-video-preview.png)](https://mediaspace.esri.com/media/1_ctc3psfr)
+ *
+ * **Example**
+ *
+ * ```html
+ * <arcgis-map>
+ *   <arcgis-video-player></arcgis-video-player>
+ * </arcgis-map>
+ * ```
+ *
+ * ```js
+ * const [Map, VideoLayer] = await $arcgis.import([
+ *   "@arcgis/core/Map.js",
+ *   "@arcgis/core/layers/VideoLayer.js",
+ * ]);
+ *
+ * const viewElement = document.querySelector("arcgis-map");
+ * const videoPlayerElement = document.querySelector("arcgis-video-player");
+ *
+ * const videoLayer = new VideoLayer({
+ *   url: "YOUR_VIDEO_LAYER_URL",
+ * });
+ *
+ * viewElement.map = new Map({
+ *   basemap: "topo-vector",
+ *   layers: [videoLayer],
+ * });
+ * await viewElement.viewOnReady();
+ *
+ * await videoLayer.load();
+ * if (videoLayer.loaded) {
+ *   videoPlayerElement.layer = videoLayer;
+ * }
+ *
+ * await viewElement.whenLayerView(videoLayer);
+ * viewElement.goTo(videoLayer.fullExtent);
+ * ```
+ *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-video-player/)
  */
 export declare class ArcgisVideoPlayer extends LitElement {

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

@@ -6,13 +6,13 @@ import u from "@arcgis/core/widgets/VideoPlayer/VideoPlayerViewModel.js";
 import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as v, createEvent as t, noShadowRoot as g, safeClassMap as s } from "@arcgis/lumina";
 import { createRef as f, ref as p } from "lit-html/directives/ref.js";
-import { u as y } from "../../chunks/useView.js";
+import { u as y } from "../../chunks/useT9n.js";
 import { m as _ } from "../../chunks/useViewModel.js";
 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.117 */
+v4.33.0-next.119 */
 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.117 */
+v4.33.0-next.119 */
 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.117 */
+v4.33.0-next.119 */
 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.117 */
+v4.33.0-next.119 */
 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.117 */
+v4.33.0-next.119 */
 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.117 */
+v4.33.0-next.119 */
 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.117 */
+v4.33.0-next.119 */
 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.js

@@ -4,7 +4,7 @@ import { usePropertyChange as x } from "@arcgis/lumina/controllers";
 import { classes as y } from "@arcgis/components-utils";
 import { watch as b } from "@arcgis/core/core/reactiveUtils.js";
 import { nothing as v, safeStyleMap as O, LitElement as S, createEvent as B, noShadowRoot as E, safeClassMap as g } from "@arcgis/lumina";
-import { u as H } from "../../chunks/useView.js";
+import { u as H } from "../../chunks/useT9n.js";
 import { m as L } from "../../chunks/useViewModel.js";
 import { H as A } from "../../chunks/heading.js";
 import { g as w } from "../../chunks/globalCss.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.117 */
+v4.33.0-next.119 */
 const c = "arcgis-weather", d = {
   base: c,
   content: `${c}__content`,
@@ -73,8 +73,13 @@ let n = class extends k {
       return "disabled";
     if (this.error != null)
       switch (this.error) {
+        // When the weather is not visible because of camera position, we don't
+        // consider it to be a fatal error so we still want to display the full
+        // UI, just with a warning at the bottom.
         case "not-visible":
           return "ready";
+        // Other errors make the widget unusable, so we consider them to be fatal
+        // and show only the error message.
         default:
           return "error";
       }

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

@@ -7,6 +7,7 @@ import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 type Layout = "horizontal" | "vertical";
+type State = "disabled" | "ready";
 /**
  * Zoom component allows users to zoom in/out within a view.
  *
@@ -44,7 +45,12 @@ export declare class ArcgisZoom extends LitElement {
     /** @default "top-left" */
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    get state(): "disabled" | "ready";
+    /**
+     * The current state of the component.
+     *
+     * @default "disabled"
+     */
+    state: State;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
     /** Zooms the view in by an LOD factor of 0.5. */

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

@@ -1,15 +1,16 @@
-import { c as d } from "../../chunks/runtime.js";
-import { html as h } from "lit-html";
+import { c as h } from "../../chunks/runtime.js";
+import { html as f } from "lit-html";
 import { classes as i } from "@arcgis/components-utils";
 import { ignoreAbortErrors as l } from "@arcgis/core/core/promiseUtils.js";
-import { when as f } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as g, createEvent as y, noShadowRoot as p, safeClassMap as r, nothing as m } from "@arcgis/lumina";
+import { when as m } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as y, createEvent as p, noShadowRoot as g, safeClassMap as r, nothing as u } from "@arcgis/lumina";
 import { usePropertyChange as z } from "@arcgis/lumina/controllers";
-import { u as b, a as O } from "../../chunks/useView.js";
+import { u as b } from "../../chunks/useT9n.js";
+import { u as O } from "../../chunks/useView.js";
 import { css as Z } 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.117 */
+v4.33.0-next.119 */
 const a = {
   base: "arcgis-zoom",
   horizontalLayout: "arcgis-zoom--horizontal",
@@ -22,7 +23,7 @@ function I(t) {
     return !!t.ready;
   if (!t?.ready)
     return !1;
-  const e = u(t), s = t.constraints?.effectiveMaxScale;
+  const e = d(t), s = t.constraints?.effectiveMaxScale;
   return s === 0 || e > s;
 }
 function w(t) {
@@ -30,30 +31,27 @@ function w(t) {
     return !!t.ready;
   if (!t?.ready)
     return !1;
-  const e = u(t), s = t.constraints?.effectiveMinScale;
+  const e = d(t), s = t.constraints?.effectiveMinScale;
   return s === 0 || e < s;
 }
-function u(t) {
+function d(t) {
   const o = t?.animation?.target;
   return (o && "then" in o ? void 0 : o?.scale) ?? t?.scale ?? 0;
 }
 const x = Z`@layer{arcgis-zoom,.arcgis-zoom{display:flex;flex-flow:column nowrap;box-shadow:0 1px 2px #0000004d}.arcgis-zoom__zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.arcgis-zoom--horizontal{flex-flow:row-reverse nowrap}.arcgis-zoom--horizontal .arcgis-zoom__zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}}`;
-class $ extends g {
+class $ extends y {
   constructor() {
-    super(...arguments), this.messages = b({}), this.view = O(this), this.canZoomIn = !1, this.canZoomOut = !1, this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.position = "top-left", this.arcgisPropertyChange = z()("state"), this.arcgisReady = y();
+    super(...arguments), this.messages = b({}), this.view = O(this), this.canZoomIn = !1, this.canZoomOut = !1, this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.position = "top-left", this.state = "disabled", this.arcgisPropertyChange = z()("state"), this.arcgisReady = p();
   }
   static {
-    this.properties = { canZoomIn: 16, canZoomOut: 16, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 35 };
+    this.properties = { canZoomIn: 16, canZoomOut: 16, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = p;
+    this.shadowRootOptions = g;
   }
   static {
     this.styles = x;
   }
-  get state() {
-    return this.view?.ready ? "ready" : "disabled";
-  }
   async destroy() {
     await this.manager.destroy();
   }
@@ -66,18 +64,23 @@ class $ extends g {
     !this.canZoomOut || !o || (o.type === "2d" ? o.mapViewNavigation.zoomOut() : l(o.goTo({ zoomFactor: 0.5 })));
   }
   loaded() {
-    this.manager.onLifecycle(() => f(() => this.view?.stationary, () => {
-      this.canZoomIn = I(this.view), this.canZoomOut = w(this.view);
-    }, { initial: !0 }));
+    this.manager.onLifecycle(() => [
+      m(() => this.view?.stationary, () => {
+        this.canZoomIn = I(this.view), this.canZoomOut = w(this.view);
+      }, { initial: !0 }),
+      m(() => this.view?.ready ? "ready" : "disabled", (o) => {
+        this.state = o;
+      }, { sync: !0, initial: !0 })
+    ]);
   }
   render() {
     const o = {
       [a.horizontalLayout]: this.layout === "horizontal"
     }, { canZoomIn: e, canZoomOut: s } = this, { zoomIn: n, zoomOut: c } = this.messages;
-    return h`<div class=${r(i(a.base, o))}><calcite-button class=${r(i(a.button, a.zoomIn))} .disabled=${!e} icon-start=plus kind=neutral .label=${n} @click=${this.zoomIn} title=${n ?? m}></calcite-button><calcite-button class=${r(i(a.button, a.zoomOut))} .disabled=${!s} icon-start=minus kind=neutral .label=${c} @click=${this.zoomOut} title=${c ?? m}></calcite-button></div>`;
+    return f`<div class=${r(i(a.base, o))}><calcite-button class=${r(i(a.button, a.zoomIn))} .disabled=${!e} icon-start=plus kind=neutral .label=${n} @click=${this.zoomIn} title=${n ?? u}></calcite-button><calcite-button class=${r(i(a.button, a.zoomOut))} .disabled=${!s} icon-start=minus kind=neutral .label=${c} @click=${this.zoomOut} title=${c ?? u}></calcite-button></div>`;
   }
 }
-d("arcgis-zoom", $);
+h("arcgis-zoom", $);
 export {
   $ as ArcgisZoom
 };

package/dist/controllers/useWidget.d.ts

@@ -20,6 +20,7 @@ type WidgetInstance = __esri.Widget & {
 type Uses<Widget extends WidgetInstance> = {
     state?: Exclude<Widget["viewModel"], Nil>["state"] | Widget["state"];
     viewModel?: Widget["viewModel"];
+    closed?: boolean;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;