@arcgis/map-components 4.34.0-next.45 → 4.34.0-next.47

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

@@ -1,13 +1,12 @@
 import { c as B } from "../../chunks/runtime.js";
-import { html as s } from "lit";
+import { css as L, html as s } from "lit";
 import { createRef as f, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as L, createEvent as r } from "@arcgis/lumina";
-import { css as y } from "@lit/reactive-element/css-tag.js";
+import { LitElement as y, createEvent as r } 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.45 */
-const N = y`:host{display:none;background:#bdf2c4}:host([selected]){display:flex}calcite-block{margin-block:0}calcite-pagination{justify-content:center}`;
-class U extends L {
+v4.34.0-next.47 */
+const N = L`:host{display:none;background:#bdf2c4}:host([selected]){display:flex}calcite-block{margin-block:0}calcite-pagination{justify-content:center}`;
+class U extends y {
   constructor() {
     super(...arguments), this._filterInputElement = f(), this._flowItemElement = f(), this.currentPage = 1, this.selected = !1, this.showBackButton = !1, this.arcgisFlowItemBack = r(), this.arcgisFlowItemClose = r(), this.arcgisGetVersions = r(), this.arcgisManageVersion = r(), this.arcgisNewVersion = r();
   }

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

@@ -1,13 +1,12 @@
 import { c as g } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
+import { css as V, html as l } from "lit";
 import { createRef as u, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as V, createEvent as d, noShadowRoot as $ } from "@arcgis/lumina";
-import { css as I } from "@lit/reactive-element/css-tag.js";
+import { LitElement as $, createEvent as d, noShadowRoot as I } 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.45 */
-const x = I`@layer{:host{display:none;background:#bdf2c4}:host([selected]){display:flex}.properties-buttons{display:flex}}`;
-class C extends V {
+v4.34.0-next.47 */
+const x = V`@layer{:host{display:none;background:#bdf2c4}:host([selected]){display:flex}.properties-buttons{display:flex}}`;
+class C extends $ {
   constructor() {
     super(...arguments), this._flowItemElement = u(), this._switchToVersion = !0, this._switchToVersionCheckboxElement = u(), this._versionNameInputElement = u(), this.selected = !1, this.showBackButton = !1, this.arcgisAlterVersion = d(), this.arcgisCreateVersion = d(), this.arcgisFlowItemBack = d(), this.arcgisFlowItemClose = d();
   }
@@ -15,7 +14,7 @@ class C extends V {
     this.properties = { selected: 7, showBackButton: 7, versionPropertiesElementProps: 0 };
   }
   static {
-    this.shadowRootOptions = $;
+    this.shadowRootOptions = I;
   }
   static {
     this.styles = x;

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

@@ -3,10 +3,10 @@ import { makeAccessorController as s } from "@arcgis/lumina/controllers/accessor
 import { watch as e } from "@arcgis/core/core/reactiveUtils.js";
 import a from "@arcgis/core/views/VideoView.js";
 import { LitElement as r, createEvent as o, noShadowRoot as h } from "@arcgis/lumina";
-import { css as l } from "@lit/reactive-element/css-tag.js";
+import { css as l } from "lit";
 /*! 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.45 */
+v4.34.0-next.47 */
 const d = l`@layer{arcgis-video{display:block;height:100%;width:100%;.esri-view{height:100%;width:100%}}}`, c = s(a, {
   omitProps: ["container", "navigation", "scale", "ui"]
 });

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

@@ -1,25 +1,24 @@
 import { c as h } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
-import { usePropertyChange as c } from "@arcgis/lumina/controllers";
-import { classes as v } from "@arcgis/components-utils";
-import u from "@arcgis/core/widgets/VideoPlayer/VideoPlayerViewModel.js";
+import { css as c, html as i } from "lit";
+import { usePropertyChange as v } from "@arcgis/lumina/controllers";
+import { classes as u } from "@arcgis/components-utils";
+import m from "@arcgis/core/widgets/VideoPlayer/VideoPlayerViewModel.js";
 import { watch as t } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as m, createEvent as a, noShadowRoot as g, safeClassMap as o } from "@arcgis/lumina";
-import { createRef as f, ref as p } from "lit-html/directives/ref.js";
-import { u as y } from "../../chunks/useT9n.js";
-import { m as _ } from "../../chunks/useViewModel.js";
-import { g as w } from "../../chunks/globalCss.js";
-import { css as V } from "@lit/reactive-element/css-tag.js";
+import { LitElement as g, createEvent as a, noShadowRoot as f, safeClassMap as o } from "@arcgis/lumina";
+import { createRef as p, ref as y } from "lit-html/directives/ref.js";
+import { u as _ } from "../../chunks/useT9n.js";
+import { m as w } from "../../chunks/useViewModel.js";
+import { g as V } 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.45 */
-const M = V`@layer{.arcgis-video-player{--esri-video-player-view-height: 300px;--esri-video-player-view-aspect-ratio: 1.77;--esri-video-player-controls-spacing: 16px;min-width:calc(var(--esri-video-player-view-height) * var(--esri-video-player-view-aspect-ratio))}.arcgis-video-player .arcgis-video-player__video-view{display:flex;height:var(--esri-video-player-view-height)}}`, d = "arcgis-video-player", l = {
+v4.34.0-next.47 */
+const M = c`@layer{.arcgis-video-player{--esri-video-player-view-height: 300px;--esri-video-player-view-aspect-ratio: 1.77;--esri-video-player-controls-spacing: 16px;min-width:calc(var(--esri-video-player-view-height) * var(--esri-video-player-view-aspect-ratio))}.arcgis-video-player .arcgis-video-player__video-view{display:flex;height:var(--esri-video-player-view-height)}}`, d = "arcgis-video-player", l = {
   base: d,
   videoView: `${d}__video-view`
-}, $ = _(u);
-class b extends m {
+}, $ = w(m);
+class b extends g {
   constructor() {
-    super(...arguments), this.messages = y({ blocking: !0 }), this.viewModel = $(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.position = "top-left", this.icon = "video-web", this.state = this.viewModel.state, this.layer = this.viewModel.layer, this.autoDestroyDisabled = !1, this.hideHeader = !1, this.arcgisPropertyChange = c()("state", "layer"), this.arcgisReady = a(), this.arcgisVideoReady = a();
+    super(...arguments), this.messages = _({ blocking: !0 }), this.viewModel = $(this), this._videoViewRef = p(), this._metadataVisible = !1, this._duration = 0, this._currentTime = 0, this._bufferedValue = 0, this._currentValue = 0, this._isBuffering = !1, this._videoViewReady = !1, this.position = "top-left", this.icon = "video-web", this.state = this.viewModel.state, this.layer = this.viewModel.layer, this.autoDestroyDisabled = !1, this.hideHeader = !1, this.arcgisPropertyChange = v()("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, referenceElement: 1, position: 3, icon: 1, state: 3, followingMode: 1, layer: 0, autoDestroyDisabled: 5, messageOverrides: 0, label: 3, hideHeader: 5 };
@@ -28,7 +27,7 @@ class b extends m {
     this.styles = M;
   }
   static {
-    this.shadowRootOptions = g;
+    this.shadowRootOptions = f;
   }
   get followingMode() {
     return this.viewModel.followingMode;
@@ -55,7 +54,7 @@ class b 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=${o(u(l.base, V.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>`;
@@ -64,7 +63,7 @@ class b 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()} ${p(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()} ${y(this._videoViewRef)}></arcgis-video></div>`;
   }
   _renderSlider() {
     return i`<arcgis-video-player-slider .buffered=${this._bufferedValue} .value=${this._currentValue * 100} .viewModel=${this.viewModel}></arcgis-video-player-slider>`;

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

@@ -1,20 +1,19 @@
-import { c as s } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
-import { formatDate as c } from "@arcgis/core/intl.js";
-import { LitElement as n, safeClassMap as e } from "@arcgis/lumina";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { c as t } from "../../chunks/runtime.js";
+import { css as l, html as c } from "lit";
+import { formatDate as n } from "@arcgis/core/intl.js";
+import { LitElement as d, safeClassMap as e } 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.45 */
-const p = d`.arcgis-video-player__toolbar{display:flex;align-items:center;background-color:var(--calcite-color-foreground-1);padding:0 calc(var(--esri-video-player-controls-spacing) / 2) calc(var(--esri-video-player-controls-spacing) / 2);font-size:var(--calcite-font-size--2)}.arcgis-video-player__timecode{display:flex;align-items:center;margin-inline:var(--calcite-size-12, 12px);color:var(--calcite-color-text-3)}.arcgis-video-player__controls-group{display:flex;flex:1 0 auto;justify-content:flex-end}`, o = "arcgis-video-player", r = {
+v4.34.0-next.47 */
+const p = l`.arcgis-video-player__toolbar{display:flex;align-items:center;background-color:var(--calcite-color-foreground-1);padding:0 calc(var(--esri-video-player-controls-spacing) / 2) calc(var(--esri-video-player-controls-spacing) / 2);font-size:var(--calcite-font-size--2)}.arcgis-video-player__timecode{display:flex;align-items:center;margin-inline:var(--calcite-size-12, 12px);color:var(--calcite-color-text-3)}.arcgis-video-player__controls-group{display:flex;flex:1 0 auto;justify-content:flex-end}`, o = "arcgis-video-player", r = {
   playerControlsGroup: `${o}__controls-group`,
   playerTimecode: `${o}__timecode`,
   playerToolbar: `${o}__toolbar`
 };
-function t(a) {
-  return c(Math.round(a) * 1e3, { minute: "2-digit", second: "2-digit" });
+function s(a) {
+  return n(Math.round(a) * 1e3, { minute: "2-digit", second: "2-digit" });
 }
-class g extends n {
+class g extends d {
   static {
     this.properties = { viewModel: 0, messages: 0, currentTime: 9, duration: 9, toggleMetadata: 0 };
   }
@@ -23,10 +22,10 @@ class g extends n {
   }
   render() {
     const { messages: i } = this;
-    return l`<div class=${e(r.playerToolbar)}><arcgis-video-player-actions-group .messages=${i} .viewModel=${this.viewModel}></arcgis-video-player-actions-group><div class=${e(r.playerTimecode)}>${t(this.currentTime)} / ${t(this.duration)}</div><arcgis-video-player-controls-group class=${e(r.playerControlsGroup)} .messages=${i} .toggleMetadata=${() => this.toggleMetadata()} .viewModel=${this.viewModel}></arcgis-video-player-controls-group></div>`;
+    return c`<div class=${e(r.playerToolbar)}><arcgis-video-player-actions-group .messages=${i} .viewModel=${this.viewModel}></arcgis-video-player-actions-group><div class=${e(r.playerTimecode)}>${s(this.currentTime)} / ${s(this.duration)}</div><arcgis-video-player-controls-group class=${e(r.playerControlsGroup)} .messages=${i} .toggleMetadata=${() => this.toggleMetadata()} .viewModel=${this.viewModel}></arcgis-video-player-controls-group></div>`;
   }
 }
-s("arcgis-video-player-action-bar", g);
+t("arcgis-video-player-action-bar", g);
 export {
   g as VideoPlayerActionBar
 };

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

@@ -1,10 +1,10 @@
 import { c as d } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
+import { html as i } from "lit";
 import { watch as g } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as p, noShadowRoot as m } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
+v4.34.0-next.47 */
 class $ extends p {
   constructor() {
     super(...arguments), this._disabled = !1, this._playing = !1;

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

@@ -1,10 +1,10 @@
 import { c as r } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
+import { html as t } from "lit";
 import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as m, noShadowRoot as g } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
+v4.34.0-next.47 */
 function f(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

@@ -1,18 +1,17 @@
-import { c as l } from "../../chunks/runtime.js";
-import { html as s } from "lit-html";
+import { c as r } from "../../chunks/runtime.js";
+import { css as n, html as s } from "lit";
 import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as n, safeClassMap as a } from "@arcgis/lumina";
-import { css as m } from "@lit/reactive-element/css-tag.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.45 */
-const f = m`.arcgis-metadata-table{display:flex;flex-direction:column;border-top:1px solid var(--calcite-color-border-1)}.arcgis-metadata-table__row{display:flex;flex-direction:row;border-bottom:1px solid var(--calcite-color-border-1);border-right:1px solid var(--calcite-color-border-1)}.arcgis-metadata-table__data{flex:1;border-left:1px solid var(--calcite-color-border-1);padding:5px}.arcgis-metadata-table__empty-state{width:100%;max-inline-size:unset;transition-duration:0ms}`, o = "arcgis-metadata-table", t = {
+v4.34.0-next.47 */
+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`,
   data: `${o}__data`,
   emptyState: `${o}__empty-state`
 };
-class h extends n {
+class h extends m {
   constructor() {
     super(...arguments), this._disabled = !1, this._hasMetadata = !1, this._missionInfo = {}, this._platformInfo = {}, this._frameInfo = {};
   }
@@ -35,8 +34,8 @@ class h extends n {
         const { metadata: i } = this.viewModel;
         if (this._hasMetadata = !!i, !this._hasMetadata)
           return;
-        const { missionInfo: e, platformInfo: c, frameInfo: r } = i;
-        this._missionInfo = e, this._platformInfo = c, this._frameInfo = r;
+        const { missionInfo: e, platformInfo: c, frameInfo: l } = i;
+        this._missionInfo = e, this._platformInfo = c, this._frameInfo = l;
       }, { initial: !0 })
     ]);
   }
@@ -45,7 +44,7 @@ class h extends n {
     return this._disabled || !this._hasMetadata ? s`<calcite-tile class=${a(t.emptyState)} .description=${i.metadataDescription} .heading=${i.metadataNotLoaded}></calcite-tile>` : s`<calcite-block .heading=${i.metadata} expanded><calcite-accordion appearance=solid selection-mode=single><calcite-accordion-item .heading=${i.missionInfo}><div class=${a(t.table)}>${Object.keys(this._missionInfo).map((e) => s`<div class=${a(t.row)}><div class=${a(t.data)}>${e}</div><div class=${a(t.data)}>${this._missionInfo[e]}</div></div>`)}</div></calcite-accordion-item><calcite-accordion-item .heading=${i.platformInfo}><div class=${a(t.table)}>${Object.keys(this._platformInfo).map((e) => s`<div class=${a(t.row)}><div class=${a(t.data)}>${e}</div><div class=${a(t.data)}>${this._platformInfo[e]}</div></div>`)}</div></calcite-accordion-item><calcite-accordion-item .heading=${i.frameInfo}><div class=${a(t.table)}>${Object.keys(this._frameInfo).map((e) => s`<div class=${a(t.row)}><div class=${a(t.data)}>${e}</div><div class=${a(t.data)}>${this._frameInfo[e]}</div></div>`)}</div></calcite-accordion-item></calcite-accordion></calcite-block>`;
   }
 }
-l("arcgis-video-player-metadata", h);
+r("arcgis-video-player-metadata", h);
 export {
   h as VideoPlayerMetadata
 };

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

@@ -1,20 +1,19 @@
 import { c as d } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
+import { css as h, html as i } from "lit";
 import a from "@arcgis/core/Color.js";
-import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as p } from "@arcgis/lumina";
-import { css as m } from "@lit/reactive-element/css-tag.js";
+import { watch as p } 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.45 */
-const v = m`.arcgis-video-player__settings-flow{min-width:var(--calcite-size-160)}`, $ = ["Auto"], g = [
+v4.34.0-next.47 */
+const v = h`.arcgis-video-player__settings-flow{min-width:var(--calcite-size-160)}`, $ = ["Auto"], g = [
   { label: "0.25x", value: 0.25 },
   { label: "0.5x", value: 0.5 },
   { label: "1x", value: 1 },
   { label: "1.5x", value: 1.5 },
   { label: "2x", value: 2 }
 ], s = new a([255, 127, 0]);
-class _ extends p {
+class _ extends m {
   constructor() {
     super(...arguments), this._color = null, this._speed = "1x", this._quality = "Auto", this._disabled = !1;
   }
@@ -26,7 +25,7 @@ class _ extends p {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      h(() => this.viewModel.state, (c) => {
+      p(() => this.viewModel.state, (c) => {
         this._disabled = c === "not-ready" || c === "waiting";
       }, { initial: !0 })
     ]);

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

@@ -1,16 +1,15 @@
 import { c as a } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
-import { LitElement as c, safeClassMap as s } from "@arcgis/lumina";
-import { css as t } from "@lit/reactive-element/css-tag.js";
+import { css as l, html as c } 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.45 */
-const d = t`.arcgis-video-player__slider-progress-container{position:relative;z-index:1;width:100%}.arcgis-video-player__progress{--esri-video-player-progress-width: 2px;appearance:none;display:block;position:absolute;top:calc(50% - var(--esri-video-player-progress-width) / 2);left:var(--esri-video-player-controls-spacing);border:none;background:var(--calcite-color-border-1);cursor:pointer;width:calc(100% - var(--esri-video-player-controls-spacing) * 2);height:var(--esri-video-player-progress-width)}.arcgis-video-player__progress::-webkit-progress-bar{background-color:var(--calcite-color-border-3)}.arcgis-video-player__progress::-webkit-progress-value{background-color:var(--calcite-color-border-input)}.arcgis-video-player__progress::-moz-progress-bar{background-color:var(--calcite-color-border-3)}.arcgis-video-player__slider{--calcite-slider-track-color: transparent;background-color:var(--calcite-color-foreground-1);padding:calc(var(--esri-video-player-controls-spacing) / 4) calc(var(--esri-video-player-controls-spacing) / 2)}`, o = "arcgis-video-player", i = {
+v4.34.0-next.47 */
+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 = {
   progress: `${o}__progress`,
   slider: `${o}__slider`,
   sliderProgressContainer: `${o}__slider-progress-container`
 };
-class p extends c {
+class p extends t {
   static {
     this.properties = { viewModel: 0, buffered: 9, value: 9 };
   }
@@ -25,7 +24,7 @@ class p extends c {
   }
   render() {
     const { value: r, buffered: e } = this;
-    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>`;
+    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>`;
   }
 }
 a("arcgis-video-player-slider", p);

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

@@ -1,13 +1,12 @@
 import { c as T } from "../../chunks/runtime.js";
-import { html as o } from "lit-html";
-import { usePropertyChange as W } from "@arcgis/lumina/controllers";
+import { css as W, html as o } from "lit";
+import { usePropertyChange as O } from "@arcgis/lumina/controllers";
 import { classes as y } from "@arcgis/components-utils";
-import { nothing as v, safeStyleMap as O, LitElement as x, createEvent as S, noShadowRoot as B, safeClassMap as g } from "@arcgis/lumina";
-import { u as E } from "../../chunks/useT9n.js";
-import { m as H } from "../../chunks/useViewModel.js";
-import { H as L } from "../../chunks/heading.js";
+import { nothing as v, safeStyleMap as x, LitElement as S, createEvent as B, noShadowRoot as E, safeClassMap as g } from "@arcgis/lumina";
+import { u as H } from "../../chunks/useT9n.js";
+import { m as L } from "../../chunks/useViewModel.js";
+import { H as A } from "../../chunks/heading.js";
 import { g as w } from "../../chunks/globalCss.js";
-import { css as A } from "@lit/reactive-element/css-tag.js";
 import D from "@arcgis/core/core/Accessor.js";
 import { property as h, subclass as k } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { watch as P } from "@arcgis/core/core/reactiveUtils.js";
@@ -18,7 +17,7 @@ import $ from "@arcgis/core/views/3d/environment/SnowyWeather.js";
 import C 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.45 */
+v4.34.0-next.47 */
 const c = "arcgis-weather", d = {
   base: c,
   content: `${c}__content`,
@@ -28,7 +27,7 @@ const c = "arcgis-weather", d = {
   optionsHidden: `${c}__options--hidden`,
   error: `${c}__error`,
   warning: `${c}__warning`
-}, R = A`@layer{.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{display:flex;flex-direction:row;gap:var(--calcite-spacing-xs);align-items:center;font-size:var(--calcite-font-size-sm);calcite-icon{color:var(--calcite-color-status-warning)}}}`;
+}, R = W`@layer{.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{display:flex;flex-direction:row;gap:var(--calcite-spacing-xs);align-items:center;font-size:var(--calcite-font-size-sm);calcite-icon{color:var(--calcite-color-status-warning)}}}`;
 var V = Object.defineProperty, j = Object.getOwnPropertyDescriptor, a = (t, e, s, i) => {
   for (var r = i > 1 ? void 0 : i ? j(e, s) : e, p = t.length - 1, l; p >= 0; p--)
     (l = t[p]) && (r = (i ? l(e, s, r) : l(r)) || r);
@@ -154,28 +153,28 @@ function u({ label: t, value: e, disabled: s, onChange: i }) {
     const l = p.currentTarget.value;
     i?.(l);
   };
-  return o`<calcite-label scale=s>${t}<calcite-slider aria-label=${t ?? v} .disabled=${s} style=${O({
+  return o`<calcite-label scale=s>${t}<calcite-slider aria-label=${t ?? v} .disabled=${s} style=${x({
     // Tweaks to make the slider more compact and better-align within the weather component */
     marginInline: "-7px",
     marginBottom: "-7px"
   })} max=1 min=0 step=0.01 .value=${e ?? 0} @calciteSliderChange=${r} @calciteSliderInput=${r}></calcite-slider></calcite-label>`;
 }
-const F = H(n), I = {
+const F = L(n), I = {
   sunny: "brightness",
   cloudy: "partly-cloudy",
   rainy: "rain",
   snowy: "snow",
   foggy: "fog"
 };
-class q extends x {
+class q extends S {
   constructor() {
-    super(...arguments), this.viewModel = F(this), this.messages = E(), this.autoDestroyDisabled = !1, this.headingLevel = 4, this.hideHeader = !1, this.icon = "partly-cloudy", this.label = this.messages.componentLabel, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = W()("state"), this.arcgisReady = S();
+    super(...arguments), this.viewModel = F(this), this.messages = H(), this.autoDestroyDisabled = !1, this.headingLevel = 4, this.hideHeader = !1, this.icon = "partly-cloudy", this.label = this.messages.componentLabel, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = O()("state"), this.arcgisReady = B();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, headingLevel: 9, hideHeader: 5, icon: 1, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, state: 35 };
   }
   static {
-    this.shadowRootOptions = B;
+    this.shadowRootOptions = E;
   }
   static {
     this.styles = R;
@@ -212,7 +211,7 @@ class q extends x {
   }
   _renderContent() {
     const { headingLevel: e, messages: s, viewModel: i } = this, r = this._getWarningMessage(), p = i.current, l = i.state === "error";
-    return o`${this.hideHeader ? void 0 : L({ level: e, children: s.componentLabel })}${l ? o`<div class=${g(d.error)}>${this._getErrorMessage()}</div>` : void 0}<div class=${g(y({ [d.content]: !0, [d.hasError]: l }))}><div aria-label=${s.weatherType ?? v} class=${g(d.selector)} role=radiogroup>${M.map(this._renderWeatherTypeButton, this)}</div>${Object.values(i.weatherByType).map((m) => o`<div class=${g(y({
+    return o`${this.hideHeader ? void 0 : A({ level: e, children: s.componentLabel })}${l ? o`<div class=${g(d.error)}>${this._getErrorMessage()}</div>` : void 0}<div class=${g(y({ [d.content]: !0, [d.hasError]: l }))}><div aria-label=${s.weatherType ?? v} class=${g(d.selector)} role=radiogroup>${M.map(this._renderWeatherTypeButton, this)}</div>${Object.values(i.weatherByType).map((m) => o`<div class=${g(y({
       [d.options]: !0,
       [d.optionsHidden]: m.type !== p?.type
     }))}>${this._renderOptions(m)}</div>`)}${r ? this._renderWarning(r) : void 0}</div>`;

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

@@ -1,16 +1,15 @@
 import { c as h } from "../../chunks/runtime.js";
-import { html as f } from "lit-html";
+import { css as f, html as y } from "lit";
 import { classes as i } from "@arcgis/components-utils";
 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 p, noShadowRoot as g, safeClassMap as r, nothing as u } from "@arcgis/lumina";
-import { usePropertyChange as z } from "@arcgis/lumina/controllers";
-import { u as b } from "../../chunks/useT9n.js";
-import { u as O } from "../../chunks/useView.js";
-import { css as Z } from "@lit/reactive-element/css-tag.js";
+import { LitElement as g, createEvent as p, noShadowRoot as z, safeClassMap as r, nothing as u } from "@arcgis/lumina";
+import { usePropertyChange as b } from "@arcgis/lumina/controllers";
+import { u as O } from "../../chunks/useT9n.js";
+import { u as Z } 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.45 */
+v4.34.0-next.47 */
 const a = {
   base: "arcgis-zoom",
   horizontalLayout: "arcgis-zoom--horizontal",
@@ -38,16 +37,16 @@ function d(t) {
   const o = t?.animation?.target;
   return (o && "then" in o ? void 0 : o?.scale) ?? t?.scale ?? 0;
 }
-const x = Z`@layer{arcgis-zoom,.arcgis-zoom{display:flex;flex-flow:column nowrap;box-shadow:0 1px 2px #0000004d}.arcgis-zoom__zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.arcgis-zoom--horizontal{flex-flow:row-reverse nowrap}.arcgis-zoom--horizontal .arcgis-zoom__zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}}`;
-class $ extends y {
+const x = f`@layer{arcgis-zoom,.arcgis-zoom{display:flex;flex-flow:column nowrap;box-shadow:0 1px 2px #0000004d}.arcgis-zoom__zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.arcgis-zoom--horizontal{flex-flow:row-reverse nowrap}.arcgis-zoom--horizontal .arcgis-zoom__zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}}`;
+class $ extends g {
   constructor() {
-    super(...arguments), this.messages = b({}), this.view = O(this), this.canZoomIn = !1, this.canZoomOut = !1, this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.position = "top-left", this.state = "disabled", this.arcgisPropertyChange = z()("state"), this.arcgisReady = p();
+    super(...arguments), this.messages = O({}), this.view = Z(this), this.canZoomIn = !1, this.canZoomOut = !1, this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.position = "top-left", this.state = "disabled", this.arcgisPropertyChange = b()("state"), this.arcgisReady = p();
   }
   static {
     this.properties = { canZoomIn: 16, canZoomOut: 16, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = g;
+    this.shadowRootOptions = z;
   }
   static {
     this.styles = x;
@@ -77,7 +76,7 @@ class $ extends y {
     const o = {
       [a.horizontalLayout]: this.layout === "horizontal"
     }, { canZoomIn: e, canZoomOut: s } = this, { zoomIn: n, zoomOut: c } = this.messages;
-    return f`<div class=${r(i(a.base, o))}><calcite-button class=${r(i(a.button, a.zoomIn))} .disabled=${!e} icon-start=plus kind=neutral .label=${n} @click=${this.zoomIn} title=${n ?? u}></calcite-button><calcite-button class=${r(i(a.button, a.zoomOut))} .disabled=${!s} icon-start=minus kind=neutral .label=${c} @click=${this.zoomOut} title=${c ?? u}></calcite-button></div>`;
+    return y`<div class=${r(i(a.base, o))}><calcite-button class=${r(i(a.button, a.zoomIn))} .disabled=${!e} icon-start=plus kind=neutral .label=${n} @click=${this.zoomIn} title=${n ?? u}></calcite-button><calcite-button class=${r(i(a.button, a.zoomOut))} .disabled=${!s} icon-start=minus kind=neutral .label=${c} @click=${this.zoomOut} title=${c ?? u}></calcite-button></div>`;
   }
 }
 h("arcgis-zoom", $);

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-07-03T04:39:44",
+  "timestamp": "2025-07-05T04:43:32",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.45",
+    "version": "4.34.0-next.47",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-07-03T04:39:44",
+  "timestamp": "2025-07-05T04:43:32",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.45",
+    "version": "4.34.0-next.47",
     "typescriptVersion": "5.8.3"
   },
   "components": [

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/map-components",
-  "version": "4.34.0-next.45",
+  "version": "4.34.0-next.47",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/index.js

@@ -1,7 +1,7 @@
 import { s, g as t } from "./chunks/runtime.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.45 */
+v4.34.0-next.47 */
 const a = s, A = t;
 export {
   A as getArcgisAssetPath,

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } 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.45 */
+v4.34.0-next.47 */
 const o = t(e, {
   "arcgis-area-measurement-2d": [() => import("./components/arcgis-area-measurement-2d/customElement.js"), "autoDestroyDisabled,icon,label,position,referenceElement,snappingOptions:,state,unit,unitOptions:;clear,destroy,start"],
   "arcgis-area-measurement-3d": [() => import("./components/arcgis-area-measurement-3d/customElement.js"), "analysis:,autoDestroyDisabled,icon,label,position,referenceElement,state,unit,unitOptions:;clear,destroy,start"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/map-components",
-  "version": "4.34.0-next.45",
+  "version": "4.34.0-next.47",
   "description": "ArcGIS Map Components",
   "keywords": [
     "ArcGIS",
@@ -43,8 +43,9 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
     "@amcharts/amcharts5": "^5.13.1",
-    "@arcgis/components-utils": "4.34.0-next.45",
-    "@arcgis/lumina": "4.34.0-next.45",
+    "@arcgis/components-utils": "4.34.0-next.47",
+    "@arcgis/lumina": "4.34.0-next.47",
+    "lit": "^3.3.0",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {

package/dist/cdn/3SATUVYV.js

@@ -1,4 +0,0 @@
-/*! 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.45 */
-import a from"./PQBHXFRR.js";import{b as f}from"./E6MZX3W4.js";import{G as s,R as l,S as i,W as g,t as o,u as r}from"./HDSGM4GS.js";import"./KKWD45TS.js";export default $arcgis.t(([{watch:p},{b:h,k:n}])=>{var v=o`@layer{arcgis-feature-content{display:block}.arcgis-feature-content__loader-container{display:flex;align-items:center;justify-content:center;padding:0;height:150px}.arcgis-feature-content{font-size:var(--calcite-font-size-md)}.arcgis-feature-content h1,.arcgis-feature-content h2,.arcgis-feature-content h3,.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{margin:var(--calcite-spacing-sm) 0;line-height:normal;letter-spacing:0;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-semibold)}.arcgis-feature-content h1{font-size:var(--calcite-font-size-xxl)}.arcgis-feature-content h2{font-size:var(--calcite-font-size-xl)}.arcgis-feature-content h3{font-size:var(--calcite-font-size-lg)}.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{font-size:var(--calcite-font-size)}.arcgis-widget__heading.arcgis-feature-element-info__title{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-content p{margin:0 0 var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular)}.arcgis-feature-content p:last-child{margin-block-end:0}.arcgis-feature-content img{max-width:100%;max-height:100%;image-orientation:from-image}.arcgis-feature-content video{max-width:100%;max-height:100%}.arcgis-feature-content figure{margin:0;padding:0}.arcgis-feature-content figcaption{display:block;margin:var(--calcite-spacing-xs) 0 0;padding:0;font-size:var(--calcite-font-size-sm);font-style:italic}.arcgis-feature-content ul,.arcgis-feature-content ol{margin-block:var(--calcite-spacing-sm)}.arcgis-feature-content ul:first-child,.arcgis-feature-content ol:first-child{margin-block-start:0}.arcgis-feature-content a,.arcgis-feature-content a:hover,.arcgis-feature-content a:focus{color:var(--calcite-color-text-link)}}`,d="arcgis-feature-content",m={base:d,loaderContainer:`${d}__loader-container`},c=class extends l{static{this.properties={_loadingPromise:16,_created:16,creator:1,destroyer:0,graphic:0}}static{this.styles=v}static{this.shadowRootOptions=s}loaded(){this.manager.onLifecycle(()=>p(()=>this.creator,t=>{this._destroyContent(),this._createContent(t)},{initial:!0}))}async _createContent(t){let{graphic:e}=this;if(!e||!t)return;let a=n({type:"content",value:t,event:{graphic:e}});this._loadingPromise=a;let u=await a;a===this._loadingPromise&&(this._loadingPromise=void 0,this._created=u)}_destroyContent(){let{_created:t,graphic:e,destroyer:a}=this;t&&e&&(n({type:"content",value:a,event:{graphic:e}}),this._created=null)}_addTargetToAnchors(t){Array.from(t.querySelectorAll("a")).forEach(e=>{h(e.href)&&!e.hasAttribute("target")&&e.setAttribute("target","_blank")})}render(){return r`<div class=${i(m.base)}>${this._loadingPromise?this._renderLoading():this._renderCreated()}</div>`}_renderLoading(){return r`<div class=${i(m.loaderContainer)}><calcite-loader inline label></calcite-loader></div>`}_renderCreated(){let{_created:t}=this;return t instanceof HTMLElement?t:typeof t=="string"?r`<div .innerHTML=${t??""} ${f(this._addTargetToAnchors)}></div>`:null}};g("arcgis-feature-content",c);return c},"core/reactiveUtils",a)

package/dist/cdn/ERR75XWY.js

@@ -1,4 +0,0 @@
-/*! 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.45 */
-import{a as h}from"./VFMVOW4R.js";import{b as y}from"./E6MZX3W4.js";import j from"./FFI2GIUF.js";import{a as R}from"./WYQFQZGX.js";import{a as d}from"./NGBKUGJX.js";import i from"./YOF33L5N.js";import e from"./DLRXQ7MD.js";import{f}from"./E3DND3MN.js";import"./KMU56TC5.js";import{i as w}from"./KRHC4CJM.js";import{D as g,G as b,R as v,S as a,T as _,U as c,W as $,e as p,t as m,u as o}from"./HDSGM4GS.js";import"./KKWD45TS.js";export default $arcgis.t(([{watch:M},S,,,C])=>{var x=[-45,0,45,-90,90,-135,180,135],B={0:{label:"north",iconName:"chevron-up"},45:{label:"northEast",iconName:"chevron-up-right"},90:{label:"east",iconName:"chevron-right"},135:{label:"southEast",iconName:"chevron-down-right"},180:{label:"south",iconName:"chevron-down"},"-135":{label:"southWest",iconName:"chevron-down-left"},"-90":{label:"west",iconName:"chevron-left"},"-45":{label:"northWest",iconName:"chevron-up-left"}},n="arcgis-directional-pad",s={base:n,buttonsContainer:`${n}__buttons-container`,button:`${n}__button`,compassButton:`${n}__compass`,rotationContainer:`${n}__rotation-container`,rotationSliderContainer:`${n}__rotation-slider-container`,rotationReset:`${n}__rotation-reset-button`,error:`${n}__error`},E=m`@layer{.arcgis-directional-pad{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);outline:none;box-shadow:none!important;background-color:transparent!important;user-select:none;calcite-action-pad{display:contents}calcite-action-group{touch-action:none}calcite-action{aspect-ratio:1}}.arcgis-directional-pad__buttons-container{--calcite-color-background: transparent;--calcite-action-group-gap: 0;--calcite-action-group-padding: 0;calcite-action{--calcite-color-focus: var(--calcite-color-foreground-3)}calcite-action:not([active]){--calcite-action-background-color-press: var(--calcite-color-foreground-1)}calcite-action[active]{--calcite-action-background-color: var(--calcite-color-foreground-3)}calcite-icon{transform:var(--rotation, unset)}@media (hover: none){calcite-action{--calcite-action-background-color-hover: var(--calcite-color-foreground-1);--calcite-action-text-color-press: var(--calcite-color-text-3)}}}.arcgis-directional-pad__rotation-container{display:block;width:100%;calcite-action{flex:.3}}.arcgis-directional-pad__rotation-slider-container{display:flex;flex:1;align-items:center;calcite-slider{flex:1;padding-inline:var(--calcite-spacing-xxs)}}}`;function k(r){let{x:t,y:e,width:i,height:l}=r.getBoundingClientRect();return{x:t+i/2,y:e+l/2}}function D(r){return r?.spatialReference?.isWebMercator||r?.spatialReference?.isGeographic||!1}var N=C(S),u=class extends v{constructor(){super(...arguments),this.messages=R({}),this._onContextMenu=t=>t.preventDefault(),this._buttons={},this.viewModel=N(this),this.angle=this.viewModel.angle,this.rotation=this.viewModel.rotation,this.autoDestroyDisabled=!1,this.disabled=this.viewModel.disabled,this.hideDirectionalButtons=!1,this.icon="move",this.position="bottom-left",this.showRotationResetButton=!1,this.showRotationSlider=!1,this.state=this.viewModel.state,this.visualScale="s",this.arcgisPropertyChange=f()("state"),this.arcgisReady=g()}static{this.properties={_rotationEnabled:16,angle:16,rotation:16,autoDestroyDisabled:5,disabled:5,hideDirectionalButtons:5,icon:1,label:1,messageOverrides:0,position:3,referenceElement:1,showRotationResetButton:5,showRotationSlider:5,state:3,visualScale:1}}static{this.shadowRootOptions=b}static{this.styles=E}get _rotationEnabled(){return this.view?.ready?this.view.constraints.rotationEnabled??!1:!0}async destroy(){await this.manager.destroy()}loaded(){this.manager.onLifecycle(()=>[M(()=>this.viewModel.angle,()=>{this._buttonsContainer?.contains(document.activeElement)&&(this.viewModel.angle==null?w(this)?.focus():p(this._buttons[this.viewModel.angle]))})])}_rotateIcon(t){return{"--rotation":`rotate(${t}deg)`}}_setButtonContainerRef(t){t!==void 0?(this._buttonsContainer=t,queueMicrotask(()=>{this._buttons=Object.fromEntries(Array.from(t.children,e=>[Number.parseInt(e.getAttribute("data-angle")??""),e]))})):(this._buttonsContainer=void 0,this._buttons={})}_onButtonPointerDown(t){if(this._buttonsContainer===void 0)return;t.composedPath().find(i=>i.hasPointerCapture?.(t.pointerId))?.releasePointerCapture(t.pointerId);let e=k(this._buttonsContainer);this.viewModel.beginFollowingPointer(t,e)}_onSliderInput({currentTarget:t}){typeof t.value=="number"&&(this.viewModel.rotation=t.value)}_onRotationReset(){this.viewModel.rotation=0}_onClick(t){this.viewModel.moveOnce(t)}render(){let{label:t,disabled:e}=this,i=this.view==null||this.view.type==="2d";return o`<div .ariaLabel=${t??void 0} class=${a({[s.base]:!0,[d.widget]:!0,[d.disabled]:e})} tabindex=-1>${i?this._renderContent():this._renderUnsupportedMessage()}</div>`}_renderUnsupportedMessage(){return o`<section class=${a(s.error)}><p>${this.messages.unsupported}</p></section>`}_renderContent(){return[this.hideDirectionalButtons?void 0:this._renderDirectionalButtons(),this.showRotationSlider?this._renderRotation():void 0]}_renderDirectionalButtons(){return h("directional-buttons-container",o`<calcite-action-bar expand-disabled floating layout=grid overflow-actions-disabled><calcite-action-group class=${a(s.buttonsContainer)} dir=ltr @contextmenu=${{handleEvent:this._onContextMenu,capture:!0}} ${y(this._setButtonContainerRef)}>${x.slice(0,4).map(this._renderButton,this)}${this._renderCompass()}${x.slice(4).map(this._renderButton,this)}</calcite-action-group></calcite-action-bar>`)}_renderButton(t){let{label:e,iconName:i}=B[t],l=this.messages[e];return o`<calcite-action .active=${this.angle===t} alignment=center class=${a(s.button)} data-angle=${t??c} .disabled=${this.disabled} @click=${this._onClick.bind(this,t)} @pointerdown=${this._onButtonPointerDown} .scale=${this.visualScale} .text=${l??""} title=${l??c}><calcite-icon .icon=${i} .scale=${this.visualScale}></calcite-icon></calcite-action>`}_renderCompass(){let t=this.disabled||D(this.view)?"compass-needle":"arrow-up",e=this.rotation===0,i=this.messages.resetHeading;return o`<calcite-action alignment=center class=${a(s.compassButton)} .disabled=${this.disabled||!this._rotationEnabled||e} @click=${this._onRotationReset} .scale=${this.visualScale} style=${_(this._rotateIcon(this.rotation))} .text=${i??""} title=${i??c}>${!e&&o`<calcite-icon .icon=${t} .scale=${this.visualScale}></calcite-icon>`||""}</calcite-action>`}_renderRotation(){return h("slider-container",o`<calcite-action-bar expand-disabled floating layout=horizontal><calcite-action-group class=${a(s.rotationContainer)}>${this.showRotationResetButton?this._renderRotationResetButton():null}${this._renderRotationSlider()}</calcite-action-group></calcite-action-bar>`)}_renderRotationResetButton(){let t=this.messages.resetHeading;return o`<calcite-action alignment=center class=${a(s.rotationReset)} .disabled=${this.disabled||!this._rotationEnabled} @click=${this._onRotationReset} .scale=${this.visualScale} .text=${t??""} title=${t??c}><calcite-icon flip-rtl icon=rotate .scale=${this.visualScale}></calcite-icon></calcite-action>`}_renderRotationSlider(){return o`<div class=${a(s.rotationSliderContainer)}><calcite-slider .ariaLabel=${this.messages.heading} .disabled=${this.disabled||!this._rotationEnabled} label-handles max=360 min=0 required .scale=${this.visualScale} .value=${Math.round(this.rotation)} @calciteSliderInput=${this._onSliderInput}></calcite-slider></div>`}};$("arcgis-directional-pad",u);return u},"core/reactiveUtils","widgets/DirectionalPad/DirectionalPadViewModel",e,i,j)