npm - @arcgis/map-components - Versions diffs - 4.34.0-next.99 → 4.34.1 - Mend

@arcgis/map-components 4.34.0-next.99 → 4.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1924) hide show

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

@@ -1,14 +1,14 @@
-import { c as r } from "../../chunks/runtime.js";
-import { html as t } from "lit";
-import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as m } from "@arcgis/lumina";
+import { c as p } from "../../chunks/runtime.js";
+import { html as i } from "lit";
+import { watch as b } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as w } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.99 */
-function g(i) {
-  return i.followingMode === "none" ? "circle-disallowed" : i.followingMode === "follow-sensor" ? "zoom-to-object" : i.followingMode === "follow-frame" ? "follow" : "video";
+v4.34.1 */
+function u(o) {
+  return o.followingMode === "none" ? "circle-disallowed" : o.followingMode === "follow-sensor" ? "zoom-to-object" : o.followingMode === "follow-frame" ? "follow" : "video";
 }
-class f extends m {
+class h extends w {
   constructor() {
     super(...arguments), this._disabled = !1;
   }
@@ -17,37 +17,37 @@ class f extends m {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      d(() => this.viewModel.state, (e) => {
+      b(() => this.viewModel.state, (e) => {
         this._disabled = e === "not-ready" || e === "waiting";
       }, { initial: !0 })
     ]);
   }
   render() {
-    const { viewModel: e, messages: l, _disabled: o } = this, c = t`<div><calcite-popover auto-close .label=${l.layers} overlay-positioning=fixed placement=top-end pointer-disabled reference-element=layers-action scale=s><calcite-panel .heading=${l.layers}><calcite-list .label=${l.layers} selection-mode=multiple><calcite-list-item .label=${l.sensor} @click=${() => {
+    const { viewModel: e, messages: l, _disabled: a } = this, t = e.currentTime > 0, c = !!e.layer?.telemetry?.sensorLocation, n = !!e.layer?.telemetry?.sensorTrail, r = !!e.layer?.telemetry?.lineOfSight, d = !!e.layer?.telemetry?.frameCenter, s = !!e.layer?.telemetry?.frameOutline, m = !!e.layer?.groundControlPoints, g = i`<div><calcite-popover auto-close .label=${l.layers} overlay-positioning=fixed placement=top-end pointer-disabled reference-element=layers-action scale=s><calcite-panel .heading=${l.layers}><calcite-list .label=${l.layers} selection-mode=multiple><calcite-list-item .disabled=${t && !c} .label=${l.sensor} @click=${() => {
       e.toggleSensorDisplay();
-    }} .selected=${!!e.layer?.telemetryDisplay?.sensorLocation}></calcite-list-item><calcite-list-item .label=${l.sightLine} @click=${() => {
+    }} .selected=${!!e.layer?.telemetryDisplay?.sensorLocation}></calcite-list-item><calcite-list-item .disabled=${t && !r} .label=${l.sightLine} @click=${() => {
       e.toggleSensorSightLineDisplay();
-    }} .selected=${!!e.layer?.telemetryDisplay?.lineOfSight}></calcite-list-item><calcite-list-item .label=${l.sensorTrail} @click=${() => {
+    }} .selected=${!!e.layer?.telemetryDisplay?.lineOfSight}></calcite-list-item><calcite-list-item .disabled=${t && !n} .label=${l.sensorTrail} @click=${() => {
       e.toggleSensorTrailDisplay();
-    }} .selected=${!!e.layer?.telemetryDisplay?.sensorTrail}></calcite-list-item><calcite-list-item .label=${l.frameCenter} @click=${() => {
+    }} .selected=${!!e.layer?.telemetryDisplay?.sensorTrail}></calcite-list-item><calcite-list-item .disabled=${t && !d} .label=${l.frameCenter} @click=${() => {
       e.toggleFrameCenterDisplay();
-    }} .selected=${!!e.layer?.telemetryDisplay?.frameCenter}></calcite-list-item><calcite-list-item .label=${l.frameOutline} @click=${() => {
+    }} .selected=${!!e.layer?.telemetryDisplay?.frameCenter}></calcite-list-item><calcite-list-item .disabled=${t && !s} .label=${l.frameOutline} @click=${() => {
       e.toggleFrameOutlineDisplay();
-    }} .selected=${!!e.layer?.telemetryDisplay?.frameOutline}></calcite-list-item><calcite-list-item .label=${l.frame} @click=${() => {
+    }} .selected=${!!e.layer?.telemetryDisplay?.frameOutline}></calcite-list-item><calcite-list-item .disabled=${t && !m} .label=${l.frame} @click=${() => {
       e.toggleFrameDisplay();
-    }} .selected=${!!e.layer?.telemetryDisplay?.frame}></calcite-list-item></calcite-list></calcite-panel></calcite-popover><calcite-action alignment=center .disabled=${o} icon=layers id=layers-action scale=s slot=trigger .text=${l.layers}></calcite-action></div>`, a = t`<div><calcite-popover auto-close .label=${l.follow} overlay-positioning=fixed placement=top-end pointer-disabled reference-element=follow-action scale=s><calcite-panel .heading=${l.follow}><calcite-list .label=${l.follow} selection-mode=single><calcite-list-item .label=${l.none} @click=${() => {
+    }} .selected=${!!e.layer?.telemetryDisplay?.frame}></calcite-list-item></calcite-list></calcite-panel></calcite-popover><calcite-action alignment=center .disabled=${a} icon=layers id=layers-action scale=s slot=trigger .text=${l.layers}></calcite-action></div>`, f = i`<div><calcite-popover auto-close .label=${l.follow} overlay-positioning=fixed placement=top-end pointer-disabled reference-element=follow-action scale=s><calcite-panel .heading=${l.follow}><calcite-list .label=${l.follow} selection-mode=single><calcite-list-item .label=${l.none} @click=${() => {
       e.followingMode = "none";
-    }} .selected=${e.followingMode === "none"}><calcite-icon icon=circle-disallowed scale=s slot=content-start></calcite-icon></calcite-list-item><calcite-list-item .label=${l.sensor} @click=${() => {
+    }} .selected=${e.followingMode === "none"}><calcite-icon icon=circle-disallowed scale=s slot=content-start></calcite-icon></calcite-list-item><calcite-list-item .disabled=${t && !c} .label=${l.sensor} @click=${() => {
       e.followingMode = "follow-sensor";
-    }} .selected=${e.followingMode === "follow-sensor"}><calcite-icon icon=zoom-to-object scale=s slot=content-start></calcite-icon></calcite-list-item><calcite-list-item .label=${l.frame} @click=${() => {
+    }} .selected=${e.followingMode === "follow-sensor"}><calcite-icon icon=zoom-to-object scale=s slot=content-start></calcite-icon></calcite-list-item><calcite-list-item .disabled=${t && !s} .label=${l.frame} @click=${() => {
       e.followingMode = "follow-frame";
-    }} .selected=${e.followingMode === "follow-frame"}><calcite-icon icon=follow scale=s slot=content-start></calcite-icon></calcite-list-item><calcite-list-item .label=${l.video} @click=${() => {
+    }} .selected=${e.followingMode === "follow-frame"}><calcite-icon icon=follow scale=s slot=content-start></calcite-icon></calcite-list-item><calcite-list-item .disabled=${t && !s && !c} .label=${l.video} @click=${() => {
       e.followingMode = "follow-both";
-    }} .selected=${e.followingMode === "follow-both"}><calcite-icon icon=video scale=s slot=content-start></calcite-icon></calcite-list-item></calcite-list></calcite-panel></calcite-popover><calcite-action alignment=center .disabled=${o} .icon=${g(e)} id=follow-action scale=s slot=trigger .text=${l.follow}></calcite-action></div>`, s = t`<arcgis-video-player-settings .messages=${l} .viewModel=${e}></arcgis-video-player-settings>`, n = t`<calcite-action alignment=center .disabled=${o} icon=feature-details @click=${() => this.toggleMetadata()} scale=s .text=${l.metadata}></calcite-action>`;
-    return t`<calcite-action-bar expand-disabled layout=horizontal scale=s>${[c, a, s, n]}</calcite-action-bar>`;
+    }} .selected=${e.followingMode === "follow-both"}><calcite-icon icon=video scale=s slot=content-start></calcite-icon></calcite-list-item></calcite-list></calcite-panel></calcite-popover><calcite-action alignment=center .disabled=${a} .icon=${u(e)} id=follow-action scale=s slot=trigger .text=${l.follow}></calcite-action></div>`, $ = i`<arcgis-video-player-settings .messages=${l} .viewModel=${e}></arcgis-video-player-settings>`, y = i`<calcite-action alignment=center .disabled=${a} icon=feature-details @click=${() => this.toggleMetadata()} scale=s .text=${l.metadata}></calcite-action>`;
+    return i`<calcite-action-bar expand-disabled layout=horizontal scale=s>${[g, f, $, y]}</calcite-action-bar>`;
   }
 }
-r("arcgis-video-player-controls-group", f);
+p("arcgis-video-player-controls-group", h);
 export {
-  f as VideoPlayerControlsGroup
+  h as VideoPlayerControlsGroup
 };

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

@@ -4,7 +4,7 @@ import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as m, safeClassMap as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.99 */
+v4.34.1 */
 const f = n`.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 CHANGED Viewed

@@ -1,46 +1,43 @@
 import { c as d } from "../../chunks/runtime.js";
-import { css as h, html as i } from "lit";
-import a from "@arcgis/core/Color.js";
-import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as m } from "@arcgis/lumina";
+import { html as c } from "lit";
+import s from "@arcgis/core/Color.js";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as p } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.99 */
-const v = h`.arcgis-video-player__settings-flow{min-width:var(--calcite-size-160)}`, $ = ["Auto"], g = [
+v4.34.1 */
+const m = ["Auto"], v = [
   { label: "0.25x", value: 0.25 },
   { label: "0.5x", value: 0.5 },
   { label: "1x", value: 1 },
   { label: "1.5x", value: 1.5 },
   { label: "2x", value: 2 }
-], s = new a([255, 127, 0]);
-class _ extends m {
+], a = new s([255, 127, 0]);
+class $ extends p {
   constructor() {
     super(...arguments), this._color = null, this._speed = "1x", this._quality = "Auto", this._disabled = !1;
   }
   static {
     this.properties = { _disabled: 16, _active: 16, viewModel: 0, messages: 0 };
   }
-  static {
-    this.styles = v;
-  }
   loaded() {
     this.manager.onLifecycle(() => [
-      p(() => this.viewModel.state, (c) => {
-        this._disabled = c === "not-ready" || c === "waiting";
+      h(() => this.viewModel.state, (i) => {
+        this._disabled = i === "not-ready" || i === "waiting";
       }, { initial: !0 })
     ]);
   }
   render() {
-    const { viewModel: c, messages: e } = this, o = i`<calcite-flow-item .heading=${e.playbackSpeed} .selected=${this._active === "speed"} @calciteFlowItemBack=${() => this._active = void 0}><calcite-list .label=${e.playbackSpeed} selection-mode=single-persist>${g.map(({ label: t, value: l }) => i`<calcite-list-item .label=${t} @click=${() => {
-      this._speed = t, c.changePlaybackSpeed(l);
-    }} .selected=${t === this._speed}></calcite-list-item>`)}</calcite-list></calcite-flow-item>`, n = i`<calcite-flow-item .heading=${e.quality} .selected=${this._active === "quality"} @calciteFlowItemBack=${() => this._active = void 0}><calcite-list .label=${e.quality} selection-mode=single-persist>${$.map((t) => i`<calcite-list-item .label=${t} @click=${() => this._quality = t} .selected=${t === this._quality}></calcite-list-item>`)}</calcite-list></calcite-flow-item>`, r = i`<calcite-flow-item .heading=${e.graphics} .selected=${this._active === "color"} @calciteFlowItemBack=${() => this._active = void 0}><calcite-block .heading=${e.color} expanded><calcite-color-picker channels-disabled format=hex saved-disabled scale=s .value=${this._color?.toHex() ?? s.toHex()} @calciteColorPickerChange=${({ currentTarget: t }) => {
+    const { viewModel: i, messages: e } = this, o = c`<calcite-flow-item .heading=${e.playbackSpeed} .selected=${this._active === "speed"} @calciteFlowItemBack=${() => this._active = void 0}><calcite-list .label=${e.playbackSpeed} selection-mode=single-persist>${v.map(({ label: t, value: l }) => c`<calcite-list-item .disabled=${i?.layer?.isLive && l !== 1} .label=${t} @click=${() => {
+      this._speed = t, i.changePlaybackSpeed(l);
+    }} .selected=${t === this._speed}></calcite-list-item>`)}</calcite-list></calcite-flow-item>`, n = c`<calcite-flow-item .heading=${e.quality} .selected=${this._active === "quality"} @calciteFlowItemBack=${() => this._active = void 0}><calcite-list .label=${e.quality} selection-mode=single-persist>${m.map((t) => c`<calcite-list-item .label=${t} @click=${() => this._quality = t} .selected=${t === this._quality}></calcite-list-item>`)}</calcite-list></calcite-flow-item>`, r = c`<calcite-flow-item .heading=${e.graphics} .selected=${this._active === "color"} @calciteFlowItemBack=${() => this._active = void 0}><calcite-block .heading=${e.color} expanded><calcite-color-picker channels-disabled format=hex saved-disabled scale=s .value=${this._color?.toHex() ?? a.toHex()} @calciteColorPickerChange=${({ currentTarget: t }) => {
       const l = t.value?.toString() ?? null;
-      this._color = l ? new a(l) : null, this._color && c.changeGraphicsColor(this._color);
+      this._color = l ? new s(l) : null, this._color && i.changeGraphicsColor(this._color);
     }}></calcite-color-picker></calcite-block></calcite-flow-item>`;
-    return i`<div><calcite-popover auto-close .label=${e.settings} overlay-positioning=fixed placement=top-end pointer-disabled reference-element=settings-action scale=s @calcitePopoverClose=${() => this._active = void 0}><calcite-flow class=arcgis-video-player__settings-flow><calcite-flow-item heading=Settings .selected=${!this._active}><calcite-list .label=${e.settings}><calcite-list-item .label=${e.speed} @click=${() => this._active = "speed"}><div slot=content-end><calcite-chip .label=${this._speed} scale=s>${this._speed}</calcite-chip></div><calcite-icon icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item><calcite-list-item .label=${e.quality} @click=${() => this._active = "quality"}><div slot=content-end><calcite-chip .label=${this._quality} scale=s>${this._quality}</calcite-chip></div><calcite-icon icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item><calcite-list-item .label=${e.graphics} @click=${() => this._active = "color"}><calcite-color-picker-swatch .color=${this._color?.toString() ?? s.toString()} scale=s slot=content-end></calcite-color-picker-swatch><calcite-icon icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item></calcite-list></calcite-flow-item>${this._active === "speed" ? o : null}${this._active === "quality" ? n : null}${this._active === "color" ? r : null}</calcite-flow></calcite-popover><calcite-action alignment=center .disabled=${this._disabled} icon=sliders id=settings-action scale=s slot=trigger .text=${e.settings}></calcite-action></div>`;
+    return c`<div><calcite-popover auto-close .label=${e.settings} overlay-positioning=fixed placement=top-end pointer-disabled reference-element=settings-action scale=s @calcitePopoverClose=${() => this._active = void 0}><calcite-flow><calcite-flow-item heading=Settings .selected=${!this._active}><calcite-list .label=${e.settings}><calcite-list-item .label=${e.speed} @click=${() => this._active = "speed"}><div slot=content-end><calcite-chip .label=${this._speed} scale=s>${this._speed}</calcite-chip></div><calcite-icon icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item><calcite-list-item .label=${e.quality} @click=${() => this._active = "quality"}><div slot=content-end><calcite-chip .label=${this._quality} scale=s>${this._quality}</calcite-chip></div><calcite-icon icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item><calcite-list-item .label=${e.graphics} @click=${() => this._active = "color"}><calcite-color-picker-swatch .color=${this._color?.toString() ?? a.toString()} scale=s slot=content-end></calcite-color-picker-swatch><calcite-icon icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item></calcite-list></calcite-flow-item>${this._active === "speed" ? o : null}${this._active === "quality" ? n : null}${this._active === "color" ? r : null}</calcite-flow></calcite-popover><calcite-action alignment=center .disabled=${this._disabled} icon=sliders id=settings-action scale=s slot=trigger .text=${e.settings}></calcite-action></div>`;
   }
 }
-d("arcgis-video-player-settings", _);
+d("arcgis-video-player-settings", $);
 export {
-  _ as VideoPlayerSettings
+  $ as VideoPlayerSettings
 };

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

@@ -1,10 +1,10 @@
 import { c as a } from "../../chunks/runtime.js";
-import { css as l, html as c } from "lit";
+import { css as c, html as l } from "lit";
 import { LitElement as t, safeClassMap as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.99 */
-const d = l`.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 = {
+v4.34.1 */
+const d = c`.arcgis-video-player__slider-progress-container{position:relative;z-index:1;width:100%}.arcgis-video-player__progress{--arcgis-video-player-progress-width: 2px;appearance:none;display:block;position:absolute;top:calc(50% - var(--arcgis-video-player-progress-width) / 2);left:var(--arcgis-video-player-controls-spacing);border:none;background:var(--calcite-color-border-1);cursor:pointer;width:calc(100% - var(--arcgis-video-player-controls-spacing) * 2);height:var(--arcgis-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(--arcgis-video-player-controls-spacing) / 4) calc(var(--arcgis-video-player-controls-spacing) / 2)}`, o = "arcgis-video-player", i = {
   progress: `${o}__progress`,
   slider: `${o}__slider`,
   sliderProgressContainer: `${o}__slider-progress-container`
@@ -24,7 +24,7 @@ class p extends t {
   }
   render() {
     const { value: r, buffered: e } = this;
-    return c`<div class=${s(i.sliderProgressContainer)}><progress class=${s(i.progress)} max=1 .value=${`${e}`}></progress><div class=${s(i.slider)}><calcite-slider max=100 min=0 .value=${r} @calciteSliderInput=${this._onSliderInput}></calcite-slider></div></div>`;
+    return l`<div class=${s(i.sliderProgressContainer)}><progress class=${s(i.progress)} max=1 .value=${`${e}`}></progress><div class=${s(i.slider)}><calcite-slider max=100 min=0 .value=${r} @calciteSliderInput=${this._onSliderInput}></calcite-slider></div></div>`;
   }
 }
 a("arcgis-video-player-slider", p);

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

@@ -51,8 +51,15 @@ declare const useViewModel: (component: LitElement & Pick<WeatherViewModel, neve
  * - [Sample - Weather component](https://developers.arcgis.com/javascript/latest/sample-code/weather/)
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-weather/)
+ *
+ * @since 4.28
  */
 export declare class ArcgisWeather extends LitElement {
+    /**
+     * The view associated with the component.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Weather component will be associated with a map or scene component rather than using the `view` property.
+     */
+    view?: __esri.SceneView | undefined;
     /**
      * 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
@@ -100,7 +107,7 @@ export declare class ArcgisWeather extends LitElement {
      * _**Note**: Individual message keys may change between releases._
      */
     messageOverrides?: typeof this.messages._overrides;
-    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead. */
     position?: __esri.UIPosition;
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.

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

@@ -1,15 +1,15 @@
 import { c as M } from "../../chunks/runtime.js";
 import { css as T, html as s } from "lit";
 import { usePropertyChange as z } from "@arcgis/lumina/controllers";
-import { classes as _ } from "@arcgis/toolkit/dom";
-import { LitElement as W, createEvent as O, nothing as v, safeClassMap as u } from "@arcgis/lumina";
+import { classes as m } from "@arcgis/toolkit/dom";
+import { LitElement as W, createEvent as O, nothing as _, safeClassMap as u } from "@arcgis/lumina";
 import { u as E } from "../../chunks/useT9n.js";
 import { m as S } from "../../chunks/useViewModel.js";
 import { H as B } from "../../chunks/heading.js";
 import { g as w } from "../../chunks/globalCss.js";
 import H from "@arcgis/core/core/Accessor.js";
 import { property as p, subclass as j } from "@arcgis/core/core/accessorSupport/decorators.js";
-import { watch as A } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as L } from "@arcgis/core/core/reactiveUtils.js";
 import b from "@arcgis/core/views/3d/environment/CloudyWeather.js";
 import f from "@arcgis/core/views/3d/environment/FoggyWeather.js";
 import y from "@arcgis/core/views/3d/environment/RainyWeather.js";
@@ -17,7 +17,7 @@ import x from "@arcgis/core/views/3d/environment/SnowyWeather.js";
 import $ from "@arcgis/core/views/3d/environment/SunnyWeather.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.99 */
+v4.34.1 */
 const d = "arcgis-weather", g = {
   base: d,
   content: `${d}__content`,
@@ -27,11 +27,11 @@ const d = "arcgis-weather", g = {
   optionsHidden: `${d}__options--hidden`,
   error: `${d}__error`,
   warningTitle: `${d}__warning-title`
-}, L = T`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-family:Avenir Next,Helvetica Neue,helvetica,arial,sans-serif;font-size:var(--calcite-font-size);line-height:1.3em}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:#303030}.esri-menu__list-item:active{background-color:#000}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:#2493f2}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:1.3em}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{display:block}.arcgis-weather{position:relative;padding:var(--esri-widget-padding);width:fit-content}.arcgis-weather__content{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);width:min-content}.arcgis-weather__content--has-error{visibility:hidden;height:0;overflow:hidden;pointer-events:none}.arcgis-weather__selector{display:flex;flex-direction:row;gap:var(--calcite-spacing-sm);align-items:center}.arcgis-weather__options{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);calcite-label:last-child{--calcite-label-margin-bottom: 0}}.arcgis-weather__options--hidden{display:none}.arcgis-weather__warning-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}`;
-var D = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (i, e, r, o) => {
-  for (var t = o > 1 ? void 0 : o ? P(e, r) : e, l = i.length - 1, c; l >= 0; l--)
-    (c = i[l]) && (t = (o ? c(e, r, t) : c(t)) || t);
-  return o && t && D(e, r, t), t;
+}, A = T`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.arcgis-weather{position:relative;padding:var(--esri-widget-padding);width:fit-content}.arcgis-weather__content{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);width:min-content}.arcgis-weather__content--has-error{visibility:hidden;height:0;overflow:hidden;pointer-events:none}.arcgis-weather__selector{display:flex;flex-direction:row;gap:var(--calcite-spacing-sm);align-items:center}.arcgis-weather__options{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);calcite-label:last-child{--calcite-label-margin-bottom: 0}}.arcgis-weather__options--hidden{display:none}.arcgis-weather__warning-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}`;
+var D = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (t, e, r, o) => {
+  for (var i = o > 1 ? void 0 : o ? P(e, r) : e, l = t.length - 1, c; l >= 0; l--)
+    (c = t[l]) && (i = (o ? c(e, r, i) : c(i)) || i);
+  return o && i && D(e, r, i), i;
 };
 const V = {
   sunny: $,
@@ -42,8 +42,8 @@ const V = {
 }, C = Object.keys(V);
 let n = class extends H {
   //#region Lifecycle
-  constructor(i) {
-    super(i), this._settingWeather = !1, this._weatherByType = {
+  constructor(t) {
+    super(t), this._settingWeather = !1, this._weatherByType = {
       sunny: new $(),
       cloudy: new b(),
       rainy: new y(),
@@ -55,12 +55,12 @@ let n = class extends H {
     this.addHandles([
       // When the weather is changed directly in the environment (not in the VM),
       // we need to update the corresponding weather instance in the view model.
-      A(
+      L(
         () => this.current,
-        (i) => {
-          this._settingWeather || i == null || (this._weatherByType = {
+        (t) => {
+          this._settingWeather || t == null || (this._weatherByType = {
             ...this._weatherByType,
-            [i.type]: i
+            [t.type]: t
           });
         },
         { sync: !0, initial: !0 }
@@ -91,33 +91,33 @@ let n = class extends H {
     return this._weatherByType;
   }
   get error() {
-    const i = this.view;
-    return i?.ready ? i.type !== "3d" ? "unsupported-view" : i.viewingMode === "local" ? "local-scene" : i.environment.atmosphereEnabled ? i.environment.weatherAvailable ? null : "not-visible" : "no-atmosphere" : null;
+    const t = this.view;
+    return t?.ready ? t.type !== "3d" ? "unsupported-view" : t.viewingMode === "local" ? "local-scene" : t.environment.atmosphereEnabled ? t.environment.weatherAvailable ? null : "not-visible" : "no-atmosphere" : null;
   }
   get current() {
     return this._environment?.weather ?? this._weatherByType.sunny;
   }
-  set current(i) {
+  set current(t) {
     const e = this._environment;
-    e && (e.weather = i);
+    e && (e.weather = t);
   }
   get _environment() {
-    const i = this.view;
-    return i != null && i.type === "3d" ? i.environment : null;
+    const t = this.view;
+    return t != null && t.type === "3d" ? t.environment : null;
   }
   //#endregion
   //#region Public Methods
-  setWeatherByType(i) {
-    if (!C.includes(i)) {
-      console.warn(`arcgis-weather - "${i}" is not a valid weather type`);
+  setWeatherByType(t) {
+    if (!C.includes(t)) {
+      console.warn(`arcgis-weather - "${t}" is not a valid weather type`);
       return;
     }
     const e = this._environment;
-    e != null && (this._settingWeather = !0, e.weather = this._weatherByType[i], this._settingWeather = !1);
+    e != null && (this._settingWeather = !0, e.weather = this._weatherByType[t], this._settingWeather = !1);
   }
-  setSnowCoverEnabled(i) {
+  setSnowCoverEnabled(t) {
     const e = this.current;
-    "snowCover" in e && (e.snowCover = i ? "enabled" : "disabled");
+    "snowCover" in e && (e.snowCover = t ? "enabled" : "disabled");
   }
   //#endregion
 };
@@ -148,12 +148,12 @@ a([
 n = a([
   j("components.weather.WeatherViewModel")
 ], n);
-function h({ label: i, value: e, disabled: r, onChange: o }) {
-  const t = (m) => {
-    const k = m.currentTarget.value;
+function h({ label: t, value: e, disabled: r, onChange: o }) {
+  const i = (v) => {
+    const k = v.currentTarget.value;
     o?.((k ?? 0) / 100);
   }, l = "s", c = Math.round((e ?? 0) * 100);
-  return s`<calcite-label .scale=${l}>${i}<calcite-slider .disabled=${r} label-handles label-ticks max=100 max-label=100 min=0 min-label=0 .scale=${l} step=1 ticks=100 .value=${c} @calciteSliderChange=${t} @calciteSliderInput=${t}></calcite-slider></calcite-label>`;
+  return s`<calcite-label .scale=${l}>${t}<calcite-slider .disabled=${r} label-handles label-ticks max=100 max-label=100 min=0 min-label=0 .scale=${l} step=1 ticks=100 .value=${c} @calciteSliderChange=${i} @calciteSliderInput=${i}></calcite-slider></calcite-label>`;
 }
 const R = S(n), F = {
   sunny: "brightness",
@@ -162,15 +162,15 @@ const R = S(n), F = {
   snowy: "snow",
   foggy: "fog"
 };
-class N extends W {
+class Z extends W {
   constructor() {
-    super(...arguments), this.viewModel = R(this), this.messages = E(), this.autoDestroyDisabled = !1, this.headingLevel = 4, this.hideHeader = !1, this.icon = "partly-cloudy", this.label = this.messages.componentLabel, this.state = this.viewModel.state, this.arcgisPropertyChange = z()("state"), this.arcgisReady = O();
+    super(...arguments), this.viewModel = R(this), this.messages = E(), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.headingLevel = 4, this.hideHeader = !1, this.icon = "partly-cloudy", this.label = this.messages.componentLabel, this.state = this.viewModel.state, this.arcgisPropertyChange = z()("state"), this.arcgisReady = O();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, headingLevel: 9, hideHeader: 5, icon: 1, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, state: 35 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, headingLevel: 9, hideHeader: 5, icon: 1, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, state: 35 };
   }
   static {
-    this.styles = L;
+    this.styles = A;
   }
   async destroy() {
     await this.manager.destroy();
@@ -200,20 +200,20 @@ class N extends W {
       }
   }
   render() {
-    return s`<div aria-label=${this.messages.componentLabelAccessible ?? v} class=${u(_(g.base, w.widget, this.viewModel.disabled && w.widgetDisabled))} role=region>${this._renderContent()}</div>`;
+    return s`<div aria-label=${this.messages.componentLabelAccessible ?? _} class=${u(m(g.base, w.widget, this.viewModel.disabled && w.widgetDisabled))} role=region>${this._renderContent()}</div>`;
   }
   _renderContent() {
-    const { headingLevel: e, messages: r, viewModel: o } = this, t = this._getWarningMessage(), l = o.current, c = o.state === "error";
-    return s`${this.hideHeader ? void 0 : B({ level: e, children: r.componentLabel })}${c ? s`<div class=${u(g.error)}>${this._getErrorMessage()}</div>` : void 0}<div class=${u(_({ [g.content]: !0, [g.hasError]: c }))}><div aria-label=${r.weatherType ?? v} class=${u(g.selector)} role=radiogroup>${C.map(this._renderWeatherTypeButton, this)}</div>${Object.values(o.weatherByType).map((m) => s`<div class=${u(_({
+    const { headingLevel: e, messages: r, viewModel: o } = this, i = this._getWarningMessage(), l = o.current, c = o.state === "error";
+    return s`${this.hideHeader ? void 0 : B({ level: e, children: r.componentLabel })}${c ? s`<div class=${u(g.error)}>${this._getErrorMessage()}</div>` : void 0}<div class=${u(m({ [g.content]: !0, [g.hasError]: c }))}><div aria-label=${r.weatherType ?? _} class=${u(g.selector)} role=radiogroup>${C.map(this._renderWeatherTypeButton, this)}</div>${Object.values(o.weatherByType).map((v) => s`<div class=${u(m({
       [g.options]: !0,
-      [g.optionsHidden]: m.type !== l?.type
-    }))}>${this._renderOptions(m)}</div>`)}${t ? this._renderWarning(t) : void 0}</div>`;
+      [g.optionsHidden]: v.type !== l?.type
+    }))}>${this._renderOptions(v)}</div>`)}${i ? this._renderWarning(i) : void 0}</div>`;
   }
   _renderWeatherTypeButton(e) {
-    const r = this.messages[e]?.label ?? "", { disabled: o } = this.viewModel, t = !o && this.viewModel.current.type === e;
-    return s`<calcite-button .appearance=${t ? "solid" : "outline"} aria-checked=${t ? "true" : "false"} .disabled=${o} .iconStart=${F[e]} .kind=${t ? "brand" : "neutral"} .label=${r} @click=${() => {
-      t || this.viewModel.setWeatherByType(e);
-    }} scale=l title=${r ?? v}></calcite-button>`;
+    const r = this.messages[e]?.label ?? "", { disabled: o } = this.viewModel, i = !o && this.viewModel.current.type === e;
+    return s`<calcite-button .appearance=${i ? "solid" : "outline"} aria-checked=${i ? "true" : "false"} .disabled=${o} .iconStart=${F[e]} .kind=${i ? "brand" : "neutral"} .label=${r} @click=${() => {
+      i || this.viewModel.setWeatherByType(e);
+    }} scale=l title=${r ?? _}></calcite-button>`;
   }
   _renderOptions(e) {
     switch (e.type) {
@@ -241,20 +241,20 @@ class N extends W {
   }
   _renderRainyOptions(e) {
     const { disabled: r } = this.viewModel, o = this.messages.rainy;
-    return s`${h({ disabled: r, label: o?.cloudCover, value: e.cloudCover, onChange: (t) => {
-      e.cloudCover = t;
-    } })}${h({ disabled: r, label: o?.precipitation, value: e.precipitation, onChange: (t) => {
-      e.precipitation = t;
+    return s`${h({ disabled: r, label: o?.cloudCover, value: e.cloudCover, onChange: (i) => {
+      e.cloudCover = i;
+    } })}${h({ disabled: r, label: o?.precipitation, value: e.precipitation, onChange: (i) => {
+      e.precipitation = i;
     } })}`;
   }
   _renderSnowyOptions(e) {
     const { disabled: r } = this.viewModel, o = this.messages.snowy;
-    return s`${h({ disabled: r, label: o?.cloudCover, value: e.cloudCover, onChange: (t) => {
-      e.cloudCover = t;
-    } })}${h({ disabled: r, label: o?.precipitation, value: e.precipitation, onChange: (t) => {
-      e.precipitation = t;
-    } })}<calcite-label layout=inline scale=s title=${o?.snowCoverTooltip ?? v}><calcite-checkbox .checked=${e.snowCover === "enabled"} .disabled=${r} @calciteCheckboxChange=${(t) => {
-      this.viewModel.setSnowCoverEnabled(t.currentTarget.checked);
+    return s`${h({ disabled: r, label: o?.cloudCover, value: e.cloudCover, onChange: (i) => {
+      e.cloudCover = i;
+    } })}${h({ disabled: r, label: o?.precipitation, value: e.precipitation, onChange: (i) => {
+      e.precipitation = i;
+    } })}<calcite-label layout=inline scale=s title=${o?.snowCoverTooltip ?? _}><calcite-checkbox .checked=${e.snowCover === "enabled"} .disabled=${r} @calciteCheckboxChange=${(i) => {
+      this.viewModel.setSnowCoverEnabled(i.currentTarget.checked);
     }}></calcite-checkbox>${o?.snowCover}</calcite-label>`;
   }
   _renderFoggyOptions(e) {
@@ -266,7 +266,7 @@ class N extends W {
     return s`<calcite-notice aria-live=polite open icon=exclamation-mark-triangle-f kind=warning scale=s><div slot=title class=${u(g.warningTitle)}>${this.messages.warningTitle}</div><div slot=message>${e}</div></calcite-notice>`;
   }
 }
-M("arcgis-weather", N);
+M("arcgis-weather", Z);
 export {
-  N as ArcgisWeather
+  Z as ArcgisWeather
 };

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

@@ -11,8 +11,15 @@ type State = "disabled" | "ready";
  * The Zoom component allows users to zoom in/out within a map or scene.
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-zoom/)
+ *
+ * @since 4.28
  */
 export declare class ArcgisZoom extends LitElement {
+    /**
+     * The view associated with the component.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Zoom component will be associated with a map or scene component rather than using the `view` property.
+     */
+    view?: MapView | SceneView;
     /**
      * 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
@@ -45,7 +52,7 @@ export declare class ArcgisZoom extends LitElement {
      * _**Note**: Individual message keys may change between releases._
      */
     messageOverrides?: typeof this.messages._overrides;
-    /** @deprecated since 4.34, use [`slot`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/slot) instead. */
+    /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead. */
     position?: __esri.UIPosition;
     /**
      * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.