@arcgis/map-components 4.33.0-next.25 → 4.33.0-next.27

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.id.json

@@ -1 +1 @@
-{"componentLabel":"ng_Navigation Toggle__________________ny","pan":"ng_Activate panning mode______________________ny","rotate":"ng_Activate rotation mode_______________________ny"}
+{"componentLabel":"Tombol Navigasi","pan":"Aktifkan mode penggeseran","rotate":"Aktifkan mode rotasi"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.it.json

@@ -1 +1 @@
-{"componentLabel":"é_Navigation Toggle__________________È","pan":"é_Activate panning mode______________________È","rotate":"é_Activate rotation mode_______________________È"}
+{"componentLabel":"Attivazione/disattivazione navigazione","pan":"Attiva modalità pan","rotate":"Attiva modalità di rotazione"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.ja.json

@@ -1 +1 @@
-{"componentLabel":"須_Navigation Toggle__________________鷗","pan":"須_Activate panning mode______________________鷗","rotate":"須_Activate rotation mode_______________________鷗"}
+{"componentLabel":"ナビゲーションの切り替え","pan":"自動画面移動モードのアクティブ化","rotate":"回転モードのアクティブ化"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.ko.json

@@ -1 +1 @@
-{"componentLabel":"한_Navigation Toggle__________________빠","pan":"한_Activate panning mode______________________빠","rotate":"한_Activate rotation mode_______________________빠"}
+{"componentLabel":"탐색 토글","pan":"이동 모드 활성화","rotate":"회전 모드 활성화"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.lt.json

@@ -1 +1 @@
-{"componentLabel":"Į_Navigation Toggle__________________š","pan":"Į_Activate panning mode______________________š","rotate":"Į_Activate rotation mode_______________________š"}
+{"componentLabel":"Naršymo perjungimas","pan":"Aktyvuoti perstūmimo režimą","rotate":"Aktyvuoti pasukimo režimą"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.lv.json

@@ -1 +1 @@
-{"componentLabel":"ķ_Navigation Toggle__________________ū","pan":"ķ_Activate panning mode______________________ū","rotate":"ķ_Activate rotation mode_______________________ū"}
+{"componentLabel":"Navigācijas pārslēgs","pan":"Aktivizēt panoramēšanas režīmu","rotate":"Aktivizēt rotācijas režīmu"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.nl.json

@@ -1 +1 @@
-{"componentLabel":"IJ_Navigation Toggle__________________ä","pan":"IJ_Activate panning mode______________________ä","rotate":"IJ_Activate rotation mode_______________________ä"}
+{"componentLabel":"Navigatieschakelaar","pan":"Panmodus activeren","rotate":"Rotatiemodus activeren"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.no.json

@@ -1 +1 @@
-{"componentLabel":"å_Navigation Toggle__________________ø","pan":"å_Activate panning mode______________________ø","rotate":"å_Activate rotation mode_______________________ø"}
+{"componentLabel":"Navigasjonsveksling","pan":"Aktiver panoreringsmodus","rotate":"Aktiver rotasjonsmodus"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.pl.json

@@ -1 +1 @@
-{"componentLabel":"ł_Navigation Toggle__________________ą","pan":"ł_Activate panning mode______________________ą","rotate":"ł_Activate rotation mode_______________________ą"}
+{"componentLabel":"Przełącznik nawigacji","pan":"Aktywuj tryb przesuwania","rotate":"Aktywuj tryb obrotu"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.pt-BR.json

@@ -1 +1 @@
-{"componentLabel":"ã_Navigation Toggle__________________Ç","pan":"ã_Activate panning mode______________________Ç","rotate":"ã_Activate rotation mode_______________________Ç"}
+{"componentLabel":"Alternar Navegação","pan":"Ativar modo de movimento","rotate":"Ativar modo de rotação"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.pt-PT.json

@@ -1 +1 @@
-{"componentLabel":"ã_Navigation Toggle__________________Ç","pan":"ã_Activate panning mode______________________Ç","rotate":"ã_Activate rotation mode_______________________Ç"}
+{"componentLabel":"Alternar navegação","pan":"Ativar modo panorâmico","rotate":"Ativar modo de rotação"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.ro.json

@@ -1 +1 @@
-{"componentLabel":"Ă_Navigation Toggle__________________ș","pan":"Ă_Activate panning mode______________________ș","rotate":"Ă_Activate rotation mode_______________________ș"}
+{"componentLabel":"Comutator de navigare","pan":"Activare mod panoramare","rotate":"Activare mod rotire"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.ru.json

@@ -1 +1 @@
-{"componentLabel":"Ж_Navigation Toggle__________________Я","pan":"Ж_Activate panning mode______________________Я","rotate":"Ж_Activate rotation mode_______________________Я"}
+{"componentLabel":"Переключатель навигации","pan":"Активировать режим перемещения","rotate":"Активировать режим вращения"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.sk.json

@@ -1 +1 @@
-{"componentLabel":"ĺ_Navigation Toggle__________________ľ","pan":"ĺ_Activate panning mode______________________ľ","rotate":"ĺ_Activate rotation mode_______________________ľ"}
+{"componentLabel":"Prepínač navigácie","pan":"Aktivovať režim posúvania","rotate":"Aktivovať režim rotácie"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.sl.json

@@ -1 +1 @@
-{"componentLabel":"Š_Navigation Toggle__________________č","pan":"Š_Activate panning mode______________________č","rotate":"Š_Activate rotation mode_______________________č"}
+{"componentLabel":"Preklopi navigacijo","pan":"Aktiviraj način pomikanja","rotate":"Aktiviraj način vrtenja"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.sr.json

@@ -1 +1 @@
-{"componentLabel":"Č_Navigation Toggle__________________ž","pan":"Č_Activate panning mode______________________ž","rotate":"Č_Activate rotation mode_______________________ž"}
+{"componentLabel":"Uključivanje/isključivanje navigacije","pan":"Aktiviraj režim pomeranja","rotate":"Aktiviraj režim rotacije"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.sv.json

@@ -1 +1 @@
-{"componentLabel":"Å_Navigation Toggle__________________ö","pan":"Å_Activate panning mode______________________ö","rotate":"Å_Activate rotation mode_______________________ö"}
+{"componentLabel":"Navigationsväxling","pan":"Aktivera panoreringsläge","rotate":"Aktivera rotationsläge"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.th.json

@@ -1 +1 @@
-{"componentLabel":"ก้_Navigation Toggle__________________ษฺ","pan":"ก้_Activate panning mode______________________ษฺ","rotate":"ก้_Activate rotation mode_______________________ษฺ"}
+{"componentLabel":"สลับการนำทาง","pan":"เปิดใช้งานโหมดการเลื่อน","rotate":"เปิดใช้งานโหมดการหมุน"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.tr.json

@@ -1 +1 @@
-{"componentLabel":"ı_Navigation Toggle__________________İ","pan":"ı_Activate panning mode______________________İ","rotate":"ı_Activate rotation mode_______________________İ"}
+{"componentLabel":"Navigasyonu Değiştir","pan":"Kaydırma modunu etkinleştir","rotate":"Dönüş modunu etkinleştir"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.uk.json

@@ -1 +1 @@
-{"componentLabel":"ґ_Navigation Toggle__________________Ї","pan":"ґ_Activate panning mode______________________Ї","rotate":"ґ_Activate rotation mode_______________________Ї"}
+{"componentLabel":"Перемикання навігації","pan":"Активувати режим панорамування","rotate":"Активувати режим обертання"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.vi.json

@@ -1 +1 @@
-{"componentLabel":"Đ_Navigation Toggle__________________ớ","pan":"Đ_Activate panning mode______________________ớ","rotate":"Đ_Activate rotation mode_______________________ớ"}
+{"componentLabel":"Bật/tắt Điều hướng","pan":"Kích hoạt chế độ di chuyển","rotate":"Kích hoạt chế độ xoay"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.zh-CN.json

@@ -1 +1 @@
-{"componentLabel":"试_Navigation Toggle__________________验","pan":"试_Activate panning mode______________________验","rotate":"试_Activate rotation mode_______________________验"}
+{"componentLabel":"导航切换","pan":"激活平移模式","rotate":"激活旋转模式"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.zh-HK.json

@@ -1 +1 @@
-{"componentLabel":"試_Navigation Toggle__________________驗","pan":"試_Activate panning mode______________________驗","rotate":"試_Activate rotation mode_______________________驗"}
+{"componentLabel":"導覽開關","pan":"啟動平移模式","rotate":"啟動旋轉模式"}

package/dist/arcgis-map-components/assets/navigation-toggle/t9n/messages.zh-TW.json

@@ -1 +1 @@
-{"componentLabel":"試_Navigation Toggle__________________驗","pan":"試_Activate panning mode______________________驗","rotate":"試_Activate rotation mode_______________________驗"}
+{"componentLabel":"導覽開關","pan":"啟動平移模式","rotate":"啟動旋轉模式"}

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

@@ -0,0 +1,23 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.27 */
+const e = "esri-basemap-gallery", t = {
+  base: e,
+  sourceLoading: `${e}--source-loading`,
+  // When set, the items are be displayed in a grid instead of stacked vertically.
+  layoutGrid: `${e}--grid`,
+  // When set, the thumbnail of each item is narrower, to allow the title to be wider.
+  narrowItems: `${e}--narrow-items`,
+  loader: `${e}__loader`,
+  item: `${e}__item`,
+  itemContainer: `${e}__item-container`,
+  itemContent: `${e}__item-content`,
+  itemTitle: `${e}__item-title`,
+  itemTagsContainer: `${e}__item-tags-container`,
+  itemThumbnail: `${e}__item-thumbnail`,
+  selectedItem: `${e}__item--selected`,
+  itemError: `${e}__item--error`
+};
+export {
+  t as c
+};

package/dist/chunks/component-utils.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 function P(e, i) {
   Array.isArray(i) ? e._watchHandles = [...e._watchHandles, ...i] : e._watchHandles.push(i);
 }

package/dist/chunks/disconnected.js

@@ -1,7 +1,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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 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) => {
     o.remove();

package/dist/chunks/globalCss.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 const e = {
   anchor: "esri-widget__anchor",
   anchorDisabled: "esri-widget__anchor--disabled",

package/dist/chunks/legacyIcon.js

@@ -1,6 +1,6 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 const i = {
   arrowDown: "esri-icon-arrow-down",
   arrowUp: "esri-icon-arrow-up",

package/dist/chunks/runtime.js

@@ -1,7 +1,7 @@
 import { makeRuntime as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 const s = t({ defaultAssetPath: "https://jsdev.arcgis.com/map-components/next/", hydratedAttribute: "hydrated" }), { customElement: a, getAssetPath: m, setAssetPath: o } = s;
 export {
   a as c,

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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 const n = h`@layer{arcgis-attachments{display:block}}`, r = o(i);
 class l extends s {
   constructor() {

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

@@ -18,6 +18,9 @@ declare const useBasemapGalleryViewModel: (component: import('@arcgis/components
 /** BasemapGallery component displays a collection images representing basemaps from [ArcGIS.com](https://www.arcgis.com/index.html) or a user-defined set of map or image services. When a new basemap is selected from the BasemapGallery, the map's basemap layers are removed and replaced with the basemap layers of the associated basemap selected in the gallery.
  */
 export declare class ArcgisBasemapGallery extends LitElement {
+    /**
+     * The map's current [basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap).
+     */
     activeBasemap: __esri.Basemap | nullish;
     /**
      * If true, the component will not be destroyed automatically when it is

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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
-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.33.0-next.27 */
+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,63 @@
+import { g as y, c as I } from "../../chunks/runtime.js";
+import { classes as B } from "@arcgis/components-utils";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as w, noShadowRoot as x, nothing as r, safeClassMap as s } from "@arcgis/lumina";
+import { html as l } from "lit-html";
+import { g as A } 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.33/esri/copyright.txt for details.
+v4.33.0-next.27 */
+function C(e) {
+  return e.portalItem?.type === "Web Scene" || e.referenceLayers.some((t) => t.type === "scene");
+}
+function _(e) {
+  return !!e?.portalItem?.tags?.some((t) => t.toLowerCase() === "beta");
+}
+class S extends w {
+  constructor() {
+    super(...arguments), this._itemState = "loading", this._isActive = !1;
+  }
+  static {
+    this.properties = { _itemState: 16, _isActive: 16, disabled: 5, item: 0, itemIndex: 9, viewModel: 0, messages: 0 };
+  }
+  static {
+    this.shadowRootOptions = x;
+  }
+  //#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: n, viewModel: o, messages: u } = this, g = a.basemap.thumbnailUrl || y("assets/basemap-gallery/images/basemap-toggle-64.svg"), m = a.basemap.title, b = a.basemap.portalItem?.snippet, $ = a.error?.message || b || m, { activeBasemapIndex: p } = o, c = p === n, f = c || p === -1 && n === 0 ? 0 : -1, v = {
+      [i.selectedItem]: c,
+      [i.itemError]: a.state === "error"
+    }, d = `basemapgallery-item-${a.uid}`;
+    return l`<div .ariaChecked=${c} .ariaDisabled=${t} aria-labelledby=${d ?? r} class=${s(B(i.item, v))} role=radio tabindex=${f ?? r} title=${$ ?? r} @click=${() => {
+      a.state === "ready" && (o.activeBasemap = a.basemap);
+    }}><img alt class=${s(i.itemThumbnail)} src=${g ?? r}><div class=${s(i.itemContent)}><div class=${s(i.itemTitle)}><span id=${d ?? r}>${m}</span></div>${C(a.basemap) ? T(a.basemap, u) : null}</div>${a.state !== "loading" ? null : l`<calcite-scrim><span aria-hidden=true class=${s(A.loaderAnimation)} role=presentation></span></calcite-scrim>`}</div>`;
+  }
+}
+function T(e, t) {
+  return l`<div class=${s(i.itemTagsContainer)}>${D(t)}${_(e) ? E(t) : null}</div>`;
+}
+function D(e) {
+  return l`<calcite-chip scale=s .label=${e.tag3D}>${e.tag3D}</calcite-chip>`;
+}
+function E(e) {
+  return l`<calcite-chip appearance=outline-fill scale=s .label=${e.tagBeta}>${e.tagBeta}</calcite-chip>`;
+}
+I("arcgis-basemap-gallery-item", S);
+export {
+  S 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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 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.d.ts

@@ -14,10 +14,16 @@ declare const useBasemapToggleViewModel: (component: import('@arcgis/components-
 } & Pick<BasemapToggleViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapToggleViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => BasemapToggleViewModel;
-/** BasemapToggle component allows an end-user to switch between two basemaps. The toggled basemap is set inside the [view's](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapToggle.html#view) [map](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#map) object.
+/**
+ * Basemap Toggle component allows an end-user to switch between two basemaps.
+ *
+ * The basemaps can have different spatial references.
  */
 export declare class ArcgisBasemapToggle extends LitElement {
     private messages;
+    /**
+     * The map's current [basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap).
+     */
     readonly activeBasemap: __esri.Basemap | nullish;
     /**
      * If true, the component will not be destroyed automatically when
@@ -28,20 +34,23 @@ export declare class ArcgisBasemapToggle extends LitElement {
      */
     autoDestroyDisabled: boolean;
     /**
-     * Icon which represents the widget. It is typically used when the widget is controlled by another
-     * one (e.g. in the Expand widget).
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
      */
     icon: Nil | string;
     /** The component's default label. */
     label: string | undefined;
-    /** Overwrite localized strings for this component */
+    /** Replace localized message strings with your own strings. */
     messageOverrides?: typeof this.messages._overrides;
     /** The next basemap for toggling. */
     nextBasemap: __esri.Basemap | nullish;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    /** The visible elements that are displayed within the widget. */
+    /** Indicates if the Basemap title is displayed. */
     showTitle: boolean;
+    /**
+     * The current state of the component.
+     */
     readonly state: "ready" | "loading" | "disabled" | "incompatible-next-basemap";
     /** Permanently destroy the component */
     destroy(): Promise<void>;

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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 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.33/esri/copyright.txt for details.
-v4.33.0-next.25 */
+v4.33.0-next.27 */
 const r = d`@layer{arcgis-bookmarks{display:block}}`, n = h(s);
 class m extends o {
   constructor() {