@arcgis/map-components 4.32.0-next.85 → 4.32.0-next.88

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.85 */
-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.88 */
+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, () => {
+      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 {

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.85 */
-const d = h`arcgis-basemap-layer-list{display:block}`, n = s(i);
+v4.32.0-next.88 */
+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: nullish | __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: nullish | __esri.Basemap;
+    nextBasemap: __esri.Basemap | nullish;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     /** The visible elements that are displayed within the widget. */

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

@@ -1,16 +1,17 @@
 import { c as B } from "../../chunks/runtime.js";
 import { html as l } from "lit-html";
-import { g as v } from "../../chunks/globalCss.js";
-import { u as f, m as S } from "../../chunks/useViewModel.js";
-import { classes as r } from "@arcgis/components-utils";
-import { load as T, usePropertyChange as x } from "@arcgis/components-controllers";
-import { importApplicationsComponentsBasemapUtils as M, newWidgetsBasemapToggleBasemapToggleViewModel as k } from "@arcgis/core-adapter";
-import { LitElement as C, createEvent as I, noShadowRoot as A, safeClassMap as a, nothing as c, safeStyleMap as u } from "@arcgis/lumina";
+import { usePropertyChange as f } from "@arcgis/components-controllers";
+import { classes as m } from "@arcgis/components-utils";
+import { getBasemapThumbnailUrl as S } from "@arcgis/core/applications/Components/basemapUtils.js";
+import x from "@arcgis/core/widgets/BasemapToggle/BasemapToggleViewModel.js";
+import { LitElement as T, createEvent as M, noShadowRoot as k, safeClassMap as a, nothing as c, safeStyleMap as b } from "@arcgis/lumina";
+import { u as I, m as C } from "../../chunks/useViewModel.js";
+import { g as u } from "../../chunks/globalCss.js";
 import { css as L } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.85 */
-const s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
+v4.32.0-next.88 */
+const A = L`arcgis-basemap-toggle{display:block}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
   base: s,
   secondaryBasemapImage: `${s}__image--secondary`,
   container: `${o} ${s}__container`,
@@ -19,19 +20,19 @@ const s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
   overlay: `${o}__overlay ${s}__image-overlay`,
   title: `${o}__title ${s}__title`,
   overlayScrim: `${o}__overlay-scrim`
-}, U = L`arcgis-basemap-toggle{display:block}`, D = S(k);
-class E extends C {
+}, D = C(x);
+class E extends T {
   constructor() {
-    super(...arguments), this.basemapUtils = T(M), this.messages = f(), this.viewModel = D(this), this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.position = "top-left", this.showTitle = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = x()("nextBasemap", "state"), this.arcgisReady = I();
+    super(...arguments), this.messages = I(), this.viewModel = D(this), this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.position = "top-left", this.showTitle = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = f()("nextBasemap", "state"), this.arcgisReady = M();
   }
   static {
     this.properties = { activeBasemap: 0, autoDestroyDisabled: 5, icon: 3, label: 1, messageOverrides: 0, nextBasemap: 0, position: 3, referenceElement: 1, showTitle: 5, state: 3 };
   }
   static {
-    this.shadowRootOptions = A;
+    this.shadowRootOptions = k;
   }
   static {
-    this.styles = U;
+    this.styles = A;
   }
   // #endregion
   // #region Public Methods
@@ -46,16 +47,16 @@ class E extends C {
   // #endregion
   // #region Private Methods
   _getThumbnailStyles(t) {
-    const n = this.basemapUtils.getBasemapThumbnailUrl(t);
+    const n = S(t);
     return n ? { backgroundImage: `url(${n})` } : { backgroundImage: "" };
   }
   // #endregion
   // #region Rendering
   render() {
-    const t = this.viewModel, n = t.state === "disabled" ? null : t.activeBasemap, i = t.state === "disabled" ? null : t.nextBasemap, $ = t.state === "loading", p = t.state === "incompatible-next-basemap", m = i?.title ?? "", d = i && i.loadStatus !== "loaded";
+    const t = this.viewModel, n = t.state === "disabled" ? null : t.activeBasemap, i = t.state === "disabled" ? null : t.nextBasemap, $ = t.state === "loading", d = t.state === "incompatible-next-basemap", r = i?.title ?? "", p = i && i.loadStatus !== "loaded";
     let g;
-    const h = this.showTitle && m, b = p, y = h || b, w = this._getThumbnailStyles(n), _ = this._getThumbnailStyles(i);
-    return y && (g = l`<div class=${a(e.overlay)}>${h ? l`<span class=${a(e.title)} title=${m ?? c}>${m}</span>` : null}${b ? l`<calcite-scrim class=${a(e.overlayScrim)} title=${this.messages.incompatibleSpatialReference ?? c}><calcite-icon icon=exclamation-mark-triangle></calcite-icon></calcite-scrim>` : null}</div>`), l`<div class=${a(r(e.base, v.widget))}><calcite-button appearance=transparent data-basemap-id=${(i ? i.id : "") ?? c} .disabled=${p} kind=neutral .label=${this.label ?? void 0} @click=${() => void this.toggle()} title=${this.label ?? void 0 ?? c}><div class=${a(r(e.container, e.secondaryBasemapImage))}><div class=${a(e.image)} style=${u(w)}></div></div><div class=${a(e.container)}><div class=${a(r(e.image, d ? e.imageLoading : null))} style=${u(_)}>${d || $ ? l`<calcite-scrim><span aria-hidden=true class=${a(v.loaderAnimation)} role=presentation></span></calcite-scrim>` : null}</div>${g}</div></calcite-button></div>`;
+    const h = this.showTitle && r, v = d, y = h || v, w = this._getThumbnailStyles(n), _ = this._getThumbnailStyles(i);
+    return y && (g = l`<div class=${a(e.overlay)}>${h ? l`<span class=${a(e.title)} title=${r ?? c}>${r}</span>` : null}${v ? l`<calcite-scrim class=${a(e.overlayScrim)} title=${this.messages.incompatibleSpatialReference ?? c}><calcite-icon icon=exclamation-mark-triangle></calcite-icon></calcite-scrim>` : null}</div>`), l`<div class=${a(m(e.base, u.widget))}><calcite-button appearance=transparent data-basemap-id=${(i ? i.id : "") ?? c} .disabled=${d} kind=neutral .label=${this.label ?? void 0} @click=${() => void this.toggle()} title=${this.label ?? void 0 ?? c}><div class=${a(m(e.container, e.secondaryBasemapImage))}><div class=${a(e.image)} style=${b(w)}></div></div><div class=${a(e.container)}><div class=${a(m(e.image, p ? e.imageLoading : null))} style=${b(_)}>${p || $ ? l`<calcite-scrim><span aria-hidden=true class=${a(u.loaderAnimation)} role=presentation></span></calcite-scrim>` : null}</div>${g}</div></calcite-button></div>`;
   }
 }
 B("arcgis-basemap-toggle", E);

package/dist/components/arcgis-bookmarks/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 Bookmarks } from '@arcgis/core/widgets/Bookmarks.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useBookmarksWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.Bookmarks, "bookmarks" | "label" | "viewModel" | "icon" | "disabled" | "dragEnabled" | "filterPlaceholder" | "filterText" | "defaultCreateOptions" | "defaultEditOptions"> & {
+} & Pick<Bookmarks, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.BookmarksViewModel | undefined;
@@ -31,8 +32,8 @@ declare const useBookmarksWidget: (component: import('@arcgis/components-control
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.BookmarksProperties): __esri.BookmarksProperties | Promise<__esri.BookmarksProperties>;
-} | undefined) => __esri.Bookmarks;
+    editConstructorProperties(props: __esri.BookmarksProperties | undefined): __esri.BookmarksProperties | Promise<__esri.BookmarksProperties | undefined> | undefined;
+} | undefined) => Bookmarks;
 /** [Bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Bookmarks.html) allow end users to quickly navigate to a particular area of interest. It displays a list of [bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html), which are typically defined inside the [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html#bookmarks).
  */
 export declare class ArcgisBookmarks extends LitElement {

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

@@ -1,23 +1,23 @@
 import { c as i } from "../../chunks/runtime.js";
-import { newWidgetsBookmarks as e } from "@arcgis/core-adapter";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { m as o } from "../../chunks/useWidget.js";
-import { LitElement as a, createEvent as l, noShadowRoot as h } from "@arcgis/lumina";
+import { usePropertyChange as e } from "@arcgis/components-controllers";
 import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
+import s from "@arcgis/core/widgets/Bookmarks.js";
+import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
+import { m as h } from "../../chunks/useWidget.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.85 */
-const r = d`arcgis-bookmarks{display:block}`, n = o(e);
-class m extends a {
+v4.32.0-next.88 */
+const r = d`arcgis-bookmarks{display:block}`, n = h(s);
+class m extends o {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.bookmarks = this.widget.bookmarks, this.defaultCreateOptions = this.widget.defaultCreateOptions, this.defaultEditOptions = this.widget.defaultEditOptions, this.disabled = this.widget.disabled, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterText = this.widget.filterText, this.hideFlow = this.widget.visibleElements.flow, this.hideThumbnail = this.widget.visibleElements.thumbnail, this.hideTime = this.widget.visibleElements.time, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.showAddBookmarkButton = this.widget.visibleElements.addBookmarkButton, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showEditBookmarkButton = this.widget.visibleElements.editBookmarkButton, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.state = this.viewModel.state, this.arcgisEdit = t(() => this.widget, "bookmark-edit"), this.arcgisPropertyChange = s()("state"), this.arcgisReady = l(), this.arcgisSelect = t(() => this.widget, "bookmark-select");
+    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.bookmarks = this.widget.bookmarks, this.defaultCreateOptions = this.widget.defaultCreateOptions, this.defaultEditOptions = this.widget.defaultEditOptions, this.disabled = this.widget.disabled, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterText = this.widget.filterText, this.hideFlow = this.widget.visibleElements.flow, this.hideThumbnail = this.widget.visibleElements.thumbnail, this.hideTime = this.widget.visibleElements.time, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.showAddBookmarkButton = this.widget.visibleElements.addBookmarkButton, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showEditBookmarkButton = this.widget.visibleElements.editBookmarkButton, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.state = this.viewModel.state, this.arcgisEdit = t(() => this.widget, "bookmark-edit"), this.arcgisPropertyChange = e()("state"), this.arcgisReady = a(), this.arcgisSelect = t(() => this.widget, "bookmark-select");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, bookmarks: 0, defaultCreateOptions: 0, defaultEditOptions: 0, disabled: 7, dragEnabled: 5, filterPlaceholder: 1, filterText: 1, hideFlow: 5, hideThumbnail: 5, hideTime: 5, icon: 1, label: 1, position: 1, referenceElement: 1, showAddBookmarkButton: 5, showCloseButton: 5, showCollapseButton: 5, showEditBookmarkButton: 5, showFilter: 5, showHeading: 5, state: 3 };
   }
   static {
-    this.shadowRootOptions = h;
+    this.shadowRootOptions = l;
   }
   static {
     this.styles = r;

package/dist/components/arcgis-building-explorer/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 BuildingExplorer } from '@arcgis/core/widgets/BuildingExplorer.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useBuildingExplorerWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.BuildingExplorer, "layers" | "label" | "viewModel" | "icon" | "headingLevel"> & {
+} & Pick<BuildingExplorer, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.BuildingExplorerViewModel | undefined;
@@ -31,8 +32,8 @@ declare const useBuildingExplorerWidget: (component: import('@arcgis/components-
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.BuildingExplorerProperties): __esri.BuildingExplorerProperties | Promise<__esri.BuildingExplorerProperties>;
-} | undefined) => __esri.BuildingExplorer;
+    editConstructorProperties(props: __esri.BuildingExplorerProperties | undefined): __esri.BuildingExplorerProperties | Promise<__esri.BuildingExplorerProperties | undefined> | undefined;
+} | undefined) => BuildingExplorer;
 /** [BuildingExplorer](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BuildingExplorer.html) is used to filter and explore the various components of [BuildingSceneLayers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-BuildingSceneLayer.html). BuildingSceneLayers are complex digital models of buildings and interiors and can contain thousands of components grouped in sublayers. Using this component, buildings can be filtered by level, construction phase or by disciplines and categories.
  */
 export declare class ArcgisBuildingExplorer extends LitElement {

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

@@ -1,22 +1,22 @@
 import { c as e } from "../../chunks/runtime.js";
-import { newWidgetsBuildingExplorer as i } from "@arcgis/core-adapter";
-import { m as s } from "../../chunks/useWidget.js";
-import { usePropertyChange as t } from "@arcgis/components-controllers";
-import { LitElement as l, createEvent as o, noShadowRoot as h } from "@arcgis/lumina";
+import { usePropertyChange as i } from "@arcgis/components-controllers";
+import s from "@arcgis/core/widgets/BuildingExplorer.js";
+import { LitElement as t, createEvent as l, noShadowRoot as o } from "@arcgis/lumina";
+import { m as h } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.85 */
-const a = r`arcgis-building-explorer{display:block}`, d = s(i);
-class n extends l {
+v4.32.0-next.88 */
+const a = r`arcgis-building-explorer{display:block}`, d = h(s);
+class n extends t {
   constructor() {
-    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.headingLevel = this.widget.headingLevel, this.hideDisciplines = this.widget.visibleElements.disciplines, this.hideLevels = this.widget.visibleElements.levels, this.hidePhases = this.widget.visibleElements.phases, this.icon = this.widget.icon, this.label = this.widget.label, this.layers = this.widget.layers, this.level = this.viewModel.level, this.phase = this.viewModel.phase, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = t()("level", "phase", "state"), this.arcgisReady = o();
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.headingLevel = this.widget.headingLevel, this.hideDisciplines = this.widget.visibleElements.disciplines, this.hideLevels = this.widget.visibleElements.levels, this.hidePhases = this.widget.visibleElements.phases, this.icon = this.widget.icon, this.label = this.widget.label, this.layers = this.widget.layers, this.level = this.viewModel.level, this.phase = this.viewModel.phase, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = i()("level", "phase", "state"), this.arcgisReady = l();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, headingLevel: 9, hideDisciplines: 5, hideLevels: 5, hidePhases: 5, icon: 1, label: 1, layers: 0, level: 0, phase: 0, position: 1, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = h;
+    this.shadowRootOptions = o;
   }
   static {
     this.styles = a;

package/dist/components/arcgis-catalog-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 CatalogLayerList } from '@arcgis/core/widgets/CatalogLayerList.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useCatalogLayerListWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.CatalogLayerList, "label" | "viewModel" | "icon" | "headingLevel" | "collapsed" | "filterPlaceholder" | "filterPredicate" | "filterText" | "listItemCreatedFunction" | "minFilterItems" | "selectedItems" | "selectionMode" | "visibilityAppearance" | "catalogLayer"> & {
+} & Pick<CatalogLayerList, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.CatalogLayerListViewModel | undefined;
@@ -31,8 +32,8 @@ declare const useCatalogLayerListWidget: (component: import('@arcgis/components-
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.CatalogLayerListProperties): __esri.CatalogLayerListProperties | Promise<__esri.CatalogLayerListProperties>;
-} | undefined) => __esri.CatalogLayerList;
+    editConstructorProperties(props: __esri.CatalogLayerListProperties | undefined): __esri.CatalogLayerListProperties | Promise<__esri.CatalogLayerListProperties | undefined> | undefined;
+} | undefined) => CatalogLayerList;
 /** The [CatalogLayerList](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-CatalogLayerList.html) provides a way to display and interact with CatalogLayers.
  */
 export declare class ArcgisCatalogLayerList extends LitElement {

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

@@ -1,17 +1,17 @@
 import { c as t } from "../../chunks/runtime.js";
 import { usePropertyChange as e } from "@arcgis/components-controllers";
-import { newWidgetsCatalogLayerList 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/CatalogLayerList.js";
 import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
-import { reEmitEvent as r } from "@arcgis/components-controllers/accessor";
+import { m as r } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.85 */
-const d = h`arcgis-catalog-layer-list{display:block}`, n = s(i);
+v4.32.0-next.88 */
+const d = h`arcgis-catalog-layer-list{display:block}`, n = r(s);
 class c extends o {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogLayer = this.widget.catalogLayer, this.collapsed = this.widget.collapsed, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = e()("state"), this.arcgisReady = a(), this.arcgisTriggerAction = r(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogLayer = this.widget.catalogLayer, this.collapsed = this.widget.collapsed, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = e()("state"), this.arcgisReady = a(), this.arcgisTriggerAction = i(() => this.widget, "trigger-action");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, catalogItems: 32, catalogLayer: 0, collapsed: 7, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideFlow: 5, hideStatusIndicators: 5, icon: 1, label: 1, listItemCreatedFunction: 0, minFilterItems: 9, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 3, visibilityAppearance: 1 };

package/dist/components/arcgis-compass/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 CompassViewModel } from '@arcgis/core/widgets/Compass/CompassViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useCompassViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.CompassViewModel, never> & {
+} & Pick<CompassViewModel, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "rotation" | "disabled" | "compass" | undefined;
     icon: Nil | string;
@@ -31,7 +32,7 @@ declare const useCompassViewModel: (component: import('@arcgis/components-contro
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: unknown): unknown;
-} | undefined) => __esri.CompassViewModel;
+} | undefined) => CompassViewModel;
 /** The [Compass](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Compass.html) indicates where north is in relation to the current view [rotation](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#rotation) or [camera heading](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#heading).
  */
 export declare class ArcgisCompass extends LitElement {

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

@@ -2,27 +2,27 @@ import { c } from "../../chunks/runtime.js";
 import { html as l } from "lit-html";
 import { usePropertyChange as m } from "@arcgis/components-controllers";
 import { classes as d } from "@arcgis/components-utils";
-import { newWidgetsCompassCompassViewModel as h } from "@arcgis/core-adapter";
-import { u as p, m as g } from "../../chunks/useViewModel.js";
-import { g as i } from "../../chunks/globalCss.js";
-import { LitElement as u, createEvent as f, noShadowRoot as w, safeClassMap as s, nothing as o, safeStyleMap as y } from "@arcgis/lumina";
+import h from "@arcgis/core/widgets/Compass/CompassViewModel.js";
+import { LitElement as p, createEvent as g, noShadowRoot as u, safeClassMap as s, nothing as i, safeStyleMap as f } from "@arcgis/lumina";
+import { u as w, m as y } from "../../chunks/useViewModel.js";
+import { g as o } from "../../chunks/globalCss.js";
 import { css as $ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.85 */
+v4.32.0-next.88 */
 const b = $`arcgis-compass{display:block}`, a = "esri-compass", r = {
   base: a,
   iconContainer: `${a}__icon-container`
-}, v = g(h);
-class C extends u {
+}, v = y(h);
+class C extends p {
   constructor() {
-    super(...arguments), this.messages = p(), this.viewModel = v(this), this.autoDestroyDisabled = !1, this.orientation = this.viewModel.orientation, this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = m()("state", "orientation"), this.arcgisReady = f();
+    super(...arguments), this.messages = w(), this.viewModel = v(this), this.autoDestroyDisabled = !1, this.orientation = this.viewModel.orientation, this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = m()("state", "orientation"), this.arcgisReady = g();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, icon: 3, label: 1, messageOverrides: 0, orientation: 0, position: 3, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = u;
   }
   static {
     this.styles = b;
@@ -50,7 +50,7 @@ class C extends u {
   // #region Rendering
   render() {
     const { messages: t, icon: n } = this;
-    return l`<div class=${s(d(r.base, i.widget))}><calcite-button class=${s(i.widgetButton)} .disabled=${this.state === "disabled"} kind=neutral .label=${t.reset} @click=${this._reset} round scale=s title=${t.reset ?? o}><div aria-hidden=true class=${s(r.iconContainer)} title=${t.reset ?? o}><calcite-icon .icon=${n} style=${y(M(this.orientation))}></calcite-icon></div></calcite-button></div>`;
+    return l`<div class=${s(d(r.base, o.widget))}><calcite-button class=${s(o.widgetButton)} .disabled=${this.state === "disabled"} kind=neutral .label=${t.reset} @click=${this._reset} round scale=s title=${t.reset ?? i}><div aria-hidden=true class=${s(r.iconContainer)} title=${t.reset ?? i}><calcite-icon .icon=${n} style=${f(M(this.orientation))}></calcite-icon></div></calcite-button></div>`;
   }
 }
 const M = (e) => ({