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

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.45 */
-const D = L`@layer{arcgis-basemap-gallery{display:block}}`, A = B(f), m = {
+v4.34.0-next.47 */
+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.45 */
+v4.34.0-next.47 */
 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.45 */
+v4.34.0-next.47 */
 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.45 */
-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.47 */
+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.45 */
+v4.34.0-next.47 */
 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.45 */
+v4.34.0-next.47 */
 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.45 */
+v4.34.0-next.47 */
 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.45 */
-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.47 */
+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.45 */
+v4.34.0-next.47 */
 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.45 */
+v4.34.0-next.47 */
 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.45 */
-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.47 */
+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

package/dist/components/arcgis-directional-pad/customElement.js

@@ -1,20 +1,19 @@
 import { c as p } from "../../chunks/runtime.js";
-import { html as o } from "lit-html";
-import { ref as m } from "lit-html/directives/ref.js";
-import { keyed as d } from "lit-html/directives/keyed.js";
-import { usePropertyChange as b } from "@arcgis/lumina/controllers";
-import { focusElement as g } from "@arcgis/components-utils";
-import { watch as _ } from "@arcgis/core/core/reactiveUtils.js";
+import { css as m, html as o } from "lit";
+import { ref as b } from "lit/directives/ref.js";
+import { keyed as d } from "lit/directives/keyed.js";
+import { usePropertyChange as g } from "@arcgis/lumina/controllers";
+import { focusElement as _ } from "@arcgis/components-utils";
+import { watch as v } from "@arcgis/core/core/reactiveUtils.js";
 import f from "@arcgis/core/widgets/DirectionalPad/DirectionalPadViewModel.js";
-import { LitElement as v, createEvent as $, noShadowRoot as w, safeClassMap as n, nothing as l, safeStyleMap as R } from "@arcgis/lumina";
-import { u as C } from "../../chunks/useT9n.js";
-import { m as x } from "../../chunks/useViewModel.js";
-import { g as y } from "../../chunks/component-utils.js";
+import { LitElement as $, createEvent as w, noShadowRoot as R, safeClassMap as n, nothing as l, safeStyleMap as C } from "@arcgis/lumina";
+import { u as x } from "../../chunks/useT9n.js";
+import { m as y } from "../../chunks/useViewModel.js";
+import { g as M } from "../../chunks/component-utils.js";
 import { g as h } from "../../chunks/globalCss.js";
-import { css as M } 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.45 */
+v4.34.0-next.47 */
 const u = [-45, 0, 45, -90, 90, -135, 180, 135], S = {
   0: { label: "north", iconName: "chevron-up" },
   45: { label: "northEast", iconName: "chevron-up-right" },
@@ -33,7 +32,7 @@ const u = [-45, 0, 45, -90, 90, -135, 180, 135], S = {
   rotationSliderContainer: `${a}__rotation-slider-container`,
   rotationReset: `${a}__rotation-reset-button`,
   error: `${a}__error`
-}, B = 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)}}}`;
+}, B = 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 E(c) {
   const { x: t, y: e, width: i, height: r } = c.getBoundingClientRect();
   return { x: t + i / 2, y: e + r / 2 };
@@ -41,16 +40,16 @@ function E(c) {
 function D(c) {
   return c?.spatialReference?.isWebMercator || c?.spatialReference?.isGeographic || !1;
 }
-const k = x(f);
-class P extends v {
+const k = y(f);
+class P extends $ {
   constructor() {
-    super(...arguments), this.messages = C({}), this._onContextMenu = (t) => t.preventDefault(), this._buttons = {}, this.viewModel = k(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 = b()("state"), this.arcgisReady = $();
+    super(...arguments), this.messages = x({}), this._onContextMenu = (t) => t.preventDefault(), this._buttons = {}, this.viewModel = k(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 = g()("state"), this.arcgisReady = w();
   }
   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 = w;
+    this.shadowRootOptions = R;
   }
   static {
     this.styles = B;
@@ -64,8 +63,8 @@ class P extends v {
   loaded() {
     this.manager.onLifecycle(() => [
       // Move focus when movement angle changed by touch/mouse (not keyboard!)
-      _(() => this.viewModel.angle, () => {
-        this._buttonsContainer?.contains(document.activeElement) && (this.viewModel.angle == null ? y(this)?.focus() : g(this._buttons[this.viewModel.angle]));
+      v(() => this.viewModel.angle, () => {
+        this._buttonsContainer?.contains(document.activeElement) && (this.viewModel.angle == null ? M(this)?.focus() : _(this._buttons[this.viewModel.angle]));
       })
     ]);
   }
@@ -115,7 +114,7 @@ class P extends v {
     return d("directional-buttons-container", o`<calcite-action-bar expand-disabled floating layout=grid overflow-actions-disabled><calcite-action-group class=${n(s.buttonsContainer)} dir=ltr @contextmenu=${{
       handleEvent: this._onContextMenu,
       capture: !0
-    }} ${m(this._setButtonContainerRef)}>${u.slice(0, 4).map(this._renderButton, this)}${this._renderCompass()}${u.slice(4).map(this._renderButton, this)}</calcite-action-group></calcite-action-bar>`);
+    }} ${b(this._setButtonContainerRef)}>${u.slice(0, 4).map(this._renderButton, this)}${this._renderCompass()}${u.slice(4).map(this._renderButton, this)}</calcite-action-group></calcite-action-bar>`);
   }
   _renderButton(t) {
     const { label: e, iconName: i } = S[t], r = this.messages[e];
@@ -123,7 +122,7 @@ class P extends v {
   }
   _renderCompass() {
     const 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=${n(s.compassButton)} .disabled=${this.disabled || !this._rotationEnabled || e} @click=${this._onRotationReset} .scale=${this.visualScale} style=${R(this._rotateIcon(this.rotation))} .text=${i ?? ""} title=${i ?? l}>${!e && o`<calcite-icon .icon=${t} .scale=${this.visualScale}></calcite-icon>` || ""}</calcite-action>`;
+    return o`<calcite-action alignment=center class=${n(s.compassButton)} .disabled=${this.disabled || !this._rotationEnabled || e} @click=${this._onRotationReset} .scale=${this.visualScale} style=${C(this._rotateIcon(this.rotation))} .text=${i ?? ""} title=${i ?? l}>${!e && o`<calcite-icon .icon=${t} .scale=${this.visualScale}></calcite-icon>` || ""}</calcite-action>`;
   }
   _renderRotation() {
     return d("slider-container", o`<calcite-action-bar expand-disabled floating layout=horizontal><calcite-action-group class=${n(s.rotationContainer)}>${this.showRotationResetButton ? this._renderRotationResetButton() : null}${this._renderRotationSlider()}</calcite-action-group></calcite-action-bar>`);

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

@@ -6,10 +6,10 @@ import d from "@arcgis/core/widgets/Directions.js";
 import { LitElement as n, createEvent as l, noShadowRoot as w } from "@arcgis/lumina";
 import { m } from "../../chunks/useWidget.js";
 import { e as u } from "../../chunks/component-utils.js";
-import { css as y } from "@lit/reactive-element/css-tag.js";
+import { css as y } 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 c = y`@layer{arcgis-directions{display:block}}`, g = m(d), i = "map-components:arcgis-directions";
 class p extends n {
   constructor() {

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

@@ -3,10 +3,10 @@ import { usePropertyChange as s } from "@arcgis/lumina/controllers";
 import e from "@arcgis/core/widgets/DistanceMeasurement2D.js";
 import { LitElement as i, createEvent as o, noShadowRoot as a } from "@arcgis/lumina";
 import { m as n } 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.45 */
+v4.34.0-next.47 */
 const c = r`@layer{arcgis-distance-measurement-2d{display:block}}`, h = n(e);
 class d extends i {
   constructor() {

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

@@ -3,10 +3,10 @@ import { usePropertyChange as i } from "@arcgis/lumina/controllers";
 import s from "@arcgis/core/widgets/Editor.js";
 import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
 import { m as n } 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.45 */
+v4.34.0-next.47 */
 const g = r`@layer{arcgis-editor{display:block}}`, d = n(s);
 class h extends o {
   constructor() {

package/dist/components/arcgis-elevation-profile/customElement.js

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

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

@@ -2,10 +2,10 @@ import { c as t } from "../../chunks/runtime.js";
 import e from "@arcgis/core/widgets/Expand.js";
 import { LitElement as s, createEvent as i, noShadowRoot as o } from "@arcgis/lumina";
 import { m as a } 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.45 */
+v4.34.0-next.47 */
 const d = n`@layer{arcgis-expand{display:flex;pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}}`, c = a(e);
 class l extends s {
   constructor() {