@arcgis/map-components 4.32.0-next.5 → 4.32.0-next.50

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

@@ -2,37 +2,37 @@
 import { Use } from '@arcgis/components-controllers';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useFeaturesWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
-} & Pick<__esri.Features, "map" | "spatialReference" | "timeZone" | "label" | "viewModel" | "content" | "icon" | "headingLevel" | "goToOverride" | "features" | "promises" | "selectedFeatureIndex"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<__esri.Features, "map" | "spatialReference" | "timeZone" | "label" | "viewModel" | "content" | "icon" | "headingLevel" | "goToOverride" | "collapsed" | "featureNavigationTop" | "features" | "headerActions" | "promises" | "selectedFeatureIndex"> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.FeaturesViewModel | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
-        childElem?: (HTMLElement & {
-            ownedBy?: HTMLElement | undefined;
-        }) | undefined;
-        view?: __esri.MapView | Nil | __esri.SceneView;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.FeaturesProperties): __esri.FeaturesProperties | Promise<__esri.FeaturesProperties>;
 } | undefined) => __esri.Features;
-export declare class ArcgisFeatures extends LitElement implements Use<typeof useFeaturesWidget> {
+export declare class ArcgisFeatures extends LitElement {
     actions: __esri.Collection<__esri.ActionButton | __esri.ActionToggle>;
     readonly active: boolean;
     /**
@@ -43,20 +43,27 @@ export declare class ArcgisFeatures extends LitElement implements Use<typeof use
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
-    readonly collapsed: boolean;
+    collapsed: boolean;
     content: string | HTMLElement | __esri.Widget;
+    featureNavigationTop: boolean;
     featureViewModelAbilities: __esri.Abilities;
     features: __esri.Graphic[];
     featuresPerPage: number;
     featuresTitle: string;
     goToOverride: __esri.GoToOverride;
     headingLevel: number;
+    headerActions: __esri.Collection<__esri.ActionBase>;
     hideActionBar: boolean | undefined;
     hideCloseButton: boolean | undefined;
     hideFeatureNavigation: boolean | undefined;
     hideFlow: boolean | undefined;
     hideHeading: boolean | undefined;
     hideSpinner: boolean | undefined;
+    /**
+     * 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;
     includeDefaultActions: boolean;
     label: string;
@@ -79,10 +86,10 @@ export declare class ArcgisFeatures extends LitElement implements Use<typeof use
     open(options?: __esri.FeaturesOpenOptions): Promise<void>;
     previous(): Promise<__esri.FeaturesViewModel>;
     triggerAction(actionIndex: number): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "selectedFeature" | "selectedFeatureIndex";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisTriggerAction: CustomEvent<__esri.FeaturesTriggerActionEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisTriggerAction: TargetedEvent<this, __esri.FeaturesTriggerActionEvent>;
 }
 export {};

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

@@ -4,22 +4,26 @@ import { newWidgetsFeatures as a } from "@arcgis/core-adapter";
 import { m as o } from "../../chunks/useWidget.js";
 import { LitElement as r, createEvent as h, noShadowRoot as n } from "@arcgis/lumina";
 import { reEmitEvent as d } from "@arcgis/components-controllers/accessor";
+import { css as l } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.5
+ * v4.32.0-next.50
 */
-const l = o(a);
-class c extends r {
+const c = l`arcgis-features{display:block}`, g = o(a);
+class u extends r {
   constructor() {
-    super(...arguments), this.widget = l(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.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.hideActionBar = this.widget.visibleElements.actionBar, this.hideCloseButton = this.widget.visibleElements.closeButton, 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.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 = h(), this.arcgisTriggerAction = d(() => this.widget, "triggerAction");
+    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.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.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 = h(), this.arcgisTriggerAction = d(() => this.widget, "trigger-action");
   }
   static {
-    this.properties = { actions: 0, active: 7, autoDestroyDisabled: 5, collapsed: 7, content: 1, featureViewModelAbilities: 0, features: 0, featuresPerPage: 9, featuresTitle: 1, goToOverride: 0, headingLevel: 9, hideActionBar: 5, hideCloseButton: 5, hideFeatureNavigation: 5, hideFlow: 5, hideHeading: 5, hideSpinner: 5, icon: 1, includeDefaultActions: 5, label: 1, map: 0, position: 1, promises: 0, referenceElement: 1, selectedFeature: 0, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 3, timeZone: 1 };
+    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, hideFeatureNavigation: 5, hideFlow: 5, hideHeading: 5, hideSpinner: 5, icon: 1, includeDefaultActions: 5, label: 1, map: 0, position: 1, promises: 0, referenceElement: 1, selectedFeature: 0, selectedFeatureIndex: 9, showCollapseButton: 5, spatialReference: 0, state: 3, timeZone: 1 };
   }
   static {
     this.shadowRootOptions = n;
   }
+  static {
+    this.styles = c;
+  }
   // #endregion
   // #region Public Methods
   async clear() {
@@ -48,7 +52,7 @@ class c extends r {
     this.widget?.triggerAction(e);
   }
 }
-i("arcgis-features", c);
+i("arcgis-features", u);
 export {
-  c as ArcgisFeatures
+  u as ArcgisFeatures
 };

package/dist/components/arcgis-floor-filter/customElement.d.ts

@@ -2,37 +2,37 @@
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useFloorFilterWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
 } & Pick<__esri.FloorFilter, "label" | "viewModel" | "icon" | "headingLevel" | "facility" | "level" | "longNames" | "site"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.FloorFilterViewModel | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
-        childElem?: (HTMLElement & {
-            ownedBy?: HTMLElement | undefined;
-        }) | undefined;
-        view?: __esri.MapView | Nil | __esri.SceneView;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.FloorFilterProperties): __esri.FloorFilterProperties | Promise<__esri.FloorFilterProperties>;
 } | undefined) => __esri.FloorFilter;
