@arcgis/map-components 4.32.0-next.14 → 4.32.0-next.140

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

@@ -1,15 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+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;
@@ -30,13 +32,15 @@ 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;
-export declare class ArcgisBookmarks extends LitElement implements Use<typeof useBookmarksWidget> {
+    editConstructorProperties(props: __esri.BookmarksProperties | undefined): __esri.BookmarksProperties | Promise<__esri.BookmarksProperties | undefined> | undefined;
+} | undefined) => Bookmarks;
+/** Bookmarks component 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 {
     /**
      * 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
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
@@ -48,32 +52,33 @@ export declare class ArcgisBookmarks extends LitElement implements Use<typeof us
     dragEnabled: boolean;
     filterPlaceholder: string;
     filterText: string;
-    hideFlow: boolean | undefined;
-    hideThumbnail: boolean | undefined;
-    hideTime: boolean | undefined;
+    hideFlow: boolean;
+    hideThumbnail: boolean;
+    hideTime: boolean;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
+    /** The component's default label. */
     label: string;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    showAddBookmarkButton: boolean | undefined;
-    showCloseButton: boolean | undefined;
-    showCollapseButton: boolean | undefined;
-    showEditBookmarkButton: boolean | undefined;
-    showFilter: boolean | undefined;
-    showHeading: boolean | undefined;
+    showAddBookmarkButton: boolean;
+    showCloseButton: boolean;
+    showCollapseButton: boolean;
+    showEditBookmarkButton: boolean;
+    showFilter: boolean;
+    showHeading: boolean;
     readonly state: "ready" | "loading";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisEdit: CustomEvent<__esri.BookmarksBookmarkEditEvent>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisEdit: TargetedEvent<this, __esri.BookmarksBookmarkEditEvent>;
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisSelect: CustomEvent<__esri.BookmarksBookmarkSelectEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisSelect: TargetedEvent<this, __esri.BookmarksBookmarkSelectEvent>;
 }
 export {};

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

