@arcgis/map-components 4.32.0-next.84 → 4.32.0-next.87

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

@@ -1,16 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
+import { default as AreaMeasurement2D } from '@arcgis/core/widgets/AreaMeasurement2D.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useAreaMeasurement2dWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.AreaMeasurement2D & {
+} & Pick<AreaMeasurement2D & {
     viewModel: __esri.Accessor;
 }, "label" | "viewModel" | "icon" | "unit" | "unitOptions"> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
@@ -34,7 +35,7 @@ declare const useAreaMeasurement2dWidget: (component: import('@arcgis/components
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.AreaMeasurement2DProperties): __esri.AreaMeasurement2DProperties | Promise<__esri.AreaMeasurement2DProperties>;
-} | undefined) => __esri.AreaMeasurement2D & {
+} | 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).

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

@@ -1,25 +1,25 @@
 import { c as t } from "../../chunks/runtime.js";
-import { newWidgetsAreaMeasurement2D as e } from "@arcgis/core-adapter";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { m as i } from "../../chunks/useWidget.js";
-import { LitElement as o, createEvent as a, noShadowRoot as r } from "@arcgis/lumina";
+import { usePropertyChange as e } from "@arcgis/components-controllers";
+import s from "@arcgis/core/widgets/AreaMeasurement2D.js";
+import { LitElement as i, createEvent as o, noShadowRoot as a } 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.84 */
-const m = n`arcgis-area-measurement-2d{display:block}`, h = i(
+v4.32.0-next.87 */
+const m = n`arcgis-area-measurement-2d{display:block}`, h = r(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/61559
-  e
+  s
 );
-class d extends o {
+class d 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 = s()("state"), this.arcgisReady = a();
+    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();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
   }
   static {
-    this.shadowRootOptions = r;
+    this.shadowRootOptions = a;
   }
   static {
     this.styles = m;

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

@@ -1,16 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
+import { default as AreaMeasurement3D } from '@arcgis/core/widgets/AreaMeasurement3D.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useAreaMeasurement3dWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.AreaMeasurement3D, "label" | "viewModel" | "icon" | "analysis" | "unit" | "unitOptions"> & {
+} & Pick<AreaMeasurement3D, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.AreaMeasurement3DViewModel | undefined;
@@ -31,8 +32,8 @@ declare const useAreaMeasurement3dWidget: (component: import('@arcgis/components
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.AreaMeasurement3DProperties): __esri.AreaMeasurement3DProperties | Promise<__esri.AreaMeasurement3DProperties>;
-} | undefined) => __esri.AreaMeasurement3D;
+    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.
  */
 export declare class ArcgisAreaMeasurement3d extends LitElement {

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

@@ -1,22 +1,22 @@
 import { c as t } from "../../chunks/runtime.js";
-import { newWidgetsAreaMeasurement3D as e } from "@arcgis/core-adapter";
 import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { m as i } from "../../chunks/useWidget.js";
-import { LitElement as a, createEvent as o, noShadowRoot as r } from "@arcgis/lumina";
+import e 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.84 */
-const l = n`arcgis-area-measurement-3d{display:block}`, d = i(e);
-class h extends a {
+v4.32.0-next.87 */
+const l = n`arcgis-area-measurement-3d{display:block}`, h = r(e);
+class d extends i {
   constructor() {
-    super(...arguments), this.widget = d(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 = o();
+    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();
   }
   static {
     this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
   }
   static {
-    this.shadowRootOptions = r;
+    this.shadowRootOptions = o;
   }
   static {
     this.styles = l;
@@ -34,7 +34,7 @@ class h extends a {
     this.widget?.viewModel.start();
   }
 }
-t("arcgis-area-measurement-3d", h);
+t("arcgis-area-measurement-3d", d);
 export {
-  h as ArcgisAreaMeasurement3d
+  d as ArcgisAreaMeasurement3d
 };

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

@@ -1,16 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
+import { default as Attachments } from '@arcgis/core/widgets/Attachments.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useAttachmentsWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.Attachments, "label" | "viewModel" | "icon" | "graphic" | "capabilities" | "displayType"> & {
+} & Pick<Attachments, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.AttachmentsViewModel | undefined;
@@ -31,8 +32,8 @@ declare const useAttachmentsWidget: (component: import('@arcgis/components-contr
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.AttachmentsProperties): __esri.AttachmentsProperties | Promise<__esri.AttachmentsProperties>;
-} | undefined) => __esri.Attachments;
+    editConstructorProperties(props: __esri.AttachmentsProperties | undefined): __esri.AttachmentsProperties | Promise<__esri.AttachmentsProperties | undefined> | undefined;
+} | undefined) => Attachments;
 /**
  * @internal
  */
