@arcgis/map-components 4.32.0-next.22 → 4.32.0-next.23

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.pt-PT.json

@@ -0,0 +1 @@
+{"widgetLabel":"Galeria de Mapas Base","noBasemaps":"Não existem mapas base disponíveis","tagBeta":"beta","tag3D":"3D","unsupported":"õ_Not supported in LinkChartView with a non-geographic layout_______________________________ç."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.ro.json

@@ -0,0 +1 @@
+{"widgetLabel":"Galerie de hărţi fundal","noBasemaps":"Nicio hartă fundal disponibilă","tagBeta":"beta","tag3D":"3D","unsupported":"Ă_Not supported in LinkChartView with a non-geographic layout_______________________________ș."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.ru.json

@@ -0,0 +1 @@
+{"widgetLabel":"Галерея базовых карт","noBasemaps":"Нет доступных базовых карт","tagBeta":"бета","tag3D":"3D","unsupported":"Ж_Not supported in LinkChartView with a non-geographic layout_______________________________Я."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.sk.json

@@ -0,0 +1 @@
+{"widgetLabel":"Galéria základných máp","noBasemaps":"Nie sú k dispozícii žiadne základné mapy","tagBeta":"beta","tag3D":"3D","unsupported":"ĺ_Not supported in LinkChartView with a non-geographic layout_______________________________ľ."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.sl.json

@@ -0,0 +1 @@
+{"widgetLabel":"Galerija temeljnih kart","noBasemaps":"Temeljne karte niso na voljo","tagBeta":"beta","tag3D":"3D","unsupported":"Š_Not supported in LinkChartView with a non-geographic layout_______________________________č."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.sr.json

@@ -0,0 +1 @@
+{"widgetLabel":"Galerija pozadinskih mapa","noBasemaps":"Nema dostupnih pozadinskih mapa","tagBeta":"beta","tag3D":"3D","unsupported":"Č_Not supported in LinkChartView with a non-geographic layout_______________________________ž."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.sv.json

@@ -0,0 +1 @@
+{"widgetLabel":"Baskartgalleri","noBasemaps":"Inga baskartor tillgängliga","tagBeta":"betaversion","tag3D":"3D","unsupported":"Å_Not supported in LinkChartView with a non-geographic layout_______________________________ö."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.th.json

@@ -0,0 +1 @@
+{"widgetLabel":"แกลเลอรี่แผนที่ฐาน","noBasemaps":"ไม่มีแผนที่ฐานที่สามารถใช้ได้","tagBeta":"เบต้า","tag3D":"3D","unsupported":"ก้_Not supported in LinkChartView with a non-geographic layout_______________________________ษฺ."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.tr.json

@@ -0,0 +1 @@
+{"widgetLabel":"Altlık Harita Galerisi","noBasemaps":"Kullanılabilir altlık harita yok","tagBeta":"beta","tag3D":"3B","unsupported":"ı_Not supported in LinkChartView with a non-geographic layout_______________________________İ."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.uk.json

@@ -0,0 +1 @@
+{"widgetLabel":"Галерея базових карт","noBasemaps":"Немає доступних базових карт","tagBeta":"бета","tag3D":"3D","unsupported":"ґ_Not supported in LinkChartView with a non-geographic layout_______________________________Ї."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.vi.json

@@ -0,0 +1 @@
+{"widgetLabel":"Bộ sưu tập bản đồ nền","noBasemaps":"Không có bản đồ nền","tagBeta":"beta","tag3D":"3D","unsupported":"Đ_Not supported in LinkChartView with a non-geographic layout_______________________________ớ."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.zh-CN.json

@@ -0,0 +1 @@
+{"widgetLabel":"底图库","noBasemaps":"无可用底图","tagBeta":"beta","tag3D":"3D","unsupported":"试_Not supported in LinkChartView with a non-geographic layout_______________________________验."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.zh-HK.json

@@ -0,0 +1 @@
+{"widgetLabel":"底圖庫","noBasemaps":"沒有可用的底圖","tagBeta":"Beta","tag3D":"3D","unsupported":"試_Not supported in LinkChartView with a non-geographic layout_______________________________驗."}

package/dist/arcgis-map-components/assets/basemap-gallery/t9n/basemap-gallery.t9n.zh-TW.json

@@ -0,0 +1 @@
+{"widgetLabel":"底圖庫","noBasemaps":"沒有可用的底圖","tagBeta":"Beta","tag3D":"3D","unsupported":"試_Not supported in LinkChartView with a non-geographic layout_______________________________驗."}

package/dist/chunks/basemap-gallery-item.js

@@ -0,0 +1,55 @@
+import { classes as v } from "@arcgis/components-utils";
+import { nothing as s, safeClassMap as r } from "@arcgis/lumina";
+import { html as n } from "lit-html";
+import { g as y } from "./runtime.js";
+import { g as B } from "./globalCss.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.23
+*/
+const t = "esri-basemap-gallery", i = {
+  base: t,
+  sourceLoading: `${t}--source-loading`,
+  // When set, the items are be displayed in a grid instead of stacked vertically.
+  layoutGrid: `${t}--grid`,
+  // When set, the thumbnail of each item is narrower, to allow the title to be wider.
+  narrowItems: `${t}--narrow-items`,
+  loader: `${t}__loader`,
+  item: `${t}__item`,
+  itemContainer: `${t}__item-container`,
+  itemContent: `${t}__item-content`,
+  itemTitle: `${t}__item-title`,
+  itemTagsContainer: `${t}__item-tags-container`,
+  itemThumbnail: `${t}__item-thumbnail`,
+  selectedItem: `${t}__item--selected`,
+  itemError: `${t}__item--error`
+};
+function C(a) {
+  return a.portalItem?.type === "Web Scene" || a.referenceLayers.some((e) => e.type === "scene");
+}
+function I(a) {
+  return !!a?.portalItem?.tags?.some((e) => e.toLowerCase() === "beta");
+}
+function G({ disabled: a, item: e, itemIndex: o, viewModel: c, messages: d, state: u }) {
+  const b = e.basemap.thumbnailUrl || y("assets/basemap-gallery/images/basemap-toggle-64.svg"), m = e.basemap.title, g = e.basemap.portalItem?.snippet, _ = e.error?.message || g || m, { activeBasemapIndex: p } = c, l = p === o, f = l || p === -1 && o === 0 ? 0 : -1, h = {
+    [i.selectedItem]: l,
+    [i.itemError]: e.state === "error"
+  }, $ = `basemapgallery-item-${e.uid}`;
+  return n`<div .ariaChecked=${l} .ariaDisabled=${a} aria-labelledby=${$ ?? s} class=${r(v(i.item, h))} data-item=${e ?? s} data-basemap=${e.basemap.id ?? s} role=radio tabindex=${f ?? s} title=${_ ?? s} @click=${() => {
+    e.state === "ready" && (c.activeBasemap = e.basemap);
+  }}><img alt class=${r(i.itemThumbnail)} src=${b ?? s}><div class=${r(i.itemContent)}><div class=${r(i.itemTitle)}><span id=${$ ?? s}>${m}</span></div>${C(e.basemap) ? T(e.basemap, d) : null}</div>${u === "ready" ? null : n`<calcite-scrim><span aria-hidden=true class=${r(B.loaderAnimation)} role=presentation></span></calcite-scrim>`}</div>`;
+}
+function T(a, e) {
+  return n`<div class=${r(i.itemTagsContainer)}>${D(e)}${I(a) ? x(e) : null}</div>`;
+}
+function D(a) {
+  return n`<calcite-chip scale=s .value=${a.tag3D}>${a.tag3D}</calcite-chip>`;
+}
+function x(a) {
+  return n`<calcite-chip appearance=outline-fill scale=s .value=${a.tagBeta}>${a.tagBeta}</calcite-chip>`;
+}
+export {
+  G as B,
+  i as c
+};

package/dist/chunks/component-utils.js

@@ -1,7 +1,7 @@
 /*!
  * 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.22
+ * v4.32.0-next.23
 */
 function b(e, i) {
   Array.isArray(i) ? e._watchHandles = [...e._watchHandles, ...i] : e._watchHandles.push(i);

package/dist/chunks/disconnected.js

@@ -2,7 +2,7 @@ import { devToolsAwareTimeout as d } from "@arcgis/components-utils";
 /*!
  * 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.22
+ * v4.32.0-next.23
 */
 function a(i) {
   i.el.childElem ? i.el.isConnected || (i.view?.ui ? i.view.ui.remove(i.el.childElem) : i.widget?.view && i.widget.view.ui.remove(i.el.childElem), i._watchHandles && i._watchHandles.forEach((o) => {

package/dist/chunks/globalCss.js

@@ -1,7 +1,7 @@
 /*!
  * 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.22
+ * v4.32.0-next.23
 */
 const e = {
   anchor: "esri-widget__anchor",

package/dist/chunks/runtime.js

@@ -2,7 +2,7 @@ import { makeRuntime as t } from "@arcgis/lumina";
 /*!
  * 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.22
+ * v4.32.0-next.23
 */
 const s = t({ defaultAssetPath: "https://jsdev.arcgis.com/map-components/next/", hydratedAttribute: "hydrated" }), { customElement: a, getAssetPath: m, setAssetPath: o } = s;
 export {

package/dist/chunks/useViewModel.js

@@ -5,7 +5,7 @@ import { a as o } 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.22
+ * v4.32.0-next.23
 */
 const V = l(p), E = (s, e) => (i, t) => y(i, s, t);
 class w extends d {

package/dist/chunks/useWidget.js

@@ -4,7 +4,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const P = (d, s) => (i, e) => _(i, d, e);
 class y extends p {

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const m = n`arcgis-area-measurement-2d{display:block}`, h = i(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/61559

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const l = n`arcgis-area-measurement-3d{display:block}`, d = i(e);
 class h extends a {

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const n = h`arcgis-attachments{display:block}`, r = i(e);
 class l extends a {

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

@@ -0,0 +1,15 @@
+export declare const css: {
+    readonly base: "esri-basemap-gallery";
+    readonly sourceLoading: "esri-basemap-gallery--source-loading";
+    readonly layoutGrid: "esri-basemap-gallery--grid";
+    readonly narrowItems: "esri-basemap-gallery--narrow-items";
+    readonly loader: "esri-basemap-gallery__loader";
+    readonly item: "esri-basemap-gallery__item";
+    readonly itemContainer: "esri-basemap-gallery__item-container";
+    readonly itemContent: "esri-basemap-gallery__item-content";
+    readonly itemTitle: "esri-basemap-gallery__item-title";
+    readonly itemTagsContainer: "esri-basemap-gallery__item-tags-container";
+    readonly itemThumbnail: "esri-basemap-gallery__item-thumbnail";
+    readonly selectedItem: "esri-basemap-gallery__item--selected";
+    readonly itemError: "esri-basemap-gallery__item--error";
+};

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

@@ -0,0 +1,15 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { TemplateResult } from 'lit-html';
+import { ArcgisBasemapGallery } from '../../customElement.js';
+type BasemapGalleryMessages = ArcgisBasemapGallery["messages"];
+export declare function BasemapGalleryItem({ disabled, item, itemIndex, viewModel, messages, state, }: {
+    disabled: boolean;
+    item: __esri.BasemapGalleryItem & {
+        uid: string;
+    };
+    itemIndex: number;
+    viewModel: __esri.BasemapGalleryViewModel;
+    messages: BasemapGalleryMessages;
+    state: string;
+}): TemplateResult;
+export {};

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

@@ -0,0 +1,14 @@
+import "@arcgis/components-utils";
+import "@arcgis/lumina";
+import "lit-html";
+import "../../../../chunks/runtime.js";
+import { B as e } from "../../../../chunks/basemap-gallery-item.js";
+import "../../../../chunks/globalCss.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.23
+*/
+export {
+  e as BasemapGalleryItem
+};

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

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/dist/components/calcite-scrim.js";
+import "@esri/calcite-components/dist/components/calcite-chip.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/dist/components/calcite-scrim.js";
+import "@esri/calcite-components/dist/components/calcite-chip.js";
+export * from "./customElement.js";

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

@@ -1,23 +1,23 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 import { Use } from '@arcgis/components-controllers';
-import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+import { HeadingLevel } from '@esri/calcite-components';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useBasemapGalleryWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+declare const useBasemapGalleryViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.BasemapGallery, "label" | "source" | "viewModel" | "icon" | "headingLevel" | "disabled" | "activeBasemap"> & {
+} & Pick<__esri.BasemapGalleryViewModel, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: unknown;
-    viewModel?: __esri.BasemapGalleryViewModel | undefined;
+    state?: "ready" | "disabled" | "loading" | "unsupported" | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    position: __esri.UIPosition;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;
@@ -25,13 +25,13 @@ declare const useBasemapGalleryWidget: (component: import('@arcgis/components-co
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.MapView | __esri.SceneView | undefined;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.BasemapGalleryProperties): __esri.BasemapGalleryProperties | Promise<__esri.BasemapGalleryProperties>;
-} | undefined) => __esri.BasemapGallery;
+    editConstructorProperties(props: unknown): unknown;
+} | undefined) => __esri.BasemapGalleryViewModel;
 export declare class ArcgisBasemapGallery extends LitElement {
     activeBasemap: __esri.Basemap;
     /**
@@ -43,7 +43,7 @@ export declare class ArcgisBasemapGallery extends LitElement {
      */
     autoDestroyDisabled: boolean;
     disabled: boolean;
-    headingLevel: number;
+    headingLevel: HeadingLevel;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).

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

@@ -1,27 +1,51 @@
-import { c as e } from "../../chunks/runtime.js";
-import { newWidgetsBasemapGallery as t } from "@arcgis/core-adapter";
-import { m as s } from "../../chunks/useWidget.js";
-import { usePropertyChange as i } from "@arcgis/components-controllers";
-import { LitElement as a, createEvent as o, noShadowRoot as r } from "@arcgis/lumina";
-import { css as l } from "@lit/reactive-element/css-tag.js";
+import { c as y } from "../../chunks/runtime.js";
+import { html as d } from "lit-html";
+import { load as u, usePropertyChange as f } from "@arcgis/components-controllers";
+import { classes as g } from "@arcgis/components-utils";
+import { importApplicationsComponentsBasemapUtils as b, importCoreReactiveUtils as M, newWidgetsBasemapGalleryBasemapGalleryViewModel as $ } from "@arcgis/core-adapter";
+import { safeClassMap as r, LitElement as B, createEvent as _, noShadowRoot as x, nothing as v, safeStyleMap as R } from "@arcgis/lumina";
+import { u as L, m as E } from "../../chunks/useViewModel.js";
+import { unsafeStatic as I, html as U } from "lit/static-html.js";
+import { g as n } from "../../chunks/globalCss.js";
+import { c as l, B as C } from "../../chunks/basemap-gallery-item.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.22
+ * v4.32.0-next.23
 */
-const h = l`arcgis-basemap-gallery{display:block}`, d = s(t);
-class c extends a {
+function S({ level: o, class: t, children: e }) {
+  const s = G(o), i = `h${s}`, a = I(i);
+  return U`<${a} .ariaLevel=${String(s)} class=${r(g(n.heading, t))} role=heading>${e}</${a}>`;
+}
+function A(o, t, e) {
+  return Math.min(Math.max(o, t), e);
+}
+function G(o) {
+  return A(Math.ceil(o), 1, 6);
+}
+const k = D`arcgis-basemap-gallery{display:block}`, K = E($), 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
+  // with the title. The title is square.
+  default: 280,
+  // Below this width, items are displayed as in `default`, but the thumbnail has an aspect ratio of 1.5
+  // Above this width, items are displayed in a grid.
+  wide: 420
+};
+class H extends B {
   constructor() {
-    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.activeBasemap = this.widget.activeBasemap, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.source = this.widget.source, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("activeBasemap", "state"), this.arcgisReady = o();
+    super(...arguments), this.messages = L({}), this.viewModel = K(this), this.basemapUtils = u(b), this.reactiveUtils = u(M), 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._width = 0, this._state = "", this._itemsState = "", this.arcgisPropertyChange = f()("activeBasemap", "state"), this.arcgisReady = _();
   }
   static {
-    this.properties = { activeBasemap: 0, autoDestroyDisabled: 5, disabled: 7, headingLevel: 9, icon: 1, label: 1, position: 1, referenceElement: 1, source: 0, state: 3 };
+    this.properties = { activeBasemap: 0, autoDestroyDisabled: 5, disabled: 7, headingLevel: 9, icon: 1, label: 1, position: 1, referenceElement: 1, source: 0, state: 3, _width: 16, _state: 16, _itemsState: 16 };
   }
   static {
-    this.shadowRootOptions = r;
+    this.shadowRootOptions = x;
   }
   static {
-    this.styles = h;
+    this.styles = k;
   }
   // #endregion
   // #region Public Methods
@@ -29,8 +53,57 @@ class c extends a {
   async destroy() {
     await this.manager.destroy();
   }
+  // #endregion
+  // #region Lifecycle
+  loaded() {
+    this.manager.onLifecycle(() => [
+      this.reactiveUtils.when(() => this.source, () => {
+        this.viewModel.loadSource();
+      }, { sync: !0, initial: !0 }),
+      this.reactiveUtils.watch(() => this.source.state, () => {
+        this._state = this.source.state;
+      }, { sync: !0 }),
+      this.reactiveUtils.watch(() => this.viewModel.items.filter((s) => s.state !== "ready").length, (s) => {
+        this._itemsState = s > 0 ? "loading" : "ready";
+      }, { sync: !0 }),
+      this.reactiveUtils.watch(() => this.viewModel.activeBasemap, () => {
+        this.el.childElem?.querySelector(`[data-basemap="${this.viewModel.activeBasemap.id}"]`)?.focus();
+      }, { sync: !0 })
+    ]);
+    const t = new ResizeObserver((s) => {
+      for (const i of s)
+        this._width = i.contentRect.width;
+    }), e = this.el.childElem;
+    e && t.observe(e);
+  }
+  render() {
+    const t = this.source.state === "loading", e = this.disabled || this.state === "disabled", s = this.viewModel.items, i = {
+      [l.sourceLoading]: t,
+      [n.disabled]: e,
+      "esri-component": !0
+      // For compatibility with Esri View UI
+    }, a = this._width;
+    a <= m.small || a >= m.wide ? i[l.layoutGrid] = !0 : a < m.default && (i[l.narrowItems] = !0);
+    const h = t ? d`<div class=${r(l.loader)}></div>` : null, c = t ? null : s.length > 0 ? d`<div aria-disabled=${this.disabled ?? v} aria-label=${this.label ?? v} class=${r(l.itemContainer)} @keydown=${this._handleKeyDown} role=radiogroup>${s.map((p, w) => C({ disabled: e, item: p, itemIndex: w, viewModel: this.viewModel, messages: this.messages, state: p.state }))}</div>` : d`<div class=${r(n.empty)}>${S({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
+    return d`<div class=${r(g(l.base, n.widget, n.panel, i))} style=${R({
+      "--esri-basemap-gallery-small": `${m.small}px`
+    })}>${[h, c]}</div>`;
+  }
+  // #endregion
+  // #region Private Methods
+  _getRoundRobinIndex(t, e) {
+    return (t + e) % e;
+  }
+  _handleKeyDown(t) {
+    const { key: e } = t;
+    if (!["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft"].includes(e))
+      return;
+    t.preventDefault();
+    const { items: i, activeBasemapIndex: a } = this.viewModel, h = e === "ArrowUp" || e === "ArrowLeft" ? this._getRoundRobinIndex(Math.max(a - 1, -1), i.length) : this._getRoundRobinIndex(a + 1, i.length), c = i.at(h);
+    c?.state === "ready" && (this.viewModel.activeBasemap = c.basemap);
+  }
 }
-e("arcgis-basemap-gallery", c);
+y("arcgis-basemap-gallery", H);
 export {
-  c as ArcgisBasemapGallery
+  H as ArcgisBasemapGallery
 };

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

@@ -8,7 +8,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const n = h`arcgis-basemap-layer-list{display:block}`, d = s(i);
 class c extends r {

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

@@ -10,7 +10,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
   base: s,

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

@@ -8,7 +8,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const r = d`arcgis-bookmarks{display:block}`, n = o(e);
 class m extends a {

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const a = r`arcgis-building-explorer{display:block}`, d = s(i);
 class n extends l {

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

@@ -8,7 +8,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const d = h`arcgis-catalog-layer-list{display:block}`, n = s(i);
 class c extends o {

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

@@ -10,7 +10,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const b = $`arcgis-compass{display:block}`, a = "esri-compass", r = {
   base: a,

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const l = h`arcgis-coordinate-conversion{display:block}`, c = n(s);
 class g extends r {

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

@@ -6,7 +6,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const o = h`arcgis-daylight{display:block}`, d = t(i);
 class n extends s {

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const d = l`arcgis-directional-pad{display:block}`, c = s(i);
 class n extends a {

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

@@ -8,7 +8,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const y = u`arcgis-directions{display:block}`, m = d(r), i = "map-components:arcgis-directions";
 class g extends l {

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const l = n`arcgis-directline-measurement-3d{display:block}`, c = s(e);
 class d extends a {

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const c = n`arcgis-distance-measurement-2d{display:block}`, m = i(e);
 class d extends o {

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const d = r`arcgis-editor{display:block}`, g = o(i);
 class h extends l {

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const r = l`arcgis-elevation-profile{display:block}`, a = s(i);
 class d extends o {

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

@@ -6,7 +6,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const c = n`arcgis-expand{display:flex;pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}`, d = i(e);
 class l extends s {

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

@@ -7,7 +7,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const r = l`arcgis-feature{display:block}`, c = a(s);
 class p extends o {

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

@@ -8,7 +8,7 @@ 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.22
+ * v4.32.0-next.23
 */
 const l = m`arcgis-feature-form{display:block}`, g = r(i);
 class n extends a {