@arcgis/map-components 4.32.0-next.143 → 4.32.0-next.145

package/dist/chunks/useView.js

@@ -5,7 +5,7 @@ import * as p from "@arcgis/core/core/reactiveUtils.js";
 import { a as i } from "./component-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const E = a(d), _ = (s) => u(s);
 class v extends l {
   constructor(e) {

package/dist/chunks/useViewModel.js

@@ -3,7 +3,7 @@ import { AccessorController as i } from "@arcgis/components-controllers/accessor
 import { V as n } from "./useView.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const m = (o, t) => (e, s) => l(e, o, s);
 class a extends i {
   constructor() {

package/dist/chunks/useWidget.js

@@ -3,7 +3,7 @@ import { AccessorController as p, accessorSupport as a } from "@arcgis/component
 import { a as l } from "./component-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const P = (d, s) => (i, e) => _(i, d, e);
 class y extends p {
   constructor(s, i, e) {

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const h = n`@layer{arcgis-area-measurement-2d{display:block}}`, m = r(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/61559
   s

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const l = n`@layer{arcgis-area-measurement-3d{display:block}}`, h = r(s);
 class d extends i {
   constructor() {

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

@@ -6,7 +6,7 @@ import { m as o } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const n = h`@layer{arcgis-attachments{display:block}}`, r = o(i);
 class l extends s {
   constructor() {

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

@@ -1,30 +1,30 @@
-import { c as y } from "../../chunks/runtime.js";
-import { html as c } from "lit-html";
+import { c as v } from "../../chunks/runtime.js";
+import { html as l } from "lit-html";
 import { usePropertyChange as f } from "@arcgis/components-controllers";
-import { classes as v } from "@arcgis/components-utils";
-import { when as b, watch as p } from "@arcgis/core/core/reactiveUtils.js";
-import M from "@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js";
-import { safeClassMap as r, LitElement as $, createEvent as _, noShadowRoot as B, nothing as g, safeStyleMap as x } from "@arcgis/lumina";
-import { u as L } from "../../chunks/useView.js";
-import { m as R } from "../../chunks/useViewModel.js";
-import { unsafeStatic as E, html as I } from "lit/static-html.js";
-import { g as n } from "../../chunks/globalCss.js";
-import { c as l, B as D } from "../../chunks/basemap-gallery-item.js";
-import { css as S } from "@lit/reactive-element/css-tag.js";
+import { classes as u } from "@arcgis/components-utils";
+import { when as y, watch as b } from "@arcgis/core/core/reactiveUtils.js";
+import $ from "@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js";
+import { safeClassMap as n, LitElement as M, createEvent as x, noShadowRoot as L, nothing as p, safeStyleMap as R } from "@arcgis/lumina";
+import { u as _ } from "../../chunks/useView.js";
+import { m as B } from "../../chunks/useViewModel.js";
+import { unsafeStatic as D, html as I } from "lit/static-html.js";
+import { g as d } from "../../chunks/globalCss.js";
+import { c as r } from "../../chunks/basemap-gallery-resources.js";
+import { css as A } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
-function A({ level: o, class: t, children: e }) {
-  const s = k(o), a = `h${s}`, i = E(a);
-  return I`<${i} .ariaLevel=${String(s)} class=${r(v(n.heading, t))} role=heading>${e}</${i}>`;
+v4.32.0-next.145 */
+function C({ level: o, class: s, children: e }) {
+  const i = k(o), t = `h${i}`, a = D(t);
+  return I`<${a} .ariaLevel=${String(i)} class=${n(u(d.heading, s))} role=heading>${e}</${a}>`;
 }
-function C(o, t, e) {
-  return Math.min(Math.max(o, t), e);
+function E(o, s, e) {
+  return Math.min(Math.max(o, s), e);
 }
 function k(o) {
-  return C(Math.ceil(o), 1, 6);
+  return E(Math.ceil(o), 1, 6);
 }
-const G = S`@layer{arcgis-basemap-gallery{display:block}}`, K = R(M), m = {
+const S = A`@layer{arcgis-basemap-gallery{display:block}}`, G = B($), 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
@@ -34,18 +34,18 @@ const G = S`@layer{arcgis-basemap-gallery{display:block}}`, K = R(M), m = {
   // Above this width, items are displayed in a grid.
   wide: 420
 };
-class H extends $ {
+class K extends M {
   constructor() {
-    super(...arguments), this.messages = L({}), this.viewModel = K(this), this._width = 0, this._state = "", this._itemsState = "", 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 = f()("activeBasemap", "state"), this.arcgisReady = _();
+    super(...arguments), this.messages = _({}), this.viewModel = G(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 = f()("activeBasemap", "state"), this.arcgisReady = x();
   }
   static {
-    this.properties = { _width: 16, _state: 16, _itemsState: 16, activeBasemap: 0, autoDestroyDisabled: 5, disabled: 7, headingLevel: 9, icon: 1, label: 1, position: 1, referenceElement: 1, source: 0, state: 3 };
+    this.properties = { _width: 16, _state: 16, activeBasemap: 0, autoDestroyDisabled: 5, disabled: 7, headingLevel: 9, icon: 1, label: 1, position: 1, referenceElement: 1, source: 0, state: 3 };
   }
   static {
-    this.shadowRootOptions = B;
+    this.shadowRootOptions = L;
   }
   static {
-    this.styles = G;
+    this.styles = S;
   }
   //#endregion
   //#region Public Methods
@@ -57,55 +57,49 @@ class H extends $ {
   //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
-      b(() => this.source, () => {
+      y(() => this.source, () => {
         this.viewModel.loadSource();
       }, { sync: !0, initial: !0 }),
-      p(() => this.source.state, () => {
+      b(() => this.source.state, () => {
         this._state = this.source.state;
-      }, { sync: !0 }),
-      p(() => this.viewModel.items.filter((s) => s.state !== "ready").length, (s) => {
-        this._itemsState = s > 0 ? "loading" : "ready";
-      }, { sync: !0 }),
-      p(() => this.viewModel.activeBasemap, () => {
-        this.el.childElem?.querySelector(`[data-basemap="${this.viewModel.activeBasemap?.id}"]`)?.focus();
       }, { sync: !0 })
     ]);
-    const t = new ResizeObserver((s) => {
-      for (const a of s)
-        this._width = a.contentRect.width;
+    const s = new ResizeObserver((i) => {
+      for (const t of i)
+        this._width = t.contentRect.width;
     }), e = this.el.childElem;
-    e && t.observe(e);
+    e && s.observe(e);
   }
   //#endregion
   //#region Private Methods
-  _getRoundRobinIndex(t, e) {
-    return (t + e) % e;
+  _getRoundRobinIndex(s, e) {
+    return (s + e) % e;
   }
-  _handleKeyDown(t) {
-    const { key: e } = t;
+  _handleKeyDown(s) {
+    const { key: e } = s;
     if (!["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft"].includes(e))
       return;
-    t.preventDefault();
-    const { items: a, activeBasemapIndex: i } = this.viewModel, h = e === "ArrowUp" || e === "ArrowLeft" ? this._getRoundRobinIndex(Math.max(i - 1, -1), a.length) : this._getRoundRobinIndex(i + 1, a.length), d = a.at(h);
-    d?.state === "ready" && (this.viewModel.activeBasemap = d.basemap);
+    s.preventDefault();
+    const { items: t, activeBasemapIndex: a } = this.viewModel, h = e === "ArrowUp" || e === "ArrowLeft" ? this._getRoundRobinIndex(Math.max(a - 1, -1), t.length) : this._getRoundRobinIndex(a + 1, t.length), c = t.at(h);
+    c?.state === "ready" && (this.viewModel.activeBasemap = c.basemap);
   }
   //#endregion
   //#region Rendering
   render() {
-    const t = this.source.state === "loading", e = this.disabled || this.state === "disabled", s = this.viewModel.items, a = {
-      [l.sourceLoading]: t,
-      [n.disabled]: e,
+    const s = this.source.state === "loading", e = this.disabled || this.state === "disabled", i = this.viewModel.items, t = {
+      [r.sourceLoading]: s,
+      [d.disabled]: e,
       "esri-component": !0
       // For compatibility with Esri View UI
-    }, i = this._width;
-    i <= m.small || i >= m.wide ? a[l.layoutGrid] = !0 : i < m.default && (a[l.narrowItems] = !0);
-    const h = t ? c`<div class=${r(l.loader)}></div>` : null, d = t ? null : s.length > 0 ? c`<div aria-disabled=${this.disabled ?? g} aria-label=${this.label ?? g} class=${r(l.itemContainer)} @keydown=${this._handleKeyDown} role=radiogroup>${s.map((u, w) => D({ disabled: e, item: u, itemIndex: w, viewModel: this.viewModel, messages: this.messages, state: u.state }))}</div>` : c`<div class=${r(n.empty)}>${A({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
-    return c`<div class=${r(v(l.base, n.widget, n.panel, a))} style=${x({
+    }, a = this._width;
+    a <= m.small || a >= m.wide ? t[r.layoutGrid] = !0 : a < m.default && (t[r.narrowItems] = !0);
+    const h = s ? l`<div class=${n(r.loader)}></div>` : null, c = s ? null : i.length > 0 ? l`<div aria-disabled=${this.disabled ?? p} aria-label=${this.label ?? p} class=${n(r.itemContainer)} @keydown=${this._handleKeyDown} role=radiogroup>${i.map((g, w) => l`<arcgis-basemap-gallery-item .disabled=${e} .item=${g} .itemIndex=${w} .viewModel=${this.viewModel} .messages=${this.messages}></arcgis-basemap-gallery-item>`)}</div>` : l`<div class=${n(d.empty)}>${C({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
+    return l`<div class=${n(u(r.base, d.widget, d.panel, t))} style=${R({
       "--esri-basemap-gallery-small": `${m.small}px`
-    })}>${[h, d]}</div>`;
+    })}>${[h, c]}</div>`;
   }
 }
-y("arcgis-basemap-gallery", H);
+v("arcgis-basemap-gallery", K);
 export {
-  H as ArcgisBasemapGallery
+  K as ArcgisBasemapGallery
 };

package/dist/components/arcgis-basemap-gallery/index.d.ts

@@ -1 +1,2 @@
+import "../arcgis-basemap-gallery-item/index.js";
 export * from "./customElement.js";

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

@@ -1 +1,2 @@
+import "../arcgis-basemap-gallery-item/index.js";
 export * from "./customElement.js";

package/dist/components/{arcgis-basemap-gallery/components/basemap-gallery-item → arcgis-basemap-gallery-item}/customElement.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { TemplateResult } from 'lit-html';
-import { ArcgisBasemapGallery } from '../../customElement.js';
+import { JsxNode, ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisBasemapGallery } from '../arcgis-basemap-gallery/customElement.js';
+
 type BasemapGalleryMessages = ArcgisBasemapGallery["messages"];
-export declare function BasemapGalleryItem({ disabled, item, itemIndex, viewModel, messages, state, }: {
+/** @private **/
+export declare class ArcgisBasemapGalleryItem extends LitElement {
     disabled: boolean;
     item: __esri.BasemapGalleryItem & {
         uid: string;
@@ -11,6 +13,5 @@ export declare function BasemapGalleryItem({ disabled, item, itemIndex, viewMode
     itemIndex: number;
     viewModel: __esri.BasemapGalleryViewModel;
     messages: BasemapGalleryMessages;
-    state: string;
-}): TemplateResult;
+}
 export {};

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

@@ -0,0 +1,65 @@
+import { g as y, c as I } from "../../chunks/runtime.js";
+import { classes as _ } from "@arcgis/components-utils";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as B, noShadowRoot as T, nothing as l, safeClassMap as s } from "@arcgis/lumina";
+import { html as r } from "lit-html";
+import { g as w } from "../../chunks/globalCss.js";
+import { c as i } from "../../chunks/basemap-gallery-resources.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+v4.32.0-next.145 */
+function L(e) {
+  return e.portalItem?.type === "Web Scene" || e.referenceLayers.some((t) => t.type === "scene");
+}
+function x(e) {
+  return !!e?.portalItem?.tags?.some((t) => t.toLowerCase() === "beta");
+}
+class A extends B {
+  constructor() {
+    super(...arguments), this._itemState = "loading", this._isThumbnailLoaded = !1, this._isActive = !1;
+  }
+  static {
+    this.properties = { _itemState: 16, _isThumbnailLoaded: 16, _isActive: 16, disabled: 5, item: 0, itemIndex: 9, viewModel: 0, messages: 0 };
+  }
+  static {
+    this.shadowRootOptions = T;
+  }
+  //#endregion
+  //#region Lifecycle
+  loaded() {
+    this.manager.onLifecycle(() => [
+      h(() => this.item.state, (t) => {
+        this._itemState = t;
+      }, { sync: !0 }),
+      h(() => this.viewModel.activeBasemap, (t) => {
+        this._isActive = this.item.basemap.id === t?.id, this._isActive && (this.el.childElem?.focus(), this.el.scrollIntoView({ block: "nearest" }));
+      }, { initial: !0, sync: !0 })
+    ]);
+  }
+  //#endregion
+  //#region Rendering
+  render() {
+    const { disabled: t, item: a, itemIndex: o, viewModel: c, messages: u } = this, b = a.basemap.thumbnailUrl || y("assets/basemap-gallery/images/basemap-toggle-64.svg"), m = a.basemap.title, g = a.basemap.portalItem?.snippet, $ = a.error?.message || g || m, { activeBasemapIndex: d } = c, n = d === o, f = n || d === -1 && o === 0 ? 0 : -1, v = {
+      [i.selectedItem]: n,
+      [i.itemError]: a.state === "error"
+    }, p = `basemapgallery-item-${a.uid}`;
+    return r`<div .ariaChecked=${n} .ariaDisabled=${t} aria-labelledby=${p ?? l} class=${s(_(i.item, v))} role=radio tabindex=${f ?? l} title=${$ ?? l} @click=${() => {
+      a.state === "ready" && (c.activeBasemap = a.basemap);
+    }}><img alt class=${s(i.itemThumbnail)} src=${b ?? l} @load=${() => {
+      a.state !== "loading" && (this._isThumbnailLoaded = !0);
+    }}><div class=${s(i.itemContent)}><div class=${s(i.itemTitle)}><span id=${p ?? l}>${m}</span></div>${L(a.basemap) ? C(a.basemap, u) : null}</div>${a.state !== "loading" && this._isThumbnailLoaded ? null : r`<calcite-scrim><span aria-hidden=true class=${s(w.loaderAnimation)} role=presentation></span></calcite-scrim>`}</div>`;
+  }
+}
+function C(e, t) {
+  return r`<div class=${s(i.itemTagsContainer)}>${S(t)}${x(e) ? D(t) : null}</div>`;
+}
+function S(e) {
+  return r`<calcite-chip scale=s .label=${e.tag3D}>${e.tag3D}</calcite-chip>`;
+}
+function D(e) {
+  return r`<calcite-chip appearance=outline-fill scale=s .label=${e.tagBeta}>${e.tagBeta}</calcite-chip>`;
+}
+I("arcgis-basemap-gallery-item", A);
+export {
+  A as ArcgisBasemapGalleryItem
+};

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

@@ -7,7 +7,7 @@ import { m as o } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const d = h`@layer{arcgis-basemap-layer-list{display:block}}`, n = o(s);
 class c extends r {
   constructor() {

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

@@ -11,7 +11,7 @@ import { g as u } 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.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const A = L`@layer{arcgis-basemap-toggle{display:block}}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
   base: s,
   secondaryBasemapImage: `${s}__image--secondary`,

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

@@ -7,7 +7,7 @@ import { m as h } from "../../chunks/useWidget.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const r = d`@layer{arcgis-bookmarks{display:block}}`, n = h(s);
 class m extends o {
   constructor() {

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

@@ -6,7 +6,7 @@ import { m as h } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 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

@@ -7,7 +7,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const d = h`@layer{arcgis-catalog-layer-list{display:block}}`, n = r(s);
 class c extends o {
   constructor() {

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

@@ -10,7 +10,7 @@ import { g as i } from "../../chunks/globalCss.js";
 import { css as $ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const b = $`@layer{arcgis-compass{display:block}}`, a = "esri-compass", r = {
   base: a,
   iconContainer: `${a}__icon-container`

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

@@ -6,7 +6,7 @@ import { m as d } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const l = h`@layer{arcgis-coordinate-conversion{display:block}}`, c = d(o);
 class g extends n {
   constructor() {

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

@@ -5,7 +5,7 @@ import { m as l } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const o = h`@layer{arcgis-daylight{display:block}}`, d = l(i);
 class n extends t {
   constructor() {

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

@@ -12,7 +12,7 @@ import { g as d } from "../../chunks/globalCss.js";
 import { css as x } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const h = [-45, 0, 45, -90, 90, -135, 180, 135], y = {
   0: { label: "north", iconName: "chevron-up" },
   45: { label: "northEast", iconName: "chevron-up-right" },

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

@@ -8,7 +8,7 @@ import { f as m } from "../../chunks/component-utils.js";
 import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const y = u`@layer{arcgis-directions{display:block}}`, c = w(h), i = "map-components:arcgis-directions";
 class g extends n {
   constructor() {

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const l = n`@layer{arcgis-directline-measurement-3d{display:block}}`, c = r(i);
 class d extends s {
   constructor() {

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const c = n`@layer{arcgis-distance-measurement-2d{display:block}}`, m = r(s);
 class d extends i {
   constructor() {

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

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const g = r`@layer{arcgis-editor{display:block}}`, d = n(s);
 class h extends o {
   constructor() {

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

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.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.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const r = l`@layer{arcgis-elevation-profile{display:block}}`, a = n(e);
 class d extends s {
   constructor() {

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

@@ -5,7 +5,7 @@ import { m as a } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const c = n`@layer{arcgis-expand{display:flex;pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}}`, d = a(e);
 class l extends i {
   // #endregion

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

@@ -6,7 +6,7 @@ import { m as d } from "../../chunks/useWidget.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.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const r = l`@layer{arcgis-feature{display:block}}`, c = d(a);
 class p extends n {
   constructor() {

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

@@ -7,7 +7,7 @@ import { m as h } from "../../chunks/useWidget.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.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const l = m`@layer{arcgis-feature-form{display:block}}`, g = h(s);
 class n extends r {
   constructor() {

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

@@ -9,7 +9,7 @@ import { f as m } from "../../chunks/component-utils.js";
 import { css as c } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const u = c`@layer{arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}}`, w = g(d);
 class b extends a {
   constructor() {

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

@@ -7,7 +7,7 @@ import { m as a } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const n = h`@layer{arcgis-feature-templates{display:block}}`, c = a(s);
 class d extends o {
   constructor() {

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

@@ -7,8 +7,8 @@ import { m as d } from "../../chunks/useWidget.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.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
-const c = l`@layer{arcgis-features{display:block}}`, g = d(o);
+v4.32.0-next.145 */
+const c = l`@layer{arcgis-features{display:flex;flex-direction:column;overflow:hidden;.esri-features{flex:1 1 auto;overflow:hidden}}}`, g = d(o);
 class u extends r {
   constructor() {
     super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.actions = this.viewModel.actions, this.active = this.widget.active, this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.content = this.widget.content, this.featureNavigationTop = this.widget.featureNavigationTop, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.features = this.widget.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featuresTitle = this.widget.title, this.goToOverride = this.viewModel.goToOverride, this.headingLevel = this.widget.headingLevel, this.headerActions = this.widget.headerActions, this.hideActionBar = this.widget.visibleElements.actionBar, this.hideCloseButton = this.widget.visibleElements.closeButton, this.hideFeatureMenuHeading = this.widget.visibleElements.featureMenuHeading, this.hideFeatureNavigation = this.widget.visibleElements.featureNavigation, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideSpinner = this.widget.visibleElements.spinner, this.icon = this.widget.icon, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.widget.initialDisplayMode, this.label = this.widget.label, this.map = this.widget.map, this.position = "bottom-left", this.promises = this.widget.promises, this.selectedFeature = this.widget.selectedFeature, this.selectedFeatureIndex = this.widget.selectedFeatureIndex, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("selectedFeature", "selectedFeatureIndex", "state"), this.arcgisReady = n(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");

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

@@ -5,7 +5,7 @@ import { m as a } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const h = r`@layer{arcgis-floor-filter{display:block}}`, n = a(i);
 class c extends s {
   constructor() {

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

@@ -10,7 +10,7 @@ import { g as o } 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.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const b = y`@layer{arcgis-fullscreen{display:block}}`, v = {
   base: "esri-fullscreen"
 }, M = w(m);

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const h = n`@layer{arcgis-histogram{display:block}}`, d = r(e);
 class m extends s {
   constructor() {

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

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const h = d`@layer{arcgis-histogram-range-slider{display:block}}`, l = n(s);
 class g extends a {
   constructor() {

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

@@ -11,7 +11,7 @@ import { g as a } from "../../chunks/globalCss.js";
 import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const b = u`@layer{arcgis-home{display:block}}`, y = {
   base: "esri-home"
 }, M = f(d);

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

@@ -7,7 +7,7 @@ import { m as d } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const g = n`@layer{arcgis-layer-list{display:block}}`, c = d(o);
 class m extends r {
   constructor() {

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

@@ -6,7 +6,7 @@ import { m as o } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const l = n`@layer{arcgis-legend{display:block}}`, d = o(i);
 class h extends s {
   constructor() {

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.143 */
+v4.32.0-next.145 */
 const l = n`@layer{arcgis-line-of-sight{display:block}}`, h = r(i);
 class c extends e {
   constructor() {