@arcgis/map-components 4.32.0-next.13 → 4.32.0-next.131

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

@@ -1,15 +1,18 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement, ToElement } from '@arcgis/lumina';
+import { default as GraphicsLayer } from '@arcgis/core/layers/GraphicsLayer.js';
+import { default as Sketch } from '@arcgis/core/widgets/Sketch.js';
+import { PublicLitElement as LitElement, ToElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useSketchWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.Sketch, "label" | "viewModel" | "icon" | "layout" | "availableCreateTools" | "creationMode" | "defaultCreateOptions" | "defaultUpdateOptions" | "labelOptions" | "layer" | "snappingOptions" | "tooltipOptions"> & {
+} & Pick<Sketch, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "ready" | "disabled" | "active" | undefined;
     viewModel?: __esri.SketchViewModel | undefined;
@@ -30,21 +33,23 @@ declare const useSketchWidget: (component: import('@arcgis/components-controller
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.SketchProperties): __esri.SketchProperties | Promise<__esri.SketchProperties>;
-} | undefined) => __esri.Sketch;
-export declare class ArcgisSketch extends LitElement implements Use<typeof useSketchWidget> {
-    readonly activeTool: "point" | "polyline" | "polygon" | "circle" | "rectangle" | "move" | "reshape" | "transform" | "rectangle-selection" | "lasso-selection";
+    editConstructorProperties(props: __esri.SketchProperties | undefined): __esri.SketchProperties | Promise<__esri.SketchProperties | undefined> | undefined;
+} | undefined) => Sketch;
+/** Sketch component provides a simple UI for creating and updating graphics on a [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html) or a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+ */
+export declare class ArcgisSketch extends LitElement {
+    readonly activeTool: nullish | "point" | "multipoint" | "polygon" | "polyline" | "mesh" | "rectangle" | "move" | "circle" | "reshape" | "transform" | "freehandPolyline" | "freehandPolygon" | "rectangle-selection" | "lasso-selection" | "custom-selection";
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
-    availableCreateTools: string[];
-    readonly createGraphic: __esri.Graphic;
-    creationMode: "single" | "update" | "continuous";
+    availableCreateTools: nullish | ("point" | "multipoint" | "polygon" | "polyline" | "mesh" | "rectangle" | "circle" | "freehandPolyline" | "freehandPolygon")[];
+    readonly createGraphic: nullish | __esri.Graphic;
+    creationMode: "update" | "single" | "continuous";
     defaultCreateOptions: __esri.SketchDefaultCreateOptions;
     /**
      * By default, sketch will auto-create a new graphics layer if none was
@@ -52,39 +57,41 @@ export declare class ArcgisSketch extends LitElement implements Use<typeof useSk
      */
     defaultGraphicsLayerDisabled: boolean;
     defaultUpdateOptions: __esri.SketchDefaultUpdateOptions;
-    hideCreateToolsCircle: boolean | undefined;
-    hideCreateToolsPoint: boolean | undefined;
-    hideCreateToolsPolygon: boolean | undefined;
-    hideCreateToolsPolyline: boolean | undefined;
-    hideCreateToolsRectangle: boolean | undefined;
-    hideDuplicateButton: boolean | undefined;
-    hideLabelsToggle: boolean | undefined;
-    hideSelectionToolsLassoSelection: boolean | undefined;
-    hideSelectionToolsRectangleSelection: boolean | undefined;
-    hideSettingsMenu: boolean | undefined;
-    hideSnappingControls: boolean | undefined;
-    hideSnappingControlsElementsEnabledToggle: boolean | undefined;
-    hideSnappingControlsElementsFeatureEnabledToggle: boolean | undefined;
-    hideSnappingControlsElementsLayerList: boolean | undefined;
-    hideSnappingControlsElementsSelfEnabledToggle: boolean | undefined;
-    hideTooltipsToggle: boolean | undefined;
-    hideUndoRedoMenu: boolean | undefined;
+    hideCreateToolsCircle: boolean;
+    hideCreateToolsPoint: boolean;
+    hideCreateToolsPolygon: boolean;
+    hideCreateToolsPolyline: boolean;
+    hideCreateToolsRectangle: boolean;
+    hideDuplicateButton: boolean;
+    hideLabelsToggle: boolean;
+    hideSelectionToolsLassoSelection: boolean;
+    hideSelectionToolsRectangleSelection: boolean;
+    hideSettingsMenu: boolean;
+    hideSnappingControls: boolean;
+    hideSnappingControlsElementsEnabledToggle: boolean;
+    hideSnappingControlsElementsFeatureEnabledToggle: boolean;
+    hideSnappingControlsElementsLayerList: boolean;
+    hideSnappingControlsElementsSelfEnabledToggle: boolean;
+    hideTooltipsToggle: boolean;
+    hideUndoRedoMenu: boolean;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
+    /** The component's default label. */
     label: string;
     labelOptions: __esri.SketchLabelOptions;
-    layer: __esri.GraphicsLayer;
-    layout: "horizontal" | "vertical";
-    pointSymbol: __esri.SimpleMarkerSymbol | __esri.PointSymbol3D | __esri.TextSymbol | __esri.CIMSymbol | __esri.WebStyleSymbol;
+    layer: GraphicsLayer;
+    layout: "vertical" | "horizontal";
+    pointSymbol: __esri.SimpleMarkerSymbol | __esri.PictureMarkerSymbol | __esri.PointSymbol3D | __esri.TextSymbol | __esri.CIMSymbol | __esri.WebStyleSymbol;
     polygonSymbol: __esri.CIMSymbol | __esri.SimpleFillSymbol | __esri.PolygonSymbol3D;
     polylineSymbol: __esri.SimpleLineSymbol | __esri.CIMSymbol | __esri.LineSymbol3D;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    showSnappingControlsElementsHeader: boolean | undefined;
+    scale: "s" | "l" | "m";
+    showSnappingControlsElementsHeader: boolean;
     snappingOptions: __esri.SnappingOptions;
     readonly state: "ready" | "disabled" | "active";
     tooltipOptions: __esri.SketchTooltipOptions;
@@ -99,14 +106,14 @@ export declare class ArcgisSketch extends LitElement implements Use<typeof useSk
     redo(): Promise<void>;
     triggerUpdate(graphic: __esri.Graphic | __esri.Graphic[], updateOptions?: __esri.SketchViewModelUpdateUpdateOptions): Promise<void>;
     undo(): Promise<void>;
-    readonly arcgisCreate: CustomEvent<__esri.SketchCreateEvent>;
-    readonly arcgisDelete: CustomEvent<__esri.SketchDeleteEvent>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisCreate: TargetedEvent<this, __esri.SketchCreateEvent>;
+    readonly arcgisDelete: TargetedEvent<this, __esri.SketchDeleteEvent>;
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisRedo: CustomEvent<__esri.SketchRedoEvent>;
-    readonly arcgisUndo: CustomEvent<__esri.SketchUndoEvent>;
-    readonly arcgisUpdate: CustomEvent<__esri.SketchUpdateEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisRedo: TargetedEvent<this, __esri.SketchRedoEvent>;
+    readonly arcgisUndo: TargetedEvent<this, __esri.SketchUndoEvent>;
+    readonly arcgisUpdate: TargetedEvent<this, __esri.SketchUpdateEvent>;
 }
 export {};

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

