@arcgis/map-components 4.34.0-next.46 → 4.34.0-next.48

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

@@ -1,24 +1,23 @@
 import { c as o } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
-import { usePropertyChange as a } from "@arcgis/lumina/controllers";
-import { closestElement as m, classes as u } from "@arcgis/components-utils";
-import { LitElement as d, createEvent as f, safeClassMap as i, nothing as h } from "@arcgis/lumina";
-import { u as p } from "../../chunks/useT9n.js";
+import { css as a, html as l } from "lit";
+import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import { closestElement as u, classes as d } from "@arcgis/components-utils";
+import { LitElement as f, createEvent as h, safeClassMap as i, nothing as p } from "@arcgis/lumina";
+import { u as g } from "../../chunks/useT9n.js";
 import { g as r } from "../../chunks/globalCss.js";
-import { css as g } from "@lit/reactive-element/css-tag.js";
 import { u as E } 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.46 */
-const b = g`arcgis-fullscreen{display:block}`, y = {
+v4.34.0-next.48 */
+const b = a`arcgis-fullscreen{display:block}`, y = {
   base: "esri-fullscreen"
 };
 function $(s) {
   return s.includes("#") || s.includes(".") || s.includes("[") ? s : `#${s}`;
 }
-class v extends d {
+class v extends f {
   constructor() {
-    super(), this.messages = p(), this.view = E(this), this.position = "top-left", this.arcgisPropertyChange = a()("state"), this.arcgisReady = f(), this.listenOn(document, "fullscreenchange", () => this.fullscreenElement = document.fullscreenElement);
+    super(), this.messages = g(), this.view = E(this), this.position = "top-left", this.arcgisPropertyChange = m()("state"), this.arcgisReady = h(), this.listenOn(document, "fullscreenchange", () => this.fullscreenElement = document.fullscreenElement);
   }
   static {
     this.properties = { fullscreenElement: 16, element: 1, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 35 };
@@ -36,7 +35,7 @@ class v extends d {
   }
   set element(e) {
     if (typeof e == "string") {
-      const t = $(e), n = m(this.el, t);
+      const t = $(e), n = u(this.el, t);
       this.#e = n || void 0;
     } else
       this.#e = e;
@@ -58,7 +57,7 @@ class v extends d {
   }
   render() {
     const { fullscreenTitle: e, state: t } = this, n = t === "unsupported", c = t === "ready" || t === "disabled" || t === "unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
-    return l`<div class=${i(u(y.base, r.widget))}>${!n && l`<calcite-button class=${i(r.widgetButton)} .disabled=${t === "disabled"} .iconStart=${c} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? h}></calcite-button>` || ""}</div>`;
+    return l`<div class=${i(d(y.base, r.widget))}>${!n && l`<calcite-button class=${i(r.widgetButton)} .disabled=${t === "disabled"} .iconStart=${c} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? p}></calcite-button>` || ""}</div>`;
   }
 }
 o("arcgis-fullscreen", v);

package/dist/components/arcgis-grid-controls/customElement.js

@@ -1,21 +1,20 @@
 import { c as S } from "../../chunks/runtime.js";
-import { html as n } from "lit-html";
-import { ref as f } from "lit-html/directives/ref.js";
+import { css as C, html as n } from "lit";
+import { ref as f } from "lit/directives/ref.js";
 import { g as _ } from "../../chunks/globalCss.js";
-import C from "@arcgis/core/views/Theme.js";
-import { u as I } from "../../chunks/useT9n.js";
-import { generateGuid as M, classes as h } from "@arcgis/components-utils";
-import { usePropertyChange as T } from "@arcgis/lumina/controllers";
-import { m as E } from "../../chunks/useViewModel.js";
+import I from "@arcgis/core/views/Theme.js";
+import { u as M } from "../../chunks/useT9n.js";
+import { generateGuid as T, classes as h } from "@arcgis/components-utils";
+import { usePropertyChange as E } from "@arcgis/lumina/controllers";
+import { m as x } from "../../chunks/useViewModel.js";
 import g from "@arcgis/core/Color.js";
-import { LitElement as x, createEvent as P, noShadowRoot as k, safeClassMap as d, nothing as u } from "@arcgis/lumina";
-import { css as R } from "@lit/reactive-element/css-tag.js";
+import { LitElement as P, createEvent as k, noShadowRoot as R, safeClassMap as d, nothing as u } from "@arcgis/lumina";
 import { substitute as O } from "@arcgis/core/intl.js";
 import { watch as D } from "@arcgis/core/core/reactiveUtils.js";
 import L from "@arcgis/core/widgets/support/GridControls/GridControlsViewModel.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.46 */
+v4.34.0-next.48 */
 function B(s) {
   if (s == null || Number.isNaN(s))
     return 0;
@@ -32,7 +31,7 @@ function y(s, e) {
 const $ = {
   fromAttribute: (s) => g.fromHex(s),
   toAttribute: (s) => typeof s == "string" ? s : s?.toHex() ?? ""
-}, W = R`@layer{calcite-block>.arcgis-grid-controls{background:none;padding:0}.arcgis-ui-corner .arcgis-expand .arcgis-widget--panel .arcgis-widget--panel.arcgis-grid-controls{overflow-y:visible}.arcgis-grid-controls{user-select:none;display:flex;flex-flow:column wrap;padding:var(--calcite-spacing-sm);.container{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--calcite-spacing-sm)}.numeric-inputs-container{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:var(--calcite-spacing-sm)}arcgis-labeled-switch{margin-block-end:var(--calcite-spacing-sm)}.switch--bordered{border-width:0 0 var(--calcite-spacing-px) 0;border-style:solid;border-color:var(--calcite-color-border-1);padding-block-end:var(--calcite-spacing-sm)}.tile-group{display:flex;column-gap:var(--calcite-spacing-md);align-items:start;margin-bottom:calc(0px - var(--calcite-spacing-sm))}.tile{position:relative;.content{display:flex;flex-direction:column;row-gap:var(--calcite-spacing-md);align-items:center;padding:var(--calcite-spacing-md);color:var(--calcite-color-text-2)}&.disabled{opacity:var(--calcite-opacity-disabled)}&:focus-within{outline:var(--calcite-spacing-base) solid var(--calcite-color-brand);outline-offset:var(--calcite-spacing-base)}input[type=radio]{appearance:none;position:absolute;inset:0;opacity:.001;border:var(--calcite-spacing-px) solid transparent;cursor:pointer;&:checked+.content{border:var(--calcite-spacing-px) solid var(--calcite-color-brand)}+.content{border:var(--calcite-spacing-px) solid transparent;calcite-label{margin-bottom:calc(0px - var(--calcite-label-margin-bottom, .75rem));font-weight:var(--calcite-font-weight-medium)}}}}.inline-icon{margin-left:var(--calcite-spacing-xs);vertical-align:top;color:var(--calcite-color-status-warning)}}}`, G = "arcgis-grid-controls", r = {
+}, W = C`@layer{calcite-block>.arcgis-grid-controls{background:none;padding:0}.arcgis-ui-corner .arcgis-expand .arcgis-widget--panel .arcgis-widget--panel.arcgis-grid-controls{overflow-y:visible}.arcgis-grid-controls{user-select:none;display:flex;flex-flow:column wrap;padding:var(--calcite-spacing-sm);.container{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--calcite-spacing-sm)}.numeric-inputs-container{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:var(--calcite-spacing-sm)}arcgis-labeled-switch{margin-block-end:var(--calcite-spacing-sm)}.switch--bordered{border-width:0 0 var(--calcite-spacing-px) 0;border-style:solid;border-color:var(--calcite-color-border-1);padding-block-end:var(--calcite-spacing-sm)}.tile-group{display:flex;column-gap:var(--calcite-spacing-md);align-items:start;margin-bottom:calc(0px - var(--calcite-spacing-sm))}.tile{position:relative;.content{display:flex;flex-direction:column;row-gap:var(--calcite-spacing-md);align-items:center;padding:var(--calcite-spacing-md);color:var(--calcite-color-text-2)}&.disabled{opacity:var(--calcite-opacity-disabled)}&:focus-within{outline:var(--calcite-spacing-base) solid var(--calcite-color-brand);outline-offset:var(--calcite-spacing-base)}input[type=radio]{appearance:none;position:absolute;inset:0;opacity:.001;border:var(--calcite-spacing-px) solid transparent;cursor:pointer;&:checked+.content{border:var(--calcite-spacing-px) solid var(--calcite-color-brand)}+.content{border:var(--calcite-spacing-px) solid transparent;calcite-label{margin-bottom:calc(0px - var(--calcite-label-margin-bottom, .75rem));font-weight:var(--calcite-font-weight-medium)}}}}.inline-icon{margin-left:var(--calcite-spacing-xs);vertical-align:top;color:var(--calcite-color-status-warning)}}}`, G = "arcgis-grid-controls", r = {
   base: G,
   borderedSwitch: "switch--bordered",
   container: "container",
@@ -47,10 +46,10 @@ const $ = {
   gridTheme: { light: "circle", dark: "circle-area", custom: "palette" },
   placementState: { interactive: "maximum-territory-distance", place: "move", rotate: "rotate" },
   warning: "exclamation-mark-triangle"
-}, b = g.fromArray([115, 115, 115]), v = g.fromArray([200, 200, 200]), A = ["interactive", "place", "rotate"], j = E(L);
-class V extends x {
+}, b = g.fromArray([115, 115, 115]), v = g.fromArray([200, 200, 200]), A = ["interactive", "place", "rotate"], j = x(L);
+class V extends P {
   constructor() {
-    super(...arguments), this._labelUid = M(), this._messages = I({}), this._viewModel = j(this), this._placementModeButtonRefs = /* @__PURE__ */ new Map(), this.numericSpacingInputShouldBeVisible = this._viewModel.numericSpacingInputShouldBeVisible, this.position = "bottom-right", this.icon = m.componentIcon, this.snappingOptions = this._viewModel.snappingOptions, this.hideColorSelection = !1, this.hideDynamicScaleToggle = !1, this.hideGridEnabledToggle = !1, this.hideNumericInputs = !1, this.hideGridSnapEnabledToggle = !1, this.hideLineIntervalInput = !1, this.hideOutOfScaleWarning = !1, this.hidePlacementButtons = !1, this.hideRotateWithMapToggle = !1, this.rotation = this._viewModel.rotation, this.rotateWithMap = this._viewModel.rotateWithMap, this.spacing = this._viewModel.spacing, this.majorLineInterval = this._viewModel.majorLineInterval, this.gridColor = this._viewModel.gridColor, this.displayEnabled = this._viewModel.displayEnabled, this.gridOutOfScale = this._viewModel.gridOutOfScale, this.unit = this._viewModel.unit, this.dynamicScaling = this._viewModel.dynamicScaling, this.gridControlsEnabled = this._viewModel.gridControlsEnabled, this.interactivePlacementState = this._viewModel.interactivePlacementState, this.snappingEnabled = this._viewModel.snappingEnabled, this.effectiveSpacingAfterDynamicScaling = this._viewModel.effectiveSpacingAfterDynamicScaling, this.placementDisabled = this._viewModel.placementDisabled, this.autoDestroyDisabled = !1, this.arcgisPropertyChange = T()("customColor", "theme", "spacing", "rotation", "majorLineInterval", "rotateWithMap", "dynamicScaling", "snappingEnabled", "interactivePlacementState", "displayEnabled", "gridOutOfScale", "effectiveSpacingAfterDynamicScaling", "gridControlsEnabled", "gridColor"), this.arcgisReady = P();
+    super(...arguments), this._labelUid = T(), this._messages = M({}), this._viewModel = j(this), this._placementModeButtonRefs = /* @__PURE__ */ new Map(), this.numericSpacingInputShouldBeVisible = this._viewModel.numericSpacingInputShouldBeVisible, this.position = "bottom-right", this.icon = m.componentIcon, this.snappingOptions = this._viewModel.snappingOptions, this.hideColorSelection = !1, this.hideDynamicScaleToggle = !1, this.hideGridEnabledToggle = !1, this.hideNumericInputs = !1, this.hideGridSnapEnabledToggle = !1, this.hideLineIntervalInput = !1, this.hideOutOfScaleWarning = !1, this.hidePlacementButtons = !1, this.hideRotateWithMapToggle = !1, this.rotation = this._viewModel.rotation, this.rotateWithMap = this._viewModel.rotateWithMap, this.spacing = this._viewModel.spacing, this.majorLineInterval = this._viewModel.majorLineInterval, this.gridColor = this._viewModel.gridColor, this.displayEnabled = this._viewModel.displayEnabled, this.gridOutOfScale = this._viewModel.gridOutOfScale, this.unit = this._viewModel.unit, this.dynamicScaling = this._viewModel.dynamicScaling, this.gridControlsEnabled = this._viewModel.gridControlsEnabled, this.interactivePlacementState = this._viewModel.interactivePlacementState, this.snappingEnabled = this._viewModel.snappingEnabled, this.effectiveSpacingAfterDynamicScaling = this._viewModel.effectiveSpacingAfterDynamicScaling, this.placementDisabled = this._viewModel.placementDisabled, this.autoDestroyDisabled = !1, this.arcgisPropertyChange = E()("customColor", "theme", "spacing", "rotation", "majorLineInterval", "rotateWithMap", "dynamicScaling", "snappingEnabled", "interactivePlacementState", "displayEnabled", "gridOutOfScale", "effectiveSpacingAfterDynamicScaling", "gridControlsEnabled", "gridColor"), this.arcgisReady = k();
   }
   static {
     this.properties = { _placementModeButtonRefs: 16, _warningIconTooltipRef: 16, _themePopoverRef: 16, numericSpacingInputShouldBeVisible: 16, referenceElement: 1, position: 3, icon: 1, customColor: [3, { converter: $ }], snappingOptions: 0, theme: 1, hideColorSelection: 5, hideDynamicScaleToggle: 5, hideGridEnabledToggle: 5, hideNumericInputs: 5, hideGridSnapEnabledToggle: 5, hideLineIntervalInput: 5, hideOutOfScaleWarning: 5, hidePlacementButtons: 5, hideRotateWithMapToggle: 5, rotation: 11, rotateWithMap: 5, spacing: 11, majorLineInterval: 11, gridColor: [3, { converter: $ }], displayEnabled: 4, gridOutOfScale: 7, unit: 1, dynamicScaling: 5, gridControlsEnabled: 4, interactivePlacementState: 3, snappingEnabled: 5, effectiveSpacingAfterDynamicScaling: 43, placementDisabled: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1 };
@@ -59,7 +58,7 @@ class V extends x {
     this.styles = W;
   }
   static {
-    this.shadowRootOptions = k;
+    this.shadowRootOptions = R;
   }
   get theme() {
     const e = this.gridColor;
@@ -72,7 +71,7 @@ class V extends x {
         this.gridColor = b;
         break;
       case "custom":
-        this.customColor == null && (this.customColor = t?.theme?.accentColor ?? new C().accentColor), this.gridColor = this.customColor;
+        this.customColor == null && (this.customColor = t?.theme?.accentColor ?? new I().accentColor), this.gridColor = this.customColor;
         break;
       case "light":
       default:

package/dist/components/arcgis-histogram-range-slider/customElement.js

@@ -3,10 +3,10 @@ import { usePropertyChange as e } from "@arcgis/lumina/controllers";
 import s from "@arcgis/core/widgets/HistogramRangeSlider.js";
 import { LitElement as a, createEvent as r, noShadowRoot as o } from "@arcgis/lumina";
 import { m as n } from "../../chunks/useWidget.js";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { css as d } 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.46 */
+v4.34.0-next.48 */
 const h = d`@layer{arcgis-histogram-range-slider{display:block}}`, l = n(s);
 class g extends a {
   constructor() {

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

@@ -1,29 +1,28 @@
 import { c as l } from "../../chunks/runtime.js";
-import { html as o } from "lit-html";
-import { usePropertyChange as c } from "@arcgis/lumina/controllers";
-import { reEmitEvent as n } from "@arcgis/lumina/controllers/accessor";
-import { classes as m } from "@arcgis/components-utils";
-import d from "@arcgis/core/widgets/Home/HomeViewModel.js";
-import { LitElement as h, createEvent as g, noShadowRoot as p, safeClassMap as i, nothing as v } from "@arcgis/lumina";
-import { u as w } from "../../chunks/useT9n.js";
+import { css as c, html as o } from "lit";
+import { usePropertyChange as n } from "@arcgis/lumina/controllers";
+import { reEmitEvent as m } from "@arcgis/lumina/controllers/accessor";
+import { classes as d } from "@arcgis/components-utils";
+import h from "@arcgis/core/widgets/Home/HomeViewModel.js";
+import { LitElement as g, createEvent as p, noShadowRoot as v, safeClassMap as i, nothing as w } from "@arcgis/lumina";
+import { u } from "../../chunks/useT9n.js";
 import { m as f } from "../../chunks/useViewModel.js";
 import { g as a } from "../../chunks/globalCss.js";
-import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const b = u`@layer{arcgis-home{display:block}}`, y = {
+v4.34.0-next.48 */
+const b = c`@layer{arcgis-home{display:block}}`, y = {
   base: "esri-home"
-}, M = f(d);
-class $ extends h {
+}, M = f(h);
+class $ extends g {
   constructor() {
-    super(...arguments), this.messages = w(), this.viewModel = M(this), this.autoDestroyDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.icon = "home", this.position = "top-left", this.state = this.viewModel.state, this.viewpoint = this.viewModel.viewpoint, this.arcgisGo = n(() => this.viewModel, "go"), this.arcgisPropertyChange = c()("state"), this.arcgisReady = g();
+    super(...arguments), this.messages = u(), this.viewModel = M(this), this.autoDestroyDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.icon = "home", this.position = "top-left", this.state = this.viewModel.state, this.viewpoint = this.viewModel.viewpoint, this.arcgisGo = m(() => this.viewModel, "go"), this.arcgisPropertyChange = n()("state"), this.arcgisReady = p();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, goToOverride: 0, icon: 1, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 3, viewpoint: 0 };
   }
   static {
-    this.shadowRootOptions = p;
+    this.shadowRootOptions = v;
   }
   static {
     this.styles = b;
@@ -43,7 +42,7 @@ class $ extends h {
   }
   render() {
     const { messages: e, icon: r } = this, t = this.viewModel?.state, s = t === "going-home";
-    return o`<div class=${i(m(y.base, a.widget))}><calcite-button class=${i(a.widgetButton)} .disabled=${t === "disabled"} .iconStart=${s ? void 0 : r ?? void 0} kind=neutral .label=${e.componentLabel} @click=${this._go} .scale=${s ? "s" : "m"} title=${(t === "going-home" ? e.cancel : e.title) ?? v}>${s ? o`<calcite-loader inline label></calcite-loader>` : null}</calcite-button></div>`;
+    return o`<div class=${i(d(y.base, a.widget))}><calcite-button class=${i(a.widgetButton)} .disabled=${t === "disabled"} .iconStart=${s ? void 0 : r ?? void 0} kind=neutral .label=${e.componentLabel} @click=${this._go} .scale=${s ? "s" : "m"} title=${(t === "going-home" ? e.cancel : e.title) ?? w}>${s ? o`<calcite-loader inline label></calcite-loader>` : null}</calcite-button></div>`;
   }
 }
 l("arcgis-home", $);

package/dist/components/arcgis-labeled-switch/customElement.js

@@ -1,28 +1,27 @@
 import { c as d } from "../../chunks/runtime.js";
-import { ref as h } from "lit-html/directives/ref.js";
-import { html as n } from "lit-html";
-import { keyed as p } from "lit-html/directives/keyed.js";
-import { LitElement as m, createEvent as b, safeClassMap as c } from "@arcgis/lumina";
-import { css as f } from "@lit/reactive-element/css-tag.js";
+import { ref as h } from "lit/directives/ref.js";
+import { css as p, html as n } from "lit";
+import { keyed as b } from "lit/directives/keyed.js";
+import { LitElement as g, createEvent as m, safeClassMap as c } 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.46 */
-const g = f`.label{--calcite-label-margin-bottom: 0}.label-content{display:flex;flex:1;gap:var(--calcite-spacing-sm);align-items:center;text-wrap:balance}.label-content>div{flex-grow:1}.icon{margin-top:-1px;&.info{color:var(--calcite-color-status-info)}&.warning{color:var(--calcite-color-status-warning)}}.tooltip{text-wrap:wrap}`, e = {
+v4.34.0-next.48 */
+const f = p`.label{--calcite-label-margin-bottom: 0}.label-content{display:flex;flex:1;gap:var(--calcite-spacing-sm);align-items:center;text-wrap:balance}.label-content>div{flex-grow:1}.icon{margin-top:-1px;&.info{color:var(--calcite-color-status-info)}&.warning{color:var(--calcite-color-status-warning)}}.tooltip{text-wrap:wrap}`, e = {
   label: "label",
   labelContent: "label-content",
   iconInfo: "icon info",
   iconWarning: "icon warning",
   tooltip: "tooltip"
 };
-class w extends m {
+class w extends g {
   constructor() {
-    super(...arguments), this.checked = !1, this.disabled = !1, this.hintKind = "info", this.arcgisCheckedChanged = b();
+    super(...arguments), this.checked = !1, this.disabled = !1, this.hintKind = "info", this.arcgisCheckedChanged = m();
   }
   static {
     this.properties = { _icon: 16, checked: 7, disabled: 7, label: 1, hint: 1, hintIcon: 1, hintKind: 1 };
   }
   static {
-    this.styles = g;
+    this.styles = f;
   }
   async destroy() {
     await this.manager.destroy();
@@ -32,7 +31,7 @@ class w extends m {
   }
   render() {
     const { label: t, hint: a, hintKind: l, hintIcon: o, checked: s, disabled: r } = this;
-    return n`<calcite-label class=${c(e.label)} layout=inline-space-between scale=s>${a ? p("label-content", n`<div class=${c(e.labelContent)}><div>${t}</div><calcite-icon class=${c(l !== "warning" ? e.iconInfo : e.iconWarning)} .icon=${o ?? "information"} @click=${(i) => i.stopPropagation()} scale=s tabindex=0 ${h(this._setIconRef)}></calcite-icon><calcite-tooltip class=${c(e.tooltip)} overlay-positioning=fixed .referenceElement=${this._icon ?? void 0}>${a}</calcite-tooltip></div>`) : t}<calcite-switch .checked=${s} .disabled=${r} scale=s @calciteSwitchChange=${(i) => {
+    return n`<calcite-label class=${c(e.label)} layout=inline-space-between scale=s>${a ? b("label-content", n`<div class=${c(e.labelContent)}><div>${t}</div><calcite-icon class=${c(l !== "warning" ? e.iconInfo : e.iconWarning)} .icon=${o ?? "information"} @click=${(i) => i.stopPropagation()} scale=s tabindex=0 ${h(this._setIconRef)}></calcite-icon><calcite-tooltip class=${c(e.tooltip)} overlay-positioning=fixed .referenceElement=${this._icon ?? void 0}>${a}</calcite-tooltip></div>`) : t}<calcite-switch .checked=${s} .disabled=${r} scale=s @calciteSwitchChange=${(i) => {
       this.checked = i.target.checked, this.arcgisCheckedChanged.emit(i.target.checked);
     }}></calcite-switch></calcite-label>`;
   }

package/dist/components/arcgis-layer-list/customElement.js

@@ -8,7 +8,7 @@ import { s as n } from "../../chunks/layer-list.js";
 import { c as g } from "../../chunks/createCloseEvent.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.46 */
+v4.34.0-next.48 */
 const c = d(a);
 class m extends r {
   constructor() {

package/dist/components/arcgis-layer-list-item/customElement.js

@@ -1,5 +1,5 @@
 import { c as T } from "../../chunks/runtime.js";
-import { html as r } from "lit-html";
+import { html as r } from "lit";
 import { classes as y } from "@arcgis/components-utils";
 import { isLayerFromCatalog as S } from "@arcgis/core/layers/catalog/catalogUtils.js";
 import { LitElement as A, noShadowRoot as M, safeClassMap as h, nothing as o, safeStyleMap as w } from "@arcgis/lumina";
@@ -10,7 +10,7 @@ import { s as E } from "../../chunks/layer-list.js";
 import { u as x } from "../../chunks/useT9n.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.46 */
+v4.34.0-next.48 */
 const D = {
   hideChildren: "hide-children"
 };

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

@@ -3,10 +3,10 @@ import { usePropertyChange as t } from "@arcgis/lumina/controllers";
 import i from "@arcgis/core/widgets/Legend.js";
 import { LitElement as s, createEvent as r, noShadowRoot as a } from "@arcgis/lumina";
 import { m as o } from "../../chunks/useWidget.js";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { css as n } 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.46 */
+v4.34.0-next.48 */
 const l = n`@layer{arcgis-legend{display:block}}`, d = o(i);
 class h extends s {
   constructor() {

package/dist/components/arcgis-line-of-sight/customElement.js

@@ -1,8 +1,7 @@
 import { c as f } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
+import { css as y, html as l } from "lit";
 import { usePropertyChange as m } from "@arcgis/lumina/controllers";
-import { LitElement as y, createEvent as v, noShadowRoot as _, safeClassMap as n } from "@arcgis/lumina";
-import { css as w } from "@lit/reactive-element/css-tag.js";
+import { LitElement as v, createEvent as _, noShadowRoot as w, safeClassMap as r } from "@arcgis/lumina";
 import { g } from "../../chunks/globalCss.js";
 import { u as $ } from "../../chunks/useT9n.js";
 import { m as b } from "../../chunks/useViewModel.js";
@@ -11,8 +10,8 @@ import x from "@arcgis/core/analysis/LineOfSightAnalysis.js";
 import { property as O, subclass as A } from "@arcgis/core/core/accessorSupport/decorators.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.46 */
-const C = w`@layer{arcgis-line-of-sight{display:block}.arcgis-line-of-sight__container{display:flex;position:relative;flex-flow:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);overflow-y:auto}.arcgis-line-of-sight__error{color:var(--calcite-color-status-danger)}.arcgis-line-of-sight__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-line-of-sight__error,.arcgis-line-of-sight__hint{overflow:hidden;animation:arcgis-line-of-sight-fade-in .25s ease-in-out;p{margin:0;padding:0}}.arcgis-line-of-sight__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}@keyframes arcgis-line-of-sight-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}}`, a = "arcgis-line-of-sight", r = {
+v4.34.0-next.48 */
+const C = y`@layer{arcgis-line-of-sight{display:block}.arcgis-line-of-sight__container{display:flex;position:relative;flex-flow:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);overflow-y:auto}.arcgis-line-of-sight__error{color:var(--calcite-color-status-danger)}.arcgis-line-of-sight__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-line-of-sight__error,.arcgis-line-of-sight__hint{overflow:hidden;animation:arcgis-line-of-sight-fade-in .25s ease-in-out;p{margin:0;padding:0}}.arcgis-line-of-sight__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}@keyframes arcgis-line-of-sight-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}}`, a = "arcgis-line-of-sight", n = {
   base: a,
   actions: `${a}__actions`,
   container: `${a}__container`,
@@ -50,15 +49,15 @@ c = u([
   A("esri.components.LineOfSight.LineOfSightViewModel")
 ], c);
 const L = b(c);
-class V extends y {
+class V extends v {
   constructor() {
-    super(...arguments), this.viewModel = L(this), this._messages = $({ blocking: !0 }), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "line-of-sight", this.position = "bottom-left", this.arcgisPropertyChange = m()("analysis", "state"), this.arcgisReady = v();
+    super(...arguments), this.viewModel = L(this), this._messages = $({ blocking: !0 }), this.view = this.viewModel.view, this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "line-of-sight", this.position = "bottom-left", this.arcgisPropertyChange = m()("analysis", "state"), this.arcgisReady = _();
   }
   static {
     this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, state: 35, _supported: 16 };
   }
   static {
-    this.shadowRootOptions = _;
+    this.shadowRootOptions = w;
   }
   static {
     this.styles = C;
@@ -85,27 +84,27 @@ class V extends y {
     this.viewModel.stop();
   }
   render() {
-    return l`<div class=${n({
-      [r.base]: !0,
+    return l`<div class=${r({
+      [n.base]: !0,
       [g.widget]: !0,
       [g.panel]: !0
     })} role=presentation>${this._renderContainerNode()}</div>`;
   }
   _renderContainerNode() {
     if (!this._supported)
-      return l`<div class=${n(r.error)}><p>${this._messages.unsupported}</p></div>`;
+      return l`<div class=${r(n.error)}><p>${this._messages.unsupported}</p></div>`;
     const e = this.viewModel.state, i = e === "creating";
-    return l`<div class=${n(r.container)}>${i ? l`<div class=${n(r.hint)}><p class=${n(r.hintText)}>${this._messages.hint}</p></div>` : null}<div class=${n(r.actions)}>${e === "creating" ? p({ onClick: () => {
+    return l`<div class=${r(n.container)}>${i ? l`<div class=${r(n.hint)}><p class=${r(n.hintText)}>${this._messages.hint}</p></div>` : null}<div class=${r(n.actions)}>${e === "creating" ? p({ onClick: () => {
       this.stop();
     }, children: this._messages.done }) : null}${e === "created" ? p({ onClick: () => {
       this.continue();
-    }, children: this._messages.continueAnalysis }) : null}${p({ className: r.newAnalysisButton, onClick: () => {
+    }, children: this._messages.continueAnalysis }) : null}${p({ className: n.newAnalysisButton, onClick: () => {
       this.start();
     }, primary: !0, disabled: e === "disabled", children: this._messages.newAnalysis })}</div></div>`;
   }
 }
 function p({ className: t, onClick: e, primary: i, disabled: o, children: s }) {
-  return l`<calcite-button .appearance=${i ? "solid" : "outline-fill"} class=${n(t)} .disabled=${o} @click=${e}>${s}</calcite-button>`;
+  return l`<calcite-button .appearance=${i ? "solid" : "outline-fill"} class=${r(t)} .disabled=${o} @click=${e}>${s}</calcite-button>`;
 }
 f("arcgis-line-of-sight", V);
 export {

package/dist/components/arcgis-link-chart/customElement.js

@@ -5,10 +5,10 @@ import o from "@arcgis/core/views/LinkChartView.js";
 import w from "@arcgis/core/WebLinkChart.js";
 import { LitElement as c, createEvent as a, noShadowRoot as p } from "@arcgis/lumina";
 import { c as v, i as l } from "../../chunks/component-utils.js";
-import { css as m } from "@lit/reactive-element/css-tag.js";
+import { css as m } 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.46 */
+v4.34.0-next.48 */
 const g = m`@layer{arcgis-link-chart{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, d = r(
   w,
   /**

package/dist/components/arcgis-link-chart-layout-switcher/customElement.js

@@ -1,17 +1,16 @@
 import { c as n } from "../../chunks/runtime.js";
-import { html as e } from "lit-html";
-import { classes as h } from "@arcgis/components-utils";
-import d from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
-import { usePropertyChange as m } from "@arcgis/lumina/controllers";
-import { m as g } from "../../chunks/useViewModel.js";
-import { u as p } from "../../chunks/useT9n.js";
-import { reEmitEvent as u } from "@arcgis/lumina/controllers/accessor";
-import { LitElement as y, createEvent as w, noShadowRoot as b, safeClassMap as f } from "@arcgis/lumina";
-import { css as v } from "@lit/reactive-element/css-tag.js";
+import { css as h, html as e } from "lit";
+import { classes as d } from "@arcgis/components-utils";
+import m from "@arcgis/core/widgets/LinkChartLayoutSwitcher/LinkChartLayoutSwitcherViewModel.js";
+import { usePropertyChange as g } from "@arcgis/lumina/controllers";
+import { m as p } from "../../chunks/useViewModel.js";
+import { u } from "../../chunks/useT9n.js";
+import { reEmitEvent as y } from "@arcgis/lumina/controllers/accessor";
+import { LitElement as w, createEvent as b, noShadowRoot as v, safeClassMap as L } 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.46 */
-const L = v`@layer{arcgis-link-chart-layout-switcher{display:block}}`, c = {
+v4.34.0-next.48 */
+const $ = h`@layer{arcgis-link-chart-layout-switcher{display:block}}`, c = {
   basicLayoutCategory: [
     "basic-grid"
     /* SIMPLE */
@@ -56,21 +55,21 @@ const L = v`@layer{arcgis-link-chart-layout-switcher{display:block}}`, c = {
   "geographic-organic-standard": "geographic",
   "chronological-mono-timeline": "chronologicalSingle",
   "chronological-multi-timeline": "chronologicalMultiple"
-}, $ = {
+}, f = {
   base: "esri-link-chart-layout-switcher"
-}, k = g(d);
-class M extends y {
+}, k = p(m);
+class M extends w {
   constructor() {
-    super(...arguments), this.messages = p(), this.viewModel = k(this), this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.position = "top-left", this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = u(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = m()("state"), this.arcgisReady = w();
+    super(...arguments), this.messages = u(), this.viewModel = k(this), this.appearance = "dropdown", this.autoDestroyDisabled = !1, this.closeOnSelectDisabled = !1, this.icon = "nodes-link", this.layout = this.viewModel.layout, this.position = "top-left", this.preventExtentUpdate = this.viewModel.preventExtentUpdate, this.state = this.viewModel.state, this.arcgisSwitchLayout = y(() => this.viewModel, "switchLayout"), this.arcgisPropertyChange = g()("state"), this.arcgisReady = b();
   }
   static {
     this.properties = { appearance: 1, autoDestroyDisabled: 5, closeOnSelectDisabled: 5, icon: 1, label: 1, layout: 32, messageOverrides: 0, position: 3, preventExtentUpdate: 5, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = b;
+    this.shadowRootOptions = v;
   }
   static {
-    this.styles = L;
+    this.styles = $;
   }
   async destroy() {
     await this.manager.destroy();
@@ -88,7 +87,7 @@ class M extends y {
   }
   render() {
     const { appearance: t } = this, a = t === "menu-bar" ? this._renderMenuBar() : this._renderDropdown();
-    return e`<div class=${f(h($.base))}>${a}</div>`;
+    return e`<div class=${L(d(f.base))}>${a}</div>`;
   }
 }
 n("arcgis-link-chart-layout-switcher", M);

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

@@ -1,14 +1,13 @@
 import { c as _ } from "../../chunks/runtime.js";
-import { html as m } from "lit-html";
-import { usePropertyChange as G } from "@arcgis/lumina/controllers";
-import { classes as F } from "@arcgis/components-utils";
+import { css as G, html as m } from "lit";
+import { usePropertyChange as F } from "@arcgis/lumina/controllers";
+import { classes as z } from "@arcgis/components-utils";
 import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as z, createEvent as f, noShadowRoot as j, safeClassMap as w, nothing as Q } from "@arcgis/lumina";
-import { u as V } from "../../chunks/useT9n.js";
-import { m as k } from "../../chunks/useViewModel.js";
+import { LitElement as j, createEvent as f, noShadowRoot as Q, safeClassMap as w, nothing as V } from "@arcgis/lumina";
+import { u as k } from "../../chunks/useT9n.js";
+import { m as H } from "../../chunks/useViewModel.js";
 import { g as b } from "../../chunks/globalCss.js";
-import { l as H } from "../../chunks/legacyIcon.js";
-import { css as K } from "@lit/reactive-element/css-tag.js";
+import { l as K } from "../../chunks/legacyIcon.js";
 import { property as n, subclass as C } from "@arcgis/core/core/accessorSupport/decorators.js";
 import u from "@arcgis/core/core/Error.js";
 import { onLocaleChange as J } from "@arcgis/core/intl.js";
@@ -27,8 +26,8 @@ import { project as te } from "@arcgis/core/rest/geometryService.js";
 import oe from "@arcgis/core/rest/support/ProjectParameters.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.46 */
-const ie = K`@layer{arcgis-locate{display:block}}`;
+v4.34.0-next.48 */
+const ie = G`@layer{arcgis-locate{display:block}}`;
 let M = !1;
 const re = {
   maximumAge: 0,
@@ -568,16 +567,16 @@ l = d([
 ], l);
 const Se = {
   base: "esri-locate"
-}, S = "gps-off", Ce = k(l);
-class Ee extends z {
+}, S = "gps-off", Ce = H(l);
+class Ee extends j {
   constructor() {
-    super(...arguments), this.messages = V(), this.viewModel = Ce(this), this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = S, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = f(), this.arcgisPropertyChange = G()("state"), this.arcgisReady = f(), this.arcgisSuccess = f();
+    super(...arguments), this.messages = k(), this.viewModel = Ce(this), this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = S, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = f(), this.arcgisPropertyChange = F()("state"), this.arcgisReady = f(), this.arcgisSuccess = f();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, geolocationOptions: 0, goToLocationDisabled: 7, goToOverride: 0, graphic: 0, icon: 1, label: 1, messageOverrides: 0, popupDisabled: 5, position: 3, referenceElement: 1, scale: 9, state: 3 };
   }
   static {
-    this.shadowRootOptions = j;
+    this.shadowRootOptions = Q;
   }
   static {
     this.styles = ie;
@@ -613,8 +612,8 @@ class Ee extends z {
     });
   }
   render() {
-    const { viewModel: t, icon: o } = this, { state: r } = t, i = r === "locating", a = i ? this.messages.cancel : this.messages.title, s = r === "feature-unsupported", g = H === void 0 ? S : void 0, h = this._localizeError(this.viewModel?.error);
-    return m`<div class=${w(F(Se.base, b.widget))}>${!s && m`<calcite-button class=${w(b.widgetButton)} .disabled=${r === "disabled"} .iconStart=${i ? void 0 : o ?? g} kind=neutral .label=${a} @click=${this._locate} title=${a ?? Q}>${i ? m`<calcite-loader inline label></calcite-loader>` : null}</calcite-button>` || ""}${h ? m`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${h}</calcite-tooltip>` : null}</div>`;
+    const { viewModel: t, icon: o } = this, { state: r } = t, i = r === "locating", a = i ? this.messages.cancel : this.messages.title, s = r === "feature-unsupported", g = K === void 0 ? S : void 0, h = this._localizeError(this.viewModel?.error);
+    return m`<div class=${w(z(Se.base, b.widget))}>${!s && m`<calcite-button class=${w(b.widgetButton)} .disabled=${r === "disabled"} .iconStart=${i ? void 0 : o ?? g} kind=neutral .label=${a} @click=${this._locate} title=${a ?? V}>${i ? m`<calcite-loader inline label></calcite-loader>` : null}</calcite-button>` || ""}${h ? m`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${h}</calcite-tooltip>` : null}</div>`;
   }
 }
 _("arcgis-locate", Ee);

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

@@ -5,10 +5,10 @@ import o from "@arcgis/core/views/MapView.js";
 import w from "@arcgis/core/WebMap.js";
 import { LitElement as p, createEvent as a, noShadowRoot as c } from "@arcgis/lumina";
 import { c as v, i as l } from "../../chunks/component-utils.js";
-import { css as m } from "@lit/reactive-element/css-tag.js";
+import { css as m } 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.46 */
+v4.34.0-next.48 */
 const g = m`@layer{arcgis-map{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, d = r(
   w,
   /**

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

@@ -3,10 +3,10 @@ import { usePropertyChange as e } from "@arcgis/lumina/controllers";
 import i from "@arcgis/core/widgets/Measurement.js";
 import { LitElement as s, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
 import { m as r } from "../../chunks/useWidget.js";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { css as n } 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.46 */
+v4.34.0-next.48 */
 const c = n`@layer{arcgis-measurement{display:block}}`, l = r(i);
 class h extends s {
   constructor() {

package/dist/components/arcgis-measurement-content/customElement.js

@@ -1,13 +1,12 @@
-import { c as n } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
-import o from "@arcgis/core/applications/Components/QuantityFormatter.js";
-import { LitElement as c, safeClassMap as s } from "@arcgis/lumina";
-import { f as l } from "../../chunks/measurementUtils.js";
-import { css as m } from "@lit/reactive-element/css-tag.js";
+import { c as r } from "../../chunks/runtime.js";
+import { css as o, html as i } from "lit";
+import c from "@arcgis/core/applications/Components/QuantityFormatter.js";
+import { LitElement as l, safeClassMap as s } from "@arcgis/lumina";
+import { f as m } from "../../chunks/measurementUtils.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.46 */
-const u = m`:host,.hint,.error,.section,.actions,.item{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);animation:esri-fade-in .25s ease-in-out}.error{color:var(--calcite-color-status-danger)}.error,.hint{overflow:hidden;p{margin:0;padding:0}}.item-disabled{color:var(--calcite-color-text-1);opacity:var(--calcite-opacity-light)}.item-value{font-weight:var(--calcite-font-weight-semibold)}.actions{justify-content:center}`, e = {
+v4.34.0-next.48 */
+const u = o`:host,.hint,.error,.section,.actions,.item{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);animation:esri-fade-in .25s ease-in-out}.error{color:var(--calcite-color-status-danger)}.error,.hint{overflow:hidden;p{margin:0;padding:0}}.item-disabled{color:var(--calcite-color-text-1);opacity:var(--calcite-opacity-light)}.item-value{font-weight:var(--calcite-font-weight-semibold)}.actions{justify-content:center}`, e = {
   error: "error",
   hint: "hint",
   actions: "actions",
@@ -17,9 +16,9 @@ const u = m`:host,.hint,.error,.section,.actions,.item{display:flex;flex-directi
   itemTitle: "item-title",
   itemValue: "item-value"
 };
-class d extends c {
+class d extends l {
   constructor() {
-    super(...arguments), this._formatter = new o(), this.items = [], this.state = "disabled", this.unsupportedLabel = "";
+    super(...arguments), this._formatter = new c(), this.items = [], this.state = "disabled", this.unsupportedLabel = "";
   }
   static {
     this.properties = { hintLabel: 1, items: 0, state: 1, unsupportedLabel: 1 };
@@ -47,13 +46,13 @@ function h(t) {
   return i`<section class=${s(e.section)}>${t.items.map((a) => f({ formatter: t.formatter, measurement: a.measurement, title: a.title }))}</section>`;
 }
 function f(t) {
-  const a = t.measurement.state === "available" ? l(t.formatter, t.measurement.value) : null, r = t.measurement.state === "unavailable";
+  const a = t.measurement.state === "available" ? m(t.formatter, t.measurement.value) : null, n = t.measurement.state === "unavailable";
   return i`<div class=${s({
     [e.item]: !0,
-    [e.itemDisabled]: r
+    [e.itemDisabled]: n
   })}><span class=${s(e.itemTitle)}>${t.title}</span><span aria-live=polite class=${s(e.itemValue)}>${a ?? "-"}</span></div>`;
 }
-n("arcgis-measurement-content", d);
+r("arcgis-measurement-content", d);
 export {
   d as ArcgisMeasurementContent
 };