@@ -1,25 +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.14
-*/
-const r = d`arcgis-bookmarks{display:block}`, n = o(e);
-class m extends a {
+/*! 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.140 */
+const r = d`@layer{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,15 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+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;
@@ -30,13 +32,15 @@ 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;
-export declare class ArcgisBuildingExplorer extends LitElement implements Use<typeof useBuildingExplorerWidget> {
+    editConstructorProperties(props: __esri.BuildingExplorerProperties | undefined): __esri.BuildingExplorerProperties | Promise<__esri.BuildingExplorerProperties | undefined> | undefined;
+} | undefined) => BuildingExplorer;
+/** BuildingExplorer component 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 {
     /**
      * 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
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
@@ -51,18 +55,19 @@ export declare class ArcgisBuildingExplorer extends LitElement implements Use<ty
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
+    /** The component's default label. */
     label: string;
     layers: __esri.Collection<__esri.BuildingSceneLayer>;
     readonly level: __esri.BuildingLevel;
     readonly phase: __esri.BuildingPhase;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled" | "loading" | "failed";
+    readonly state: "ready" | "loading" | "failed" | "disabled";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "level" | "phase";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -1,24 +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.14
-*/
-const a = r`arcgis-building-explorer{display:block}`, d = s(i);
-class n extends l {
+/*! 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.140 */
+const a = r`@layer{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

@@ -1,22 +1,32 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-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';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
 
 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" | "filterText" | "listItemCreatedFunction" | "minFilterItems" | "selectedItems" | "selectionMode" | "visibilityAppearance" | "catalogLayer"> & {
+} & Pick<CatalogLayerList, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.CatalogLayerListViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    position: __esri.UIPosition;
+    position: __esri.
+    /**
+     * 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
+     * component to a different place on the page, or temporarily hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
+    UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
@@ -30,53 +40,57 @@ 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;
-export declare class ArcgisCatalogLayerList extends LitElement implements Use<typeof useCatalogLayerListWidget> {
+    editConstructorProperties(props: __esri.CatalogLayerListProperties | undefined): __esri.CatalogLayerListProperties | Promise<__esri.CatalogLayerListProperties | undefined> | undefined;
+} | undefined) => CatalogLayerList;
+/** The CatalogLayerList component provides a way to display and interact with CatalogLayers.
+ */
+export declare class ArcgisCatalogLayerList extends LitElement {
     /**
      * 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
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
     /** A collection of ListItems representing the catalogLayers dynamicGroupLayer. */
     get catalogItems(): __esri.Collection<__esri.ListItem>;
-    catalogLayer: __esri.CatalogLayer;
+    catalogLayer: nullish | __esri.CatalogLayer;
     collapsed: boolean;
     filterPlaceholder: string;
+    filterPredicate: nullish | __esri.FilterPredicate;
     filterText: string;
     headingLevel: number;
-    hideFlow: boolean | undefined;
-    hideStatusIndicators: boolean | undefined;
+    hideFlow: boolean;
+    hideStatusIndicators: boolean;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
+    /** The component's default label. */
     label: string;
-    listItemCreatedFunction: __esri.CatalogLayerListListItemCreatedHandler;
+    listItemCreatedFunction: nullish | __esri.CatalogLayerListListItemCreatedHandler;
     minFilterItems: number;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     selectedItems: __esri.Collection<__esri.ListItem>;
     selectionMode: "none" | "single" | "multiple" | "single-persist";
-    showCloseButton: boolean | undefined;
-    showCollapseButton: boolean | undefined;
-    showErrors: boolean | undefined;
-    showFilter: boolean | undefined;
-    showHeading: boolean | undefined;
-    showTemporaryLayerIndicators: boolean | undefined;
-    readonly state: "ready" | "disabled" | "loading";
+    showCloseButton: boolean;
+    showCollapseButton: boolean;
+    showErrors: boolean;
+    showFilter: boolean;
+    showHeading: boolean;
+    showTemporaryLayerIndicators: boolean;
+    readonly state: "ready" | "loading" | "disabled";
     visibilityAppearance: "default" | "checkbox";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisTriggerAction: CustomEvent<__esri.CatalogLayerListTriggerActionEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisTriggerAction: TargetedEvent<this, __esri.CatalogLayerListTriggerActionEvent>;
 }
 export {};

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

@@ -1,22 +1,20 @@
 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.14
-*/
-const d = h`arcgis-catalog-layer-list{display:block}`, n = s(i);
+/*! 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.140 */
+const d = h`@layer{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.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, 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 };
+    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 };
   }
   static {
     this.shadowRootOptions = l;

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

@@ -1,48 +1,34 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-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';
-import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
 
 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> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "rotation" | "disabled" | "compass" | 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<CompassViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<CompassViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
-} | undefined) => __esri.CompassViewModel;
-export declare class ArcgisCompass extends LitElement implements Use<typeof useCompassViewModel> {
+} | undefined) => CompassViewModel;
+/** The Compass component 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 {
     private messages;
     /**
      * 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
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
     get icon(): string | undefined;
     set icon(value: string | undefined);
+    /** The component's default label. */
     label: Nil | string;
     messageOverrides?: typeof this.messages._overrides;
     readonly orientation: __esri.Orientation;
@@ -51,9 +37,9 @@ export declare class ArcgisCompass extends LitElement implements Use<typeof useC
     readonly state: "rotation" | "disabled" | "compass";
     destroy(): Promise<void>;
     reset(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "orientation" | "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -2,29 +2,28 @@ 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 h from "@arcgis/core/widgets/Compass/CompassViewModel.js";
+import { LitElement as p, createEvent as g, noShadowRoot as u, safeClassMap as s, nothing as o, safeStyleMap as f } from "@arcgis/lumina";
+import { u as y } from "../../chunks/useView.js";
+import { m as w } 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 { 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.14
-*/
-const b = $`arcgis-compass{display:block}`, a = "esri-compass", r = {
+/*! 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.140 */
+const b = $`@layer{arcgis-compass{display:block}}`, a = "esri-compass", r = {
   base: a,
   iconContainer: `${a}__icon-container`
-}, v = g(h);
-class C extends u {
+}, v = w(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 = y(), 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;
@@ -41,7 +40,7 @@ class C extends u {
     await this.manager.destroy();
   }
   async reset() {
-    return this.viewModel.reset();
+    this.viewModel.reset();
   }
   // #endregion
   // #region Private Methods
@@ -52,7 +51,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, 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=${f(M(this.orientation))}></calcite-icon></div></calcite-button></div>`;
   }
 }
 const M = (e) => ({

package/dist/components/arcgis-compass/index.d.ts

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

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

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

package/dist/components/arcgis-coordinate-conversion/customElement.d.ts

@@ -1,15 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as CoordinateConversion } from '@arcgis/core/widgets/CoordinateConversion.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useCoordinateConversionWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.CoordinateConversion, "orientation" | "label" | "viewModel" | "icon" | "mode" | "headingLevel" | "conversions" | "formats" | "locationSymbol" | "storageType"> & {
+} & Pick<CoordinateConversion, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.CoordinateConversionViewModel | undefined;
@@ -30,19 +32,21 @@ declare const useCoordinateConversionWidget: (component: import('@arcgis/compone
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.CoordinateConversionProperties): __esri.CoordinateConversionProperties | Promise<__esri.CoordinateConversionProperties>;
-} | undefined) => __esri.CoordinateConversion;
-export declare class ArcgisCoordinateConversion extends LitElement implements Use<typeof useCoordinateConversionWidget> {
+    editConstructorProperties(props: __esri.CoordinateConversionProperties | undefined): __esri.CoordinateConversionProperties | Promise<__esri.CoordinateConversionProperties | undefined> | undefined;
+} | undefined) => CoordinateConversion;
+/** CoordinateConversion component provides a way to display user cursor position either as map coordinates or as any of several popular coordinate notations. Additionally, the component provides a way to convert user input coordinates into a [Point](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Point.html).
+ */
+export declare class ArcgisCoordinateConversion extends LitElement {
     /**
      * 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
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
     conversions: __esri.Collection<__esri.Conversion>;
-    readonly currentLocation: __esri.Point;
+    readonly currentLocation: __esri.Point | nullish;
     formats: __esri.Collection<__esri.Format>;
     headingLevel: number;
     hideCaptureButton: boolean | undefined;
@@ -55,22 +59,34 @@ export declare class ArcgisCoordinateConversion extends LitElement implements Us
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
+    /** The component's default label. */
     label: string;
-    locationSymbol: __esri.SimpleMarkerSymbol | __esri.PictureMarkerSymbol;
-    mode: "live" | "capture";
+    locationSymbol: __esri.SimpleMarkerSymbol | __esri.PictureMarkerSymbol | __esri.PointSymbol3D | __esri.CIMSymbol;
+    mode: "capture" | "live";
+    /**
+     * If this property is set to `false`, multiple conversions cannot be displayed.
+     *
+     * @default false
+     */
     multipleConversionsDisabled: boolean;
     orientation: "auto" | "expand-up" | "expand-down";
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled" | "loading";
+    readonly state: "ready" | "loading" | "disabled";
+    /**
+     * Unless this property is set to `false`, sessionStorage or localStorage (depending on [storageType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-CoordinateConversion.html#storageType))
+     * will be used to hydrate and persist the CoordinateConversion widget's state.
+     *
+     * @default false
+     */
     storageDisabled: boolean;
     storageType: "local" | "session";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    reverseConvert(coordinate: string, format: __esri.Format): Promise<__esri.Point>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    reverseConvert(coordinate: string, format: __esri.Format): Promise<__esri.Point | nullish>;
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "currentLocation";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};