@@ -1,27 +1,26 @@
 import { c as s } from "../../chunks/runtime.js";
-import { newLayersGraphicsLayer as o, newWidgetsSketch as l } from "@arcgis/core-adapter";
-import { usePropertyChange as a } from "@arcgis/components-controllers";
-import { m as n } from "../../chunks/useWidget.js";
-import { LitElement as d, createEvent as h, noShadowRoot as r } from "@arcgis/lumina";
+import { usePropertyChange as o } from "@arcgis/components-controllers";
 import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
+import l from "@arcgis/core/layers/GraphicsLayer.js";
+import a from "@arcgis/core/widgets/Sketch.js";
+import { LitElement as n, createEvent as h, noShadowRoot as d } from "@arcgis/lumina";
+import { m as r } from "../../chunks/useWidget.js";
 import { css as g } 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.13
-*/
-const p = g`arcgis-sketch{display:block}`, c = n(l);
-class m extends d {
+/*! 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.131 */
+const p = g`@layer{arcgis-sketch{display:block}}`, c = r(a);
+class m extends n {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.widget = c(this, { editConstructorProperties: this._editConstructorProperties }), this.viewModel = this.widget.viewModel, this.activeTool = this.widget.activeTool, this.autoDestroyDisabled = !1, this.availableCreateTools = this.widget.availableCreateTools, this.createGraphic = this.widget.createGraphic, this.creationMode = this.widget.creationMode, this.defaultCreateOptions = this.widget.defaultCreateOptions, this.defaultGraphicsLayerDisabled = !1, this.defaultUpdateOptions = this.widget.defaultUpdateOptions, this.hideCreateToolsCircle = this.widget.visibleElements.createTools.circle, this.hideCreateToolsPoint = this.widget.visibleElements.createTools.point, this.hideCreateToolsPolygon = this.widget.visibleElements.createTools.polygon, this.hideCreateToolsPolyline = this.widget.visibleElements.createTools.polyline, this.hideCreateToolsRectangle = this.widget.visibleElements.createTools.rectangle, this.hideDuplicateButton = this.widget.visibleElements.duplicateButton, this.hideLabelsToggle = this.widget.visibleElements.labelsToggle, this.hideSelectionToolsLassoSelection = this.widget.visibleElements.selectionTools["lasso-selection"], this.hideSelectionToolsRectangleSelection = this.widget.visibleElements.selectionTools["rectangle-selection"], this.hideSettingsMenu = this.widget.visibleElements.settingsMenu, this.hideSnappingControls = this.widget.visibleElements.snappingControls, this.hideSnappingControlsElementsEnabledToggle = this.widget.visibleElements.snappingControlsElements.enabledToggle, this.hideSnappingControlsElementsFeatureEnabledToggle = this.widget.visibleElements.snappingControlsElements.featureEnabledToggle, this.hideSnappingControlsElementsLayerList = this.widget.visibleElements.snappingControlsElements.layerList, this.hideSnappingControlsElementsSelfEnabledToggle = this.widget.visibleElements.snappingControlsElements.selfEnabledToggle, this.hideTooltipsToggle = this.widget.visibleElements.tooltipsToggle, this.hideUndoRedoMenu = this.widget.visibleElements.undoRedoMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.labelOptions = this.widget.labelOptions, this.layer = this.widget.layer, this.layout = this.widget.layout, this.pointSymbol = this.viewModel.pointSymbol, this.polygonSymbol = this.viewModel.polygonSymbol, this.polylineSymbol = this.viewModel.polylineSymbol, this.position = "bottom-left", this.showSnappingControlsElementsHeader = this.widget.visibleElements.snappingControlsElements.header, this.snappingOptions = this.widget.snappingOptions, this.state = this.widget.state, this.tooltipOptions = this.widget.tooltipOptions, this.updateGraphics = this.widget.updateGraphics, this.arcgisCreate = t(() => this.widget, "create"), this.arcgisDelete = t(() => this.widget, "delete"), this.arcgisPropertyChange = a()("state"), this.arcgisReady = h(), this.arcgisRedo = t(() => this.widget, "redo"), this.arcgisUndo = t(() => this.widget, "undo"), this.arcgisUpdate = t(() => this.widget, "update"), this.listen("arcgisReady", this._arcgisReadyHandler);
+    super(), this.widget = c(this, { editConstructorProperties: this._editConstructorProperties }), this.viewModel = this.widget.viewModel, this.activeTool = this.widget.activeTool, this.autoDestroyDisabled = !1, this.availableCreateTools = this.widget.availableCreateTools, this.createGraphic = this.widget.createGraphic, this.creationMode = this.widget.creationMode, this.defaultCreateOptions = this.widget.defaultCreateOptions, this.defaultGraphicsLayerDisabled = !1, this.defaultUpdateOptions = this.widget.defaultUpdateOptions, this.hideCreateToolsCircle = this.widget.visibleElements.createTools.circle, this.hideCreateToolsPoint = this.widget.visibleElements.createTools.point, this.hideCreateToolsPolygon = this.widget.visibleElements.createTools.polygon, this.hideCreateToolsPolyline = this.widget.visibleElements.createTools.polyline, this.hideCreateToolsRectangle = this.widget.visibleElements.createTools.rectangle, this.hideDuplicateButton = this.widget.visibleElements.duplicateButton, this.hideLabelsToggle = this.widget.visibleElements.labelsToggle, this.hideSelectionToolsLassoSelection = this.widget.visibleElements.selectionTools["lasso-selection"], this.hideSelectionToolsRectangleSelection = this.widget.visibleElements.selectionTools["rectangle-selection"], this.hideSettingsMenu = this.widget.visibleElements.settingsMenu, this.hideSnappingControls = this.widget.visibleElements.snappingControls, this.hideSnappingControlsElementsEnabledToggle = this.widget.visibleElements.snappingControlsElements.enabledToggle, this.hideSnappingControlsElementsFeatureEnabledToggle = this.widget.visibleElements.snappingControlsElements.featureEnabledToggle, this.hideSnappingControlsElementsLayerList = this.widget.visibleElements.snappingControlsElements.layerList, this.hideSnappingControlsElementsSelfEnabledToggle = this.widget.visibleElements.snappingControlsElements.selfEnabledToggle, this.hideTooltipsToggle = this.widget.visibleElements.tooltipsToggle, this.hideUndoRedoMenu = this.widget.visibleElements.undoRedoMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.labelOptions = this.widget.labelOptions, this.layer = this.widget.layer, this.layout = this.widget.layout, this.pointSymbol = this.viewModel.pointSymbol, this.polygonSymbol = this.viewModel.polygonSymbol, this.polylineSymbol = this.viewModel.polylineSymbol, this.position = "bottom-left", this.scale = this.widget.scale, this.showSnappingControlsElementsHeader = this.widget.visibleElements.snappingControlsElements.header, this.snappingOptions = this.widget.snappingOptions, this.state = this.widget.state, this.tooltipOptions = this.widget.tooltipOptions, this.updateGraphics = this.widget.updateGraphics, this.arcgisCreate = t(() => this.widget, "create"), this.arcgisDelete = t(() => this.widget, "delete"), this.arcgisPropertyChange = o()("state"), this.arcgisReady = h(), this.arcgisRedo = t(() => this.widget, "redo"), this.arcgisUndo = t(() => this.widget, "undo"), this.arcgisUpdate = t(() => this.widget, "update"), this.listen("arcgisReady", this._arcgisReadyHandler);
   }
   static {
-    this.properties = { activeTool: 3, autoDestroyDisabled: 5, availableCreateTools: 0, createGraphic: 0, creationMode: 1, defaultCreateOptions: 0, defaultGraphicsLayerDisabled: 5, defaultUpdateOptions: 0, hideCreateToolsCircle: 5, hideCreateToolsPoint: 5, hideCreateToolsPolygon: 5, hideCreateToolsPolyline: 5, hideCreateToolsRectangle: 5, hideDuplicateButton: 5, hideLabelsToggle: 5, hideSelectionToolsLassoSelection: 5, hideSelectionToolsRectangleSelection: 5, hideSettingsMenu: 5, hideSnappingControls: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideTooltipsToggle: 5, hideUndoRedoMenu: 5, icon: 1, label: 1, labelOptions: 0, layer: 0, layout: 1, pointSymbol: 0, polygonSymbol: 0, polylineSymbol: 0, position: 1, referenceElement: 1, showSnappingControlsElementsHeader: 5, snappingOptions: 0, state: 3, tooltipOptions: 0, updateGraphics: 0 };
+    this.properties = { activeTool: 3, autoDestroyDisabled: 5, availableCreateTools: 0, createGraphic: 0, creationMode: 1, defaultCreateOptions: 0, defaultGraphicsLayerDisabled: 5, defaultUpdateOptions: 0, hideCreateToolsCircle: 5, hideCreateToolsPoint: 5, hideCreateToolsPolygon: 5, hideCreateToolsPolyline: 5, hideCreateToolsRectangle: 5, hideDuplicateButton: 5, hideLabelsToggle: 5, hideSelectionToolsLassoSelection: 5, hideSelectionToolsRectangleSelection: 5, hideSettingsMenu: 5, hideSnappingControls: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideTooltipsToggle: 5, hideUndoRedoMenu: 5, icon: 1, label: 1, labelOptions: 0, layer: 0, layout: 1, pointSymbol: 0, polygonSymbol: 0, polylineSymbol: 0, position: 1, referenceElement: 1, scale: 1, showSnappingControlsElementsHeader: 5, snappingOptions: 0, state: 3, tooltipOptions: 0, updateGraphics: 0 };
   }
   static {
-    this.shadowRootOptions = r;
+    this.shadowRootOptions = d;
   }
   static {
     this.styles = p;
@@ -51,7 +50,7 @@ class m extends d {
     this.widget?.redo();
   }
   async triggerUpdate(e, i) {
-    return void this.widget?.update(e, i);
+    this.widget?.update(e, i);
   }
   async undo() {
     this.widget?.undo();
@@ -62,9 +61,7 @@ class m extends d {
     this.defaultGraphicsLayerDisabled || this.el.view?.map.add(this.widget.layer);
   }
   async _editConstructorProperties(e) {
-    return this.defaultGraphicsLayerDisabled || (e.layer ??= await o({
-      title: "Sketch Layer"
-    })), e;
+    return this.defaultGraphicsLayerDisabled || (e.layer ??= new l({ title: "Sketch Layer" })), e;
   }
 }
 s("arcgis-sketch", m);

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

@@ -1,15 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as Slice } from '@arcgis/core/widgets/Slice.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useSliceWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.Slice, "label" | "viewModel" | "icon" | "headingLevel" | "analysis"> & {
+} & Pick<Slice, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.SliceViewModel | undefined;
@@ -30,14 +32,16 @@ declare const useSliceWidget: (component: import('@arcgis/components-controllers
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.SliceProperties): __esri.SliceProperties | Promise<__esri.SliceProperties>;
-} | undefined) => __esri.Slice;
-export declare class ArcgisSlice extends LitElement implements Use<typeof useSliceWidget> {
+    editConstructorProperties(props: __esri.SliceProperties | undefined): __esri.SliceProperties | Promise<__esri.SliceProperties | undefined> | undefined;
+} | undefined) => Slice;
+/** Slice component is a 3D analysis tool that can be used to reveal occluded content in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+ */
+export declare class ArcgisSlice extends LitElement {
     readonly analysis: __esri.SliceAnalysis;
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
@@ -51,19 +55,20 @@ export declare class ArcgisSlice extends LitElement implements Use<typeof useSli
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
+    /** The component's default label. */
     label: string;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    shape: __esri.SlicePlane;
+    shape: nullish | __esri.SlicePlane;
     readonly state: "ready" | "disabled" | "slicing" | "sliced";
     tiltEnabled: boolean;
     clear(): Promise<void>;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
     start(): Promise<void>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "analysis";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -1,24 +1,22 @@
 import { c as e } from "../../chunks/runtime.js";
-import { newWidgetsSlice as t } from "@arcgis/core-adapter";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { m as i } from "../../chunks/useWidget.js";
-import { LitElement as a, createEvent as o, noShadowRoot as l } from "@arcgis/lumina";
+import { usePropertyChange as t } from "@arcgis/components-controllers";
+import s from "@arcgis/core/widgets/Slice.js";
+import { LitElement as i, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
+import { m as l } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.13
-*/
-const d = r`arcgis-slice{display:block}`, h = i(t);
-class c extends a {
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+v4.32.0-next.131 */
+const d = r`@layer{arcgis-slice{display:block}}`, h = l(s);
+class c extends i {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.analysis = this.widget.analysis, this.autoDestroyDisabled = !1, this.excludeGroundSurface = this.viewModel.excludeGroundSurface, this.excludedLayers = this.viewModel.excludedLayers, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.shape = this.viewModel.shape, this.state = this.viewModel.state, this.tiltEnabled = this.viewModel.tiltEnabled, this.arcgisPropertyChange = s()("analysis", "state"), this.arcgisReady = o();
+    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.analysis = this.widget.analysis, this.autoDestroyDisabled = !1, this.excludeGroundSurface = this.viewModel.excludeGroundSurface, this.excludedLayers = this.viewModel.excludedLayers, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.shape = this.viewModel.shape, this.state = this.viewModel.state, this.tiltEnabled = this.viewModel.tiltEnabled, this.arcgisPropertyChange = t()("analysis", "state"), this.arcgisReady = a();
   }
   static {
     this.properties = { analysis: 0, autoDestroyDisabled: 5, excludeGroundSurface: 5, excludedLayers: 0, headingLevel: 9, icon: 1, label: 1, position: 1, referenceElement: 1, shape: 0, state: 3, tiltEnabled: 5 };
   }
   static {
-    this.shadowRootOptions = l;
+    this.shadowRootOptions = o;
   }
   static {
     this.styles = d;

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

@@ -1,15 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as Slider } from '@arcgis/core/widgets/Slider.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useSliderWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.Slider, "values" | "label" | "viewModel" | "icon" | "layout" | "tickConfigs" | "draggableSegmentsEnabled" | "effectiveMax" | "effectiveMin" | "labelInputsEnabled" | "max" | "min" | "precision" | "rangeLabelInputsEnabled" | "snapOnClickEnabled" | "steps" | "syncedSegmentsEnabled" | "thumbsConstrained" | "trackElement"> & {
+} & Pick<Slider, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "ready" | "disabled" | "editing" | "dragging" | undefined;
     viewModel?: __esri.SliderViewModel | undefined;
@@ -30,20 +32,23 @@ declare const useSliderWidget: (component: import('@arcgis/components-controller
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.SliderProperties): __esri.SliderProperties | Promise<__esri.SliderProperties>;
-} | undefined) => __esri.Slider;
-export declare class ArcgisSlider extends LitElement implements Use<typeof useSliderWidget> {
+    editConstructorProperties(props: __esri.SliderProperties | undefined): __esri.SliderProperties | Promise<__esri.SliderProperties | undefined> | undefined;
+} | undefined) => Slider;
+/**
+ * @internal
+ */
+export declare class ArcgisSlider extends LitElement {
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporary hide it. If this
+     * component to a different place on the page, or temporarily hide it. If this
      * is set, make sure to call the \`destroy\` method when you are done to prevent
      * memory leaks.
      */
     autoDestroyDisabled: boolean;
     draggableSegmentsEnabled: boolean;
-    effectiveMax: number;
-    effectiveMin: number;
+    effectiveMax: number | nullish;
+    effectiveMin: number | nullish;
     readonly effectiveSegmentElements: __esri.Collection<HTMLElement>;
     /**
      * Icon which represents the component.
@@ -51,15 +56,16 @@ export declare class ArcgisSlider extends LitElement implements Use<typeof useSl
      * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
      */
     icon: string;
+    /** The component's default label. */
     label: string;
     readonly labelElements: __esri.Collection<HTMLElement>;
     labelInputsEnabled: boolean;
-    readonly labels: string[];
-    layout: "horizontal" | "vertical" | "horizontal-reversed" | "vertical-reversed";
-    max: number;
-    readonly maxLabelElement: HTMLElement;
-    min: number;
-    readonly minLabelElement: HTMLElement;
+    readonly labels: __esri.LabelInfos;
+    layout: "vertical" | "horizontal" | "horizontal-reversed" | "vertical-reversed";
+    max: number | nullish;
+    readonly maxLabelElement: HTMLElement | nullish;
+    min: number | nullish;
+    readonly minLabelElement: HTMLElement | nullish;
     position: __esri.UIPosition;
     precision: number;
     rangeLabelInputsEnabled: boolean;
@@ -67,30 +73,30 @@ export declare class ArcgisSlider extends LitElement implements Use<typeof useSl
     readonly segmentElements: __esri.Collection<HTMLElement>;
     snapOnClickEnabled: boolean;
     readonly state: "ready" | "disabled" | "editing" | "dragging";
-    steps: number | number[];
+    steps: number | nullish | number[];
     syncedSegmentsEnabled: boolean;
     readonly thumbElements: __esri.Collection<HTMLElement>;
     thumbsConstrained: boolean;
     tickConfigs: __esri.TickConfig[];
     readonly tickElements: __esri.Collection<__esri.Collection<__esri.TickElementGroup>>;
-    trackElement: HTMLElement;
-    values: number[];
+    readonly trackElement: HTMLElement | nullish;
+    values: nullish | number[];
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisMaxChange: CustomEvent<__esri.SliderMaxChangeEvent>;
-    readonly arcgisMaxClick: CustomEvent<__esri.SliderMaxClickEvent>;
-    readonly arcgisMinChange: CustomEvent<__esri.SliderMinChangeEvent>;
-    readonly arcgisMinClick: CustomEvent<__esri.SliderMinClickEvent>;
-    readonly arcgisPropertyChange: CustomEvent<{
+    readonly arcgisMaxChange: TargetedEvent<this, __esri.SliderMaxChangeEvent>;
+    readonly arcgisMaxClick: TargetedEvent<this, __esri.SliderMaxClickEvent>;
+    readonly arcgisMinChange: TargetedEvent<this, __esri.SliderMinChangeEvent>;
+    readonly arcgisMinClick: TargetedEvent<this, __esri.SliderMinClickEvent>;
+    readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisSegmentClick: CustomEvent<__esri.SliderSegmentClickEvent>;
-    readonly arcgisSegmentDrag: CustomEvent<__esri.SliderSegmentDragEvent>;
-    readonly arcgisThumbChange: CustomEvent<__esri.SliderThumbChangeEvent>;
-    readonly arcgisThumbClick: CustomEvent<__esri.SliderThumbClickEvent>;
-    readonly arcgisThumbDrag: CustomEvent<__esri.SliderThumbDragEvent>;
-    readonly arcgisTickClick: CustomEvent<__esri.SliderTickClickEvent>;
-    readonly arcgisTrackClick: CustomEvent<__esri.SliderTrackClickEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisSegmentClick: TargetedEvent<this, __esri.SliderSegmentClickEvent>;
+    readonly arcgisSegmentDrag: TargetedEvent<this, __esri.SliderSegmentDragEvent>;
+    readonly arcgisThumbChange: TargetedEvent<this, __esri.SliderThumbChangeEvent>;
+    readonly arcgisThumbClick: TargetedEvent<this, __esri.SliderThumbClickEvent>;
+    readonly arcgisThumbDrag: TargetedEvent<this, __esri.SliderThumbDragEvent>;
+    readonly arcgisTickClick: TargetedEvent<this, __esri.SliderTickClickEvent>;
+    readonly arcgisTrackClick: TargetedEvent<this, __esri.SliderTrackClickEvent>;
 }
 export {};

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

@@ -1,25 +1,23 @@
 import { c as i } from "../../chunks/runtime.js";
-import { newWidgetsSlider as s } from "@arcgis/core-adapter";
-import { usePropertyChange as n } from "@arcgis/components-controllers";
-import { m as a } from "../../chunks/useWidget.js";
-import { LitElement as h, createEvent as l, noShadowRoot as g } from "@arcgis/lumina";
+import { usePropertyChange as s } from "@arcgis/components-controllers";
 import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
+import n from "@arcgis/core/widgets/Slider.js";
+import { LitElement as a, createEvent as l, noShadowRoot as h } from "@arcgis/lumina";
+import { m as g } 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.32/esri/copyright.txt for details.
- * v4.32.0-next.13
-*/
-const c = m`arcgis-slider{min-width:200px;min-height:25px}`, r = a(s);
-class d extends h {
+/*! 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.131 */
+const c = m`@layer{arcgis-slider{min-width:200px;min-height:25px}}`, r = g(n);
+class d extends a {
   constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.draggableSegmentsEnabled = this.widget.draggableSegmentsEnabled, this.effectiveMax = this.widget.effectiveMax, this.effectiveMin = this.widget.effectiveMin, this.effectiveSegmentElements = this.widget.effectiveSegmentElements, this.icon = this.widget.icon, this.label = this.widget.label, this.labelElements = this.widget.labelElements, this.labelInputsEnabled = this.widget.labelInputsEnabled, this.labels = this.widget.labels, this.layout = this.widget.layout, this.max = this.widget.max, this.maxLabelElement = this.widget.maxLabelElement, this.min = this.widget.min, this.minLabelElement = this.widget.minLabelElement, this.position = "bottom-left", this.precision = this.widget.precision, this.rangeLabelInputsEnabled = this.widget.rangeLabelInputsEnabled, this.segmentElements = this.widget.segmentElements, this.snapOnClickEnabled = this.widget.snapOnClickEnabled, this.state = this.widget.state, this.steps = this.widget.steps, this.syncedSegmentsEnabled = this.widget.syncedSegmentsEnabled, this.thumbElements = this.widget.thumbElements, this.thumbsConstrained = this.widget.thumbsConstrained, this.tickConfigs = this.widget.tickConfigs, this.tickElements = this.widget.tickElements, this.trackElement = this.widget.trackElement, this.values = this.widget.values, this.arcgisMaxChange = t(() => this.widget, "max-change"), this.arcgisMaxClick = t(() => this.widget, "max-click"), this.arcgisMinChange = t(() => this.widget, "min-change"), this.arcgisMinClick = t(() => this.widget, "min-click"), this.arcgisPropertyChange = n()("state"), this.arcgisReady = l(), this.arcgisSegmentClick = t(() => this.widget, "segment-click"), this.arcgisSegmentDrag = t(() => this.widget, "segment-drag"), this.arcgisThumbChange = t(() => this.widget, "thumb-change"), this.arcgisThumbClick = t(() => this.widget, "thumb-click"), this.arcgisThumbDrag = t(() => this.widget, "thumb-drag"), this.arcgisTickClick = t(() => this.widget, "tick-click"), this.arcgisTrackClick = t(() => this.widget, "track-click");
+    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.draggableSegmentsEnabled = this.widget.draggableSegmentsEnabled, this.effectiveMax = this.widget.effectiveMax, this.effectiveMin = this.widget.effectiveMin, this.effectiveSegmentElements = this.widget.effectiveSegmentElements, this.icon = this.widget.icon, this.label = this.widget.label, this.labelElements = this.widget.labelElements, this.labelInputsEnabled = this.widget.labelInputsEnabled, this.labels = this.widget.labels, this.layout = this.widget.layout, this.max = this.widget.max, this.maxLabelElement = this.widget.maxLabelElement, this.min = this.widget.min, this.minLabelElement = this.widget.minLabelElement, this.position = "bottom-left", this.precision = this.widget.precision, this.rangeLabelInputsEnabled = this.widget.rangeLabelInputsEnabled, this.segmentElements = this.widget.segmentElements, this.snapOnClickEnabled = this.widget.snapOnClickEnabled, this.state = this.widget.state, this.steps = this.widget.steps, this.syncedSegmentsEnabled = this.widget.syncedSegmentsEnabled, this.thumbElements = this.widget.thumbElements, this.thumbsConstrained = this.widget.thumbsConstrained, this.tickConfigs = this.widget.tickConfigs, this.tickElements = this.widget.tickElements, this.trackElement = this.widget.trackElement, this.values = this.widget.values, this.arcgisMaxChange = t(() => this.widget, "max-change"), this.arcgisMaxClick = t(() => this.widget, "max-click"), this.arcgisMinChange = t(() => this.widget, "min-change"), this.arcgisMinClick = t(() => this.widget, "min-click"), this.arcgisPropertyChange = s()("state"), this.arcgisReady = l(), this.arcgisSegmentClick = t(() => this.widget, "segment-click"), this.arcgisSegmentDrag = t(() => this.widget, "segment-drag"), this.arcgisThumbChange = t(() => this.widget, "thumb-change"), this.arcgisThumbClick = t(() => this.widget, "thumb-click"), this.arcgisThumbDrag = t(() => this.widget, "thumb-drag"), this.arcgisTickClick = t(() => this.widget, "tick-click"), this.arcgisTrackClick = t(() => this.widget, "track-click");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, draggableSegmentsEnabled: 5, effectiveMax: 9, effectiveMin: 9, effectiveSegmentElements: 0, icon: 1, label: 1, labelElements: 0, labelInputsEnabled: 5, labels: 0, layout: 1, max: 9, maxLabelElement: 0, min: 9, minLabelElement: 0, position: 1, precision: 9, rangeLabelInputsEnabled: 5, referenceElement: 1, segmentElements: 0, snapOnClickEnabled: 5, state: 3, steps: [9, { converter: (e) => typeof e == "string" ? e.split(",").map(Number) : e }], syncedSegmentsEnabled: 5, thumbElements: 0, thumbsConstrained: 5, tickConfigs: 0, tickElements: 0, trackElement: 0, values: [1, { converter: (e) => typeof e == "string" ? e.split(",").map(Number) : e }] };
   }
   static {
-    this.shadowRootOptions = g;
+    this.shadowRootOptions = h;
   }
   static {
     this.styles = c;

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

@@ -1,64 +1,90 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
+/// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as SwipeViewModel } from '@arcgis/core/widgets/Swipe/SwipeViewModel.js';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useSwipeWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+declare const useSwipeViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.Swipe, "label" | "viewModel" | "icon" | "direction" | "dragLabel" | "leadingLayers" | "trailingLayers"> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: unknown;
-    viewModel?: __esri.SwipeViewModel | undefined;
-    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;
-        };
-        view?: __esri.MapView | __esri.SceneView | Nil;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
-    editConstructorProperties(props: __esri.SwipeProperties): __esri.SwipeProperties | Promise<__esri.SwipeProperties>;
-} | undefined) => __esri.Swipe;
-export declare class ArcgisSwipe extends LitElement implements Use<typeof useSwipeWidget> {
+} & Pick<SwipeViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<SwipeViewModel>, options?: {
+    editConstructorProperties(props: unknown): unknown;
+} | undefined) => SwipeViewModel;
+/** The Swipe component provides a tool to show a portion of a layer or layers on top of a map. Layers can be swiped vertically or horizontally to easily compare two layers or see what is underneath a layer.
+ *
+ * To use the Swipe component, set the `leadingLayers` and `trailingLayers`
+ * properties to determine what will be compared on either side of the component. If one of these properties
+ * is not set, then the Swipe component will overlay the existing map.
+ *
+ * __Note:__ This component is not currently supported within an `arcgis-scene` component.
+ */
+export declare class ArcgisSwipe extends LitElement {
+    /** */
+    private messages;
     /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporary hide it. If this
-     * is set, make sure to call the \`destroy\` method when you are done to prevent
-     * memory leaks.
+     * If true, the component will not be destroyed automatically when
+     * it is disconnected from the document. This is useful when you
+     * want to move the component to a different place on the page, or
+     * temporary hide it. If this is set, make sure to call the
+     * \`destroy\` method when you are done to prevent memory leaks.
      */
     autoDestroyDisabled: boolean;
-    direction: "horizontal" | "vertical";
-    dragLabel: string;
-    /** @private */
     /**
-     * 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.
+     * The direction the Swipe component moves across the view.
+     * If `"horizontal"`, the component will move left and right and
+     * if `"vertical"`, the component will move up and down.
+     */
+    direction: "vertical" | "horizontal";
+    /**
+     * When `true`, sets the component to a disabled state so the user cannot interact with it.
+     */
+    disabled: boolean;
+    /**
+     * When `true`, the divider between the leading and trailing layers will be hidden.
+     */
+    hideDivider: boolean;
+    /**
+     * When `true`, the handle from which you drag the component will be hidden.
+     */
+    hideHandle: boolean;
+    /**
+     * Icon which represents the component. It is typically used when the component is controlled by another
+     * one (e.g. in the Expand component).
+     *
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+     */
+    icon: Nil | string;
+    /**
+     * The component's default label.
+     */
+    label: Nil | string;
+    /**
+     * A collection of layers that will show on the left or top side of the Swipe component.
      */
-    icon: string;
     leadingLayers: __esri.Collection<__esri.Layer>;
-    readonly state: "ready" | "disabled";
+    /** Overwrite localized strings for this component */
+    messageOverrides?: typeof this.messages._overrides;
+    position: __esri.UIPosition;
+    /**
+     * The position of the Swipe component. This determines what percentage
+     * of the view will be taken up by the [leadingLayers](#leadingLayers).
+     */
     swipePosition: number;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    readonly state: "ready" | "disabled";
+    /**
+     * A collection of layers that will show on the right or bottom side of the Swipe component.
+     */
     trailingLayers: __esri.Collection<__esri.Layer>;
     /** 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 {};