-export declare class ArcgisFloorFilter extends LitElement implements Use<typeof useFloorFilterWidget> {
+export declare class ArcgisFloorFilter 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
@@ -43,6 +43,11 @@ export declare class ArcgisFloorFilter extends LitElement implements Use<typeof
     autoDestroyDisabled: boolean;
     facility: string;
     headingLevel: number;
+    /**
+     * 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;
     label: string;
     level: string;
@@ -53,6 +58,6 @@ export declare class ArcgisFloorFilter extends LitElement implements Use<typeof
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     updateWebDocument(webMap: __esri.WebMap): Promise<void>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -2,15 +2,16 @@ import { c as e } from "../../chunks/runtime.js";
 import { newWidgetsFloorFilter as i } from "@arcgis/core-adapter";
 import { m as s } from "../../chunks/useWidget.js";
 import { LitElement as o, createEvent as l, noShadowRoot as a } from "@arcgis/lumina";
+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.5
+ * v4.32.0-next.50
 */
-const r = s(i);
-class h extends o {
+const h = r`arcgis-floor-filter{display:block}`, n = s(i);
+class d extends o {
   constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.facility = this.widget.facility, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.level = this.widget.level, this.longNames = this.widget.longNames, this.position = "bottom-left", this.site = this.widget.site, this.arcgisReady = l();
+    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.facility = this.widget.facility, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.level = this.widget.level, this.longNames = this.widget.longNames, this.position = "bottom-left", this.site = this.widget.site, this.arcgisReady = l();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, facility: 3, headingLevel: 9, icon: 1, label: 1, level: 3, longNames: 5, position: 1, referenceElement: 1, site: 3 };
@@ -18,6 +19,9 @@ class h extends o {
   static {
     this.shadowRootOptions = a;
   }
+  static {
+    this.styles = h;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -28,7 +32,7 @@ class h extends o {
     this.widget?.updateWebDocument(t);
   }
 }
-e("arcgis-floor-filter", h);
+e("arcgis-floor-filter", d);
 export {
-  h as ArcgisFloorFilter
+  d as ArcgisFloorFilter
 };

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

@@ -2,28 +2,28 @@
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useFullscreenViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
 } & Pick<__esri.FullscreenViewModel, never> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "ready" | "disabled" | "active" | "feature-unsupported" | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    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 | undefined;
-        }) | undefined;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
         view?: __esri.MapView | __esri.SceneView | undefined;
     };
     autoDestroyDisabled: boolean;
