@arcgis/map-components 4.33.0-next.125 → 4.33.0-next.126

package/dist/components/arcgis-print-format-select/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as n, noShadowRoot as p } from "@arcgis/lumina";
 import { f as c } from "../../chunks/utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
+v4.33.0-next.126 */
 class d extends n {
   constructor() {
     super(...arguments), this._formats = [];

package/dist/components/arcgis-print-layout-advanced-options/customElement.js

@@ -7,7 +7,7 @@ import { css as o } from "@lit/reactive-element/css-tag.js";
 import { u as r } from "../../chunks/useHandles.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.125 */
+v4.33.0-next.126 */
 const c = o`.arcgis-print__advanced-options-container{padding:var(--calcite-spacing-xxs);display:flex;flex-direction:column;gap:var(--calcite-spacing-xs)}`, h = "arcgis-print", p = {
   advancedOptionsContainer: `${h}__advanced-options-container`
 };

package/dist/components/arcgis-print-layout-panel/customElement.js

@@ -7,7 +7,7 @@ import { css as d } from "@lit/reactive-element/css-tag.js";
 import { u as m } from "../../chunks/useHandles.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.125 */
+v4.33.0-next.126 */
 const h = d`.arcgis-print__advanced-options-section{border:1px solid var(--calcite-color-border-1);margin-bottom:var(--calcite-spacing-sm)}.arcgis-print__layout-section{padding:var(--calcite-spacing-sm) var(--calcite-spacing-sm)}.arcgis-print__panel-container{display:flex;flex:1 0;flex-direction:column;gap:var(--calcite-spacing-sm)}`, a = "arcgis-print", s = {
   advancedOptionsSection: `${a}__advanced-options-section`,
   layoutSection: `${a}__layout-section`,

package/dist/components/arcgis-print-main-panel/customElement.js

@@ -7,7 +7,7 @@ import { u as c } from "../../chunks/useHandles.js";
 import { watch as r } 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.125 */
+v4.33.0-next.126 */
 const n = o`calcite-tab{--calcite-tab-content-block-padding: 0}calcite-loader{margin-right:var(--calcite-spacing-xxs)}`;
 class p extends i {
   constructor() {

package/dist/components/arcgis-print-map-only-advanced-options/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as s, safeClassMap as n } from "@arcgis/lumina";
 import { css as a } 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.125 */
+v4.33.0-next.126 */
 const r = a`.arcgis-print__advanced-options-container{padding:var(--calcite-spacing-xxs);display:flex;flex-direction:column;gap:var(--calcite-spacing-xs)}`, c = "arcgis-print", o = {
   advancedOptionsContainer: `${c}__advanced-options-container`
 };

package/dist/components/arcgis-print-map-only-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as o, safeClassMap as a } from "@arcgis/lumina";
 import { css as p } 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.125 */
+v4.33.0-next.126 */
 const d = p`.arcgis-print__advanced-options-section{border:1px solid var(--calcite-color-border-1);margin-bottom:var(--calcite-spacing-sm)}.arcgis-print__map-only-section{padding:var(--calcite-spacing-sm) var(--calcite-spacing-sm)}.arcgis-print__panel-container{display:flex;flex:1 0;flex-direction:column;gap:var(--calcite-spacing-sm)}.arcgis-print__size-container{--button-width: 32px;display:inline-grid;grid-template-columns:1fr 1fr var(--button-width);column-gap:var(--calcite-spacing-xs);width:100%}.arcgis-print__swap-button{flex:1 0 auto;border:none;color:var(--calcite-color-border-input);align-self:flex-end;margin-bottom:var(--calcite-spacing-md)}.arcgis-print__swap-button calcite-button{width:var(--button-width);height:var(--button-width)}`, s = "arcgis-print", t = {
   advancedOptionsSection: `${s}__advanced-options-section`,
   mapOnlySection: `${s}__map-only-section`,

package/dist/components/arcgis-print-out-spatial-reference-input/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as d, safeClassMap as l } from "@arcgis/lumina";
 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.125 */
+v4.33.0-next.126 */
 const m = f`.arcgis-print__sr-label{display:flex;gap:var(--calcite-spacing-xs)}.arcgis-print__invalid-wkid-text{color:var(--calcite-color-status-danger);font-size:var(--calcite-font-size--0)}`, n = "arcgis-print", s = {
   srLabel: `${n}__sr-label`,
   invalidWkidText: `${n}__invalid-wkid-text`

package/dist/components/arcgis-print-preview-input/customElement.js

@@ -4,7 +4,7 @@ import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as s, noShadowRoot as a } from "@arcgis/lumina";
 /*! 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.125 */
+v4.33.0-next.126 */
 class n extends s {
   constructor() {
     super(...arguments), this._showPrintAreaEnabled = !1;

package/dist/components/arcgis-print-scale-section/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as p, safeClassMap as i } 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.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
+v4.33.0-next.126 */
 const u = d`.arcgis-print__scale-input-container{display:flex;align-items:center;padding-bottom:var(--calcite-spacing-md)}.arcgis-print__scale-input-container .arcgis-print__scale-input{flex-grow:1}`, l = "arcgis-print", c = {
   scaleInfoContainer: `${l}__scale-info-container`,
   scaleInputContainer: `${l}__scale-input-container`,

package/dist/components/arcgis-print-template-select/customElement.js

@@ -8,7 +8,7 @@ import { g as p, a as d, b as h, c as _ } from "../../chunks/utils.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.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
+v4.33.0-next.126 */
 const u = g`.arcgis-print__template-select-container{border:1px solid var(--calcite-color-border-1);cursor:pointer}.arcgis-print__template-select-container .arcgis-print__template-select-error,.arcgis-print__template-select-container .arcgis-print__template-select-arrow{display:flex;align-self:center;margin-right:var(--calcite-spacing-md)}`, s = "arcgis-print", c = {
   templateSelectContainer: `${s}__template-select-container`,
   templateSelectError: `${s}__template-select-error`,

package/dist/components/arcgis-print-template-selector/customElement.js

@@ -8,7 +8,7 @@ import { css as y } from "@lit/reactive-element/css-tag.js";
 import { u as L } from "../../chunks/useHandles.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.125 */
+v4.33.0-next.126 */
 const S = y`.arcgis-print__template-select-flow-item-container{display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden;flex-grow:1}.arcgis-print__template-select-flow-item-container .arcgis-print__template-select-flow-item-content{display:flex;flex-direction:column;overflow-y:auto;flex:1 0}.arcgis-print__template-select-flow-item-container .arcgis-print__template-select-flow-item-content .arcgis-print__template-select-flow-item-list-heading{display:flex;gap:var(--calcite-spacing-xs);align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);background-color:var(--calcite-color-foreground-2);border-bottom:1px solid var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-semibold)}.arcgis-print__template-button-container{padding:var(--calcite-spacing-md)}.arcgis-print__template-done-button{width:100%}`, o = "arcgis-print", a = {
   templateSelectError: `${o}__template-select-error`,
   templateButtonContainer: `${o}__template-button-container`,

package/dist/components/arcgis-scale-bar/customElement.js

@@ -12,7 +12,7 @@ import { m as D } from "../../chunks/useViewModel.js";
 import { g as v } from "../../chunks/globalCss.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.125 */
+v4.33.0-next.126 */
 function $(f = 0, e = 0) {
   return { x: f, y: e };
 }

package/dist/components/arcgis-scale-range-slider/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.125 */
+v4.33.0-next.126 */
 const r = n`@layer{arcgis-scale-range-slider{display:block}}`, c = o(t);
 class h extends s {
   constructor() {

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

@@ -50,10 +50,10 @@ declare const useSceneView: (component: LitElement & Omit<Pick<SceneView, "conta
  * of the ArcGIS Maps SDK for JavaScript.
  *
  * ```js
- * const arcgisScene = document.querySelector("arcgis-scene");
- * arcgisScene.addEventListener("arcgisViewReadyChange", () => {
+ * const viewElement = document.querySelector("arcgis-scene");
+ * viewElement.addEventListener("arcgisViewReadyChange", () => {
  *   const layer = new GraphicsLayer({ title: "My layer"});
- *   arcgisScene.map.add(layer);
+ *   viewElement.map.add(layer);
  * });
  * ```
  *
@@ -266,7 +266,7 @@ export declare class ArcgisScene extends LitElement {
     /**
      * Options for configuring the highlight.
      *
-     * @deprecated As of 4.32, use [highlights](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#highlights) property instead.
+     * @deprecated since 4.32. Use [highlights](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#highlights) property instead.
      */
     highlightOptions: __esri.HighlightOptions;
     /**
@@ -501,8 +501,8 @@ export declare class ArcgisScene extends LitElement {
      * from each layer that intersects the specified screen coordinates.
      *
      * ```
-     * arcgisScene.addEventListener("arcgisViewClick", (event) => {
-     *   arcgisScene.hitTest(event.detail).then((response) => {
+     * viewElement.addEventListener("arcgisViewClick", (event) => {
+     *   viewElement.hitTest(event.detail).then((response) => {
      *      const result = response.results[0];
      *      if (result?.type === "graphic") {
      *         const { longitude, latitude } = result.mapPoint;
@@ -569,8 +569,8 @@ export declare class ArcgisScene extends LitElement {
      * Fires after a user clicks on the view.
      *
      * ```
-     * arcgisScene.addEventListener("arcgisViewClick", (event) => {
-     *   arcgisScene.hitTest(event.detail).then((response) => {
+     * viewElement.addEventListener("arcgisViewClick", (event) => {
+     *   viewElement.hitTest(event.detail).then((response) => {
      *      const result = response.results[0];
      *      // ....
      *   });
@@ -682,9 +682,9 @@ export declare class ArcgisScene extends LitElement {
      * This event will also emit if the [map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#map) property is changed.
      *
      * ```
-     * arcgisScene.addEventListener("arcgisViewReadyChange", () => {
+     * viewElement.addEventListener("arcgisViewReadyChange", () => {
      *    const layer = new GraphicsLayer({ title: "My layer"});
-     *    arcgisScene.map.add(layer);
+     *    viewElement.map.add(layer);
      * });
      * ```
      */

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

@@ -9,15 +9,13 @@ import { css as u } from "@lit/reactive-element/css-tag.js";
 import y from "@arcgis/core/Camera.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.125 */
+v4.33.0-next.126 */
 const f = u`@layer{arcgis-scene{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, b = h(m, {}), V = h(c, {});
 class E extends p {
   constructor() {
     super(), this._map = b(this), this.view = V(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.highlightOptions = this.view.highlightOptions, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.updating = this.view.updating, this.viewingMode = this.view.viewingMode, this.visibleArea = this.view.visibleArea, this.arcgisViewChange = a(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = a(), this.view.ui = {
       components: ["attribution"]
     };
-    const i = this;
-    i.el.childElem = document.createElement("div"), i.el.append(i.el.childElem), this.view.container = i.el.childElem;
   }
   static {
     this.properties = { _map: 16, view: 32, allLayerViews: 0, alphaCompositingEnabled: 5, analyses: 0, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 0, highlights: 0, highlightOptions: 0, interacting: 32, itemId: 3, layerViews: 0, magnifier: 0, map: 0, navigating: 32, navigation: 0, padding: 0, performanceInfo: 32, popup: 0, popupDisabled: 5, qualityProfile: 1, ready: 4, resolution: 32, scale: 9, spatialReference: 0, stationary: 32, suspended: 7, theme: 0, timeExtent: 0, updating: 4, viewingMode: 1, viewpoint: 0, visibleArea: 0, zoom: 9 };
@@ -170,6 +168,10 @@ class E extends p {
   async whenLayerView(i) {
     return await this.view.whenLayerView(i);
   }
+  load() {
+    const i = this;
+    i.el.childElem = document.createElement("div"), i.el.append(i.el.childElem), this.view.container = i.el.childElem;
+  }
   loaded() {
     this.map ||= this._map, this.manager.onLifecycle(() => [
       s(() => this.map, () => this._map = this.map, { initial: !0, sync: !0 }),

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

@@ -69,7 +69,7 @@ export declare class ArcgisSearch extends LitElement {
      * String value used as a hint for input text when searching on multiple sources. See
      * the image below to view the location and style of this text in the context of the component.
      *
-     * ![search-allPlaceholder](../assets/img/apiref/widgets/search-allplaceholder.png)
+     * ![search-allPlaceholder](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-allplaceholder.png)
      *
      * @default "Find address or place"
      */
@@ -121,7 +121,7 @@ export declare class ArcgisSearch extends LitElement {
     /**
      * Enables location services within the component.
      *
-     * ![locationEnabled](../assets/img/apiref/widgets/search-locationEnabled.png)
+     * ![locationEnabled](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-locationEnabled.png)
      *
      * ::: esri-md class="warning"
      * The use of this property is only supported on secure origins.
@@ -207,11 +207,11 @@ export declare class ArcgisSearch extends LitElement {
      * Indicates whether to display the option to search all sources. When `true`, the "All" option
      * is displayed by default:
      *
-     * ![search-searchAllEnabled-true](../assets/img/apiref/widgets/search-enablesearchingall-true.png)
+     * ![search-searchAllEnabled-true](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-true.png)
      *
      * When `false`, no option to search all sources at once is available:
      *
-     * ![search-searchAllEnabled-false](../assets/img/apiref/widgets/search-enablesearchingall-false.png)
+     * ![search-searchAllEnabled-false](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/search-enablesearchingall-false.png)
      *
      * @default true
      */

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

@@ -16,7 +16,7 @@ import { u as T } from "../../chunks/useT9n.js";
 import { watch as A } 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.125 */
+v4.33.0-next.126 */
 const u = "arcgis-search", h = {
   base: u,
   autocomplete: `${u}__autocomplete`,

package/dist/components/arcgis-search-result-renderer/customElement.js

@@ -7,7 +7,7 @@ import { css as $ } from "@lit/reactive-element/css-tag.js";
 import { watch as d } 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.125 */
+v4.33.0-next.126 */
 const i = "arcgis-search-result-renderer", o = {
   base: i,
   showMoreResults: `${i}__more-results--show-more-results`,

package/dist/components/arcgis-shadow-cast/customElement.js

@@ -6,7 +6,7 @@ import { m as l } from "../../chunks/useWidget.js";
 import { css as a } 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.125 */
+v4.33.0-next.126 */
 const r = a`@layer{arcgis-shadow-cast{display:block}}`, n = l(s);
 class m extends o {
   constructor() {

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

@@ -8,7 +8,7 @@ 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.33/esri/copyright.txt for details.
-v4.33.0-next.125 */
+v4.33.0-next.126 */
 const p = g`@layer{arcgis-sketch{display:block}}`, c = r(n);
 class m extends a {
   constructor() {

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

@@ -0,0 +1,71 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { ConstructProperties as AnalysisViewModelConstructProperties, AnalysisViewModel } from '../../support/AnalysisViewModel';
+import { default as SceneView } from '@arcgis/core/views/SceneView';
+import { default as SliceAnalysis } from '@arcgis/core/analysis/SliceAnalysis.js';
+import { default as Layer } from '@arcgis/core/layers/Layer';
+import { default as Collection } from '@arcgis/core/core/Collection.js';
+import { default as SliceAnalysisView3D } from '@arcgis/core/views/3d/analysis/SliceAnalysisView3D';
+export type SliceableLayer = __esri.BuildingComponentSublayer | Layer;
+export type LayersMode = "exclude" | "none";
+interface ConstructProperties extends AnalysisViewModelConstructProperties<SceneView, SliceAnalysis> {
+    shape: __esri.SlicePlane | nullish;
+    tiltEnabled: boolean;
+    excludedLayers: Collection<SliceableLayer>;
+    excludeGroundSurface: boolean;
+}
+declare class SliceViewModel extends AnalysisViewModel<SceneView, SliceAnalysis> implements ConstructProperties {
+    private _exludingLayers;
+    pickLayerToExclude(): Promise<void>;
+    place(options?: {
+        signal?: AbortSignal;
+    }): Promise<void>;
+    protected clearAnalysis(): void;
+    constructor(properties?: Partial<ConstructProperties>);
+    destroy(): void;
+    /**
+     * The view model's state.
+     *
+     * Value | Description
+     * ------------|-------------
+     * disabled | not ready yet
+     * ready | ready for slicing
+     * slicing | currently slicing
+     * sliced | finished slicing
+     */
+    get state(): "disabled" | "excludingLayer" | "ready" | "sliced" | "slicing";
+    /**
+     * The shape used to slice elements in a 3D scene.
+     * Currently the only supported shape is a plane.
+     */
+    get shape(): __esri.SlicePlane | nullish;
+    set shape(value: __esri.SlicePlane | nullish);
+    /**
+     * Enable tilting the slice shape. If set to true, the slice shape will orient itself as best as
+     * possible to the surface under the cursor when first placing the shape. If set to false, the slice shape is
+     * restricted to be either horizontal or vertical.
+     */
+    get tiltEnabled(): boolean;
+    set tiltEnabled(enabled: boolean);
+    get layersMode(): LayersMode;
+    /**
+     * Add layers to this collection to exclude them from the slice. Layers that
+     * are draped on the ground surface are not affected by this property
+     */
+    get excludedLayers(): Collection<SliceableLayer>;
+    set excludedLayers(value: Collection<SliceableLayer> | SliceableLayer[]);
+    /**
+     * Indicates whether the {@link https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html Ground} and layers that
+     * are draped on the ground surface are excluded from the slice.
+     */
+    get excludeGroundSurface(): boolean;
+    set excludeGroundSurface(value: boolean);
+    protected readonly supportedViewType = "3d";
+    protected readonly unsupportedErrorMessage = "SliceViewModel is only supported in 3D views.";
+    /**
+     * Starts the interactive creation of a new slice, clearing the previous [shape](#shape).
+     */
+    start(): Promise<void>;
+    protected onConnectToAnalysisView(analysisView: SliceAnalysisView3D): void;
+    protected constructAnalysis(): SliceAnalysis;
+}
+export default SliceViewModel;

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

@@ -0,0 +1,14 @@
+export declare const css: {
+    readonly base: "arcgis-slice";
+    readonly actions: "arcgis-slice__actions";
+    readonly cancelButton: "arcgis-slice__cancel-button";
+    readonly container: "arcgis-slice__container";
+    readonly error: "arcgis-slice__error";
+    readonly excludeButton: "arcgis-slice__exclude-button";
+    readonly hint: "arcgis-slice__hint";
+    readonly hintText: "arcgis-slice__hint-text";
+    readonly layerItem: "arcgis-slice__layer-item";
+    readonly layerList: "arcgis-slice__layer-list";
+    readonly layerListHeading: "arcgis-slice__layer-list-title";
+    readonly newSliceButton: "arcgis-slice__clear-button";
+};

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

@@ -2,43 +2,20 @@
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
-import { default as Slice } from '@arcgis/core/widgets/Slice.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { default as SliceViewModel, SliceableLayer } from './SliceViewModel';
+import { HeadingLevel } from '../../support/heading';
 
-declare const useSliceWidget: (component: LitElement & Pick<Slice, "icon" | "label" | "viewModel" | "headingLevel" | "analysis"> & {
-    state?: unknown;
-    viewModel?: __esri.SliceViewModel | undefined;
-    closed?: boolean;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => Slice;
+declare const useSliceViewModel: (component: LitElement & Pick<SliceViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<SliceViewModel>) => SliceViewModel;
 /**
  * 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).
  *
  * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slice/)
  */
 export declare class ArcgisSlice extends LitElement {
-    /**
-     * The slice analysis object being created or modified by the widget.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slice.html#analysis)
-     */
-    readonly analysis: __esri.SliceAnalysis;
+    /** Analysis data object. */
+    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
@@ -53,57 +30,51 @@ export declare class ArcgisSlice extends LitElement {
      * Indicates whether the [Ground](https://developers.arcgis.com/javascript/latest/api-reference/esri-Ground.html) and layers that
      * are draped on the ground surface are excluded from the slice.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slice-SliceViewModel.html#excludeGroundSurface)
-     *
      * @default false
      */
     excludeGroundSurface: boolean;
     /**
-     * Add layers to this collection to exclude them from the slice.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slice-SliceViewModel.html#excludedLayers)
+     * Add layers to this collection to exclude them from the slice. Layers that
+     * are draped on the ground surface are not affected by this property
      */
-    excludedLayers: __esri.Collection<__esri.Layer | __esri.BuildingComponentSublayer>;
+    excludedLayers: __esri.Collection<SliceableLayer>;
+    /** @default 3 */
+    headingLevel: HeadingLevel;
+    /** @default false */
+    get hasVoxelLayers(): boolean;
     /**
-     * Indicates the heading level to use for the "Excluded layers" heading.
-     *
-     * @default 3
-     */
-    headingLevel: number;
-    /**
-     * Icon which represents the widget.
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
      *
      * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "slice"
      */
-    icon: string;
-    /**
-     * The widget's default label.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slice.html#label)
-     */
-    label: string;
+    icon: HTMLCalciteIconElement["icon"] | Nil;
+    /** The component's default label. */
+    label: string | undefined;
     /** @default "bottom-left" */
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     /**
      * The shape used to slice elements in a 3D scene.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slice-SliceViewModel.html#shape)
+     * Currently the only supported shape is a plane.
      */
     shape: nullish | __esri.SlicePlane;
     /**
      * The view model's state.
      *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slice-SliceViewModel.html#state)
-     *
-     * @default "disabled"
+     * Value | Description
+     * ------------|-------------
+     * disabled | not ready yet
+     * ready | ready for slicing
+     * slicing | currently slicing
+     * sliced | finished slicing
      */
-    readonly state: "ready" | "disabled" | "slicing" | "sliced";
+    state: "ready" | "disabled" | "excludingLayer" | "sliced" | "slicing";
     /**
-     * Enable tilting the slice shape.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slice-SliceViewModel.html#tiltEnabled)
+     * Enable tilting the slice shape. If set to true, the slice shape will orient itself as best as
+     * possible to the surface under the cursor when first placing the shape. If set to false, the slice shape is
+     * restricted to be either horizontal or vertical.
      *
      * @default false
      */