@arcgis/map-components 4.32.0-next.99 → 4.32.1

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

@@ -1 +1 @@
-{"componentLabel":"Å_Zoom_________ö","zoomIn":"Å_Zoom in_______________ö","zoomOut":"Å_Zoom out_________________ö"}
+{"componentLabel":"Zooma","zoomIn":"Zooma in","zoomOut":"Zooma ut"}

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

@@ -1 +1 @@
-{"componentLabel":"ก้_Zoom_________ษฺ","zoomIn":"ก้_Zoom in_______________ษฺ","zoomOut":"ก้_Zoom out_________________ษฺ"}
+{"componentLabel":"ขยาย","zoomIn":"ขยายภาพ","zoomOut":"ย่อภาพ"}

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

@@ -1 +1 @@
-{"componentLabel":"ı_Zoom_________İ","zoomIn":"ı_Zoom in_______________İ","zoomOut":"ı_Zoom out_________________İ"}
+{"componentLabel":"Yakınlaştır","zoomIn":"Yakınlaştır","zoomOut":"Uzaklaştır"}

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

@@ -1 +1 @@
-{"componentLabel":"ґ_Zoom_________Ї","zoomIn":"ґ_Zoom in_______________Ї","zoomOut":"ґ_Zoom out_________________Ї"}
+{"componentLabel":"Масштабування","zoomIn":"Збільшити масштаб","zoomOut":"Зменшити масштаб"}

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

@@ -1 +1 @@
-{"componentLabel":"Đ_Zoom_________ớ","zoomIn":"Đ_Zoom in_______________ớ","zoomOut":"Đ_Zoom out_________________ớ"}
+{"componentLabel":"Thu phóng","zoomIn":"Thu nhỏ","zoomOut":"Phóng to"}

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

@@ -1 +1 @@
-{"componentLabel":"试_Zoom_________验","zoomIn":"试_Zoom in_______________验","zoomOut":"试_Zoom out_________________验"}
+{"componentLabel":"缩放","zoomIn":"放大","zoomOut":"缩小"}

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

@@ -1 +1 @@
-{"componentLabel":"試_Zoom_________驗","zoomIn":"試_Zoom in_______________驗","zoomOut":"試_Zoom out_________________驗"}
+{"componentLabel":"縮放","zoomIn":"放大","zoomOut":"縮小"}

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

@@ -1 +1 @@
-{"componentLabel":"試_Zoom_________驗","zoomIn":"試_Zoom in_______________驗","zoomOut":"試_Zoom out_________________驗"}
+{"componentLabel":"縮放","zoomIn":"放大","zoomOut":"縮小"}

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.32/esri/copyright.txt for details.
+v4.32.1 */
+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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
+v4.32.1 */
 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
+v4.32.1 */
 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
+v4.32.1 */
 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.32/esri/copyright.txt for details.
