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

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

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

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

@@ -1,14 +1,13 @@
 import { c as s } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { LitElement as e, noShadowRoot as a, safeClassMap as i } from "@arcgis/lumina";
-import { css as r } from "@lit/reactive-element/css-tag.js";
+import { css as e, html as t } from "lit";
+import { LitElement as a, noShadowRoot as i, safeClassMap as r } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.45 */
-const c = r`@layer{arcgis-feature-attachments{display:block}}`, n = "arcgis-feature-attachments", o = {
+v4.34.0-next.47 */
+const c = e`@layer{arcgis-feature-attachments{display:block}}`, n = "arcgis-feature-attachments", h = {
   base: n
 };
-class h extends e {
+class o extends a {
   constructor() {
     super(...arguments), this.headingLevel = 2;
   }
@@ -19,13 +18,13 @@ class h extends e {
     this.styles = c;
   }
   static {
-    this.shadowRootOptions = a;
+    this.shadowRootOptions = i;
   }
   render() {
-    return t`<div class=${i(o.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info><arcgis-attachments .graphic=${this.graphic} .displayType=${this.displayType}></arcgis-attachments></div>`;
+    return t`<div class=${r(h.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info><arcgis-attachments .graphic=${this.graphic} .displayType=${this.displayType}></arcgis-attachments></div>`;
   }
 }
-s("arcgis-feature-attachments", h);
+s("arcgis-feature-attachments", o);
 export {
-  h as ArcgisFeatureAttachments
+  o as ArcgisFeatureAttachments
 };

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

@@ -1,18 +1,17 @@
 import { c as l } from "../../chunks/runtime.js";
-import { html as r } from "lit-html";
-import { ref as g } from "lit-html/directives/ref.js";
-import { LitElement as f, noShadowRoot as d, safeClassMap as i } from "@arcgis/lumina";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import { css as g, html as r } from "lit";
+import { ref as f } from "lit/directives/ref.js";
+import { LitElement as d, noShadowRoot as h, safeClassMap as i } from "@arcgis/lumina";
 import { j as n, h as u } from "../../chunks/feature-utils.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.45 */
-const p = h`@layer{arcgis-feature-content{display:block}.arcgis-feature-content__loader-container{display:flex;align-items:center;justify-content:center;padding:0;height:150px}.arcgis-feature-content{font-size:var(--calcite-font-size-md)}.arcgis-feature-content h1,.arcgis-feature-content h2,.arcgis-feature-content h3,.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{margin:var(--calcite-spacing-sm) 0;line-height:normal;letter-spacing:0;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-semibold)}.arcgis-feature-content h1{font-size:var(--calcite-font-size-xxl)}.arcgis-feature-content h2{font-size:var(--calcite-font-size-xl)}.arcgis-feature-content h3{font-size:var(--calcite-font-size-lg)}.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{font-size:var(--calcite-font-size)}.arcgis-widget__heading.arcgis-feature-element-info__title{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-content p{margin:0 0 var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular)}.arcgis-feature-content p:last-child{margin-block-end:0}.arcgis-feature-content img{max-width:100%;max-height:100%;image-orientation:from-image}.arcgis-feature-content video{max-width:100%;max-height:100%}.arcgis-feature-content figure{margin:0;padding:0}.arcgis-feature-content figcaption{display:block;margin:var(--calcite-spacing-xs) 0 0;padding:0;font-size:var(--calcite-font-size-sm);font-style:italic}.arcgis-feature-content ul,.arcgis-feature-content ol{margin-block:var(--calcite-spacing-sm)}.arcgis-feature-content ul:first-child,.arcgis-feature-content ol:first-child{margin-block-start:0}.arcgis-feature-content a,.arcgis-feature-content a:hover,.arcgis-feature-content a:focus{color:var(--calcite-color-text-link)}}`, c = "arcgis-feature-content", o = {
+v4.34.0-next.47 */
+const p = g`@layer{arcgis-feature-content{display:block}.arcgis-feature-content__loader-container{display:flex;align-items:center;justify-content:center;padding:0;height:150px}.arcgis-feature-content{font-size:var(--calcite-font-size-md)}.arcgis-feature-content h1,.arcgis-feature-content h2,.arcgis-feature-content h3,.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{margin:var(--calcite-spacing-sm) 0;line-height:normal;letter-spacing:0;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-semibold)}.arcgis-feature-content h1{font-size:var(--calcite-font-size-xxl)}.arcgis-feature-content h2{font-size:var(--calcite-font-size-xl)}.arcgis-feature-content h3{font-size:var(--calcite-font-size-lg)}.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{font-size:var(--calcite-font-size)}.arcgis-widget__heading.arcgis-feature-element-info__title{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-content p{margin:0 0 var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular)}.arcgis-feature-content p:last-child{margin-block-end:0}.arcgis-feature-content img{max-width:100%;max-height:100%;image-orientation:from-image}.arcgis-feature-content video{max-width:100%;max-height:100%}.arcgis-feature-content figure{margin:0;padding:0}.arcgis-feature-content figcaption{display:block;margin:var(--calcite-spacing-xs) 0 0;padding:0;font-size:var(--calcite-font-size-sm);font-style:italic}.arcgis-feature-content ul,.arcgis-feature-content ol{margin-block:var(--calcite-spacing-sm)}.arcgis-feature-content ul:first-child,.arcgis-feature-content ol:first-child{margin-block-start:0}.arcgis-feature-content a,.arcgis-feature-content a:hover,.arcgis-feature-content a:focus{color:var(--calcite-color-text-link)}}`, c = "arcgis-feature-content", o = {
   base: c,
   loaderContainer: `${c}__loader-container`
 };
-class v extends f {
+class v extends d {
   static {
     this.properties = { _loadingPromise: 16, _created: 16, creator: 1, destroyer: 0, graphic: 0 };
   }
@@ -20,7 +19,7 @@ class v extends f {
     this.styles = p;
   }
   static {
-    this.shadowRootOptions = d;
+    this.shadowRootOptions = h;
   }
   loaded() {
     this.manager.onLifecycle(() => m(() => this.creator, (t) => {
@@ -57,7 +56,7 @@ class v extends f {
   }
   _renderCreated() {
     const { _created: t } = this;
-    return t instanceof HTMLElement ? t : typeof t == "string" ? r`<div .innerHTML=${t ?? ""} ${g(this._addTargetToAnchors)}></div>` : null;
+    return t instanceof HTMLElement ? t : typeof t == "string" ? r`<div .innerHTML=${t ?? ""} ${f(this._addTargetToAnchors)}></div>` : null;
   }
 }
 l("arcgis-feature-content", v);

package/dist/components/arcgis-feature-element-info/customElement.js

@@ -1,18 +1,17 @@
 import { c as n } from "../../chunks/runtime.js";
-import { html as r } from "lit-html";
-import { H as a } from "../../chunks/heading.js";
-import { LitElement as o, noShadowRoot as c, safeClassMap as s } from "@arcgis/lumina";
-import { renderingSanitizer as l } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { css as a, html as s } from "lit";
+import { H as o } from "../../chunks/heading.js";
+import { LitElement as c, noShadowRoot as l, safeClassMap as r } from "@arcgis/lumina";
+import { renderingSanitizer as d } from "@arcgis/core/applications/Components/sanitizerUtils.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 g = d`@layer{arcgis-feature-element-info{display:block}.arcgis-feature-element-info__heading{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-xl);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-sm);font-size:var(--calcite-font-line-height-fixed-base);font-weight:var(--calcite-font-weight-regular)}}`, t = "arcgis-feature-element-info", i = {
+v4.34.0-next.47 */
+const g = a`@layer{arcgis-feature-element-info{display:block}.arcgis-feature-element-info__heading{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size-xl);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-sm);font-size:var(--calcite-font-line-height-fixed-base);font-weight:var(--calcite-font-weight-regular)}}`, t = "arcgis-feature-element-info", i = {
   base: t,
   heading: `${t}__heading`,
   description: `${t}__description`
 };
-class m extends o {
+class h extends c {
   constructor() {
     super(...arguments), this.headingLevel = 2;
   }
@@ -23,21 +22,21 @@ class m extends o {
     this.styles = g;
   }
   static {
-    this.shadowRootOptions = c;
+    this.shadowRootOptions = l;
   }
   render() {
-    return r`<div class=${s(i.base)}>${this._renderHeading()}${this._renderDescription()}</div>`;
+    return s`<div class=${r(i.base)}>${this._renderHeading()}${this._renderDescription()}</div>`;
   }
   _renderHeading() {
     const { heading: e } = this;
-    return e ? a({ class: i.heading, level: this.headingLevel, excludeGlobalCss: !0, children: e }) : null;
+    return e ? o({ class: i.heading, level: this.headingLevel, excludeGlobalCss: !0, children: e }) : null;
   }
   _renderDescription() {
     const { description: e } = this;
-    return e ? r`<div class=${s(i.description)} .innerHTML=${l.sanitize(e) ?? ""}></div>` : null;
+    return e ? s`<div class=${r(i.description)} .innerHTML=${d.sanitize(e) ?? ""}></div>` : null;
   }
 }
-n("arcgis-feature-element-info", m);
+n("arcgis-feature-element-info", h);
 export {
-  m as ArcgisFeatureElementInfo
+  h as ArcgisFeatureElementInfo
 };

package/dist/components/arcgis-feature-expression/customElement.js

@@ -1,17 +1,16 @@
 import { c as X } from "../../chunks/runtime.js";
-import { html as v } from "lit-html";
-import { LitElement as D, noShadowRoot as H, safeClassMap as O } from "@arcgis/lumina";
-import { watch as V, when as q } from "@arcgis/core/core/reactiveUtils.js";
+import { css as D, html as v } from "lit";
+import { LitElement as H, noShadowRoot as V, safeClassMap as O } from "@arcgis/lumina";
+import { watch as q, when as z } from "@arcgis/core/core/reactiveUtils.js";
 import { a as $ } from "../../chunks/maybe.js";
 import { c as w, t as k } from "../../chunks/async-utils.js";
-import z from "@arcgis/core/popup/content/MediaContent.js";
-import K from "@arcgis/core/popup/content/FieldsContent.js";
-import Q from "@arcgis/core/popup/content/TextContent.js";
-import { compileExpression as Y } from "@arcgis/core/applications/Components/arcadeFeatureUtils.js";
-import { css as Z } from "@lit/reactive-element/css-tag.js";
+import K from "@arcgis/core/popup/content/MediaContent.js";
+import Q from "@arcgis/core/popup/content/FieldsContent.js";
+import Y from "@arcgis/core/popup/content/TextContent.js";
+import { compileExpression as Z } from "@arcgis/core/applications/Components/arcadeFeatureUtils.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 */
 var ee = typeof global == "object" && global && global.Object === Object && global, te = typeof self == "object" && self && self.Object === Object && self, F = ee || te || Function("return this")(), b = F.Symbol, J = Object.prototype, ne = J.hasOwnProperty, ie = J.toString, T = b ? b.toStringTag : void 0;
 function re(e) {
   var t = ne.call(e, T), n = e[T];
@@ -129,13 +128,13 @@ function R(e, t, n) {
     trailing: r
   });
 }
-const Ee = Z`@layer{arcgis-feature-expression{display:block}.arcgis-feature-expression__loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}}`, N = 1, M = "arcgis-feature", W = {
+const Ee = D`@layer{arcgis-feature-expression{display:block}.arcgis-feature-expression__loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}}`, N = 1, M = "arcgis-feature", W = {
   // widget
   base: `${M}-expression`,
   // loading
   loadingSpinnerContainer: `${M}__loading-container`
 };
-class Ie extends D {
+class Ie extends H {
   constructor() {
     super(...arguments), this._compileThrottled = R(this._startCompile, N), this._evaluateThrottled = R(this._startEvaluate, N), this.headingLevel = 2;
   }
@@ -146,12 +145,12 @@ class Ie extends D {
     this.styles = Ee;
   }
   static {
-    this.shadowRootOptions = H;
+    this.shadowRootOptions = V;
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      V(() => [this.expressionInfo, this.graphic], () => this._compileThrottled(), { initial: !0 }),
-      q(() => {
+      q(() => [this.expressionInfo, this.graphic], () => this._compileThrottled(), { initial: !0 }),
+      z(() => {
         if (!this._compileTask?.finished)
           return null;
         const t = this._compileTask.value, n = t?.dependencies, { view: i } = this;
@@ -178,7 +177,7 @@ class Ie extends D {
       const { expressionInfo: n, graphic: i } = this, r = n?.expression;
       if (!r || !i)
         return null;
-      const s = await Y({
+      const s = await Z({
         expression: r,
         graphic: i
       });
@@ -205,7 +204,7 @@ class Ie extends D {
         return null;
       const u = await p.castAsJsonAsync(n);
       k(n);
-      const h = u?.type, c = h === "media" ? z.fromJSON(u) : h === "text" ? Q.fromJSON(u) : h === "fields" ? K.fromJSON(u) : null;
+      const h = u?.type, c = h === "media" ? K.fromJSON(u) : h === "text" ? Y.fromJSON(u) : h === "fields" ? Q.fromJSON(u) : null;
       return !c || c.type === "media" && !c.mediaInfos || c.type === "fields" && !c.fieldInfos || c.type === "text" && !c.text ? null : c;
     });
   }

package/dist/components/arcgis-feature-fields/customElement.js

@@ -1,14 +1,13 @@
 import { c as u } from "../../chunks/runtime.js";
-import { html as n } from "lit-html";
-import { addLTRMark as b } from "@arcgis/components-utils";
-import { LitElement as h, noShadowRoot as $, safeClassMap as d } from "@arcgis/lumina";
+import { css as b, html as n } from "lit";
+import { addLTRMark as h } from "@arcgis/components-utils";
+import { LitElement as $, noShadowRoot as v, safeClassMap as d } from "@arcgis/lumina";
 import { renderingSanitizer as p } from "@arcgis/core/applications/Components/sanitizerUtils.js";
 import { replace as f } from "@arcgis/core/applications/Components/stringUtils.js";
-import { e as v } from "../../chunks/feature-utils.js";
-import { css as _ } from "@lit/reactive-element/css-tag.js";
+import { e as _ } from "../../chunks/feature-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 */
 const w = [
   {
     pattern: /^\s*(https?:\/\/([^\s]+))\s*$/iu,
@@ -96,11 +95,11 @@ function I(c, t) {
   ), i = e.target ? ` target="${e.target}"` : "", o = e.target === "_blank" ? ' rel="noreferrer"' : "";
   return p.sanitizeUrl(new URL(t, window.location.origin).toString()).replace(e.pattern, `<a${i} href="$1"${o}>${s}</a>`);
 }
-const F = _`@layer{arcgis-feature-fields{display:block}.arcgis-feature-fields__table{border:none;width:100%;border-collapse:collapse;color:var(--calcite-color-text-2)}.arcgis-feature-fields__table caption{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arcgis-feature-fields__table tr:nth-child(odd){background-color:var(--calcite-color-foreground-1)}.arcgis-feature-fields__table tr:nth-child(2n){background-color:var(--calcite-color-foreground-2)}.arcgis-feature-fields__table tr a{color:var(--calcite-color-text-link)}.arcgis-feature-fields__table tr a:hover,.arcgis-feature-fields__table tr a:focus{color:var(--calcite-color-brand-hover)}.arcgis-feature-fields__table tr td,.arcgis-feature-fields__table tr th{padding:var(--calcite-spacing-xs) var(--calcite-spacing-sm);vertical-align:top;word-break:break-word;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-fields__table tr th{border-inline-end:var(--calcite-border-width-md) solid var(--calcite-color-border-3);width:50%;text-align:start}.arcgis-feature-fields__table tr td{width:50%}}`, g = "arcgis-feature-fields", m = {
+const F = b`@layer{arcgis-feature-fields{display:block}.arcgis-feature-fields__table{border:none;width:100%;border-collapse:collapse;color:var(--calcite-color-text-2)}.arcgis-feature-fields__table caption{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arcgis-feature-fields__table tr:nth-child(odd){background-color:var(--calcite-color-foreground-1)}.arcgis-feature-fields__table tr:nth-child(2n){background-color:var(--calcite-color-foreground-2)}.arcgis-feature-fields__table tr a{color:var(--calcite-color-text-link)}.arcgis-feature-fields__table tr a:hover,.arcgis-feature-fields__table tr a:focus{color:var(--calcite-color-brand-hover)}.arcgis-feature-fields__table tr td,.arcgis-feature-fields__table tr th{padding:var(--calcite-spacing-xs) var(--calcite-spacing-sm);vertical-align:top;word-break:break-word;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-fields__table tr th{border-inline-end:var(--calcite-border-width-md) solid var(--calcite-color-border-3);width:50%;text-align:start}.arcgis-feature-fields__table tr td{width:50%}}`, g = "arcgis-feature-fields", m = {
   base: g,
   table: `${g}__table`
 };
-class N extends h {
+class N extends $ {
   constructor() {
     super(...arguments), this.headingLevel = 2;
   }
@@ -111,7 +110,7 @@ class N extends h {
     this.styles = F;
   }
   static {
-    this.shadowRootOptions = $;
+    this.shadowRootOptions = v;
   }
   get formattedFieldInfos() {
     const { expressionInfos: t, fieldInfos: e } = this, a = [];
@@ -119,7 +118,7 @@ class N extends h {
       if (!("visible" in r ? r.visible : !0))
         return;
       const i = r.clone();
-      i.label = v(i, t), a.push(i);
+      i.label = _(i, t), a.push(i);
     }), a;
   }
   render() {
@@ -129,7 +128,7 @@ class N extends h {
     const { values: e } = this, a = t.fieldName || "", r = t.label || a, s = e ? e[a] == null ? "" : e[a] : "", i = !!t.format?.dateFormat, o = {
       openInApp: this.messages?.openInApp ?? "",
       view: this.messages?.view ?? ""
-    }, l = typeof s == "number" && !i ? b(`${s}`) : typeof s == "string" ? I(o, s) : `${s}`;
+    }, l = typeof s == "number" && !i ? h(`${s}`) : typeof s == "string" ? I(o, s) : `${s}`;
     return n`<tr><th .innerHTML=${p.sanitize(r) ?? ""}></th><td .innerHTML=${p.sanitize(l) ?? ""}></td></tr>`;
   }
   _renderFields() {

package/dist/components/arcgis-feature-form/customElement.js

@@ -4,10 +4,10 @@ import { reEmitEvent as t } from "@arcgis/lumina/controllers/accessor";
 import s from "@arcgis/core/widgets/FeatureForm.js";
 import { LitElement as r, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
 import { m as h } from "../../chunks/useWidget.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.45 */
+v4.34.0-next.47 */
 const l = m`@layer{arcgis-feature-form{display:block}}`, g = h(s);
 class n extends r {
   constructor() {

package/dist/components/arcgis-feature-media/customElement.js

@@ -1,11 +1,10 @@
 import { c as j } from "../../chunks/runtime.js";
-import { html as y } from "lit-html";
-import { ref as G } from "lit-html/directives/ref.js";
-import { keyed as q } from "lit-html/directives/keyed.js";
-import { useMedia as K } from "@arcgis/lumina/controllers";
-import { getColorsFromRenderer as J } from "@arcgis/core/renderers/support/utils.js";
-import { LitElement as Q, noShadowRoot as Z, safeClassMap as C, nothing as A } from "@arcgis/lumina";
-import { css as ee } from "@lit/reactive-element/css-tag.js";
+import { css as G, html as y } from "lit";
+import { ref as q } from "lit/directives/ref.js";
+import { keyed as K } from "lit/directives/keyed.js";
+import { useMedia as J } from "@arcgis/lumina/controllers";
+import { getColorsFromRenderer as Q } from "@arcgis/core/renderers/support/utils.js";
+import { LitElement as Z, noShadowRoot as ee, safeClassMap as C, nothing as A } from "@arcgis/lumina";
 import { substitute as te } from "@arcgis/core/intl.js";
 import { c as S } from "../../chunks/utils.js";
 import { watch as ie } from "@arcgis/core/core/reactiveUtils.js";
@@ -16,8 +15,8 @@ import { renderingSanitizer as E } from "@arcgis/core/applications/Components/sa
 import { i as T, s as V, f as Y, a as U, g as ne, b as D, c as se, d as oe, e as le, h as ce } from "../../chunks/feature-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 */
-const de = ee`@layer{arcgis-feature-media{display:block}.arcgis-feature-media__container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.arcgis-feature-media__container .arcgis-feature-media__pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.arcgis-feature-media__container .arcgis-feature-media__pagination-button:hover,.arcgis-feature-media__container .arcgis-feature-media__pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.arcgis-feature-media__item-title{margin:0;font-size:var(--calcite-font-size-md)}.arcgis-feature-media__item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size)}.arcgis-feature-media__item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.arcgis-feature-media__item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.arcgis-feature-media__item-text{margin-inline-end:var(--calcite-spacing-xs)}.arcgis-feature-media__pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.arcgis-feature-media__pagination:only-child{margin-inline-start:auto}.arcgis-feature-media__pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.arcgis-feature-media__item-container{flex:0 1 auto;width:100%}.arcgis-feature-media__item-container img{max-width:100%}.arcgis-feature-media__item-container img[src$=".SVG"],.arcgis-feature-media__item-container img[src$=".svg"]{width:100%}.arcgis-feature-media__chart{width:100%;height:155px}}`;
+v4.34.0-next.47 */
+const de = G`@layer{arcgis-feature-media{display:block}.arcgis-feature-media__container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.arcgis-feature-media__container .arcgis-feature-media__pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.arcgis-feature-media__container .arcgis-feature-media__pagination-button:hover,.arcgis-feature-media__container .arcgis-feature-media__pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.arcgis-feature-media__item-title{margin:0;font-size:var(--calcite-font-size-md)}.arcgis-feature-media__item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size)}.arcgis-feature-media__item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.arcgis-feature-media__item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.arcgis-feature-media__item-text{margin-inline-end:var(--calcite-spacing-xs)}.arcgis-feature-media__pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.arcgis-feature-media__pagination:only-child{margin-inline-start:auto}.arcgis-feature-media__pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.arcgis-feature-media__item-container{flex:0 1 auto;width:100%}.arcgis-feature-media__item-container img{max-width:100%}.arcgis-feature-media__item-container img[src$=".SVG"],.arcgis-feature-media__item-container img[src$=".svg"]{width:100%}.arcgis-feature-media__chart{width:100%;height:155px}}`;
 function N(R) {
   if (!T(R))
     return null;
@@ -40,9 +39,9 @@ const M = "arcgis-feature-media", I = {
   mediaPaginationIcon: `${M}__pagination-icon`,
   mediaChartRendered: `${M}__chart--rendered`
 }, z = 15, w = "category", b = "value", ue = "rgba(50, 50, 50, 1)", me = 250, he = 500, fe = 200;
-class pe extends Q {
+class pe extends Z {
   constructor() {
-    super(...arguments), this._prefersReducedMotion = K("(prefers-reduced-motion)"), this.activeMediaInfoIndex = 0, this.chartAnimationDisabled = !1, this.isAggregate = !1, this.headingLevel = 2;
+    super(...arguments), this._prefersReducedMotion = J("(prefers-reduced-motion)"), this.activeMediaInfoIndex = 0, this.chartAnimationDisabled = !1, this.isAggregate = !1, this.headingLevel = 2;
   }
   static {
     this.properties = { _refreshIntervalInfo: 16, messages: 0, values: 0, activeMediaInfoIndex: 9, chartAnimationDisabled: 5, activeMediaInfo: 32, formattedMediaInfos: 32, description: 1, fieldInfoMap: 0, layer: 0, mediaInfos: 0, popupTemplate: 0, relatedInfos: 0, formattedValues: 0, expressionValues: 0, heading: 1, isAggregate: 5, formattedMediaInfoCount: 32, headingLevel: 9 };
@@ -51,7 +50,7 @@ class pe extends Q {
     this.styles = de;
   }
   static {
-    this.shadowRootOptions = Z;
+    this.shadowRootOptions = ee;
   }
   get activeMediaInfo() {
     return this.formattedMediaInfos[this.activeMediaInfoIndex] || null;
@@ -252,7 +251,7 @@ class pe extends Q {
     const { color: e } = await import("@amcharts/amcharts5/index.js"), t = /* @__PURE__ */ new Map(), i = this._getRenderer(), a = "default";
     if (!i)
       return t;
-    const s = await J(i);
+    const s = await Q(i);
     return s.delete(a), Array.from(s.values()).every((o) => o?.length === 1) && Array.from(s.keys()).forEach((o) => {
       const r = s.get(o)?.[0]?.toCss(!0);
       r && t.set(o, e(r));
@@ -525,7 +524,7 @@ class pe extends Q {
   }
   _renderChartMediaInfo(e) {
     const { activeMediaInfoIndex: t, formattedMediaInfoCount: i } = this;
-    return q(`media-${e.type}-${t}-${i}`, y`<div class=${C(I.mediaChart)} ${G(this._updateChartElement)}></div>`);
+    return K(`media-${e.type}-${t}-${i}`, y`<div class=${C(I.mediaChart)} ${q(this._updateChartElement)}></div>`);
   }
   _renderMediaInfoType() {
     const { activeMediaInfo: e } = this;

package/dist/components/arcgis-feature-table/customElement.js

@@ -6,10 +6,10 @@ import a from "@arcgis/core/widgets/FeatureTable.js";
 import { LitElement as d, createEvent as l, noShadowRoot as r } from "@arcgis/lumina";
 import { m as g } from "../../chunks/useWidget.js";
 import { e as m, g as c } from "../../chunks/component-utils.js";
-import { css as u } from "@lit/reactive-element/css-tag.js";
+import { css as u } 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 w = u`@layer{arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}}`, p = g(a);
 class b extends d {
   constructor() {

package/dist/components/arcgis-feature-templates/customElement.js

@@ -4,10 +4,10 @@ import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
 import s from "@arcgis/core/widgets/FeatureTemplates.js";
 import { LitElement as o, createEvent as r, noShadowRoot as l } from "@arcgis/lumina";
 import { m as a } 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 n = h`@layer{arcgis-feature-templates{display:block}}`, c = a(s);
 class d extends o {
   constructor() {

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

@@ -4,11 +4,11 @@ import { reEmitEvent as a } from "@arcgis/lumina/controllers/accessor";
 import o from "@arcgis/core/widgets/Features.js";
 import { LitElement as r, createEvent as n, noShadowRoot as h } from "@arcgis/lumina";
 import { m as d } from "../../chunks/useWidget.js";
-import { css as l } from "@lit/reactive-element/css-tag.js";
+import { css as l } from "lit";
 import { c } 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 g = l`@layer{arcgis-features{display:flex;flex-direction:column;overflow:hidden;.esri-features{flex:1 1 auto;overflow:hidden}}}`, u = d(o);
 class w extends r {
   constructor() {

package/dist/components/arcgis-floor-filter/customElement.js

@@ -2,10 +2,10 @@ import { c as e } from "../../chunks/runtime.js";
 import i from "@arcgis/core/widgets/FloorFilter.js";
 import { LitElement as s, createEvent as o, noShadowRoot as l } from "@arcgis/lumina";
 import { m as a } 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 h = r`@layer{arcgis-floor-filter{display:block}}`, n = a(i);
 class c extends s {
   constructor() {

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.45 */
-const b = g`arcgis-fullscreen{display:block}`, y = {
+v4.34.0-next.47 */
+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.45 */
+v4.34.0-next.47 */
 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.45 */
+v4.34.0-next.47 */
 const h = d`@layer{arcgis-histogram-range-slider{display:block}}`, l = n(s);
 class g extends a {
   constructor() {