npm - @arcgis/map-components - Versions diffs - 4.34.0-next.142 → 4.34.0-next.144 - Mend

@arcgis/map-components 4.34.0-next.142 → 4.34.0-next.144

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 (575) hide show

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

@@ -1,30 +1,30 @@
-import { c as n } from "../../chunks/runtime.js";
-import { css as v, html as i } from "lit";
-import { usePropertyChange as p } from "@arcgis/lumina/controllers";
-import { classes as g } from "@arcgis/toolkit/dom";
-import h from "@arcgis/core/widgets/VideoPlayer/VideoPlayerViewModel.js";
-import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as y, createEvent as o, safeClassMap as t } from "@arcgis/lumina";
-import { createRef as _, ref as u } from "lit/directives/ref.js";
-import { u as m } from "../../chunks/useT9n.js";
-import { m as w } from "../../chunks/useViewModel.js";
-import { g as f } from "../../chunks/globalCss.js";
+import { c as h } from "../../chunks/runtime.js";
+import { css as c, html as i } from "lit";
+import { usePropertyChange as u } from "@arcgis/lumina/controllers";
+import { classes as v } from "@arcgis/toolkit/dom";
+import g from "@arcgis/core/widgets/VideoPlayer/VideoPlayerViewModel.js";
+import { watch as t } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as m, createEvent as a, safeClassMap as o } from "@arcgis/lumina";
+import { createRef as f, ref as _ } from "lit/directives/ref.js";
+import { u as y } from "../../chunks/useT9n.js";
+import { m as p } from "../../chunks/useViewModel.js";
+import { g as w } from "../../chunks/globalCss.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.142 */
-const b = v`.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)}.arcgis-video-player{--esri-video-player-view-height: 300px;--esri-video-player-view-aspect-ratio: 1.77;--esri-video-player-color-swatch-size: 20px;--esri-video-player-color-swatch-gap: 10px;--esri-video-player-progress-width: 2px;--esri-video-player-controls-spacing: var(--calcite-size-16, 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{height:var(--esri-video-player-view-height);display:flex}.arcgis-video-player .arcgis-video-player__slider-progress-container{z-index:1;width:100%;position:relative}.arcgis-video-player .arcgis-video-player__progress{appearance:none;top:calc(50% - var(--esri-video-player-progress-width) / 2);left:var(--esri-video-player-controls-spacing);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);border:none;display:block;position:absolute}.arcgis-video-player .arcgis-video-player__progress::-webkit-progress-bar{background-color:var(--calcite-color-border-3)}.arcgis-video-player .arcgis-video-player__progress::-webkit-progress-value{background-color:var(--calcite-color-border-input)}.arcgis-video-player .arcgis-video-player__progress::-moz-progress-bar{background-color:var(--calcite-color-border-3)}.arcgis-video-player .arcgis-video-player__slider{background-color:var(--calcite-color-foreground-1);padding:var(--esri-video-player-controls-spacing)}.arcgis-video-player .arcgis-video-player__slider .arcgis-slider .arcgis-slider__track{background-color:var(--calcite-color-text-1)}.arcgis-video-player .arcgis-video-player__slider .arcgis-slider .arcgis-slider__track .arcgis-slider__segment-0{background-color:var(--calcite-color-brand)}.arcgis-video-player .arcgis-video-player__slider .arcgis-slider .arcgis-slider__track .arcgis-slider__segment-1{background-color:var(--calcite-color-text-1)}.arcgis-video-player .arcgis-video-player__color-picker{column-gap:var(--esri-video-player-color-swatch-gap);grid-template-columns:repeat(5,1fr);display:grid}.arcgis-video-player .arcgis-video-player__color-picker .arcgis-video-player__color-block{cursor:pointer;width:var(--esri-video-player-color-swatch-size);height:var(--esri-video-player-color-swatch-size)}.arcgis-video-player .arcgis-video-player__color-picker .arcgis-video-player__color-block__active{border-radius:var(--esri-video-player-color-swatch-size)}.arcgis-video-player__toolbar{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);align-items:center;display:flex}.arcgis-video-player__timecode{margin-inline:var(--calcite-size-12, 12px);color:var(--calcite-color-text-3);align-items:center;display:flex}.arcgis-video-player__controls{flex:1 0 auto;justify-content:flex-end}.arcgis-video-player__settings-flow{min-width:var(--calcite-size-160)}.arcgis-metadata-table__empty-state{transition-duration:0s}`, l = "arcgis-video-player", d = {
-  base: l,
-  videoView: `${l}__video-view`
-}, V = w(h);
-class M extends y {
+v4.34.0-next.144 */
+const V = c`:host{--arcgis-video-player-width: 531px;--arcgis-video-aspect-ratio: 1.77;--arcgis-video-player-controls-spacing: 16px;width:var(--arcgis-video-player-width);height:100%}.arcgis-video-player{height:100%}.arcgis-video-player__video-view{display:flex;flex:1 1 auto;min-height:calc(var(--arcgis-video-player-width) / var(--arcgis-video-aspect-ratio))}`, d = "arcgis-video-player", l = {
+  base: d,
+  videoView: `${d}__video-view`
+}, M = p(g);
+class $ extends m {
   constructor() {
-    super(...arguments), this.messages = m({ blocking: !0 }), this.viewModel = V(this), this._videoViewRef = _(), this._metadataVisible = !1, this._duration = 0, this._currentTime = 0, this._bufferedValue = 0, this._currentValue = 0, this._isBuffering = !1, this._videoViewReady = !1, this.icon = "video-web", this.state = this.viewModel.state, this.layer = this.viewModel.layer, this.autoDestroyDisabled = !1, this.hideHeader = !1, this.arcgisPropertyChange = p()("state", "layer"), this.arcgisReady = o(), this.arcgisVideoReady = o();
+    super(...arguments), this.messages = y({ blocking: !0 }), this.viewModel = M(this), this._videoViewRef = f(), this._metadataVisible = !1, this._duration = 0, this._currentTime = 0, this._bufferedValue = 0, this._currentValue = 0, this._isBuffering = !1, this._videoViewReady = !1, this.icon = "video-web", this.state = this.viewModel.state, this.layer = this.viewModel.layer, this.autoDestroyDisabled = !1, this.hideHeader = !1, this.arcgisPropertyChange = u()("state", "layer"), this.arcgisReady = a(), this.arcgisVideoReady = a();
   }
   static {
     this.properties = { _metadataVisible: 16, _duration: 16, _currentTime: 16, _bufferedValue: 16, _currentValue: 16, _isBuffering: 16, _videoViewReady: 16, _layerTitle: 16, _isLive: 16, referenceElement: 1, position: 3, icon: 1, state: 3, followingMode: 1, layer: 0, autoDestroyDisabled: 5, messageOverrides: 0, label: 3, hideHeader: 5 };
   }
   static {
-    this.styles = b;
+    this.styles = V;
   }
   get followingMode() {
     return this.viewModel.followingMode;
@@ -37,24 +37,24 @@ class M extends y {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      r(() => [this.viewModel.currentTime, this.viewModel.duration, this.viewModel.duration, this.viewModel.ended], () => {
-        const { buffered: e, currentTime: s, duration: a, ended: c } = this.viewModel;
-        this._duration = a, this._currentTime = s, this._bufferedValue = e / (a || 1), this._currentValue = s / (a || 1), this._isBuffering = !c && this._bufferedValue < this._currentValue;
+      t(() => [this.viewModel.currentTime, this.viewModel.duration, this.viewModel.duration, this.viewModel.ended], () => {
+        const { buffered: e, currentTime: s, duration: r, ended: n } = this.viewModel;
+        this._duration = r, this._currentTime = s, this._bufferedValue = e / (r || 1), this._currentValue = s / (r || 1), this._isBuffering = !n && this._bufferedValue < this._currentValue;
       }),
-      r(() => this._videoViewRef.value?.ready, (e) => {
+      t(() => this._videoViewRef.value?.ready, (e) => {
         this._videoViewReady = !!e;
       }, { initial: !0 }),
-      r(() => this.layer?.title, (e) => {
+      t(() => this.layer?.title, (e) => {
         this._layerTitle = e ?? void 0;
       }, { initial: !0 }),
-      r(() => this.layer?.isLive, (e) => {
+      t(() => this.layer?.isLive, (e) => {
         this._isLive = e ?? void 0;
       }, { initial: !0 }),
-      r(() => this.viewModel.view?.map, () => this.requestUpdate())
+      t(() => this.viewModel.view?.map, () => this.requestUpdate())
     ]);
   }
   render() {
-    return i`<div class=${t(g(d.base, f.widget))}><calcite-panel .heading=${this.hideHeader ? void 0 : this._layerTitle ?? this.messages.videoPlayer}>${this._renderLoadingScrim()}${this._renderBuffering()}${this._renderVideoSection()}${this._renderSlider()}${this._renderActionBar()}${this._renderMetadataSection()}</calcite-panel></div>`;
+    return i`<div class=${o(v(l.base, w.widget))}><calcite-panel .heading=${this.hideHeader ? void 0 : this._layerTitle ?? this.messages.videoPlayer}>${this._renderLoadingScrim()}${this._renderBuffering()}${this._renderVideoSection()}${this._renderSlider()}${this._renderActionBar()}${this._renderMetadataSection()}</calcite-panel></div>`;
   }
   _renderLoadingScrim() {
     return this._videoViewReady ? null : i`<calcite-scrim .loading=${this.state !== "error"}>${this.state === "error" ? this.messages.errorLoadingLayer : null}</calcite-scrim>`;
@@ -63,7 +63,7 @@ class M extends y {
     return this._isBuffering ? i`<calcite-progress type=indeterminate></calcite-progress>` : null;
   }
   _renderVideoSection() {
-    return i`<div class=${t(d.videoView)}><arcgis-video .layer=${this.layer} .map=${this.viewModel.view?.map} @arcgisViewReadyChange=${() => this.arcgisVideoReady.emit()} ${u(this._videoViewRef)}></arcgis-video></div>`;
+    return i`<div class=${o(l.videoView)}><arcgis-video .layer=${this.layer} .map=${this.viewModel.view?.map} @arcgisViewReadyChange=${() => this.arcgisVideoReady.emit()} ${_(this._videoViewRef)}></arcgis-video></div>`;
   }
   _renderSlider() {
     return this._isLive ? null : i`<arcgis-video-player-slider .buffered=${this._bufferedValue} .value=${this._currentValue * 100} .viewModel=${this.viewModel}></arcgis-video-player-slider>`;
@@ -75,7 +75,7 @@ class M extends y {
     return this._metadataVisible ? i`<arcgis-video-player-metadata .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-video-player-metadata>` : null;
   }
 }
-n("arcgis-video-player", M);
+h("arcgis-video-player", $);
 export {
-  M as ArcgisVideoPlayer
+  $ as ArcgisVideoPlayer
 };

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

@@ -1,13 +1,13 @@
 import { c } from "../../chunks/runtime.js";
 import { css as n, html as s } from "lit";
 import { formatDate as d } from "@arcgis/core/intl.js";
-import { LitElement as p, safeClassMap as i } from "@arcgis/lumina";
+import { LitElement as p, safeClassMap as a } from "@arcgis/lumina";
 import { watch as g } from "@arcgis/core/core/reactiveUtils.js";
 import { classes as v } from "@arcgis/toolkit/dom";
 /*! 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.142 */
-const y = n`.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__toolbar-top-padding{padding-top:calc(var(--esri-video-player-controls-spacing) / 2)}.arcgis-video-player__timecode{display:flex;align-items:center;color:var(--calcite-color-text-3)}.arcgis-video-player__controls-group{display:flex;flex:1 0 auto;justify-content:flex-end}.arcgis-video-player__live-icon{color:var(--calcite-color-status-danger)}.arcgis-video-player__controls-container{display:flex;align-items:center;gap:var(--calcite-spacing-md)}`, e = "arcgis-video-player", o = {
+v4.34.0-next.144 */
+const y = n`.arcgis-video-player__toolbar{display:flex;align-items:center;background-color:var(--calcite-color-foreground-1);padding:0 calc(var(--arcgis-video-player-controls-spacing) / 2) calc(var(--arcgis-video-player-controls-spacing) / 2);font-size:var(--calcite-font-size--2)}.arcgis-video-player__toolbar-top-padding{padding-top:calc(var(--arcgis-video-player-controls-spacing) / 2)}.arcgis-video-player__timecode{display:flex;align-items:center;color:var(--calcite-color-text-3)}.arcgis-video-player__controls-group{display:flex;flex:1 0 auto;justify-content:flex-end}.arcgis-video-player__live-icon{color:var(--calcite-color-status-danger)}.arcgis-video-player__controls-container{display:flex;align-items:center;gap:var(--calcite-spacing-md)}`, e = "arcgis-video-player", o = {
   playerControlsGroup: `${e}__controls-group`,
   playerTimecode: `${e}__timecode`,
   playerToolbar: `${e}__toolbar`,
@@ -27,14 +27,14 @@ class m extends p {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      g(() => this.viewModel.layer?.isLive, (a) => {
-        this._isLive = a ?? void 0;
+      g(() => this.viewModel.layer?.isLive, (i) => {
+        this._isLive = i ?? void 0;
       }, { initial: !0 })
     ]);
   }
   render() {
-    const { messages: a } = this, l = this._isLive ? o.playerToolbarTopPadding : null;
-    return s`<div class=${i(v(o.playerToolbar, l))}><div class=${i(o.playerControlsContainer)}><arcgis-video-player-actions-group .messages=${a} .viewModel=${this.viewModel}></arcgis-video-player-actions-group>${this._isLive ? s`<calcite-icon class=${i(o.playerLiveIcon)} icon=beacon></calcite-icon>` : null}<div class=${i(o.playerTimecode)}>${t(this.currentTime)} / ${t(this.duration)}</div></div><arcgis-video-player-controls-group class=${i(o.playerControlsGroup)} .messages=${a} .toggleMetadata=${() => this.toggleMetadata()} .viewModel=${this.viewModel}></arcgis-video-player-controls-group></div>`;
+    const { messages: i } = this, l = this._isLive ? o.playerToolbarTopPadding : null;
+    return s`<div class=${a(v(o.playerToolbar, l))}><div class=${a(o.playerControlsContainer)}><arcgis-video-player-actions-group .messages=${i} .viewModel=${this.viewModel}></arcgis-video-player-actions-group>${this._isLive ? s`<calcite-icon class=${a(o.playerLiveIcon)} icon=beacon></calcite-icon>` : null}<div class=${a(o.playerTimecode)}>${t(this.currentTime)} / ${t(this.duration)}</div></div><arcgis-video-player-controls-group class=${a(o.playerControlsGroup)} .messages=${i} .toggleMetadata=${() => this.toggleMetadata()} .viewModel=${this.viewModel}></arcgis-video-player-controls-group></div>`;
   }
 }
 c("arcgis-video-player-action-bar", m);

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

@@ -4,7 +4,7 @@ import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as m } 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.142 */
+v4.34.0-next.144 */
 class v extends m {
   constructor() {
     super(...arguments), this._disabled = !1, this._playing = !1;

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

@@ -4,7 +4,7 @@ import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as m } 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.142 */
+v4.34.0-next.144 */
 function g(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 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.142 */
+v4.34.0-next.144 */
 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 i } 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.142 */
-const v = h`.arcgis-video-player__settings-flow{min-width:var(--calcite-size-160)}`, $ = ["Auto"], g = [
+v4.34.0-next.144 */
+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) => {
+      h(() => this.viewModel.state, (c) => {
         this._disabled = c === "not-ready" || c === "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=${() => {
+    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>${v.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 }) => {
+    }} .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>${m.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() ?? 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 && c.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 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><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.142 */
-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.0-next.144 */
+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.js CHANGED Viewed

@@ -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.142 */
+v4.34.0-next.144 */
 const d = "arcgis-weather", g = {
   base: d,
   content: `${d}__content`,

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

@@ -1,82 +1,83 @@
-import { c as d } from "../../chunks/runtime.js";
-import { css as f, html as g } from "lit";
-import { classes as r } from "@arcgis/toolkit/dom";
+import { c as h } from "../../chunks/runtime.js";
+import { css as g, html as b } from "lit";
+import { classes as s } from "@arcgis/toolkit/dom";
 import { ignoreAbortErrors as l } from "@arcgis/core/core/promiseUtils.js";
-import { when as m } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as y, createEvent as z, safeClassMap as s, nothing as u } from "@arcgis/lumina";
-import { usePropertyChange as p } from "@arcgis/lumina/controllers";
-import { u as b } from "../../chunks/useT9n.js";
-import { u as v } from "../../chunks/useView.js";
+import { when as y } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as z, createEvent as p, safeClassMap as i, nothing as m } from "@arcgis/lumina";
+import { usePropertyChange as v } from "@arcgis/lumina/controllers";
+import { u as x } from "../../chunks/useT9n.js";
+import { u as $ } from "../../chunks/useView.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.142 */
-const i = {
+v4.34.0-next.144 */
+const r = {
   base: "arcgis-zoom",
   button: "arcgis-button",
   horizontalLayout: "arcgis-zoom--horizontal",
   zoomIn: "arcgis-zoom__zoom-in",
   zoomOut: "arcgis-zoom__zoom-out"
 };
-function x(t) {
+function u(t) {
+  if (!t)
+    return !1;
   if (t.type === "3d")
-    return !!t.ready;
+    return t.ready;
   if (!t?.ready)
     return !1;
-  const e = h(t), a = t.constraints?.effectiveMaxScale;
+  const e = f(t), a = t.constraints?.effectiveMaxScale;
   return a === 0 || e > a;
 }
-function Z(t) {
+function d(t) {
+  if (!t)
+    return !1;
   if (t.type === "3d")
-    return !!t.ready;
+    return t.ready;
   if (!t?.ready)
     return !1;
-  const e = h(t), a = t.constraints?.effectiveMinScale;
+  const e = f(t), a = t.constraints?.effectiveMinScale;
   return a === 0 || e < a;
 }
-function h(t) {
+function f(t) {
   const o = t?.animation?.target;
   return (o && "then" in o ? void 0 : o?.scale) ?? t?.scale ?? 0;
 }
-const O = f`.arcgis-button{--calcite-ui-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-ui-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{display:flex;max-width:fit-content}.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 I extends y {
+const E = g`.arcgis-button{--calcite-ui-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-ui-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{display:flex;max-width:fit-content}.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 O extends z {
   constructor() {
-    super(...arguments), this.messages = b({}), this.canZoomIn = !1, this.canZoomOut = !1, this.view = v(this), this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.state = "disabled", this.arcgisPropertyChange = p()("state"), this.arcgisReady = z();
+    super(...arguments), this.messages = x({}), this.view = $(this), this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.state = "disabled", this.arcgisPropertyChange = v()("state"), this.arcgisReady = p();
   }
   static {
-    this.properties = { canZoomIn: 16, canZoomOut: 16, view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 3 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 3 };
   }
   static {
-    this.styles = O;
+    this.styles = E;
   }
   async destroy() {
     await this.manager.destroy();
   }
   async zoomIn() {
     const { view: o } = this;
-    !this.canZoomIn || !o || (o.type === "2d" ? o.mapViewNavigation.zoomIn() : l(o.goTo({ zoomFactor: 2 })));
+    !u(o) || !o || (o.type === "2d" ? o.mapViewNavigation.zoomIn() : l(o.goTo({ zoomFactor: 2 })));
   }
   async zoomOut() {
     const { view: o } = this;
-    !this.canZoomOut || !o || (o.type === "2d" ? o.mapViewNavigation.zoomOut() : l(o.goTo({ zoomFactor: 0.5 })));
+    !d(o) || !o || (o.type === "2d" ? o.mapViewNavigation.zoomOut() : l(o.goTo({ zoomFactor: 0.5 })));
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      m(() => this.view?.stationary, () => {
-        this.canZoomIn = x(this.view), this.canZoomOut = Z(this.view);
-      }, { initial: !0 }),
-      m(() => this.view?.ready ? "ready" : "disabled", (o) => {
+      y(() => this.view?.ready ? "ready" : "disabled", (o) => {
         this.state = o;
       }, { sync: !0, initial: !0 })
     ]);
   }
   render() {
     const o = {
-      [i.horizontalLayout]: this.layout === "horizontal"
-    }, { canZoomIn: e, canZoomOut: a } = this, { zoomIn: c, zoomOut: n } = this.messages;
-    return g`<div class=${s(r(i.base, i.button, o))}><calcite-button class=${s(r(i.zoomIn))} .disabled=${!e} icon-start=plus kind=neutral .label=${c} @click=${this.zoomIn} title=${c ?? u}></calcite-button><calcite-button class=${s(r(i.zoomOut))} .disabled=${!a} icon-start=minus kind=neutral .label=${n} @click=${this.zoomOut} title=${n ?? u}></calcite-button></div>`;
+      [r.horizontalLayout]: this.layout === "horizontal"
+    }, e = u(this.view), a = d(this.view), { zoomIn: c, zoomOut: n } = this.messages;
+    return b`<div class=${i(s(r.base, r.button, o))}><calcite-button class=${i(s(r.zoomIn))} .disabled=${!e} icon-start=plus kind=neutral .label=${c} @click=${this.zoomIn} title=${c ?? m}></calcite-button><calcite-button class=${i(s(r.zoomOut))} .disabled=${!a} icon-start=minus kind=neutral .label=${n} @click=${this.zoomOut} title=${n ?? m}></calcite-button></div>`;
   }
 }
-d("arcgis-zoom", I);
+h("arcgis-zoom", O);
 export {
-  I as ArcgisZoom
+  O as ArcgisZoom
 };

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

@@ -1,4 +1,4 @@
 import { default as MapView } from '@arcgis/core/views/MapView.js';
 import { default as SceneView } from '@arcgis/core/views/SceneView.js';
-export declare function canZoomIn(view: MapView | SceneView): boolean;
-export declare function canZoomOut(view: MapView | SceneView): boolean;
+export declare function canZoomIn(view?: MapView | SceneView): boolean;
+export declare function canZoomOut(view?: MapView | SceneView): boolean;