@arcgis/map-components 4.33.0-next.97 → 4.33.0-next.99

package/dist/chunks/utils.js

@@ -0,0 +1,58 @@
+import { formatNumber as r } from "@arcgis/core/intl.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.99 */
+const s = /* @__PURE__ */ new Map([
+  ["a3-landscape", "a3-landscape"],
+  ["a3-portrait", "a3-portrait"],
+  ["a4-landscape", "a4-landscape"],
+  ["a4-portrait", "a4-portrait"],
+  ["letter-ansi-a-landscape", "ansi-a-landscape"],
+  ["letter-ansi-a-portrait", "ansi-a-portrait"],
+  ["tabloid-ansi-b-landscape", "ansi-b-landscape"],
+  ["tabloid-ansi-b-portrait", "ansi-b-portrait"]
+]), u = /^https:\/\/([a-z\d-]+)(\.maps([^.]*))?\.arcgis\.com/iu;
+function d(a) {
+  const t = a?.closest("[dir]");
+  return t !== null && t instanceof HTMLElement && t.dir === "rtl" || document.dir === "rtl";
+}
+function f(a) {
+  if (!a)
+    return;
+  const t = a.layoutTemplateInfo;
+  if (!t)
+    return;
+  const [e, n] = t.pageSize;
+  return `${r(e)} × ${r(n)} ${a.pageUnits}`;
+}
+function m(a, t) {
+  const { label: e, layout: n, layoutItem: o, type: i } = a;
+  return i === "print-service-template" && t[n] ? t[n] : (e ?? n ?? o?.id)?.replaceAll("_", " ") ?? t.untitled;
+}
+function g(a) {
+  return s.get(a);
+}
+const b = /* @__PURE__ */ new Map([
+  ["AIX", "aix"],
+  ["EPS", "eps"],
+  ["GIF", "gif"],
+  ["JPG", "jpg"],
+  ["PDF", "pdf"],
+  ["PNG32", "png32"],
+  ["PNG8", "png8"],
+  ["SVG", "svg"],
+  ["SVGZ", "svgz"],
+  ["TIFF", "tiff"]
+]), l = "map-only";
+function L(a) {
+  return a?.toLowerCase() === l;
+}
+export {
+  m as a,
+  g as b,
+  d as c,
+  b as f,
+  f as g,
+  L as i,
+  u as r
+};

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

