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

package/dist/chunks/useWidget.js

@@ -5,7 +5,7 @@ import { V as g } from "./useView.js";
 import { watch as m } from "@arcgis/core/core/reactiveUtils.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 I = (d, e) => (t) => P(t, d);
 class f extends b {
   #o = /* @__PURE__ */ new Map();

package/dist/chunks/utils.js

@@ -1,7 +1,7 @@
 import { formatNumber as r } from "@arcgis/core/intl.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 s = /* @__PURE__ */ new Map([
   ["a3-landscape", "a3-landscape"],
   ["a3-portrait", "a3-portrait"],

package/dist/components/arcgis-area-measurement-2d/customElement.js

@@ -3,10 +3,10 @@ import { usePropertyChange as e } from "@arcgis/lumina/controllers";
 import s from "@arcgis/core/widgets/AreaMeasurement2D.js";
 import { LitElement as i, 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 h = n`@layer{arcgis-area-measurement-2d{display:block}}`, l = r(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/61559
   s

package/dist/components/arcgis-area-measurement-3d/customElement.js

@@ -1,22 +1,21 @@
 import { c as h } from "../../chunks/runtime.js";
-import { html as y } from "lit-html";
-import { LitElement as g, createEvent as f, noShadowRoot as w, nothing as v, safeClassMap as b } from "@arcgis/lumina";
-import { usePropertyChange as M } from "@arcgis/lumina/controllers";
-import { u as O } from "../../chunks/useT9n.js";
-import { m as $ } from "../../chunks/useViewModel.js";
-import { g as m } from "../../chunks/globalCss.js";
-import { css as A } from "@lit/reactive-element/css-tag.js";
+import { css as y, html as g } from "lit";
+import { LitElement as f, createEvent as w, noShadowRoot as v, nothing as b, safeClassMap as M } from "@arcgis/lumina";
+import { usePropertyChange as O } from "@arcgis/lumina/controllers";
+import { u as $ } from "../../chunks/useT9n.js";
+import { m as A } from "../../chunks/useViewModel.js";
+import { g as p } from "../../chunks/globalCss.js";
 import U from "@arcgis/core/analysis/AreaMeasurementAnalysis.js";
 import { getDefaultUnitForView as V } from "@arcgis/core/applications/Components/getDefaultUnits.js";
 import { property as o, subclass as _ } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { watch as D } from "@arcgis/core/core/reactiveUtils.js";
 import { A as C } from "../../chunks/AnalysisViewModel.js";
-import { g as p, a as d } from "../../chunks/measurementUtils.js";
+import { g as m, a as d } from "../../chunks/measurementUtils.js";
 import { hasValidAreaResult as L } from "@arcgis/core/applications/Components/analysisUtils.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 P = A`@layer{arcgis-area-measurement-3d{display:block}.arcgis-area-measurement-3d{position:relative;padding:var(--esri-widget-padding);overflow-y:auto}}`;
+v4.34.0-next.48 */
+const P = y`@layer{arcgis-area-measurement-3d{display:block}.arcgis-area-measurement-3d{position:relative;padding:var(--esri-widget-padding);overflow-y:auto}}`;
 var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, n = (e, t, s, a) => {
   for (var r = a > 1 ? void 0 : a ? E(t, s) : t, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (r = (a ? u(t, s, r) : u(r)) || r);
@@ -61,8 +60,8 @@ let i = class extends C {
     const { analysisView: e } = this, t = e?.result, s = t?.mode ?? "euclidean", a = e != null && L(e);
     return {
       mode: s,
-      area: p(t?.area, a),
-      perimeter: p(t?.perimeter, a)
+      area: m(t?.area, a),
+      perimeter: m(t?.perimeter, a)
     };
   }
   get unitOptions() {
@@ -122,16 +121,16 @@ n([
 i = n([
   _("components.area-measurement-3d.AreaMeasurement3dViewModel")
 ], i);
-const R = "arcgis-area-measurement-3d", x = { base: R }, T = $(i);
-class j extends g {
+const R = "arcgis-area-measurement-3d", x = { base: R }, T = A(i);
+class j extends f {
   constructor() {
-    super(...arguments), this.viewModel = T(this), this.messages = O({ blocking: !0 }), this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "measure-area", this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.viewModel.unit, this.unitOptions = this.viewModel.unitOptions, this.arcgisPropertyChange = M()("analysis", "state"), this.arcgisReady = f();
+    super(...arguments), this.viewModel = T(this), this.messages = $({ blocking: !0 }), this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "measure-area", this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.viewModel.unit, this.unitOptions = this.viewModel.unitOptions, this.arcgisPropertyChange = O()("analysis", "state"), this.arcgisReady = w();
   }
   static {
     this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, position: 1, referenceElement: 1, state: 35, unit: 1, unitOptions: 0 };
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = v;
   }
   static {
     this.styles = P;
@@ -147,10 +146,10 @@ class j extends g {
   }
   render() {
     const { messages: t, unit: s, unitOptions: a, viewModel: r } = this, { measurement: l, state: u } = r;
-    return y`<div aria-label=${t.componentLabel ?? v} class=${b({
+    return g`<div aria-label=${t.componentLabel ?? b} class=${M({
       [x.base]: !0,
-      [m.widget]: !0,
-      [m.panel]: !0
+      [p.widget]: !0,
+      [p.panel]: !0
     })} role=presentation><arcgis-measurement-content .state=${r.displayState} .hintLabel=${t.hint} .unsupportedLabel=${t.unsupported} .items=${[
       {
         title: t.area,

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

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

package/dist/components/arcgis-basemap-gallery/customElement.js

@@ -1,20 +1,19 @@
 import { c as u } from "../../chunks/runtime.js";
-import { html as r } from "lit-html";
-import { usePropertyChange as w } from "@arcgis/lumina/controllers";
-import { classes as v } from "@arcgis/components-utils";
-import { when as y, watch as b } from "@arcgis/core/core/reactiveUtils.js";
-import f from "@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js";
-import { LitElement as $, createEvent as M, noShadowRoot as x, safeClassMap as n, nothing as h, safeStyleMap as R } from "@arcgis/lumina";
-import { u as _ } from "../../chunks/useT9n.js";
-import { m as B } from "../../chunks/useViewModel.js";
-import { H as I } from "../../chunks/heading.js";
+import { css as w, html as r } from "lit";
+import { usePropertyChange as v } from "@arcgis/lumina/controllers";
+import { classes as y } from "@arcgis/components-utils";
+import { when as b, watch as f } from "@arcgis/core/core/reactiveUtils.js";
+import $ from "@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js";
+import { LitElement as M, createEvent as x, noShadowRoot as R, safeClassMap as n, nothing as h, safeStyleMap as _ } from "@arcgis/lumina";
+import { u as B } from "../../chunks/useT9n.js";
+import { m as I } from "../../chunks/useViewModel.js";
+import { H as L } from "../../chunks/heading.js";
 import { g as d } from "../../chunks/globalCss.js";
 import { c as a } from "../../chunks/basemap-gallery-resources.js";
-import { css as L } 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 D = L`@layer{arcgis-basemap-gallery{display:block}}`, A = B(f), m = {
+v4.34.0-next.48 */
+const D = w`@layer{arcgis-basemap-gallery{display:block}}`, A = I($), m = {
   // Below this width, items are displayed as a single column and the thumbnail is placed above the title.
   small: 200,
   // Below this width, items are displayed as a single column but with the thumbnail side-by-side
@@ -24,15 +23,15 @@ const D = L`@layer{arcgis-basemap-gallery{display:block}}`, A = B(f), m = {
   // Above this width, items are displayed in a grid.
   wide: 420
 };
-class C extends $ {
+class C extends M {
   constructor() {
-    super(...arguments), this.messages = _({}), this.viewModel = A(this), this._width = 0, this._state = "", this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.disabled = !1, this.headingLevel = 2, this.icon = "basemap", this.label = "", this.position = "bottom-left", this.source = this.viewModel.source, this.state = this.viewModel.state, this.arcgisPropertyChange = w()("activeBasemap", "state"), this.arcgisReady = M();
+    super(...arguments), this.messages = B({}), this.viewModel = A(this), this._width = 0, this._state = "", this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.disabled = !1, this.headingLevel = 2, this.icon = "basemap", this.label = "", this.position = "bottom-left", this.source = this.viewModel.source, this.state = this.viewModel.state, this.arcgisPropertyChange = v()("activeBasemap", "state"), this.arcgisReady = x();
   }
   static {
     this.properties = { _width: 16, _state: 16, activeBasemap: 1, autoDestroyDisabled: 5, disabled: 7, headingLevel: 9, icon: 1, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, source: 0, state: 3 };
   }
   static {
-    this.shadowRootOptions = x;
+    this.shadowRootOptions = R;
   }
   static {
     this.styles = D;
@@ -42,10 +41,10 @@ class C extends $ {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      y(() => this.source, () => {
+      b(() => this.source, () => {
         this.viewModel.loadSource();
       }, { sync: !0, initial: !0 }),
-      b(() => this.source.state, () => {
+      f(() => this.source.state, () => {
         this._state = this.source.state;
       }, { sync: !0 })
     ]);
@@ -74,8 +73,8 @@ class C extends $ {
       // For compatibility with Esri View UI
     }, i = this._width;
     i <= m.small || i >= m.wide ? t[a.layoutGrid] = !0 : i < m.default && (t[a.narrowItems] = !0);
-    const c = s ? r`<div class=${n(a.loader)}></div>` : null, l = s ? null : o.length > 0 ? r`<div aria-disabled=${this.disabled ?? h} aria-label=${this.label ?? h} class=${n(a.itemContainer)} @keydown=${this._handleKeyDown} role=radiogroup>${o.map((p, g) => r`<arcgis-basemap-gallery-item .disabled=${e} .item=${p} .itemIndex=${g} .viewModel=${this.viewModel} .messages=${this.messages}></arcgis-basemap-gallery-item>`)}</div>` : r`<div class=${n(d.empty)}>${I({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
-    return r`<div class=${n(v(a.base, d.widget, d.panel, t))} style=${R({
+    const c = s ? r`<div class=${n(a.loader)}></div>` : null, l = s ? null : o.length > 0 ? r`<div aria-disabled=${this.disabled ?? h} aria-label=${this.label ?? h} class=${n(a.itemContainer)} @keydown=${this._handleKeyDown} role=radiogroup>${o.map((p, g) => r`<arcgis-basemap-gallery-item .disabled=${e} .item=${p} .itemIndex=${g} .viewModel=${this.viewModel} .messages=${this.messages}></arcgis-basemap-gallery-item>`)}</div>` : r`<div class=${n(d.empty)}>${L({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
+    return r`<div class=${n(y(a.base, d.widget, d.panel, t))} style=${_({
       "--esri-basemap-gallery-small": `${m.small}px`
     })}>${[c, l]}</div>`;
   }

package/dist/components/arcgis-basemap-gallery-item/customElement.js

@@ -8,7 +8,7 @@ import { c as i } from "../../chunks/basemap-gallery-resources.js";
 import { g as A } from "../../chunks/component-utils.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 _(e) {
   return e.portalItem?.type === "Web Scene" || e.referenceLayers.some((t) => t.type === "scene");
 }

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

@@ -4,11 +4,11 @@ import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
 import s from "@arcgis/core/widgets/BasemapLayerList.js";
 import { LitElement as r, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
 import { m as o } from "../../chunks/useWidget.js";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import { css as h } from "lit";
 import { c as d } 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 n = h`@layer{arcgis-basemap-layer-list{display:block}}`, c = o(s);
 class g extends r {
   constructor() {

package/dist/components/arcgis-basemap-toggle/customElement.js

@@ -1,18 +1,17 @@
 import { c as B } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
-import { usePropertyChange as f } from "@arcgis/lumina/controllers";
+import { css as f, html as l } from "lit";
+import { usePropertyChange as x } from "@arcgis/lumina/controllers";
 import { classes as r } from "@arcgis/components-utils";
-import { getBasemapThumbnailUrl as x } from "@arcgis/core/applications/Components/basemapUtils.js";
-import S from "@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js";
-import { LitElement as T, createEvent as M, noShadowRoot as k, safeClassMap as a, nothing as c, safeStyleMap as b } from "@arcgis/lumina";
-import { u as I } from "../../chunks/useT9n.js";
-import { m as C } from "../../chunks/useViewModel.js";
+import { getBasemapThumbnailUrl as S } from "@arcgis/core/applications/Components/basemapUtils.js";
+import T from "@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js";
+import { LitElement as M, createEvent as k, noShadowRoot as I, safeClassMap as a, nothing as c, safeStyleMap as b } from "@arcgis/lumina";
+import { u as C } from "../../chunks/useT9n.js";
+import { m as L } from "../../chunks/useViewModel.js";
 import { g as $ } from "../../chunks/globalCss.js";
-import { css as L } 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 A = L`@layer{arcgis-basemap-toggle{display:block}.esri-basemap-toggle__title-wrap{text-wrap:wrap}}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
+v4.34.0-next.48 */
+const A = f`@layer{arcgis-basemap-toggle{display:block}.esri-basemap-toggle__title-wrap{text-wrap:wrap}}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
   base: s,
   secondaryBasemapImage: `${s}__image--secondary`,
   container: `${o} ${s}__container`,
@@ -22,16 +21,16 @@ const A = L`@layer{arcgis-basemap-toggle{display:block}.esri-basemap-toggle__tit
   title: `${o}__title ${s}__title`,
   titleWrap: `${s}__title-wrap`,
   overlayScrim: `${o}__overlay-scrim`
-}, D = C(S);
-class E extends T {
+}, D = L(T);
+class E extends M {
   constructor() {
-    super(...arguments), this.messages = I(), this.viewModel = D(this), this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.position = "top-left", this.showTitle = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = f()("activeBasemap", "nextBasemap", "state"), this.arcgisReady = M();
+    super(...arguments), this.messages = C(), this.viewModel = D(this), this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.position = "top-left", this.showTitle = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = x()("activeBasemap", "nextBasemap", "state"), this.arcgisReady = k();
   }
   static {
     this.properties = { activeBasemap: 0, autoDestroyDisabled: 5, icon: 1, label: 1, messageOverrides: 0, nextBasemap: 1, position: 3, referenceElement: 1, showTitle: 5, state: 3 };
   }
   static {
-    this.shadowRootOptions = k;
+    this.shadowRootOptions = I;
   }
   static {
     this.styles = A;
@@ -43,7 +42,7 @@ class E extends T {
     return await this.viewModel.toggle();
   }
   _getThumbnailStyles(t) {
-    const n = x(t);
+    const n = S(t);
     return n ? { backgroundImage: `url(${n})` } : { backgroundImage: "" };
   }
   render() {

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

@@ -1,16 +1,15 @@
 import { c as A } from "../../chunks/runtime.js";
-import { html as r } from "lit-html";
-import { ref as $ } from "lit-html/directives/ref.js";
-import { keyed as M } from "lit-html/directives/keyed.js";
-import N from "@arcgis/core/widgets/Bookmarks/BookmarksViewModel.js";
+import { css as M, html as r } from "lit";
+import { ref as $ } from "lit/directives/ref.js";
+import { keyed as N } from "lit/directives/keyed.js";
+import L from "@arcgis/core/widgets/Bookmarks/BookmarksViewModel.js";
 import { g as S } from "../../chunks/globalCss.js";
-import { u as L } from "../../chunks/useT9n.js";
-import { H as O } from "../../chunks/heading.js";
-import { generateGuid as P, classes as x } from "@arcgis/components-utils";
-import { usePropertyChange as V } from "@arcgis/lumina/controllers";
-import { m as R } from "../../chunks/useViewModel.js";
-import { LitElement as q, createEvent as I, noShadowRoot as H, safeClassMap as c, nothing as w } from "@arcgis/lumina";
-import { css as Z } from "@lit/reactive-element/css-tag.js";
+import { u as O } from "../../chunks/useT9n.js";
+import { H as P } from "../../chunks/heading.js";
+import { generateGuid as V, classes as x } from "@arcgis/components-utils";
+import { usePropertyChange as R } from "@arcgis/lumina/controllers";
+import { m as q } from "../../chunks/useViewModel.js";
+import { LitElement as H, createEvent as I, noShadowRoot as Z, safeClassMap as c, nothing as w } from "@arcgis/lumina";
 import { formatDate as F, convertDateFormatToIntlOptions as U } from "@arcgis/core/intl.js";
 import { isHTTPSProtocol as b, isDataProtocol as T } from "@arcgis/core/core/urlUtils.js";
 import { watch as E } from "@arcgis/core/core/reactiveUtils.js";
@@ -18,7 +17,7 @@ import z from "@arcgis/core/core/Accessor.js";
 import { property as _, subclass as j } 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 */
+v4.34.0-next.48 */
 const d = "arcgis-bookmarks", y = `${d}__authoring`, C = `${d}__bookmark`, l = {
   base: d,
   empty: `${d}__empty`,
@@ -40,7 +39,7 @@ const d = "arcgis-bookmarks", y = `${d}__authoring`, C = `${d}__bookmark`, l = {
   authoring: y,
   authoringImageContainer: `${y}-image-container`,
   authoringRefreshThumbnailButton: `${y}-refresh-thumbnail-button`
-}, G = Z`@layer{arcgis-bookmarks{display:block}.arcgis-bookmarks{display:flex;background-color:transparent}.arcgis-bookmarks__empty{display:flex;flex-flow:column wrap;align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);text-align:center;color:var(--calcite-color-text-1)}.arcgis-bookmarks .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.arcgis-bookmarks calcite-flow-item[loading]{min-height:150px}.arcgis-bookmarks__loader{margin-inline-end:0}.arcgis-bookmarks__filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-bookmarks__bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.arcgis-bookmarks__bookmark-image-container .arcgis-bookmarks__image{max-width:64px;overflow:hidden}.arcgis-bookmarks--drag-enabled .arcgis-bookmarks__bookmark-image-container{margin-inline-start:0}.arcgis-bookmarks__no-bookmarks-heading{margin:0;margin-block-start:var(--calcite-spacing-md);font-size:16px;font-weight:400}.arcgis-bookmarks__authoring{display:flex;flex-direction:column}.arcgis-bookmarks__authoring-image-container{display:flex;align-items:middle;justify-content:center;margin-block-end:var(--calcite-spacing-md);margin-inline-end:var(--calcite-spacing-lg);background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff;width:128px;height:128px;text-align:center}.arcgis-bookmarks__authoring-image-container .arcgis-bookmarks__image{max-width:128px;max-height:128px}.arcgis-bookmarks__form{display:flex;height:100%}.arcgis-bookmarks__form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.arcgis-bookmarks__authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.arcgis-bookmarks__bookmark-content-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--2)}.arcgis-bookmarks__bookmark-content calcite-table{margin-inline-start:-.25rem}.arcgis-bookmarks__bookmark-content calcite-table,.arcgis-bookmarks__bookmark-content calcite-table-row{--calcite-color-border-3: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-internal-table-row-background: transparent;pointer-events:none}}`;
+}, G = M`@layer{arcgis-bookmarks{display:block}.arcgis-bookmarks{display:flex;background-color:transparent}.arcgis-bookmarks__empty{display:flex;flex-flow:column wrap;align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);text-align:center;color:var(--calcite-color-text-1)}.arcgis-bookmarks .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.arcgis-bookmarks calcite-flow-item[loading]{min-height:150px}.arcgis-bookmarks__loader{margin-inline-end:0}.arcgis-bookmarks__filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-bookmarks__bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.arcgis-bookmarks__bookmark-image-container .arcgis-bookmarks__image{max-width:64px;overflow:hidden}.arcgis-bookmarks--drag-enabled .arcgis-bookmarks__bookmark-image-container{margin-inline-start:0}.arcgis-bookmarks__no-bookmarks-heading{margin:0;margin-block-start:var(--calcite-spacing-md);font-size:16px;font-weight:400}.arcgis-bookmarks__authoring{display:flex;flex-direction:column}.arcgis-bookmarks__authoring-image-container{display:flex;align-items:middle;justify-content:center;margin-block-end:var(--calcite-spacing-md);margin-inline-end:var(--calcite-spacing-lg);background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff;width:128px;height:128px;text-align:center}.arcgis-bookmarks__authoring-image-container .arcgis-bookmarks__image{max-width:128px;max-height:128px}.arcgis-bookmarks__form{display:flex;height:100%}.arcgis-bookmarks__form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.arcgis-bookmarks__authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.arcgis-bookmarks__bookmark-content-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--2)}.arcgis-bookmarks__bookmark-content calcite-table{margin-inline-start:-.25rem}.arcgis-bookmarks__bookmark-content calcite-table,.arcgis-bookmarks__bookmark-content calcite-table-row{--calcite-color-border-3: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-internal-table-row-background: transparent;pointer-events:none}}`;
 var J = Object.defineProperty, K = Object.getOwnPropertyDescriptor, k = (s, t, e, i) => {
   for (var a = i > 1 ? void 0 : i ? K(t, e) : t, o = s.length - 1, n; o >= 0; o--)
     (n = s[o]) && (a = (i ? n(t, e, a) : n(a)) || a);
@@ -124,16 +123,16 @@ k([
 m = k([
   j("UserState")
 ], m);
-const Q = R(N);
-class W extends q {
+const Q = q(L);
+class W extends H {
   constructor() {
-    super(...arguments), this._guid = P(), this._addInputNode = null, this._editInputNode = null, this._urlEditInputNode = null, this._lastDragDetail = null, this.messages = L({}), this.viewModel = Q(this), this._storeEditFlowItemNode = (t) => {
+    super(...arguments), this._guid = V(), this._addInputNode = null, this._editInputNode = null, this._urlEditInputNode = null, this._lastDragDetail = null, this.messages = O({}), this.viewModel = Q(this), this._storeEditFlowItemNode = (t) => {
       this._editFlowItemEl = t;
     }, this._storeRootFlowItem = (t) => {
       this._rootFlowItemEl = t;
     }, this._storeAddFlowItemNode = (t) => {
       this._addFlowItemEl = t;
-    }, this._userState = null, this._userCreatingBookmark = !1, this.editIncludeTimeExtent = !1, this.position = "top-left", this.icon = "icon", this.closed = !1, this.defaultCreateOptions = this.viewModel.defaultCreateOptions, this.defaultEditOptions = this.viewModel.defaultEditOptions, this.bookmarks = this.viewModel.bookmarks, this.disabled = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.goToOverride = this.viewModel.goToOverride, this.showAddBookmarkButton = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showEditBookmarkButton = !1, this.showFilter = !1, this.hideFlow = !1, this.showHeading = !1, this.hideThumbnail = !1, this.hideTime = !1, this.timeDisabled = this.viewModel.capabilities.time, this.autoDestroyDisabled = !1, this.state = this.viewModel.state, this.arcgisBookmarkEdit = I(), this.arcgisBookmarkSelect = I(), this.arcgisPropertyChange = V()("state"), this.arcgisReady = I();
+    }, this._userState = null, this._userCreatingBookmark = !1, this.editIncludeTimeExtent = !1, this.position = "top-left", this.icon = "icon", this.closed = !1, this.defaultCreateOptions = this.viewModel.defaultCreateOptions, this.defaultEditOptions = this.viewModel.defaultEditOptions, this.bookmarks = this.viewModel.bookmarks, this.disabled = !1, this.dragEnabled = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.goToOverride = this.viewModel.goToOverride, this.showAddBookmarkButton = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showEditBookmarkButton = !1, this.showFilter = !1, this.hideFlow = !1, this.showHeading = !1, this.hideThumbnail = !1, this.hideTime = !1, this.timeDisabled = this.viewModel.capabilities.time, this.autoDestroyDisabled = !1, this.state = this.viewModel.state, this.arcgisBookmarkEdit = I(), this.arcgisBookmarkSelect = I(), this.arcgisPropertyChange = R()("state"), this.arcgisReady = I();
   }
   static {
     this.properties = { _userState: 16, _userStateValue: 16, _userValidationState: 16, _userThumbnailState: 16, _userCreatingBookmark: 16, editIncludeTimeExtent: 16, referenceElement: 1, position: 3, icon: 1, closed: 5, defaultCreateOptions: 0, defaultEditOptions: 0, bookmarks: 0, disabled: 5, dragEnabled: 5, filterPlaceholder: 1, filterText: 1, headingLevel: 9, goToOverride: 0, showAddBookmarkButton: 5, showCloseButton: 5, showCollapseButton: 5, showEditBookmarkButton: 5, showFilter: 5, hideFlow: 5, showHeading: 5, hideThumbnail: 5, hideTime: 5, timeDisabled: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, state: 3 };
@@ -142,7 +141,7 @@ class W extends q {
     this.styles = G;
   }
   static {
-    this.shadowRootOptions = H;
+    this.shadowRootOptions = Z;
   }
   async destroy() {
     await this.manager.destroy();
@@ -339,7 +338,7 @@ class W extends q {
   }
   _renderNoBookmarksContainer(t) {
     const { messages: e, viewModel: { state: i } } = this;
-    return !t.length && i !== "loading" ? r`<div class=${c(l.empty)}><calcite-icon icon=bookmark scale=l></calcite-icon>${O({ class: x(S.heading, l.noBookmarksHeader), level: this.headingLevel, children: e.noBookmarksHeading })}<p class=${c(l.noBookmarksDescription)}>${e.noBookmarksDescription}</p></div>` : null;
+    return !t.length && i !== "loading" ? r`<div class=${c(l.empty)}><calcite-icon icon=bookmark scale=l></calcite-icon>${P({ class: x(S.heading, l.noBookmarksHeader), level: this.headingLevel, children: e.noBookmarksHeading })}<p class=${c(l.noBookmarksDescription)}>${e.noBookmarksDescription}</p></div>` : null;
   }
   _renderEditBookmarkFlowItems() {
     const t = this._userStateValue === "edit", e = this._userState?.editedBookmark;
@@ -401,7 +400,7 @@ class W extends q {
     return r`<div class=${c(l.bookmarkImageContainer)} slot=content-start>${this._renderBookmarkActiveScrim(t, e)}${this._renderBookmarkImage(t, e)}${this._renderBookmarkActiveLoader(t, e)}${this._renderBookmarkImageIcon(t, e)}</div>`;
   }
   _renderBookmark(t) {
-    return M(t.uid, r`<calcite-list-item class=${c(x({ [l.dragEnabled]: this.dragEnabled }))} .description=${this._renderTimeExtentDescription(t)} .label=${this._getBookmarkTitle(t)} .value=${t.uid} @calciteListItemSelect=${() => this._goToBookmark(t)}>${this._renderBookmarkThumbnail(t)}${this._renderBookmarkContent(t)}${this._renderEditContainer(t)}</calcite-list-item>`);
+    return N(t.uid, r`<calcite-list-item class=${c(x({ [l.dragEnabled]: this.dragEnabled }))} .description=${this._renderTimeExtentDescription(t)} .label=${this._getBookmarkTitle(t)} .value=${t.uid} @calciteListItemSelect=${() => this._goToBookmark(t)}>${this._renderBookmarkThumbnail(t)}${this._renderBookmarkContent(t)}${this._renderEditContainer(t)}</calcite-list-item>`);
   }
   _renderBookmarkContent(t) {
     return r`<div class=${c(l.bookmarkContent)} slot=content><span class=${c(l.bookmarkContentLabel)}>${this._getBookmarkTitle(t)}</span>${this._renderBookmarkTimeExtent(t, !0)}</div>`;

package/dist/components/arcgis-building-explorer/customElement.js

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

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

@@ -4,11 +4,11 @@ import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
 import s from "@arcgis/core/widgets/CatalogLayerList.js";
 import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
 import { m as r } from "../../chunks/useWidget.js";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import { css as h } from "lit";
 import { c as d } 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 = h`@layer{arcgis-catalog-layer-list{display:block}}`, n = r(s);
 class g extends o {
   constructor() {

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

@@ -1,29 +1,28 @@
 import { c } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
+import { css as l, html as d } from "lit";
 import { usePropertyChange as m } from "@arcgis/lumina/controllers";
-import { classes as d } from "@arcgis/components-utils";
-import h from "@arcgis/core/widgets/Compass/CompassViewModel.js";
-import { LitElement as p, createEvent as g, noShadowRoot as u, safeClassMap as s, nothing as o, safeStyleMap as f } from "@arcgis/lumina";
-import { u as v } from "../../chunks/useT9n.js";
-import { m as w } from "../../chunks/useViewModel.js";
+import { classes as h } from "@arcgis/components-utils";
+import p from "@arcgis/core/widgets/Compass/CompassViewModel.js";
+import { LitElement as g, createEvent as u, noShadowRoot as f, safeClassMap as s, nothing as o, safeStyleMap as v } from "@arcgis/lumina";
+import { u as w } from "../../chunks/useT9n.js";
+import { m as y } from "../../chunks/useViewModel.js";
 import { g as i } from "../../chunks/globalCss.js";
-import { css as y } 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 $ = y`@layer{arcgis-compass{display:block}}`, r = "esri-compass", a = {
-  base: r,
-  iconContainer: `${r}__icon-container`
-}, b = w(h);
-class M extends p {
+v4.34.0-next.48 */
+const $ = l`@layer{arcgis-compass{display:block}}`, a = "esri-compass", r = {
+  base: a,
+  iconContainer: `${a}__icon-container`
+}, b = y(p);
+class M extends g {
   constructor() {
-    super(...arguments), this.messages = v(), this.viewModel = b(this), this.autoDestroyDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.orientation = this.viewModel.orientation, this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = m()("state", "orientation"), this.arcgisReady = g();
+    super(...arguments), this.messages = w(), this.viewModel = b(this), this.autoDestroyDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.orientation = this.viewModel.orientation, this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = m()("state", "orientation"), this.arcgisReady = u();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, goToOverride: 0, icon: 3, label: 1, messageOverrides: 0, orientation: 0, position: 3, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = u;
+    this.shadowRootOptions = f;
   }
   static {
     this.styles = $;
@@ -45,7 +44,7 @@ class M extends p {
   }
   render() {
     const { messages: t, icon: n } = this;
-    return l`<div class=${s(d(a.base, i.widget))}><calcite-button class=${s(i.widgetButton)} .disabled=${this.state === "disabled"} kind=neutral .label=${t.reset} @click=${this._reset} round scale=s title=${t.reset ?? o}><div aria-hidden=true class=${s(a.iconContainer)} title=${t.reset ?? o}><calcite-icon .icon=${n} style=${f(C(this.orientation))}></calcite-icon></div></calcite-button></div>`;
+    return d`<div class=${s(h(r.base, i.widget))}><calcite-button class=${s(i.widgetButton)} .disabled=${this.state === "disabled"} kind=neutral .label=${t.reset} @click=${this._reset} round scale=s title=${t.reset ?? o}><div aria-hidden=true class=${s(r.iconContainer)} title=${t.reset ?? o}><calcite-icon .icon=${n} style=${v(C(this.orientation))}></calcite-icon></div></calcite-button></div>`;
   }
 }
 const C = (e) => ({

package/dist/components/arcgis-coordinate-conversion/customElement.js

@@ -3,10 +3,10 @@ import { usePropertyChange as s } from "@arcgis/lumina/controllers";
 import o from "@arcgis/core/widgets/CoordinateConversion.js";
 import { LitElement as n, createEvent as r, noShadowRoot as a } from "@arcgis/lumina";
 import { m as d } from "../../chunks/useWidget.js";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import { css as h } 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 = h`@layer{arcgis-coordinate-conversion{display:block}}`, g = d(o);
 class c extends n {
   constructor() {

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

@@ -2,11 +2,11 @@ import { c as e } from "../../chunks/runtime.js";
 import i from "@arcgis/core/widgets/Daylight.js";
 import { LitElement as t, createEvent as s, noShadowRoot as a } from "@arcgis/lumina";
 import { m as h } from "../../chunks/useWidget.js";
-import { css as l } from "@lit/reactive-element/css-tag.js";
+import { css as l } from "lit";
 import { reEmitEvent as o } from "@arcgis/lumina/controllers/accessor";
 /*! 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 = l`@layer{arcgis-daylight{display:block}}`, r = h(i);
 class n extends t {
   constructor() {

package/dist/components/arcgis-direct-line-measurement-3d/customElement.js

@@ -1,11 +1,10 @@
 import { c as p } from "../../chunks/runtime.js";
-import { html as g } from "lit-html";
-import { LitElement as v, createEvent as f, noShadowRoot as w, nothing as D, safeClassMap as b } from "@arcgis/lumina";
-import { usePropertyChange as M } from "@arcgis/lumina/controllers";
-import { u as O } from "../../chunks/useT9n.js";
-import { m as U } from "../../chunks/useViewModel.js";
+import { css as g, html as v } from "lit";
+import { LitElement as f, createEvent as w, noShadowRoot as D, nothing as b, safeClassMap as M } from "@arcgis/lumina";
+import { usePropertyChange as O } from "@arcgis/lumina/controllers";
+import { u as U } from "../../chunks/useT9n.js";
+import { m as $ } from "../../chunks/useViewModel.js";
 import { g as d } from "../../chunks/globalCss.js";
-import { css as $ } from "@lit/reactive-element/css-tag.js";
 import L from "@arcgis/core/analysis/DirectLineMeasurementAnalysis.js";
 import { isAboveGeodesicDistanceThreshold as _ } from "@arcgis/core/applications/Components/analysisUtils.js";
 import { getDefaultUnitForView as V } from "@arcgis/core/applications/Components/getDefaultUnits.js";
@@ -15,8 +14,8 @@ import { A as C } from "../../chunks/AnalysisViewModel.js";
 import { g as c, 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 z = $`@layer{arcgis-directline-measurement-3d,arcgis-direct-line-measurement-3d{display:block}.arcgis-direct-line-measurement-3d{position:relative;padding:var(--esri-widget-padding);overflow-y:auto}}`;
+v4.34.0-next.48 */
+const z = g`@layer{arcgis-directline-measurement-3d,arcgis-direct-line-measurement-3d{display:block}.arcgis-direct-line-measurement-3d{position:relative;padding:var(--esri-widget-padding);overflow-y:auto}}`;
 var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, r = (e, t, s, a) => {
   for (var n = a > 1 ? void 0 : a ? E(t, s) : t, l = e.length - 1, u; l >= 0; l--)
     (u = e[l]) && (n = (a ? u(t, s, n) : u(n)) || n);
@@ -131,16 +130,16 @@ r([
 i = r([
   P("components.direct-line-measurement-3d.DirectLineMeasurement3dViewModel")
 ], i);
-const x = "arcgis-direct-line-measurement-3d", T = { base: x }, R = U(i);
-class h extends v {
+const x = "arcgis-direct-line-measurement-3d", T = { base: x }, R = $(i);
+class h extends f {
   constructor() {
-    super(...arguments), this.viewModel = R(this), this.messages = O({ name: "directline-measurement-3d", blocking: !0 }), this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "measure-line", this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.viewModel.unit, this.unitOptions = this.viewModel.unitOptions, this.arcgisPropertyChange = M()("analysis", "state"), this.arcgisReady = f();
+    super(...arguments), this.viewModel = R(this), this.messages = U({ name: "directline-measurement-3d", blocking: !0 }), this.analysis = this.viewModel.analysis, this.autoDestroyDisabled = !1, this.icon = "measure-line", this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.viewModel.unit, this.unitOptions = this.viewModel.unitOptions, this.arcgisPropertyChange = O()("analysis", "state"), this.arcgisReady = w();
   }
   static {
     this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 3, label: 1, position: 1, referenceElement: 1, state: 35, unit: 1, unitOptions: 0 };
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = D;
   }
   static {
     this.styles = z;
@@ -156,7 +155,7 @@ class h extends v {
   }
   render() {
     const { messages: t, unit: s, unitOptions: a, viewModel: n } = this, { measurement: l, state: u } = n;
-    return g`<div aria-label=${t.componentLabel ?? D} class=${b({
+    return v`<div aria-label=${t.componentLabel ?? b} class=${M({
       [T.base]: !0,
       [d.widget]: !0,
       [d.panel]: !0