@@ -47,7 +48,7 @@ export declare class ArcgisAttachments extends LitElement {
     autoDestroyDisabled: boolean;
     capabilities: __esri.AttachmentsCapabilities;
     displayType: "auto" | "list" | "preview";
-    graphic: __esri.Graphic;
+    graphic: nullish | __esri.Graphic;
     hideAddButton: boolean | undefined;
     hideAddSubmitButton: boolean | undefined;
     hideCancelAddButton: boolean | undefined;
@@ -63,7 +64,7 @@ export declare class ArcgisAttachments extends LitElement {
      */
     icon: string;
     /** The component's default label. */
-    label: string;
+    label: string | nullish;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     readonly state: "ready" | "disabled" | "loading";

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

@@ -1,22 +1,22 @@
 import { c as t } from "../../chunks/runtime.js";
-import { newWidgetsAttachments as e } from "@arcgis/core-adapter";
-import { m as i } from "../../chunks/useWidget.js";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { LitElement as a, createEvent as d, noShadowRoot as o } from "@arcgis/lumina";
+import { usePropertyChange as e } from "@arcgis/components-controllers";
+import i from "@arcgis/core/widgets/Attachments.js";
+import { LitElement as s, createEvent as a, noShadowRoot as d } from "@arcgis/lumina";
+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.84 */
-const n = h`arcgis-attachments{display:block}`, r = i(e);
-class l extends a {
+v4.32.0-next.87 */
+const n = h`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 = s()("submitting", "state"), this.arcgisReady = d();
+    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();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, capabilities: 0, displayType: 1, graphic: 0, hideAddButton: 5, hideAddSubmitButton: 5, hideCancelAddButton: 5, hideCancelUpdateButton: 5, hideDeleteButton: 5, hideErrorMessage: 5, hideProgressBar: 5, hideUpdateButton: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, submitting: 4 };
   }
   static {
-    this.shadowRootOptions = o;
+    this.shadowRootOptions = d;
   }
   static {
     this.styles = n;

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

@@ -6,7 +6,7 @@ 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.84 */
+v4.32.0-next.87 */
 export {
   e as BasemapGalleryItem
 };

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

@@ -2,6 +2,7 @@
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
+import { default as BasemapGalleryViewModel } from '@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js';
 import { JsxNode, ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { HeadingLevel } from '../../support/heading';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
@@ -11,7 +12,7 @@ declare const useBasemapGalleryViewModel: (component: import('@arcgis/components
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.BasemapGalleryViewModel, never> & {
+} & Pick<BasemapGalleryViewModel, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "ready" | "disabled" | "loading" | "unsupported" | undefined;
     icon: Nil | string;
@@ -32,11 +33,11 @@ declare const useBasemapGalleryViewModel: (component: import('@arcgis/components
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: unknown): unknown;
-} | undefined) => __esri.BasemapGalleryViewModel;
+} | 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.
  */
 export declare class ArcgisBasemapGallery extends LitElement {
-    activeBasemap: __esri.Basemap;
+    activeBasemap: __esri.Basemap | nullish;
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the

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

@@ -1,28 +1,29 @@
 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 { html as c } 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 C } from "../../chunks/basemap-gallery-item.js";
-import { css as D } from "@lit/reactive-element/css-tag.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";
 /*! 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.84 */
-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}>`;
+v4.32.0-next.87 */
+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}>`;
 }
-function A(o, t, e) {
+function C(o, t, e) {
   return Math.min(Math.max(o, t), e);
 }
-function G(o) {
-  return A(Math.ceil(o), 1, 6);
+function k(o) {
+  return C(Math.ceil(o), 1, 6);
 }
-const k = D`arcgis-basemap-gallery{display:block}`, K = E($), h = {
+const G = S`arcgis-basemap-gallery{display:block}`, K = R(M), 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
@@ -32,18 +33,18 @@ const k = D`arcgis-basemap-gallery{display:block}`, K = E($), h = {
   // Above this width, items are displayed in a grid.
   wide: 420
 };
-class H extends B {
+class H extends $ {
   constructor() {
-    super(...arguments), this.messages = L({}), this.viewModel = K(this), this.basemapUtils = u(b), this.reactiveUtils = u(M), 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 = 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 = _();
   }
   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 };
   }
   static {
-    this.shadowRootOptions = x;
+    this.shadowRootOptions = B;
   }
   static {
-    this.styles = k;
+    this.styles = G;
   }
   //#endregion
   //#region Public Methods
@@ -55,22 +56,22 @@ class H extends B {
   //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
-      this.reactiveUtils.when(() => this.source, () => {
+      b(() => this.source, () => {
         this.viewModel.loadSource();
       }, { sync: !0, initial: !0 }),
-      this.reactiveUtils.watch(() => this.source.state, () => {
+      p(() => this.source.state, () => {
         this._state = this.source.state;
       }, { sync: !0 }),
-      this.reactiveUtils.watch(() => this.viewModel.items.filter((s) => s.state !== "ready").length, (s) => {
+      p(() => 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();
+      p(() => 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;
+      for (const a of s)
+        this._width = a.contentRect.width;
     }), e = this.el.childElem;
     e && t.observe(e);
   }
@@ -84,23 +85,23 @@ class H extends B {
     if (!["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft"].includes(e))
       return;
     t.preventDefault();
-    const { items: i, activeBasemapIndex: a } = this.viewModel, m = e === "ArrowUp" || e === "ArrowLeft" ? this._getRoundRobinIndex(Math.max(a - 1, -1), i.length) : this._getRoundRobinIndex(a + 1, i.length), c = i.at(m);
-    c?.state === "ready" && (this.viewModel.activeBasemap = c.basemap);
+    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);
   }
   //#endregion
   //#region Rendering
   render() {
-    const t = this.source.state === "loading", e = this.disabled || this.state === "disabled", s = this.viewModel.items, i = {
+    const t = this.source.state === "loading", e = this.disabled || this.state === "disabled", s = this.viewModel.items, a = {
       [l.sourceLoading]: t,
       [n.disabled]: e,
       "esri-component": !0
       // For compatibility with Esri View UI
-    }, a = this._width;
-    a <= h.small || a >= h.wide ? i[l.layoutGrid] = !0 : a < h.default && (i[l.narrowItems] = !0);
-    const m = 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": `${h.small}px`
-    })}>${[m, c]}</div>`;
+    }, 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({
+      "--esri-basemap-gallery-small": `${m.small}px`
+    })}>${[h, d]}</div>`;
   }
 }
 y("arcgis-basemap-gallery", H);

package/dist/components/arcgis-basemap-layer-list/customElement.d.ts

@@ -2,15 +2,16 @@
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { default as BasemapLayerList } from '@arcgis/core/widgets/BasemapLayerList.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useBasemapLayerListWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.BasemapLayerList, "label" | "viewModel" | "icon" | "headingLevel" | "collapsed" | "dragEnabled" | "filterPlaceholder" | "minFilterItems" | "selectedItems" | "selectionMode" | "catalogOptions" | "visibilityAppearance" | "baseFilterPredicate" | "baseFilterText" | "baseListItemCreatedFunction" | "basemapTitle" | "editingTitle" | "referenceFilterPredicate" | "referenceFilterText" | "referenceListItemCreatedFunction"> & {
+} & Pick<BasemapLayerList, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.BasemapLayerListViewModel | undefined;
@@ -31,8 +32,8 @@ declare const useBasemapLayerListWidget: (component: import('@arcgis/components-
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.BasemapLayerListProperties): __esri.BasemapLayerListProperties | Promise<__esri.BasemapLayerListProperties>;
-} | undefined) => __esri.BasemapLayerList;
+    editConstructorProperties(props: __esri.BasemapLayerListProperties | undefined): __esri.BasemapLayerListProperties | Promise<__esri.BasemapLayerListProperties | undefined> | undefined;
+} | undefined) => BasemapLayerList;
 /** [BasemapLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapLayerList.html) provides a way to display a list of [Basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html) layers and switch on/off their visibility. [Base layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html#baseLayers) and [reference layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html#referenceLayers) are divided into separate sections. When editing is enabled, layers can be reordered by dragging and dropping between the lists and the title can be edited.
  */
 export declare class ArcgisBasemapLayerList extends LitElement {
@@ -44,25 +45,25 @@ export declare class ArcgisBasemapLayerList extends LitElement {
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
-    baseFilterPredicate: __esri.BaseFilterPredicate;
+    baseFilterPredicate: nullish | __esri.BaseFilterPredicate;
     baseFilterText: string;
     /** A collection of ListItems representing the baseLayers. */
     get baseItems(): __esri.Collection<__esri.ListItem>;
-    baseListItemCreatedFunction: __esri.ListItemCreatedHandler;
-    basemapTitle: string;
+    baseListItemCreatedFunction: nullish | __esri.ListItemCreatedHandler;
+    basemapTitle: string | nullish;
     /** The CatalogLayerList that displays a catalog layer's dynamic group layer. */
-    get catalogLayerList(): __esri.CatalogLayerList;
-    catalogOptions: __esri.BasemapLayerListCatalogOptions;
+    get catalogLayerList(): __esri.CatalogLayerList | nullish;
+    catalogOptions: nullish | __esri.BasemapLayerListCatalogOptions;
     collapsed: boolean;
     dragEnabled: boolean;
     editingTitle: boolean;
     filterPlaceholder: string;
     headingLevel: number;
-    hideBaseLayers: boolean | undefined;
-    hideFlow: boolean | undefined;
-    hideHeading: boolean | undefined;
-    hideReferenceLayers: boolean | undefined;
-    hideStatusIndicators: boolean | undefined;
+    hideBaseLayers: boolean;
+    hideFlow: boolean;
+    hideHeading: boolean;
+    hideReferenceLayers: boolean;
+    hideStatusIndicators: boolean;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
@@ -74,19 +75,19 @@ export declare class ArcgisBasemapLayerList extends LitElement {
     minFilterItems: number;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    referenceFilterPredicate: __esri.ReferenceFilterPredicate;
+    referenceFilterPredicate: nullish | __esri.ReferenceFilterPredicate;
     referenceFilterText: string;
     /** A collection of ListItems representing the referenceLayers. */
     get referenceItems(): __esri.Collection<__esri.ListItem>;
-    referenceListItemCreatedFunction: __esri.ListItemCreatedHandler;
+    referenceListItemCreatedFunction: nullish | __esri.ListItemCreatedHandler;
     selectedItems: __esri.Collection<__esri.ListItem>;
     selectionMode: "none" | "single" | "multiple" | "single-persist";
-    showCloseButton: boolean | undefined;
-    showCollapseButton: boolean | undefined;
-    showEditTitleButton: boolean | undefined;
-    showErrors: boolean | undefined;
-    showFilter: boolean | undefined;
-    showTemporaryLayerIndicators: boolean | undefined;
+    showCloseButton: boolean;
+    showCollapseButton: boolean;
+    showEditTitleButton: boolean;
+    showErrors: boolean;
+    showFilter: boolean;
+    showTemporaryLayerIndicators: boolean;
     readonly state: "ready" | "disabled" | "loading";
     visibilityAppearance: "default" | "checkbox";
     /** Permanently destroy the component */

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

@@ -1,17 +1,17 @@
 import { c as e } from "../../chunks/runtime.js";
 import { usePropertyChange as t } from "@arcgis/components-controllers";
-import { newWidgetsBasemapLayerList as i } from "@arcgis/core-adapter";
-import { m as s } from "../../chunks/useWidget.js";
+import { reEmitEvent as i } from "@arcgis/components-controllers/accessor";
+import s from "@arcgis/core/widgets/BasemapLayerList.js";
 import { LitElement as r, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
-import { reEmitEvent as o } from "@arcgis/components-controllers/accessor";
+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.84 */
-const d = h`arcgis-basemap-layer-list{display:block}`, n = s(i);
+v4.32.0-next.87 */
+const d = h`arcgis-basemap-layer-list{display:block}`, n = o(s);
 class c extends r {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.baseFilterPredicate = this.widget.baseFilterPredicate, this.baseFilterText = this.widget.baseFilterText, this.baseListItemCreatedFunction = this.widget.baseListItemCreatedFunction, this.basemapTitle = this.widget.basemapTitle, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.editingTitle = this.widget.editingTitle, this.filterPlaceholder = this.widget.filterPlaceholder, this.headingLevel = this.widget.headingLevel, this.hideBaseLayers = this.widget.visibleElements.baseLayers, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideReferenceLayers = this.widget.visibleElements.referenceLayers, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.label = this.widget.label, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.referenceFilterPredicate = this.widget.referenceFilterPredicate, this.referenceFilterText = this.widget.referenceFilterText, this.referenceListItemCreatedFunction = this.widget.referenceListItemCreatedFunction, this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showEditTitleButton = this.widget.visibleElements.editTitleButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = t()("state"), this.arcgisReady = a(), this.arcgisTriggerAction = o(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.baseFilterPredicate = this.widget.baseFilterPredicate, this.baseFilterText = this.widget.baseFilterText, this.baseListItemCreatedFunction = this.widget.baseListItemCreatedFunction, this.basemapTitle = this.widget.basemapTitle, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.editingTitle = this.widget.editingTitle, this.filterPlaceholder = this.widget.filterPlaceholder, this.headingLevel = this.widget.headingLevel, this.hideBaseLayers = this.widget.visibleElements.baseLayers, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideReferenceLayers = this.widget.visibleElements.referenceLayers, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.label = this.widget.label, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.referenceFilterPredicate = this.widget.referenceFilterPredicate, this.referenceFilterText = this.widget.referenceFilterText, this.referenceListItemCreatedFunction = this.widget.referenceListItemCreatedFunction, this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showEditTitleButton = this.widget.visibleElements.editTitleButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = t()("state"), this.arcgisReady = a(), this.arcgisTriggerAction = i(() => this.widget, "trigger-action");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, baseFilterPredicate: 0, baseFilterText: 1, baseItems: 32, baseListItemCreatedFunction: 0, basemapTitle: 1, catalogLayerList: 32, catalogOptions: 0, collapsed: 7, dragEnabled: 5, editingTitle: 5, filterPlaceholder: 1, headingLevel: 9, hideBaseLayers: 5, hideFlow: 5, hideHeading: 5, hideReferenceLayers: 5, hideStatusIndicators: 5, icon: 1, label: 1, minFilterItems: 9, position: 1, referenceElement: 1, referenceFilterPredicate: 0, referenceFilterText: 1, referenceItems: 32, referenceListItemCreatedFunction: 0, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showEditTitleButton: 5, showErrors: 5, showFilter: 5, showTemporaryLayerIndicators: 5, state: 3, visibilityAppearance: 1 };

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

@@ -1,16 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { Nil } from '@arcgis/components-utils';
 import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { default as BasemapToggleViewModel } from '@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useBasemapToggleViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.BasemapToggleViewModel, never> & {
+} & Pick<BasemapToggleViewModel, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "ready" | "disabled" | "loading" | "incompatible-next-basemap" | undefined;
     icon: Nil | string;
@@ -31,12 +32,12 @@ declare const useBasemapToggleViewModel: (component: import('@arcgis/components-
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: unknown): unknown;
-} | undefined) => __esri.BasemapToggleViewModel;
+} | undefined) => BasemapToggleViewModel;
 /** [BasemapToggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapToggle.html) 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.
  */
 export declare class ArcgisBasemapToggle extends LitElement {
     private messages;
-    readonly activeBasemap: __esri.Basemap;
+    readonly activeBasemap: __esri.Basemap | nullish;
     /**
      * If true, the component will not be destroyed automatically when
      * it is disconnected from the document. This is useful when you
@@ -55,7 +56,7 @@ export declare class ArcgisBasemapToggle extends LitElement {
     /** Overwrite localized strings for this component */
     messageOverrides?: typeof this.messages._overrides;
     /** The next basemap for toggling. */
-    nextBasemap: __esri.Basemap;
+    nextBasemap: __esri.Basemap | nullish;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     /** The visible elements that are displayed within the widget. */