@arcgis/map-components 4.34.0-next.146 → 4.34.0-next.148

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

@@ -1,25 +1,25 @@
 import { c as h } from "../../chunks/runtime.js";
-import { css as n, html as i } from "lit";
+import { css as n, html as e } from "lit";
 import { useDirection as l } from "@arcgis/lumina/controllers";
 import { watch as t } from "@arcgis/core/core/reactiveUtils.js";
 import c from "@arcgis/core/views/VideoView.js";
 import { LitElement as m, createEvent as d, safeClassMap as s } from "@arcgis/lumina";
 import { makeAccessorController as y } from "@arcgis/lumina/controllers/accessor";
-import { createRef as r, ref as a } from "lit/directives/ref.js";
+import { createRef as a, ref as r } from "lit/directives/ref.js";
 import { s as f, C as o, a as p } from "../../chunks/slots.js";
 import { s as w } from "../../chunks/esri-main.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.146 */
+v4.34.0-next.148 */
 const v = n`:host{width:100%;height:100%}`, u = y(c, {
   omitProps: ["container", "navigation", "scale", "ui"]
 });
 class g extends m {
   constructor() {
-    super(), this._containerRef = r(), this._direction = l(), this._mapRef = r(), this.autoDestroyDisabled = !1, this.view = u(this), this.ready = this.view.ready, this.layer = this.view.layer, this.map = this.view.map, this.arcgisViewReadyChange = d();
+    super(), this._containerRef = a(), this._direction = l(), this._mapRef = a(), this.autoDestroyDisabled = !1, this.view = u(this), this.aria = this.view.aria, this.ready = this.view.ready, this.layer = this.view.layer, this.map = this.view.map, this.arcgisViewReadyChange = d();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, view: 32, ready: 4, layer: 0, map: 0 };
+    this.properties = { autoDestroyDisabled: 5, view: 32, aria: 0, ready: 4, layer: 0, map: 0 };
   }
   static {
     this.styles = [w, f, v];
@@ -28,8 +28,8 @@ class g extends m {
     await this.manager.destroy();
   }
   loaded() {
-    const e = this;
-    e.el.childElem = this._mapRef.value, this.view.container ??= e.el.childElem, this.manager.onLifecycle(() => [
+    const i = this;
+    i.el.childElem = this._mapRef.value, this.view.container ??= i.el.childElem, this.manager.onLifecycle(() => [
       t(() => this.layer, () => {
         this.layer && this.view && (this.view.layer = this.layer, this.layer.loaded || this.layer.load());
       }, { initial: !0 }),
@@ -39,10 +39,10 @@ class g extends m {
     ]);
   }
   renderMain() {
-    return i`<div class=${s(o.base)} ${a(this._mapRef)}></div>`;
+    return e`<div class=${s(o.base)} ${r(this._mapRef)}></div>`;
   }
   render() {
-    return i`<section class=${s(o.containerUI)} ${a(this._containerRef)}>${p(this._direction)}</section>${this.renderMain()}`;
+    return e`<section class=${s(o.containerUI)} ${r(this._containerRef)}>${p(this._direction)}</section>${this.renderMain()}`;
   }
 }
 h("arcgis-video", g);

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

@@ -125,6 +125,13 @@ export declare class ArcgisVideoPlayer extends LitElement {
      * @default false
      */
     hideHeader: boolean;
+    /**
+     * 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 ArcgisVideoPlayer component will be associated with a map or scene component rather than using the `view` property.
+     *
+     * @default null
+     */
+    view?: __esri.MapView | nullish;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */

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

@@ -1,30 +1,27 @@
-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 { c as d } from "../../chunks/runtime.js";
+import { css as l, html as i } from "lit";
+import { usePropertyChange as n } from "@arcgis/lumina/controllers";
+import { classes as h } from "@arcgis/toolkit/dom";
+import c 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";
+import { LitElement as u, createEvent as a, safeClassMap as m } from "@arcgis/lumina";
+import { createRef as g, ref as v } from "lit/directives/ref.js";
+import { u as f } from "../../chunks/useT9n.js";
+import { m as _ } from "../../chunks/useViewModel.js";
+import { g as y } 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.146 */
-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 {
+v4.34.0-next.148 */
+const p = l`:host{--arcgis-video-player-controls-spacing: 16px;width:531px;height:100%}.arcgis-video-player{height:100%;container-type:size}arcgis-video{display:flex;flex:1 1 auto}@container (max-height: 0px){arcgis-video{aspect-ratio:16 / 9}}`, w = { base: "arcgis-video-player" }, V = _(c);
+class M extends u {
   constructor() {
-    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();
+    super(...arguments), this.messages = f({ blocking: !0 }), this.viewModel = V(this), this._videoViewRef = g(), 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.view = this.viewModel.view, this.arcgisPropertyChange = n()("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 };
+    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, view: 0 };
   }
   static {
-    this.styles = V;
+    this.styles = p;
   }
   get followingMode() {
     return this.viewModel.followingMode;
@@ -38,8 +35,8 @@ class $ extends m {
   loaded() {
     this.manager.onLifecycle(() => [
       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;
+        const { buffered: e, currentTime: s, duration: r, ended: o } = this.viewModel;
+        this._duration = r, this._currentTime = s, this._bufferedValue = e / (r || 1), this._currentValue = s / (r || 1), this._isBuffering = !o && this._bufferedValue < this._currentValue;
       }),
       t(() => this._videoViewRef.value?.ready, (e) => {
         this._videoViewReady = !!e;
@@ -54,7 +51,7 @@ class $ extends m {
     ]);
   }
   render() {
-    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>`;
+    return i`<div class=${m(h(w.base, y.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 +60,7 @@ class $ extends m {
     return this._isBuffering ? i`<calcite-progress type=indeterminate></calcite-progress>` : null;
   }
   _renderVideoSection() {
-    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>`;
+    return i`<arcgis-video .layer=${this.layer} .map=${this.viewModel.view?.map} @arcgisViewReadyChange=${() => this.arcgisVideoReady.emit()} ${v(this._videoViewRef)}></arcgis-video>`;
   }
   _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 +72,7 @@ class $ extends m {
     return this._metadataVisible ? i`<arcgis-video-player-metadata .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-video-player-metadata>` : null;
   }
 }
-h("arcgis-video-player", $);
+d("arcgis-video-player", M);
 export {
-  $ as ArcgisVideoPlayer
+  M as ArcgisVideoPlayer
 };

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

@@ -6,7 +6,7 @@ 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.146 */
+v4.34.0-next.148 */
 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`,

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

@@ -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.146 */
+v4.34.0-next.148 */
 class v extends m {
   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 } 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.146 */
+v4.34.0-next.148 */
 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

@@ -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.146 */
+v4.34.0-next.148 */
 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

@@ -5,7 +5,7 @@ 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.146 */
+v4.34.0-next.148 */
 const m = ["Auto"], v = [
   { label: "0.25x", value: 0.25 },
   { label: "0.5x", value: 0.5 },

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

@@ -3,7 +3,7 @@ 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.146 */
+v4.34.0-next.148 */
 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`,

package/dist/components/arcgis-weather/customElement.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.146 */
+v4.34.0-next.148 */
 const d = "arcgis-weather", g = {
   base: d,
   content: `${d}__content`,

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

@@ -9,7 +9,7 @@ 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.146 */
+v4.34.0-next.148 */
 const r = {
   base: "arcgis-zoom",
   button: "arcgis-button",