@@ -6,10 +6,7 @@ import { default as AreaMeasurement2D } from '@arcgis/core/widgets/AreaMeasureme
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useAreaMeasurement2dWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<AreaMeasurement2D & {
+declare const useAreaMeasurement2dWidget: (component: LitElement & Pick<AreaMeasurement2D & {
     viewModel: __esri.Accessor;
 }, "icon" | "label" | "viewModel" | "snappingOptions" | "unit" | "unitOptions"> & {
     state?: unknown;
@@ -18,8 +15,8 @@ declare const useAreaMeasurement2dWidget: (component: Omit<LitElement, "componen
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const h = n`@layer{arcgis-area-measurement-2d{display:block}}`, l = r(
   // Workaround for https://devtopia.esri.com/WebGIS/arcgis-js-api/issues/61559
   s

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

@@ -6,18 +6,15 @@ import { default as AreaMeasurement3D } from '@arcgis/core/widgets/AreaMeasureme
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useAreaMeasurement3dWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<AreaMeasurement3D, never> & {
+declare const useAreaMeasurement3dWidget: (component: LitElement & Pick<AreaMeasurement3D, never> & {
     state?: unknown;
     viewModel?: __esri.AreaMeasurement3DViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const l = n`@layer{arcgis-area-measurement-3d{display:block}}`, h = r(s);
 class d extends i {
   constructor() {

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

@@ -6,18 +6,15 @@ 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: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Attachments, never> & {
+declare const useAttachmentsWidget: (component: LitElement & Pick<Attachments, never> & {
     state?: unknown;
     viewModel?: __esri.AttachmentsViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -6,7 +6,7 @@ import { m as o } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const n = h`@layer{arcgis-attachments{display:block}}`, r = o(i);
 class l extends s {
   constructor() {

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

@@ -7,10 +7,7 @@ import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/
 import { HeadingLevel } from '../../support/heading';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useBasemapGalleryViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<BasemapGalleryViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapGalleryViewModel>, options?: {
+declare const useBasemapGalleryViewModel: (component: LitElement & Pick<BasemapGalleryViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapGalleryViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => BasemapGalleryViewModel;
 /** BasemapGallery component displays a collection images representing basemaps from [ArcGIS.com](https://www.arcgis.com/index.html) or a user-defined set of map or image services. When a new basemap is selected from the BasemapGallery, the map's basemap layers are removed and replaced with the basemap layers of the associated basemap selected in the gallery.

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

@@ -13,7 +13,7 @@ import { c as a } from "../../chunks/basemap-gallery-resources.js";
 import { css as L } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const D = L`@layer{arcgis-basemap-gallery{display:block}}`, A = B(f), m = {
   // Below this width, items are displayed as a single column and the thumbnail is placed above the title.
   small: 200,

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

@@ -8,7 +8,7 @@ import { c as i } from "../../chunks/basemap-gallery-resources.js";
 import { g as A } from "../../chunks/component-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 function _(e) {
   return e.portalItem?.type === "Web Scene" || e.referenceLayers.some((t) => t.type === "scene");
 }

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

@@ -6,18 +6,15 @@ import { default as BasemapLayerList } from '@arcgis/core/widgets/BasemapLayerLi
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useBasemapLayerListWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<BasemapLayerList, never> & {
+declare const useBasemapLayerListWidget: (component: LitElement & Pick<BasemapLayerList, never> & {
     state?: unknown;
     viewModel?: __esri.BasemapLayerListViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -3,16 +3,16 @@ import { usePropertyChange as t } from "@arcgis/lumina/controllers";
 import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
 import s from "@arcgis/core/widgets/BasemapLayerList.js";
 import { LitElement as r, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
-import { c as o } from "../../chunks/createCloseEvent.js";
-import { m as h } from "../../chunks/useWidget.js";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { m as o } from "../../chunks/useWidget.js";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+import { c as d } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
-const n = d`@layer{arcgis-basemap-layer-list{display:block}}`, c = h(s);
+v4.33.0-next.99 */
+const n = h`@layer{arcgis-basemap-layer-list{display:block}}`, c = o(s);
 class g extends r {
   constructor() {
-    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.arcgisClose = o(this), 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");
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.arcgisClose = d(this), 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

@@ -6,10 +6,7 @@ import { default as BasemapToggleViewModel } from '@arcgis/core/widgets/BasemapT
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useBasemapToggleViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<BasemapToggleViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapToggleViewModel>, options?: {
+declare const useBasemapToggleViewModel: (component: LitElement & Pick<BasemapToggleViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapToggleViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => BasemapToggleViewModel;
 /**

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

@@ -11,7 +11,7 @@ import { g as u } from "../../chunks/globalCss.js";
 import { css as L } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const A = L`@layer{arcgis-basemap-toggle{display:block}}`, s = "esri-basemap-toggle", o = "esri-basemap-thumbnail", e = {
   base: s,
   secondaryBasemapImage: `${s}__image--secondary`,

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

@@ -6,18 +6,15 @@ 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: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Bookmarks, never> & {
+declare const useBookmarksWidget: (component: LitElement & Pick<Bookmarks, never> & {
     state?: unknown;
     viewModel?: __esri.BookmarksViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -3,16 +3,16 @@ import { usePropertyChange as e } from "@arcgis/lumina/controllers";
 import { reEmitEvent as t } from "@arcgis/lumina/controllers/accessor";
 import s from "@arcgis/core/widgets/Bookmarks.js";
 import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
-import { c as r } from "../../chunks/createCloseEvent.js";
-import { m as h } from "../../chunks/useWidget.js";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { m as r } from "../../chunks/useWidget.js";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+import { c as d } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
-const n = d`@layer{arcgis-bookmarks{display:block}}`, m = h(s);
+v4.33.0-next.99 */
+const n = h`@layer{arcgis-bookmarks{display:block}}`, m = r(s);
 class g extends o {
   constructor() {
-    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.arcgisClose = r(this), 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.goToOverride = this.widget.goToOverride, 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");
+    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.arcgisClose = d(this), 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.goToOverride = this.widget.goToOverride, 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, goToOverride: 0, 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 };

package/dist/components/arcgis-building-explorer/customElement.d.ts

@@ -6,18 +6,15 @@ import { default as BuildingExplorer } from '@arcgis/core/widgets/BuildingExplor
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useBuildingExplorerWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<BuildingExplorer, never> & {
+declare const useBuildingExplorerWidget: (component: LitElement & Pick<BuildingExplorer, never> & {
     state?: unknown;
     viewModel?: __esri.BuildingExplorerViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -6,7 +6,7 @@ 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.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const a = r`@layer{arcgis-building-explorer{display:block}}`, d = h(s);
 class n extends t {
   constructor() {

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

@@ -6,18 +6,15 @@ import { default as CatalogLayerList } from '@arcgis/core/widgets/CatalogLayerLi
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useCatalogLayerListWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<CatalogLayerList, never> & {
+declare const useCatalogLayerListWidget: (component: LitElement & Pick<CatalogLayerList, never> & {
     state?: unknown;
     viewModel?: __esri.CatalogLayerListViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -3,16 +3,16 @@ import { usePropertyChange as e } from "@arcgis/lumina/controllers";
 import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
 import s from "@arcgis/core/widgets/CatalogLayerList.js";
 import { LitElement as o, createEvent as a, noShadowRoot as r } from "@arcgis/lumina";
-import { c as l } from "../../chunks/createCloseEvent.js";
-import { m as h } from "../../chunks/useWidget.js";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { m as l } from "../../chunks/useWidget.js";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+import { c as d } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
-const n = d`@layer{arcgis-catalog-layer-list{display:block}}`, c = h(s);
+v4.33.0-next.99 */
+const n = h`@layer{arcgis-catalog-layer-list{display:block}}`, c = l(s);
 class g extends o {
   constructor() {
-    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.arcgisClose = l(this), 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");
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.arcgisClose = d(this), 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

@@ -6,10 +6,7 @@ import { default as CompassViewModel } from '@arcgis/core/widgets/Compass/Compas
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useCompassViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<CompassViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<CompassViewModel>, options?: {
+declare const useCompassViewModel: (component: LitElement & Pick<CompassViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<CompassViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | 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).

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

@@ -10,7 +10,7 @@ import { g as i } from "../../chunks/globalCss.js";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const $ = y`@layer{arcgis-compass{display:block}}`, r = "esri-compass", a = {
   base: r,
   iconContainer: `${r}__icon-container`

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

@@ -6,25 +6,30 @@ import { default as CoordinateConversion } from '@arcgis/core/widgets/Coordinate
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useCoordinateConversionWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<CoordinateConversion, never> & {
+declare const useCoordinateConversionWidget: (component: LitElement & Pick<CoordinateConversion, never> & {
     state?: unknown;
     viewModel?: __esri.CoordinateConversionViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.MapView | __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.
+         */
+        SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;

package/dist/components/arcgis-coordinate-conversion/customElement.js

@@ -6,7 +6,7 @@ import { m as d } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const l = h`@layer{arcgis-coordinate-conversion{display:block}}`, g = d(o);
 class c extends n {
   constructor() {

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

@@ -6,18 +6,15 @@ import { default as Daylight } from '@arcgis/core/widgets/Daylight.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useDaylightWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Daylight, never> & {
+declare const useDaylightWidget: (component: LitElement & Pick<Daylight, never> & {
     state?: unknown;
     viewModel?: __esri.DaylightViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -5,7 +5,7 @@ import { m as l } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const o = h`@layer{arcgis-daylight{display:block}}`, d = l(i);
 class n extends t {
   constructor() {

package/dist/components/arcgis-directional-pad/customElement.d.ts

@@ -6,10 +6,7 @@ import { default as DirectionalPadViewModel } from '@arcgis/core/widgets/Directi
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useDirectionalPadViewModel: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<DirectionalPadViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<DirectionalPadViewModel>, options?: {
+declare const useDirectionalPadViewModel: (component: LitElement & Pick<DirectionalPadViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<DirectionalPadViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => DirectionalPadViewModel;
 /**

package/dist/components/arcgis-directional-pad/customElement.js

@@ -13,7 +13,7 @@ import { g as d } from "../../chunks/globalCss.js";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const h = [-45, 0, 45, -90, 90, -135, 180, 135], M = {
   0: { label: "north", iconName: "chevron-up" },
   45: { label: "northEast", iconName: "chevron-up-right" },

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

@@ -8,18 +8,15 @@ import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { PropertyValues } from 'lit';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useDirectionsWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Directions, never> & {
+declare const useDirectionsWidget: (component: LitElement & Pick<Directions, never> & {
     state?: unknown;
     viewModel?: __esri.DirectionsViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -9,7 +9,7 @@ import { e as u } from "../../chunks/component-utils.js";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const c = y`@layer{arcgis-directions{display:block}}`, g = m(d), i = "map-components:arcgis-directions";
 class p extends n {
   constructor() {

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

@@ -6,18 +6,15 @@ import { default as DirectLineMeasurement3D } from '@arcgis/core/widgets/DirectL
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useDirectLineMeasurement3dWidget: (component: Omit<LitElement, "componentOnReady"> & {
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<DirectLineMeasurement3D, never> & {
+declare const useDirectLineMeasurement3dWidget: (component: LitElement & Pick<DirectLineMeasurement3D, never> & {
     state?: unknown;
     viewModel?: __esri.DirectLineMeasurement3DViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina/controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina/controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.97 */
+v4.33.0-next.99 */
 const l = n`@layer{arcgis-directline-measurement-3d{display:block}}`, c = r(i);
 class d extends s {
   constructor() {