@@ -31,7 +31,8 @@ declare const useFullscreenViewModel: (component: import('@arcgis/components-con
 }, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => __esri.FullscreenViewModel;
-export declare class ArcgisFullscreen extends LitElement implements Use<typeof useFullscreenViewModel> {
+export declare class ArcgisFullscreen 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
@@ -52,9 +53,9 @@ export declare class ArcgisFullscreen extends LitElement implements Use<typeof u
     referenceElement: ArcgisReferenceElement | Nil | string;
     readonly state: "ready" | "disabled" | "active" | "feature-unsupported";
     destroy(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -6,17 +6,18 @@ import { newWidgetsFullscreenFullscreenViewModel as m } from "@arcgis/core-adapt
 import { u, m as h } from "../../chunks/useViewModel.js";
 import { g as i } from "../../chunks/globalCss.js";
 import { LitElement as g, createEvent as p, noShadowRoot as f, safeClassMap as o, nothing as w } from "@arcgis/lumina";
+import { css as b } 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.5
+ * v4.32.0-next.50
 */
-const b = {
+const y = b`arcgis-fullscreen{display:block}`, v = {
   base: "esri-fullscreen"
-}, v = h(m);
-class y extends g {
+}, M = h(m);
+class $ extends g {
   constructor() {
-    super(...arguments), this.messages = u(), this.viewModel = v(this), this.autoDestroyDisabled = !1, this.element = this.viewModel.element, this.icon = "zoom-out-fixed", this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = c()("state"), this.arcgisReady = p();
+    super(...arguments), this.messages = u(), this.viewModel = M(this), this.autoDestroyDisabled = !1, this.element = this.viewModel.element, this.icon = "zoom-out-fixed", this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = c()("state"), this.arcgisReady = p();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, element: 0, icon: 3, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 3 };
@@ -24,6 +25,9 @@ class y extends g {
   static {
     this.shadowRootOptions = f;
   }
+  static {
+    this.styles = y;
+  }
   // #endregion
   // #region Private Properties
   get fullscreenTitle() {
@@ -43,11 +47,11 @@ class y extends g {
   // #endregion
   // #region Rendering
   render() {
-    const { fullscreenTitle: e, icon: r } = this, t = this.viewModel?.state, a = t === "feature-unsupported", l = t === "ready" || t === "disabled" || t === "feature-unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
-    return s`<div class=${o(d(b.base, i.widget))}>${!a && s`<calcite-button class=${o(i.widgetButton)} .disabled=${t === "disabled"} .iconStart=${(r ?? l) || ""} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? w}></calcite-button>` || ""}</div>`;
+    const { fullscreenTitle: e, icon: r } = this, t = this.viewModel?.state, l = t === "feature-unsupported", a = t === "ready" || t === "disabled" || t === "feature-unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
+    return s`<div class=${o(d(v.base, i.widget))}>${!l && s`<calcite-button class=${o(i.widgetButton)} .disabled=${t === "disabled"} .iconStart=${r ?? a} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? w}></calcite-button>` || ""}</div>`;
   }
 }
-n("arcgis-fullscreen", y);
+n("arcgis-fullscreen", $);
 export {
-  y as ArcgisFullscreen
+  $ as ArcgisFullscreen
 };

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

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

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

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

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

@@ -2,37 +2,37 @@
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useHistogramWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
 } & Pick<__esri.Histogram, "label" | "viewModel" | "icon" | "layout" | "max" | "min" | "average" | "barCreatedFunction" | "bins" | "dataLineCreatedFunction" | "dataLines" | "labelFormatFunction"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "ready" | "disabled" | undefined;
     viewModel?: __esri.HistogramViewModel | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
-        childElem?: (HTMLElement & {
-            ownedBy?: HTMLElement | undefined;
-        }) | undefined;
-        view?: __esri.MapView | Nil | __esri.SceneView;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.HistogramProperties): __esri.HistogramProperties | Promise<__esri.HistogramProperties>;
 } | undefined) => __esri.Histogram;
-export declare class ArcgisHistogram extends LitElement implements Use<typeof useHistogramWidget> {
+export declare class ArcgisHistogram 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
@@ -46,6 +46,11 @@ export declare class ArcgisHistogram extends LitElement implements Use<typeof us
     bins: __esri.Bin[];
     dataLineCreatedFunction: __esri.DataLineCreatedFunction;
     dataLines: __esri.HistogramDataLines[];
+    /**
+     * 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;
     label: string;
     labelFormatFunction: __esri.LabelFormatter;
@@ -57,9 +62,9 @@ export declare class ArcgisHistogram extends LitElement implements Use<typeof us
     readonly state: "ready" | "disabled";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -3,15 +3,16 @@ import { newWidgetsHistogram as i } from "@arcgis/core-adapter";
 import { m as e } from "../../chunks/useWidget.js";
 import { usePropertyChange as s } from "@arcgis/components-controllers";
 import { LitElement as a, createEvent as o, noShadowRoot as r } from "@arcgis/lumina";
+import { css as n } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.5
+ * v4.32.0-next.50
 */
-const n = e(i);
-class h extends a {
+const h = n`arcgis-histogram{display:block}`, d = e(i);
+class m extends a {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.icon = this.widget.icon, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.layout = this.widget.layout, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.state = this.widget.state, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o();
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.icon = this.widget.icon, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.layout = this.widget.layout, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.state = this.widget.state, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, average: 9, barCreatedFunction: 0, bins: 0, dataLineCreatedFunction: 0, dataLines: 0, icon: 1, label: 1, labelFormatFunction: 0, layout: 1, max: 9, min: 9, position: 1, referenceElement: 1, state: 3 };
@@ -19,6 +20,9 @@ class h extends a {
   static {
     this.shadowRootOptions = r;
   }
+  static {
+    this.styles = h;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -26,7 +30,7 @@ class h extends a {
     await this.manager.destroy();
   }
 }
-t("arcgis-histogram", h);
+t("arcgis-histogram", m);
 export {
-  h as ArcgisHistogram
+  m as ArcgisHistogram
 };

package/dist/components/arcgis-histogram-range-slider/customElement.d.ts

@@ -2,41 +2,37 @@
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useHistogramRangeSliderWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
 } & Pick<__esri.HistogramRangeSlider, "values" | "label" | "viewModel" | "icon" | "max" | "min" | "precision" | "average" | "barCreatedFunction" | "bins" | "dataLineCreatedFunction" | "dataLines" | "excludedBarColor" | "includedBarColor" | "labelFormatFunction" | "rangeType" | "standardDeviation" | "standardDeviationCount"> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
+    reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.HistogramRangeSliderViewModel | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
-        childElem?: (HTMLElement & {
-            ownedBy?: HTMLElement | undefined;
-        }) | undefined;
-        view?: __esri.MapView | Nil | __esri.SceneView;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    /**
-     * Generates a SQL where clause based on a given field and the slider's
-     * rangeType
-     */
     editConstructorProperties(props: __esri.HistogramRangeSliderProperties): __esri.HistogramRangeSliderProperties | Promise<__esri.HistogramRangeSliderProperties>;
 } | undefined) => __esri.HistogramRangeSlider;
-export declare class ArcgisHistogramRangeSlider extends LitElement implements Use<typeof useHistogramRangeSliderWidget> {
+export declare class ArcgisHistogramRangeSlider 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
@@ -51,6 +47,11 @@ export declare class ArcgisHistogramRangeSlider extends LitElement implements Us
     dataLineCreatedFunction: __esri.DataLineCreatedFunction;
     dataLines: __esri.HistogramRangeSliderDataLines[];
     excludedBarColor: __esri.Color;
+    /**
+     * 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;
     includedBarColor: __esri.Color;
     label: string;
@@ -72,9 +73,9 @@ export declare class ArcgisHistogramRangeSlider extends LitElement implements Us
      * rangeType
      */
     generateWhereClause(field: string): Promise<string>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -1,17 +1,18 @@
-import { c as e } from "../../chunks/runtime.js";
-import { newWidgetsHistogramRangeSlider as i } from "@arcgis/core-adapter";
-import { usePropertyChange as a } from "@arcgis/components-controllers";
-import { m as s } from "../../chunks/useWidget.js";
+import { c as i } from "../../chunks/runtime.js";
+import { newWidgetsHistogramRangeSlider as e } from "@arcgis/core-adapter";
+import { usePropertyChange as s } from "@arcgis/components-controllers";
+import { m as a } from "../../chunks/useWidget.js";
 import { LitElement as r, createEvent as o, noShadowRoot as n } from "@arcgis/lumina";
+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.5
+ * v4.32.0-next.50
 */
-const d = s(i);
-class h extends r {
+const h = d`arcgis-histogram-range-slider{display:block}`, l = a(e);
+class g extends r {
   constructor() {
-    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.excludedBarColor = this.widget.excludedBarColor, this.icon = this.widget.icon, this.includedBarColor = this.widget.includedBarColor, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.precision = this.widget.precision, this.rangeType = this.widget.rangeType, this.standardDeviation = this.widget.standardDeviation, this.standardDeviationCount = this.widget.standardDeviationCount, this.state = this.viewModel.state, this.values = this.widget.values, this.arcgisPropertyChange = a()("state"), this.arcgisReady = o();
+    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.excludedBarColor = this.widget.excludedBarColor, this.icon = this.widget.icon, this.includedBarColor = this.widget.includedBarColor, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.precision = this.widget.precision, this.rangeType = this.widget.rangeType, this.standardDeviation = this.widget.standardDeviation, this.standardDeviationCount = this.widget.standardDeviationCount, this.state = this.viewModel.state, this.values = this.widget.values, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, average: 9, barCreatedFunction: 0, bins: 0, dataLineCreatedFunction: 0, dataLines: 0, excludedBarColor: 0, icon: 1, includedBarColor: 0, label: 1, labelFormatFunction: 0, max: 9, min: 9, position: 1, precision: 9, rangeType: 1, referenceElement: 1, standardDeviation: 9, standardDeviationCount: 9, state: 3, values: 0 };
@@ -19,6 +20,9 @@ class h extends r {
   static {
     this.shadowRootOptions = n;
   }
+  static {
+    this.styles = h;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -33,7 +37,7 @@ class h extends r {
     return this.widget.generateWhereClause(t);
   }
 }
-e("arcgis-histogram-range-slider", h);
+i("arcgis-histogram-range-slider", g);
 export {
-  h as ArcgisHistogramRangeSlider
+  g as ArcgisHistogramRangeSlider
 };