-v4.32.0-next.99 */
+v4.32.1 */
 const i = {
   arrowDown: "esri-icon-arrow-down",
   arrowUp: "esri-icon-arrow-up",

package/dist/chunks/runtime.js

@@ -1,8 +1,8 @@
 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.99 */
-const s = t({ defaultAssetPath: "https://jsdev.arcgis.com/map-components/next/", hydratedAttribute: "hydrated" }), { customElement: a, getAssetPath: m, setAssetPath: o } = s;
+v4.32.1 */
+const s = t({ defaultAssetPath: "https://js.arcgis.com/map-components/4.32/", hydratedAttribute: "hydrated" }), { customElement: a, getAssetPath: m, setAssetPath: o } = s;
 export {
   a as c,
   m as g,

package/dist/chunks/useView.js

@@ -0,0 +1,64 @@
+import { makeT9nController as a, proxyExports as h, GenericController as l, watch as n } from "@arcgis/components-controllers";
+import { g as d } from "./runtime.js";
+import { signal as m } from "@arcgis/core/applications/Components/reactiveUtils.js";
+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.1 */
+const E = a(d), _ = (s) => u(s);
+class v extends l {
+  constructor(e) {
+    super(e), this._view$ = m(void 0), this._viewDestroyHandle = void 0, this._arcgisReadyEmitted = !1;
+    const { el: t } = e, r = t.view;
+    this.setProvisionalExports(void 0), Object.defineProperty(t, "view", {
+      get: () => this._view$.value,
+      set: (o) => {
+        if (this.exports === o)
+          return;
+        const c = t.view;
+        this._view$.value = o, this.exports = o, this.component.requestUpdate("view", c), !this._arcgisReadyEmitted && o != null && (this._arcgisReadyEmitted = !0, this.component.arcgisReady.emit());
+      },
+      configurable: !0,
+      enumerable: !0
+    }), e !== t && Object.defineProperty(e, "view", {
+      get: () => t.view,
+      set: (o) => {
+        t.view = o;
+      }
+    }), queueMicrotask(() => {
+      r && (t.view = r);
+    });
+  }
+  hostConnected() {
+    this._viewDestroyHandle ??= p.when(
+      () => this._view$.value?.destroyed,
+      () => void this.component.destroy?.().catch(console.error),
+      { sync: !0 }
+    ), this.component.manager.loadedCalled && i(this.component);
+  }
+  hostLoad() {
+    this.component.manager.destroyed || this._watchMetaProperties();
+  }
+  hostLoaded() {
+    const { el: e } = this.component, t = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
+    e.childElem = t ?? e.childElem, e.isConnected && i(this.component);
+  }
+  hostDisconnected() {
+    typeof this.component.el.childElem == "object" && this._view$.value?.ui?.remove(this.component.el.childElem);
+  }
+  hostDestroy() {
+    this._viewDestroyHandle?.remove();
+  }
+  _watchMetaProperties() {
+    n(this.component, "position", (e) => {
+      this.component.el.childElem != null && typeof e == "string" && i(this.component);
+    }), n(this.component, "referenceElement", () => i(this.component));
+  }
+}
+const u = h(v);
+export {
+  v as V,
+  _ as a,
+  E as u
+};

package/dist/chunks/useViewModel.js

@@ -1,68 +1,28 @@
-import { makeT9nController as l, proxyExports as m, watch as h } from "@arcgis/components-controllers";
-import { g as p } from "./runtime.js";
-import { AccessorController as d } from "@arcgis/components-controllers/accessor";
-import { a as o } from "./component-utils.js";
+import { proxyExports as r } from "@arcgis/components-controllers";
+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.99 */
-const V = l(p), E = (s, e) => (i, t) => y(i, s, t);
-class w extends d {
-  hostConnected() {
-    this.component.manager.loadedCalled && o(this.component);
+v4.32.1 */
+const m = (o, t) => (e, s) => l(e, o, s);
+class a extends i {
+  constructor() {
+    super(...arguments), this.viewController = new n(this.component), this._viewWatchHandle = void 0;
   }
   async hostLoad() {
-    await super.hostLoad(), !this.component.manager.destroyed && this._watchMetaProperties();
-  }
-  hostLoaded() {
-    const { el: e } = this.component, i = e.shadowRoot?.firstElementChild ?? e.firstElementChild ?? void 0;
-    e.childElem = i ?? e.childElem;
-    let t = !1;
-    const n = this.component.el.view;
-    Object.defineProperty(this.component.el, "view", {
-      get: () => this._instance.view,
-      set: (c) => {
-        const a = this.component.el.view, r = c;
-        this._instance.view = r, this._instance.map = r?.map, this._watchViewDestroy(), this.component.requestUpdate("view", a), c && !t && (t = !0, this.component.arcgisReady.emit());
+    await super.hostLoad(), this._viewWatchHandle = this.reactiveUtils.watch(
+      () => this.component.el.view,
+      (t) => {
+        this._instance.view = t, this._instance.map = t?.map;
       },
-      configurable: !0,
-      enumerable: !0
-    }), n && (this._instance.view = n), this.component.el.isConnected && (o(this.component), this._watchViewDestroy());
-  }
-  hostDisconnected() {
-    typeof this.component.el.childElem == "object" && this.component.el.view?.ui?.remove(this.component.el.childElem);
+      { sync: !0, initial: !0 }
+    );
   }
   hostDestroy() {
-    super.hostDestroy(), this._watchViewDestroyHandle?.remove();
-  }
-  _watchMetaProperties() {
-    h(this.component, "position", (e) => {
-      this.component.el.childElem != null && typeof e == "string" && o(this.component);
-    }), h(this.component, "referenceElement", () => o(this.component));
-  }
-  /**
-   * Destroy the component if view gets destroyed.
-   *
-   * When view is destroyed, component disconnect is triggered, which will
-   * destroy the component in 1s but that can be too late, because in the
-   * meanwhile, a watcher on the widget/viewModel instance may get triggered,
-   * and throw an error if it's not able to access this.view.map or etc
-   * (happens in VersionManagementViewModel for example).
-   *
-   * We can't check for this in disconnectedCallback though as, if the entire
-   * component tree is removed, the disconnect for the component will be
-   * triggered before that of arcgis-map, so the view might not be destroyed
-   * yet at that point.
-   */
-  _watchViewDestroy() {
-    this._watchViewDestroyHandle?.remove(), this._watchViewDestroyHandle = this.reactiveUtils.when(
-      () => this.component.el.view?.destroyed === !0,
-      () => void this.component.destroy().catch(console.error),
-      { sync: !0 }
-    );
+    this._viewWatchHandle?.remove(), super.hostDestroy();
   }
 }
-const y = m(w);
+const l = r(a);
 export {
-  E as m,
-  V as u
+  m
 };

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.99 */
+v4.32.1 */
 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.d.ts

@@ -13,7 +13,7 @@ declare const useAreaMeasurement2dWidget: (component: import('@arcgis/components
     destroy?: () => Promise<void>;
 } & Pick<AreaMeasurement2D & {
     viewModel: __esri.Accessor;
-}, "label" | "viewModel" | "icon" | "unit" | "unitOptions"> & {
+}, "label" | "viewModel" | "icon" | "snappingOptions" | "unit" | "unitOptions"> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: (__esri.AreaMeasurement2DViewModel & __esri.Accessor) | undefined;
@@ -38,7 +38,7 @@ declare const useAreaMeasurement2dWidget: (component: import('@arcgis/components
 } | undefined) => AreaMeasurement2D & {
     viewModel: __esri.Accessor;
 };
-/** [AreaMeasurement2D](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement2D.html) calculates and displays the area and perimeter of a polygon only in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
+/** AreaMeasurement2D component calculates and displays the area and perimeter of a polygon only in a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
  */
 export declare class ArcgisAreaMeasurement2d extends LitElement {
     /**
@@ -59,6 +59,7 @@ export declare class ArcgisAreaMeasurement2d extends LitElement {
     label: string;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
+    snappingOptions: __esri.SnappingOptions;
     readonly state: "ready" | "disabled" | "measuring" | "measured";
     unit: __esri.SystemOrAreaUnit;
     unitOptions: __esri.SystemOrAreaUnit[];

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

@@ -6,23 +6,23 @@ 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.99 */
-const m = n`arcgis-area-measurement-2d{display:block}`, h = r(
+v4.32.1 */
+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
 );
-class d extends i {
+class p extends i {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = e()("state"), this.arcgisReady = o();
+    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.snappingOptions = this.widget.snappingOptions, this.state = this.viewModel.state, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = e()("state"), this.arcgisReady = o();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
+    this.properties = { autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, snappingOptions: 0, state: 3, unit: 1, unitOptions: 0 };
   }
   static {
     this.shadowRootOptions = a;
   }
   static {
-    this.styles = m;
+    this.styles = h;
   }
   // #endregion
   // #region Public Methods
@@ -31,7 +31,7 @@ class d extends i {
     await this.manager.destroy();
   }
 }
-t("arcgis-area-measurement-2d", d);
+t("arcgis-area-measurement-2d", p);
 export {
-  d as ArcgisAreaMeasurement2d
+  p as ArcgisAreaMeasurement2d
 };

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

@@ -34,7 +34,7 @@ declare const useAreaMeasurement3dWidget: (component: import('@arcgis/components
 }, options?: {
     editConstructorProperties(props: __esri.AreaMeasurement3DProperties | undefined): __esri.AreaMeasurement3DProperties | Promise<__esri.AreaMeasurement3DProperties | undefined> | undefined;
 } | undefined) => AreaMeasurement3D;
-/** [AreaMeasurement3D](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-AreaMeasurement3D.html) calculates and displays the area and perimeter of a polygon. This component can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) to measure the area and perimeter of a polygon.
+/** AreaMeasurement3D component calculates and displays the area and perimeter of a polygon. This component can be used in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html) to measure the area and perimeter of a polygon.
  */
 export declare class ArcgisAreaMeasurement3d extends LitElement {
     readonly analysis: __esri.AreaMeasurementAnalysis;

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

@@ -1,16 +1,16 @@
 import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import e from "@arcgis/core/widgets/AreaMeasurement3D.js";
+import { usePropertyChange as e } from "@arcgis/components-controllers";
+import s from "@arcgis/core/widgets/AreaMeasurement3D.js";
 import { LitElement as i, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
 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.99 */
-const l = n`arcgis-area-measurement-3d{display:block}`, h = r(e);
+v4.32.1 */
+const l = n`@layer{arcgis-area-measurement-3d{display:block}}`, h = r(s);
 class d extends i {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.analysis = this.widget.analysis, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = s()("analysis", "state"), this.arcgisReady = a();
+    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.analysis = this.widget.analysis, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = e()("analysis", "state"), this.arcgisReady = a();
   }
   static {
     this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };

package/dist/components/arcgis-attachments/customElement.d.ts

@@ -67,7 +67,7 @@ export declare class ArcgisAttachments extends LitElement {
     label: string | nullish;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled" | "loading";
+    readonly state: "ready" | "loading" | "disabled";
     readonly submitting: boolean;
     /** Permanently destroy the component */
     destroy(): Promise<void>;

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

@@ -6,8 +6,8 @@ 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.99 */
-const n = h`arcgis-attachments{display:block}`, r = o(i);
+v4.32.1 */
+const n = h`@layer{arcgis-attachments{display:block}}`, r = o(i);
 class l extends s {
   constructor() {
     super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.capabilities = this.widget.capabilities, this.displayType = this.widget.displayType, this.graphic = this.widget.graphic, this.hideAddButton = this.widget.visibleElements.addButton, this.hideAddSubmitButton = this.widget.visibleElements.addSubmitButton, this.hideCancelAddButton = this.widget.visibleElements.cancelAddButton, this.hideCancelUpdateButton = this.widget.visibleElements.cancelUpdateButton, this.hideDeleteButton = this.widget.visibleElements.deleteButton, this.hideErrorMessage = this.widget.visibleElements.errorMessage, this.hideProgressBar = this.widget.visibleElements.progressBar, this.hideUpdateButton = this.widget.visibleElements.updateButton, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.submitting = this.widget.submitting, this.arcgisPropertyChange = e()("submitting", "state"), this.arcgisReady = a();

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

@@ -12,31 +12,15 @@ declare const useBasemapGalleryViewModel: (component: import('@arcgis/components
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<BasemapGalleryViewModel, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "ready" | "disabled" | "loading" | "unsupported" | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    position: __esri.UIPosition;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | undefined;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
+} & Pick<BasemapGalleryViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapGalleryViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => BasemapGalleryViewModel;
-/** [BasemapGallery](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html) 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.
+/** 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
@@ -74,7 +58,7 @@ export declare class ArcgisBasemapGallery extends LitElement {
     /**
      * The current state of the component.
      */
-    readonly state: "ready" | "disabled" | "loading" | "unsupported";
+    readonly state: "ready" | "loading" | "unsupported" | "disabled";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {

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

@@ -1,29 +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, 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.99 */
-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.1 */
+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`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
@@ -33,18 +34,18 @@ const G = S`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
@@ -56,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";