@arcgis/map-components 4.33.0-next.88 → 4.33.0-next.90

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

@@ -37,6 +37,7 @@ declare const useCatalogLayerListWidget: (component: import('@arcgis/components-
 /** The CatalogLayerList component provides a way to display and interact with CatalogLayers.
  */
 export declare class ArcgisCatalogLayerList extends LitElement {
+    readonly arcgisClose: TargetedEvent<this>;
     /**
      * 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
@@ -68,14 +69,14 @@ export declare class ArcgisCatalogLayerList extends LitElement {
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     selectedItems: __esri.Collection<__esri.ListItem>;
-    selectionMode: "none" | "single" | "multiple" | "single-persist";
+    selectionMode: "single" | "multiple" | "none" | "single-persist";
     showCloseButton: boolean;
     showCollapseButton: boolean;
     showErrors: boolean;
     showFilter: boolean;
     showHeading: boolean;
     showTemporaryLayerIndicators: boolean;
-    readonly state: "ready" | "loading" | "disabled";
+    readonly state: "ready" | "disabled" | "loading";
     visibilityAppearance: "default" | "checkbox";
     /** Permanently destroy the component */
     destroy(): Promise<void>;

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

@@ -2,25 +2,26 @@ import { c as t } from "../../chunks/runtime.js";
 import { usePropertyChange as e } from "@arcgis/components-controllers";
 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 { m as r } from "../../chunks/useWidget.js";
-import { css as h } from "@lit/reactive-element/css-tag.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";
 /*! 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.88 */
-const d = h`@layer{arcgis-catalog-layer-list{display:block}}`, n = r(s);
-class c extends o {
+v4.33.0-next.90 */
+const n = d`@layer{arcgis-catalog-layer-list{display:block}}`, c = h(s);
+class g 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 = i(() => this.widget, "trigger-action");
+    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");
   }
   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 };
   }
   static {
-    this.shadowRootOptions = l;
+    this.shadowRootOptions = r;
   }
   static {
-    this.styles = d;
+    this.styles = n;
   }
   /** A collection of ListItems representing the catalogLayers dynamicGroupLayer. */
   get catalogItems() {
@@ -33,7 +34,7 @@ class c extends o {
     await this.manager.destroy();
   }
 }
-t("arcgis-catalog-layer-list", c);
+t("arcgis-catalog-layer-list", g);
 export {
-  c as ArcgisCatalogLayerList
+  g as ArcgisCatalogLayerList
 };

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

@@ -45,7 +45,7 @@ export declare class ArcgisCompass extends LitElement {
     destroy(): Promise<void>;
     reset(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "orientation" | "state";
+        name: "state" | "orientation";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
     private messages;

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.88 */
+v4.33.0-next.90 */
 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

@@ -46,7 +46,7 @@ export declare class ArcgisCoordinateConversion extends LitElement {
      */
     autoDestroyDisabled: boolean;
     conversions: __esri.Collection<__esri.Conversion>;
-    readonly currentLocation: __esri.Point | nullish;
+    readonly currentLocation: nullish | __esri.Point;
     formats: __esri.Collection<__esri.Format>;
     goToOverride: nullish | __esri.GoToOverride;
     headingLevel: number;
@@ -73,7 +73,7 @@ export declare class ArcgisCoordinateConversion extends LitElement {
     orientation: "auto" | "expand-up" | "expand-down";
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "loading" | "disabled";
+    readonly state: "ready" | "disabled" | "loading";
     /**
      * 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.

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.88 */
+v4.33.0-next.90 */
 const l = h`@layer{arcgis-coordinate-conversion{display:block}}`, g = d(o);
 class c extends n {
   constructor() {

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.88 */
+v4.33.0-next.90 */
 const o = h`@layer{arcgis-daylight{display:block}}`, d = l(i);
 class n extends t {
   constructor() {

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.88 */
+v4.33.0-next.90 */
 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.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.88 */
+v4.33.0-next.90 */
 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.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.88 */
+v4.33.0-next.90 */
 const l = n`@layer{arcgis-directline-measurement-3d{display:block}}`, c = r(i);
 class d extends s {
   constructor() {

package/dist/components/arcgis-distance-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.88 */
+v4.33.0-next.90 */
 const c = n`@layer{arcgis-distance-measurement-2d{display:block}}`, d = r(s);
 class h extends i {
   constructor() {

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

@@ -6,7 +6,7 @@ import { m as n } 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.88 */
+v4.33.0-next.90 */
 const g = r`@layer{arcgis-editor{display:block}}`, d = n(s);
 class h extends o {
   constructor() {

package/dist/components/arcgis-elevation-profile/customElement.d.ts

@@ -78,7 +78,7 @@ export declare class ArcgisElevationProfile extends LitElement {
     start(): Promise<void>;
     stop(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "input" | "state" | "progress" | "effectiveUnits";
+        name: "state" | "input" | "progress" | "effectiveUnits";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
 }

package/dist/components/arcgis-elevation-profile/customElement.js

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.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.88 */
+v4.33.0-next.90 */
 const r = l`@layer{arcgis-elevation-profile{display:block}}`, a = n(e);
 class d extends s {
   constructor() {

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

@@ -5,7 +5,7 @@ import { m as a } 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.88 */
+v4.33.0-next.90 */
 const d = n`@layer{arcgis-expand{display:flex;pointer-events:auto}arcgis-expand>.esri-expand__content--expanded{background-color:var(--calcite-color-background)}}`, c = a(e);
 class l extends s {
   //#endregion

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

@@ -80,12 +80,12 @@ export declare class ArcgisFeature extends LitElement {
     icon: string;
     /** The component's default label. */
     label: string;
-    location: __esri.Point | nullish;
+    location: nullish | __esri.Point;
     map: __esri.Map | nullish;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     spatialReference: nullish | __esri.SpatialReference;
-    readonly state: "ready" | "loading" | "disabled" | "error";
+    readonly state: "ready" | "disabled" | "error" | "loading";
     timeZone: string;
     /** Permanently destroy the component */
     destroy(): Promise<void>;

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

@@ -6,7 +6,7 @@ import { m as h } from "../../chunks/useWidget.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.88 */
+v4.33.0-next.90 */
 const r = l`@layer{arcgis-feature{display:block}}`, c = h(n);
 class m extends a {
   constructor() {

package/dist/components/arcgis-feature-form/customElement.d.ts

@@ -55,7 +55,7 @@ export declare class ArcgisFeatureForm extends LitElement {
     icon: string;
     /** The component's default label. */
     label: string;
-    layer: __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | nullish | __esri.SubtypeSublayer;
+    layer: nullish | __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     readonly state: "ready" | "disabled";

package/dist/components/arcgis-feature-form/customElement.js

@@ -7,7 +7,7 @@ import { m as h } from "../../chunks/useWidget.js";
 import { css as m } 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.88 */
+v4.33.0-next.90 */
 const l = m`@layer{arcgis-feature-form{display:block}}`, g = h(s);
 class n extends r {
   constructor() {

package/dist/components/arcgis-feature-table/customElement.d.ts

@@ -14,7 +14,7 @@ declare const useFeatureTableWidget: (component: import('@arcgis/components-cont
     destroy?: () => Promise<void>;
 } & Pick<FeatureTable, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: "loaded" | "ready" | "loading" | "disabled" | "error" | undefined;
+    state?: "loaded" | "ready" | "disabled" | "error" | "loading" | undefined;
     viewModel?: __esri.FeatureTableViewModel | undefined;
     icon: Nil | string;
     label: Nil | string;
@@ -139,7 +139,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     readonly isQueryingOrSyncing: boolean;
     /** The components label. */
     label: string;
-    layer: __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | nullish | __esri.WFSLayer | __esri.CSVLayer | __esri.ImageryLayer | __esri.Sublayer | __esri.CatalogFootprintLayer | __esri.KnowledgeGraphSublayer;
+    layer: nullish | __esri.FeatureLayer | __esri.SceneLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.WFSLayer | __esri.CSVLayer | __esri.ImageryLayer | __esri.Sublayer | __esri.CatalogFootprintLayer | __esri.KnowledgeGraphSublayer;
     /**
      * Portal Item Id for a layer to load. You can set, `layer`, `layerUrl`, or `itemId`,
      * but not more than one.
@@ -164,7 +164,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     /** Indicates whether sorting multiple columns is supported within the table. */
     multipleSortEnabled: boolean;
     objectIds: __esri.Collection<string | number>;
-    outFields: nullish | string[];
+    outFields: string[] | nullish;
     readonly pageCount: number;
     pageIndex: number;
     pageSize: number;
@@ -185,7 +185,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     readonly size: number;
     /** Indicates whether to display the feature table's layer switch drop down menu. */
     showLayerDropdown: boolean | undefined;
-    readonly state: "loaded" | "ready" | "loading" | "disabled" | "error";
+    readonly state: "loaded" | "ready" | "disabled" | "error" | "loading";
     /**
      * Reference to top-level controller table, if this table is a related table, nested within and controlled by another table.
      */
@@ -223,7 +223,7 @@ export declare class ArcgisFeatureTable extends LitElement {
     readonly arcgisCellPointerover: TargetedEvent<this, __esri.FeatureTableCellPointeroverEvent>;
     readonly arcgisColumnReorder: TargetedEvent<this, __esri.FeatureTableColumnReorderEvent>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "size" | "state" | "effectiveSize" | "isQueryingOrSyncing" | "layerView";
+        name: "state" | "effectiveSize" | "isQueryingOrSyncing" | "layerView" | "size";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
     readonly arcgisSelectionChange: TargetedEvent<this, __esri.CollectionChangeEvent<string | number>>;

package/dist/components/arcgis-feature-table/customElement.js

@@ -9,7 +9,7 @@ import { e as m, g as c } from "../../chunks/component-utils.js";
 import { css as u } 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.88 */
+v4.33.0-next.90 */
 const w = u`@layer{arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}}`, b = g(d);
 class y extends a {
   constructor() {

package/dist/components/arcgis-feature-templates/customElement.d.ts

@@ -63,8 +63,8 @@ export declare class ArcgisFeatureTemplates extends LitElement {
     layers: (__esri.FeatureLayer | __esri.SceneLayer | __esri.SubtypeGroupLayer | __esri.GeoJSONLayer | __esri.OrientedImageryLayer | __esri.SubtypeSublayer)[];
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    selectionMode: nullish | "none" | "single";
-    readonly state: "ready" | "loading" | "disabled";
+    selectionMode: nullish | "single" | "none";
+    readonly state: "ready" | "disabled" | "loading";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     readonly arcgisPropertyChange: TargetedEvent<this, {

package/dist/components/arcgis-feature-templates/customElement.js

@@ -7,7 +7,7 @@ import { m as a } 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.88 */
+v4.33.0-next.90 */
 const n = h`@layer{arcgis-feature-templates{display:block}}`, c = a(s);
 class d extends o {
   constructor() {

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

@@ -37,6 +37,7 @@ declare const useFeaturesWidget: (component: import('@arcgis/components-controll
 /** Features component allows users to view a feature's popupTemplate content such as attributes, actions, related records, etc., without having to be tied to the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html).
  */
 export declare class ArcgisFeatures extends LitElement {
+    readonly arcgisClose: TargetedEvent<this>;
     actions: __esri.Collection<__esri.ActionButton | __esri.ActionToggle>;
     readonly active: boolean;
     /**
@@ -48,7 +49,7 @@ export declare class ArcgisFeatures extends LitElement {
      */
     autoDestroyDisabled: boolean;
     collapsed: boolean;
-    content: string | HTMLElement | nullish | __esri.Widget;
+    content: string | __esri.Widget | HTMLElement | nullish;
     featureNavigationTop: boolean;
     featureViewModelAbilities: nullish | __esri.Abilities;
     features: __esri.Graphic[];

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

@@ -3,15 +3,16 @@ import { usePropertyChange as s } from "@arcgis/components-controllers";
 import { reEmitEvent as a } from "@arcgis/components-controllers/accessor";
 import o from "@arcgis/core/widgets/Features.js";
 import { LitElement as r, createEvent as n, noShadowRoot as h } from "@arcgis/lumina";
-import { m as d } from "../../chunks/useWidget.js";
-import { css as l } from "@lit/reactive-element/css-tag.js";
+import { c as d } from "../../chunks/createCloseEvent.js";
+import { m as l } from "../../chunks/useWidget.js";
+import { css as c } 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.88 */
-const c = l`@layer{arcgis-features{display:flex;flex-direction:column;overflow:hidden;.esri-features{flex:1 1 auto;overflow:hidden}}}`, g = d(o);
-class u extends r {
+v4.33.0-next.90 */
+const g = c`@layer{arcgis-features{display:flex;flex-direction:column;overflow:hidden;.esri-features{flex:1 1 auto;overflow:hidden}}}`, u = l(o);
+class w extends r {
   constructor() {
-    super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.actions = this.viewModel.actions, this.active = this.widget.active, this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.content = this.widget.content, this.featureNavigationTop = this.widget.featureNavigationTop, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.features = this.widget.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featuresTitle = this.widget.title, this.goToOverride = this.viewModel.goToOverride, this.headingLevel = this.widget.headingLevel, this.headerActions = this.widget.headerActions, this.hideActionBar = this.widget.visibleElements.actionBar, this.hideCloseButton = this.widget.visibleElements.closeButton, this.hideFeatureMenuHeading = this.widget.visibleElements.featureMenuHeading, this.hideFeatureNavigation = this.widget.visibleElements.featureNavigation, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideSpinner = this.widget.visibleElements.spinner, this.icon = this.widget.icon, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.widget.initialDisplayMode, this.label = this.widget.label, this.map = this.widget.map, this.position = "bottom-left", this.promises = this.widget.promises, this.selectedFeature = this.widget.selectedFeature, this.selectedFeatureIndex = this.widget.selectedFeatureIndex, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("selectedFeature", "selectedFeatureIndex", "state"), this.arcgisReady = n(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = u(this), this.viewModel = this.widget.viewModel, this.arcgisClose = d(this), this.actions = this.viewModel.actions, this.active = this.widget.active, this.autoDestroyDisabled = !1, this.collapsed = this.widget.collapsed, this.content = this.widget.content, this.featureNavigationTop = this.widget.featureNavigationTop, this.featureViewModelAbilities = this.viewModel.featureViewModelAbilities, this.features = this.widget.features, this.featuresPerPage = this.viewModel.featuresPerPage, this.featuresTitle = this.widget.title, this.goToOverride = this.viewModel.goToOverride, this.headingLevel = this.widget.headingLevel, this.headerActions = this.widget.headerActions, this.hideActionBar = this.widget.visibleElements.actionBar, this.hideCloseButton = this.widget.visibleElements.closeButton, this.hideFeatureMenuHeading = this.widget.visibleElements.featureMenuHeading, this.hideFeatureNavigation = this.widget.visibleElements.featureNavigation, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideSpinner = this.widget.visibleElements.spinner, this.icon = this.widget.icon, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.widget.initialDisplayMode, this.label = this.widget.label, this.map = this.widget.map, this.position = "bottom-left", this.promises = this.widget.promises, this.selectedFeature = this.widget.selectedFeature, this.selectedFeatureIndex = this.widget.selectedFeatureIndex, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.spatialReference = this.widget.spatialReference, this.state = this.viewModel.state, this.timeZone = this.widget.timeZone, this.arcgisPropertyChange = s()("selectedFeature", "selectedFeatureIndex", "state"), this.arcgisReady = n(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");
   }
   static {
     this.properties = { actions: 0, active: 7, autoDestroyDisabled: 5, collapsed: 7, content: 1, featureNavigationTop: 5, featureViewModelAbilities: 0, features: 0, featuresPerPage: 9, featuresTitle: 1, goToOverride: 0, headingLevel: 9, headerActions: 0, hideActionBar: 5, hideCloseButton: 5, hideFeatureMenuHeading: 5, hideFeatureNavigation: 5, hideFlow: 5, hideHeading: 5, hideSpinner: 5, icon: 1, includeDefaultActions: 5, initialDisplayMode: 1, label: 1, map: 0, position: 1, promises: 0, referenceElement: 1, selectedFeature: 0, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 3, timeZone: 1 };
@@ -20,7 +21,7 @@ class u extends r {
     this.shadowRootOptions = h;
   }
   static {
-    this.styles = c;
+    this.styles = g;
   }
   //#endregion
   //#region Public Methods
@@ -56,7 +57,7 @@ class u extends r {
     this.widget?.triggerAction(e);
   }
 }
-i("arcgis-features", u);
+i("arcgis-features", w);
 export {
-  u as ArcgisFeatures
+  w as ArcgisFeatures
 };

package/dist/components/arcgis-floor-filter/customElement.js

@@ -5,7 +5,7 @@ import { m as a } 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.88 */
+v4.33.0-next.90 */
 const h = r`@layer{arcgis-floor-filter{display:block}}`, n = a(i);
 class c extends s {
   constructor() {

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

@@ -10,7 +10,7 @@ import { g as o } 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.88 */
+v4.33.0-next.90 */
 const b = y`@layer{arcgis-fullscreen{display:block}}`, v = {
   base: "esri-fullscreen"
 }, M = w(m);

package/dist/components/arcgis-grid-controls/customElement.js

@@ -15,7 +15,7 @@ import { substitute as D } from "@arcgis/core/intl.js";
 import { watch as L } from "@arcgis/core/core/reactiveUtils.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.88 */
+v4.33.0-next.90 */
 function B(o) {
   if (o == null || Number.isNaN(o))
     return 0;

package/dist/components/arcgis-histogram-range-slider/customElement.js

@@ -6,7 +6,7 @@ import { m as n } 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.33/esri/copyright.txt for details.
-v4.33.0-next.88 */
+v4.33.0-next.90 */
 const h = d`@layer{arcgis-histogram-range-slider{display:block}}`, l = n(s);
 class g extends a {
   constructor() {

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

@@ -63,7 +63,7 @@ export declare class ArcgisHome extends LitElement {
      * // Sets the model's viewpoint to the Viewpoint based on a polygon geometry
      * home.viewpoint = vp;
      */
-    viewpoint: __esri.Viewpoint | nullish;
+    viewpoint: nullish | __esri.Viewpoint;
     /**
      * This function provides the ability to interrupt and cancel the process
      * of navigating the view back to the view's initial extent.

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

@@ -11,7 +11,7 @@ import { g as a } from "../../chunks/globalCss.js";
 import { css as u } 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.88 */
+v4.33.0-next.90 */
 const b = u`@layer{arcgis-home{display:block}}`, y = {
   base: "esri-home"
 }, M = f(d);

package/dist/components/arcgis-labeled-switch/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as b, createEvent as m, safeClassMap as c } from "@arcgis/lu
 import { css as f } 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.88 */
+v4.33.0-next.90 */
 const g = f`.label{--calcite-label-margin-bottom: 0}.label-content{display:flex;flex:1;gap:var(--calcite-spacing-sm);align-items:center;text-wrap:balance}.label-content>div{flex-grow:1}.icon{margin-top:-1px;&.info{color:var(--calcite-color-status-info)}&.warning{color:var(--calcite-color-status-warning)}}.tooltip{text-wrap:wrap}`, t = {
   label: "label",
   labelContent: "label-content",

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

@@ -24,7 +24,15 @@ declare const useLayerListWidget: (component: import('@arcgis/components-control
         name: string;
     }> | undefined;
     el: HTMLElement & {
-        childElem?: HTMLElement & {
+        childElem
+        /**
+         * 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.
+         */
+        ?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
         view?: __esri.MapView | __esri.SceneView | Nil;
@@ -37,6 +45,7 @@ declare const useLayerListWidget: (component: import('@arcgis/components-control
 /** The Layer List component provides a way to display a list of layers, and switch on/off their visibility.
  */
 export declare class ArcgisLayerList extends LitElement {
+    readonly arcgisClose: TargetedEvent<this>;
     /**
      * 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
@@ -75,14 +84,14 @@ export declare class ArcgisLayerList extends LitElement {
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     selectedItems: __esri.Collection<__esri.ListItem>;
-    selectionMode: "none" | "single" | "multiple" | "single-persist";
+    selectionMode: "single" | "multiple" | "none" | "single-persist";
     showCloseButton: boolean;
     showCollapseButton: boolean;
     showErrors: boolean;
     showFilter: boolean;
     showHeading: boolean;
     showTemporaryLayerIndicators: boolean;
-    readonly state: "ready" | "loading" | "disabled";
+    readonly state: "ready" | "disabled" | "loading";
     /** The TableList that displays the tables associated with a KnowledgeGraphLayer. */
     get tableList(): __esri.TableList | nullish;
     visibilityAppearance: "default" | "checkbox";

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

@@ -1,17 +1,18 @@
 import { c as i } from "../../chunks/runtime.js";
 import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { reEmitEvent as a } from "@arcgis/components-controllers/accessor";
-import o from "@arcgis/core/widgets/LayerList.js";
+import { reEmitEvent as o } from "@arcgis/components-controllers/accessor";
+import a from "@arcgis/core/widgets/LayerList.js";
 import { LitElement as r, createEvent as l, noShadowRoot as h } from "@arcgis/lumina";
-import { m as d } from "../../chunks/useWidget.js";
-import { s as n } from "../../chunks/layer-list.js";
+import { c as d } from "../../chunks/createCloseEvent.js";
+import { m as n } from "../../chunks/useWidget.js";
+import { s as g } from "../../chunks/layer-list.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.88 */
-const g = d(o);
-class c extends r {
+v4.33.0-next.90 */
+const c = n(a);
+class m extends r {
   constructor() {
-    super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, 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 = s()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = a(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.arcgisClose = d(this), this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterPredicate = this.widget.filterPredicate, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, 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 = s()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = o(() => this.widget, "trigger-action");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, catalogLayerList: 32, catalogOptions: 0, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideFlow: 5, hideStatusIndicators: 5, icon: 1, knowledgeGraphOptions: 0, label: 1, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 0, operationalItems: 32, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 3, tableList: 32, visibilityAppearance: 1 };
@@ -20,7 +21,7 @@ class c extends r {
     this.shadowRootOptions = h;
   }
   static {
-    this.styles = n;
+    this.styles = g;
   }
   /** The CatalogLayerList that displays a catalog layer's dynamic group layer. */
   get catalogLayerList() {
@@ -44,7 +45,7 @@ class c extends r {
     this.widget?.triggerAction(t, e);
   }
 }
-i("arcgis-layer-list", c);
+i("arcgis-layer-list", m);
 export {
-  c as ArcgisLayerList
+  m as ArcgisLayerList
 };

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

@@ -15,7 +15,7 @@ import { s as setFocus } from "../../chunks/component-utils.js";
 import { s as styles } from "../../chunks/layer-list.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.88 */
+v4.33.0-next.90 */
 const listModes = {
   hideChildren: "hide-children"
 };

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

@@ -6,7 +6,7 @@ import { m as o } 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.88 */
+v4.33.0-next.90 */
 const l = n`@layer{arcgis-legend{display:block}}`, d = o(i);
 class h extends s {
   constructor() {

package/dist/components/arcgis-line-of-sight/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.88 */
+v4.33.0-next.90 */
 const l = n`@layer{arcgis-line-of-sight{display:block}}`, h = r(i);
 class c extends e {
   constructor() {