@arcgis/map-components 5.2.0-next.154 → 5.2.0-next.156

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

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as F } from "../../chunks/runtime.js";
-import { css as H, noChange as x, html as v } from "lit";
+import { css as H, noChange as x, html as m } from "lit";
 import { substitute as q } from "@arcgis/core/intl.js";
 import { usePropertyChange as z, useWatchAttributes as N } from "@arcgis/lumina/controllers";
 import { reEmitEvent as f } from "@arcgis/lumina-toolkit/reEmitEvent";
 import j from "@arcgis/core/layers/GraphicsLayer.js";
 import J from "@arcgis/core/symbols/TextSymbol.js";
 import { LitElement as Q, createEvent as X, nothing as I } from "@arcgis/lumina";
-import { watch as m, on as Y, whenOnce as Z } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as v, on as Y, whenOnce as Z } from "@arcgis/core/core/reactiveUtils.js";
 import { u as ee } from "../../chunks/useT9n.js";
 import { m as te } from "../../chunks/useViewModel.js";
 import { V as T } from "../../chunks/visible-element.js";
@@ -17,11 +17,11 @@ import { S as oe } from "../../chunks/resources.js";
 import { getOrCreateMapValue as W, createReactiveMap as se } from "@arcgis/core/applications/Components/featureUtils.js";
 import { LayoutPriorities as y } from "@arcgis/common-components";
 import ne from "@arcgis/core/core/Accessor.js";
-import { property as c, subclass as le } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { property as a, subclass as le } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { ignoreAbortErrors as C } from "@arcgis/core/core/promiseUtils.js";
 import ae from "@arcgis/core/widgets/Sketch/VisibleElements.js";
 import re from "@arcgis/core/widgets/support/SelectionToolbar/SelectionToolbarViewModel.js";
-import { m as ce } from "../../chunks/handle.js";
+import { c as ce } from "../../chunks/loader-utils.js";
 import { AsyncDirective as de } from "lit/async-directive.js";
 import { directive as he, PartType as pe } from "lit/directive.js";
 import { r as ue } from "../../chunks/async-utils.js";
@@ -84,45 +84,13 @@ const ve = H`.editing-controls-panel{min-inline-size:100px;max-inline-size:400px
     defaultPriority: y.Default,
     groupKind: "actions"
   }
-}, Ce = 500, be = 1e3;
-function Te({
-  getLoading: i,
-  setEffectiveLoading: e
-}) {
-  let t, o;
-  function s() {
-    clearTimeout(o), o = void 0;
-  }
-  function r(n) {
-    t = n ? Date.now() : void 0, e(n);
-  }
-  function h(n, p) {
-    if (n <= 0) {
-      r(p);
-      return;
-    }
-    o = setTimeout(() => {
-      s(), r(p);
-    }, n);
-  }
-  r(i());
-  const u = m(
-    i,
-    (n) => {
-      s(), n ? h(Ce, !0) : h(t == null ? 0 : be - (Date.now() - t), !1);
-    },
-    { sync: !0 }
-  );
-  return ce(() => {
-    u.remove(), s();
-  });
-}
-var we = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, a = (i, e, t, o) => {
-  for (var s = o > 1 ? void 0 : o ? Se(e, t) : e, r = i.length - 1, h; r >= 0; r--)
-    (h = i[r]) && (s = (o ? h(e, t, s) : h(s)) || s);
-  return o && s && we(e, t, s), s;
 };
-let l = class extends ne {
+var Ce = Object.defineProperty, be = Object.getOwnPropertyDescriptor, l = (i, e, t, o) => {
+  for (var s = o > 1 ? void 0 : o ? be(e, t) : e, d = i.length - 1, h; d >= 0; d--)
+    (h = i[d]) && (s = (o ? h(e, t, s) : h(s)) || s);
+  return o && s && Ce(e, t, s), s;
+};
+let n = class extends ne {
   //#region Lifecycle
   constructor(i) {
     super(i), this._effectiveRenderStateCache = /* @__PURE__ */ new Map(), this._effectiveGeometrySimplificationInProgress = !1, this.visibleElements = new ae(), this.settingsPopoverOpen = !1, this.availableCreateTools = [
@@ -137,20 +105,20 @@ let l = class extends ne {
   }
   initialize() {
     this.selectionViewModel ??= new re({ persistSelection: !1 }), this.addHandles([
-      m(
+      v(
         () => this.sketchViewModel,
         (i, e) => {
           i !== e && this._effectiveRenderStateCache.clear();
         },
         { sync: !0 }
       ),
-      Te({
+      ce({
         getLoading: () => this.sketchViewModel?.geometrySimplificationInProgress ?? !1,
         setEffectiveLoading: (i) => {
           this._effectiveGeometrySimplificationInProgress = i;
         }
       }),
-      m(
+      v(
         () => this.view,
         (i) => {
           this.selectionViewModel.view = i;
@@ -158,7 +126,7 @@ let l = class extends ne {
         { initial: !0, sync: !0 }
       ),
       // Ensure the SelectionViewModel always has the latest layer
-      m(
+      v(
         () => this.sketchViewModel?.layer,
         (i) => this.selectionViewModel.sources = i ? [i] : [],
         { initial: !0, sync: !0 }
@@ -167,7 +135,7 @@ let l = class extends ne {
         i.length && this.update(i);
       }),
       // Cancel active tool when selection activates
-      m(
+      v(
         () => this.selectionViewModel.activeOperation,
         (i) => {
           i && (this.sketchViewModel?.cancel(), this._activeCustomToolOptions = void 0);
@@ -181,7 +149,7 @@ let l = class extends ne {
           i.state === "complete" && this.sketchViewModel?.creationMode !== "continuous" && (this._activeCustomToolOptions = void 0);
         }
       ),
-      m(
+      v(
         () => this.visibleElements.settingsMenu,
         (i) => {
           i || (this.settingsPopoverOpen = !1);
@@ -237,27 +205,27 @@ let l = class extends ne {
     const { sketchViewModel: i } = this;
     if (!i)
       return [];
-    const e = i.effectiveAvailablePlugins, t = this.state === "disabled", o = this.visibleElements.createTools, s = this.activeTool, r = this._activeCustomToolOptions, h = r || !i.firstPluginWithSwappableLeaf ? this._customToolOptions : [], u = i.rootPlugins, n = h?.map((d) => ({
-      active: d === r,
+    const e = i.effectiveAvailablePlugins, t = this.state === "disabled", o = this.visibleElements.createTools, s = this.activeTool, d = this._activeCustomToolOptions, h = d || !i.firstPluginWithSwappableLeaf ? this._customToolOptions : [], u = i.rootPlugins, r = h?.map((c) => ({
+      active: c === d,
       disabled: t,
-      icon: d.icon,
-      labelKey: d.label,
-      onClick: d === r ? () => this._cancelActiveOperation() : () => this._activateLegacyDrawTool(d.toolName, d.createOptions, d)
+      icon: c.icon,
+      labelKey: c.label,
+      onClick: c === d ? () => this._cancelActiveOperation() : () => this._activateLegacyDrawTool(c.toolName, c.createOptions, c)
     })) ?? [];
-    if (r && u)
-      return [...this._pluginsToActions(u), ...n];
+    if (d && u)
+      return [...this._pluginsToActions(u), ...r];
     if (e?.length && this.view?.type !== "3d")
-      return [...this._pluginsToActions(e), ...n];
-    const p = this.view?.type === "3d";
+      return [...this._pluginsToActions(e), ...r];
+    const g = this.view?.type === "3d";
     return [
-      ...this.availableCreateTools?.filter((d) => p && d === "multipoint" ? !1 : d === "mesh" ? !0 : o[d])?.map((d) => ({
-        active: d === s,
+      ...this.availableCreateTools?.filter((c) => g && c === "multipoint" ? !1 : c === "mesh" ? !0 : o[c])?.map((c) => ({
+        active: c === s,
         disabled: t,
-        icon: fe[d],
-        labelKey: `draw.${d}`,
-        onClick: d === s ? () => this._cancelActiveOperation() : () => this._activateLegacyDrawTool(d)
+        icon: fe[c],
+        labelKey: `draw.${c}`,
+        onClick: c === s ? () => this._cancelActiveOperation() : () => this._activateLegacyDrawTool(c)
       })) ?? [],
-      ...n
+      ...r
     ];
   }
   get _shouldShowBackButton() {
@@ -305,8 +273,8 @@ let l = class extends ne {
     return t === "polygon" && o === "freehand" && e?.includes("freehandPolygon") ? "freehandPolygon" : t === "polyline" && o === "freehand" && e?.includes("freehandPolyline") ? "freehandPolyline" : t ?? void 0;
   }
   get _selectionCommands() {
-    const { state: i, visibleElements: e, _activeSelectionTool: t, _customActions: o } = this, s = this.state === "disabled", r = [];
-    this.sketchViewModel?.updateOnGraphicClick !== !1 && r.push({
+    const { state: i, visibleElements: e, _activeSelectionTool: t, _customActions: o } = this, s = this.state === "disabled", d = [];
+    this.sketchViewModel?.updateOnGraphicClick !== !1 && d.push({
       active: i === "ready" && this._activeSelectionTool == null,
       disabled: s,
       icon: "cursor",
@@ -314,13 +282,13 @@ let l = class extends ne {
       onClick: () => this._activateDefaultSelectionTool()
     });
     const h = e.selectionTools;
-    h["rectangle-selection"] && r.push({
+    h["rectangle-selection"] && d.push({
       active: t === "rectangle-selection",
       disabled: s,
       icon: "cursor-marquee",
       labelKey: "rectangleSelection",
       onClick: () => this._activateSelectionTool("rectangle-selection")
-    }), h["lasso-selection"] && r.push({
+    }), h["lasso-selection"] && d.push({
       active: t === "lasso-selection",
       disabled: s,
       icon: "lasso-select",
@@ -328,7 +296,7 @@ let l = class extends ne {
       onClick: () => this._activateSelectionTool("lasso-selection")
     });
     const u = o?.get("selection-toolbar");
-    return u && r.push(...this._customActionsToSketchActions(u)), r;
+    return u && d.push(...this._customActionsToSketchActions(u)), d;
   }
   get _selectionSetActions() {
     const i = this.sketchViewModel?.updateGraphics.length ?? 0;
@@ -601,88 +569,88 @@ let l = class extends ne {
   }
   // #endregion
 };
-a([
-  c()
-], l.prototype, "_isEffectiveRenderStateFrozen", 1);
-a([
-  c()
-], l.prototype, "_effectiveGeometrySimplificationInProgress", 2);
-a([
-  c()
-], l.prototype, "_state", 1);
-a([
-  c()
-], l.prototype, "_customToolOptions", 2);
-a([
-  c()
-], l.prototype, "_activeCustomToolOptions", 2);
-a([
-  c()
-], l.prototype, "_customActions", 2);
-a([
-  c()
-], l.prototype, "selectionViewModel", 2);
-a([
-  c()
-], l.prototype, "_activeSelectionTool", 1);
-a([
-  c()
-], l.prototype, "_activePluginUniqueIds", 1);
-a([
-  c()
-], l.prototype, "_createToolActions", 1);
-a([
-  c()
-], l.prototype, "_shouldShowBackButton", 1);
-a([
-  c()
-], l.prototype, "_selectionToolActions", 1);
-a([
-  c()
-], l.prototype, "_settingsActions", 1);
-a([
-  c()
-], l.prototype, "_activeTool", 1);
-a([
-  c()
-], l.prototype, "_selectionCommands", 1);
-a([
-  c()
-], l.prototype, "_selectionSetActions", 1);
-a([
-  c()
-], l.prototype, "_undoRedoActions", 1);
-a([
-  c()
-], l.prototype, "sketchViewModel", 2);
-a([
-  c()
-], l.prototype, "visibleElements", 2);
-a([
-  c()
-], l.prototype, "view", 2);
-a([
-  c()
-], l.prototype, "settingsPopoverOpen", 2);
-a([
-  c()
-], l.prototype, "availableCreateTools", 2);
-a([
-  c()
-], l.prototype, "state", 1);
-a([
-  c()
-], l.prototype, "activeTool", 1);
-a([
-  c()
-], l.prototype, "activePluginIds", 1);
-a([
-  c()
-], l.prototype, "groupedActions", 1);
-l = a([
+l([
+  a()
+], n.prototype, "_isEffectiveRenderStateFrozen", 1);
+l([
+  a()
+], n.prototype, "_effectiveGeometrySimplificationInProgress", 2);
+l([
+  a()
+], n.prototype, "_state", 1);
+l([
+  a()
+], n.prototype, "_customToolOptions", 2);
+l([
+  a()
+], n.prototype, "_activeCustomToolOptions", 2);
+l([
+  a()
+], n.prototype, "_customActions", 2);
+l([
+  a()
+], n.prototype, "selectionViewModel", 2);
+l([
+  a()
+], n.prototype, "_activeSelectionTool", 1);
+l([
+  a()
+], n.prototype, "_activePluginUniqueIds", 1);
+l([
+  a()
+], n.prototype, "_createToolActions", 1);
+l([
+  a()
+], n.prototype, "_shouldShowBackButton", 1);
+l([
+  a()
+], n.prototype, "_selectionToolActions", 1);
+l([
+  a()
+], n.prototype, "_settingsActions", 1);
+l([
+  a()
+], n.prototype, "_activeTool", 1);
+l([
+  a()
+], n.prototype, "_selectionCommands", 1);
+l([
+  a()
+], n.prototype, "_selectionSetActions", 1);
+l([
+  a()
+], n.prototype, "_undoRedoActions", 1);
+l([
+  a()
+], n.prototype, "sketchViewModel", 2);
+l([
+  a()
+], n.prototype, "visibleElements", 2);
+l([
+  a()
+], n.prototype, "view", 2);
+l([
+  a()
+], n.prototype, "settingsPopoverOpen", 2);
+l([
+  a()
+], n.prototype, "availableCreateTools", 2);
+l([
+  a()
+], n.prototype, "state", 1);
+l([
+  a()
+], n.prototype, "activeTool", 1);
+l([
+  a()
+], n.prototype, "activePluginIds", 1);
+l([
+  a()
+], n.prototype, "groupedActions", 1);
+n = l([
   le("components.sketch.SketchComponentViewModel")
-], l);
-class _e extends de {
+], n);
+class Te extends de {
   #t;
   #e = !1;
   #i;
@@ -709,34 +677,34 @@ class _e extends de {
     });
   }
 }
-const B = he(_e), Ee = te((i) => new ie({
+const B = he(Te), we = te((i) => new ie({
   ...i,
   cancelUpdateOnClickAway: !0,
   creationMode: "continuous",
   textSymbol: new J({ text: "hello world" }),
   useLegacyCreateTools: !1
 }));
-class Me extends Q {
+class Se extends Q {
   constructor() {
-    super(), this.#t = new l(), this.#o = E(), this.#s = E(), this._defaultGraphicsLayer = null, this._messages = ee(), this.test = {
+    super(), this.#t = new n(), this.#o = E(), this.#s = E(), this._defaultGraphicsLayer = null, this._messages = ee(), this.test = {
       componentViewModel: this.#t
-    }, this._groupLayoutPriorityOverrides = /* @__PURE__ */ new Map(), this._contextualToolLocation = "separate", this._refMap = se(), this.viewModel = Ee(this), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.createGraphic = this.viewModel.createGraphic, this.creationMode = this.viewModel.creationMode, this.defaultCreateOptions = this.viewModel.defaultCreateOptions, this.defaultGraphicsLayerDisabled = !1, this.defaultUpdateOptions = this.viewModel.defaultUpdateOptions, this.geometrySimplificationInProgress = this.viewModel.geometrySimplificationInProgress, this.icon = "pencil", this.label = this._messages?.componentLabel, this.labelOptions = this.viewModel.labelOptions, this.layer = this.viewModel.layer, this.layout = "horizontal", this.pointSymbol = this.viewModel.pointSymbol, this.polygonSymbol = this.viewModel.polygonSymbol, this.polylineSymbol = this.viewModel.polylineSymbol, this.visualScale = "m", this.snappingOptions = this.viewModel.snappingOptions, this.textSymbol = this.viewModel.textSymbol, this.toolbarKind = "floating", this.tooltipOptions = this.viewModel.tooltipOptions, this.useViewOptions = this.viewModel.useViewOptions, this.valueOptions = this.viewModel.valueOptions, this.useLegacyCreateTools = this.viewModel.useLegacyCreateTools, this.updateOnGraphicClickDisabled = this.viewModel.updateOnGraphicClick, this.updateGraphics = this.viewModel.updateGraphics, this.arcgisCreate = f(() => this.viewModel, "create"), this.arcgisDelete = f(() => this.viewModel, "delete"), this.arcgisDuplicate = f(() => this.viewModel, "duplicate"), this.arcgisPropertyChange = z()("activeTool", "geometrySimplificationInProgress", "state"), this.arcgisReady = X(), this.arcgisRedo = f(() => this.viewModel, "redo"), this.arcgisUndo = f(() => this.viewModel, "undo"), this.arcgisUpdate = f(() => this.viewModel, "update"), N(["slot"], () => {
+    }, this._groupLayoutPriorityOverrides = /* @__PURE__ */ new Map(), this._contextualToolLocation = "separate", this._refMap = se(), this.viewModel = we(this), this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.createGraphic = this.viewModel.createGraphic, this.creationMode = this.viewModel.creationMode, this.defaultCreateOptions = this.viewModel.defaultCreateOptions, this.defaultGraphicsLayerDisabled = !1, this.defaultUpdateOptions = this.viewModel.defaultUpdateOptions, this.geometrySimplificationInProgress = this.viewModel.geometrySimplificationInProgress, this.icon = "pencil", this.label = this._messages?.componentLabel, this.labelOptions = this.viewModel.labelOptions, this.layer = this.viewModel.layer, this.layout = "horizontal", this.pointSymbol = this.viewModel.pointSymbol, this.polygonSymbol = this.viewModel.polygonSymbol, this.polylineSymbol = this.viewModel.polylineSymbol, this.visualScale = "m", this.snappingOptions = this.viewModel.snappingOptions, this.textSymbol = this.viewModel.textSymbol, this.toolbarKind = "floating", this.tooltipOptions = this.viewModel.tooltipOptions, this.useViewOptions = this.viewModel.useViewOptions, this.valueOptions = this.viewModel.valueOptions, this.useLegacyCreateTools = this.viewModel.useLegacyCreateTools, this.updateOnGraphicClickDisabled = this.viewModel.updateOnGraphicClick, this.updateGraphics = this.viewModel.updateGraphics, this.arcgisCreate = f(() => this.viewModel, "create"), this.arcgisDelete = f(() => this.viewModel, "delete"), this.arcgisDuplicate = f(() => this.viewModel, "duplicate"), this.arcgisPropertyChange = z()("activeTool", "geometrySimplificationInProgress", "state"), this.arcgisReady = X(), this.arcgisRedo = f(() => this.viewModel, "redo"), this.arcgisUndo = f(() => this.viewModel, "undo"), this.arcgisUpdate = f(() => this.viewModel, "update"), N(["slot"], () => {
       this.requestUpdate();
     }), this.manager.onLifecycle(() => [
-      m(() => this.el.view?.map, (e, t) => {
+      v(() => this.el.view?.map, (e, t) => {
         const o = this._defaultGraphicsLayer;
         o && (t?.allLayers.includes(o) && t.remove(o), o && !e?.allLayers.includes(o) && e?.add(o));
       }),
-      m(() => this.el.view, (e) => {
+      v(() => this.el.view, (e) => {
         this.viewModel.view = e, this.#t.view = e ?? void 0;
       }, { initial: !0 }),
-      m(() => this.viewModel, (e) => {
+      v(() => this.viewModel, (e) => {
         this.#t.sketchViewModel = e, this.viewModel.pluginManager.sketch = this;
       }, { initial: !0 }),
-      m(() => this.#t.state, (e, t) => {
+      v(() => this.#t.state, (e, t) => {
         this.requestUpdate("state", t);
       }, { initial: !0 }),
-      m(() => this.#t.activeTool, () => this.arcgisPropertyChange.emit({ name: "activeTool" }), { sync: !0 })
+      v(() => this.#t.activeTool, () => this.arcgisPropertyChange.emit({ name: "activeTool" }), { sync: !0 })
     ]), this.manager.onDestroy(() => {
       this._defaultGraphicsLayer && this.el.view?.map?.allLayers.includes(this._defaultGraphicsLayer) && this.el.view?.map?.remove(this._defaultGraphicsLayer), this._defaultGraphicsLayer?.destroy(), this._defaultGraphicsLayer = null, this.#t.destroy();
     });
@@ -1047,46 +1015,46 @@ class Me extends Q {
     this._defaultGraphicsLayer && this.view?.map?.allLayers.includes(this._defaultGraphicsLayer) && this.view?.map?.remove(this._defaultGraphicsLayer), super.disconnectedCallback();
   }
   render() {
-    const e = this._refMap.get("settings")?.value?.actionElement, t = this.#t.groupedActions, { visualScale: o, layout: s, toolbarKind: r, relativePosition: h, _contextualToolLocation: u } = this, n = t.find(({ name: g }) => g === "selectionSet"), p = t.filter(({ name: g }) => g !== "selectionSet");
-    return v`<div class="toolbar-container"><arcgis-toolbar-stack .layout=${s} .toolbarKind=${r} .relativePosition=${h} .scale=${o} tooltip-appearance=calcite><arcgis-toolbar ${M(this.#o)}>${T({ hidden: !n?.visible || u !== "inline", children: this._renderActionGroup(n) })}${p.map((g) => this._renderActionGroup(g))}${T({ hidden: !n?.visible || u !== "inline-end", children: this._renderActionGroup(n) })}</arcgis-toolbar>${T({ hidden: !n?.visible || u !== "separate", children: v`<arcgis-toolbar>${this._renderActionGroup(n)}</arcgis-toolbar>` })}</arcgis-toolbar-stack></div>${T({ hidden: this.hideSettingsMenu, children: v`<arcgis-view-popover .open=${this.#t.settingsPopoverOpen} closable .heading=${this._messages.settings?.heading} .label=${this._messages.settings?.heading} .anchorElement=${e} .visualScale=${o} .actionBarElement=${this.#o.value?.barElement} @arcgisPropertyChange=${(g) => this.#t.settingsPopoverOpen = g.target.open ?? !1} .view=${this.view ?? void 0}>${this._renderSettings()}</arcgis-view-popover>` })}`;
+    const e = this._refMap.get("settings")?.value?.actionElement, t = this.#t.groupedActions, { visualScale: o, layout: s, toolbarKind: d, relativePosition: h, _contextualToolLocation: u } = this, r = t.find(({ name: p }) => p === "selectionSet"), g = t.filter(({ name: p }) => p !== "selectionSet");
+    return m`<div class="toolbar-container"><arcgis-toolbar-stack .layout=${s} .toolbarKind=${d} .relativePosition=${h} .scale=${o} tooltip-appearance=calcite><arcgis-toolbar ${M(this.#o)}>${T({ hidden: !r?.visible || u !== "inline", children: this._renderActionGroup(r) })}${g.map((p) => this._renderActionGroup(p))}${T({ hidden: !r?.visible || u !== "inline-end", children: this._renderActionGroup(r) })}</arcgis-toolbar>${T({ hidden: !r?.visible || u !== "separate", children: m`<arcgis-toolbar>${this._renderActionGroup(r)}</arcgis-toolbar>` })}</arcgis-toolbar-stack></div>${T({ hidden: this.hideSettingsMenu, children: m`<arcgis-view-popover .open=${this.#t.settingsPopoverOpen} closable .heading=${this._messages.settings?.heading} .label=${this._messages.settings?.heading} .anchorElement=${e} .visualScale=${o} .actionBarElement=${this.#o.value?.barElement} @arcgisPropertyChange=${(p) => this.#t.settingsPopoverOpen = p.target.open ?? !1} .view=${this.view ?? void 0}>${this._renderSettings()}</arcgis-view-popover>` })}`;
   }
   _renderSettings() {
-    const { autoDestroyDisabled: e, hideLabelsToggle: t, hideSnappingControls: o, hideTooltipsToggle: s, showSnappingControlsElementsHeader: r, useViewOptions: h, view: u, viewModel: n } = this;
-    return v`<div class="editing-controls-panel"><arcgis-sketch-tooltip-controls .hideLabelsToggle=${t} .hideTooltipsToggle=${h || s} .directionMode=${n.valueOptions.directionMode} .labelsEnabled=${n.labelOptions.enabled} .tooltipsEnabled=${n.tooltipOptions.enabled} @arcgisPropertyChange=${(p) => {
-      p.stopPropagation();
-      const { labelsEnabled: g, tooltipsEnabled: d, directionMode: w } = p.currentTarget, b = this.viewModel;
-      switch (p.detail.name) {
+    const { autoDestroyDisabled: e, hideLabelsToggle: t, hideSnappingControls: o, hideTooltipsToggle: s, showSnappingControlsElementsHeader: d, useViewOptions: h, view: u, viewModel: r } = this;
+    return m`<div class="editing-controls-panel"><arcgis-sketch-tooltip-controls .hideLabelsToggle=${t} .hideTooltipsToggle=${h || s} .directionMode=${r.valueOptions.directionMode} .labelsEnabled=${r.labelOptions.enabled} .tooltipsEnabled=${r.tooltipOptions.enabled} @arcgisPropertyChange=${(g) => {
+      g.stopPropagation();
+      const { labelsEnabled: p, tooltipsEnabled: c, directionMode: w } = g.currentTarget, b = this.viewModel;
+      switch (g.detail.name) {
         case "labelsEnabled":
-          b.labelOptions.enabled = g;
+          b.labelOptions.enabled = p;
           break;
         case "directionMode":
           b.valueOptions.directionMode = w;
           break;
         case "tooltipsEnabled":
-          b.tooltipOptions.enabled = d;
+          b.tooltipOptions.enabled = c;
           break;
       }
-    }}></arcgis-sketch-tooltip-controls>${!h && !o ? v`<arcgis-snapping-controls .autoDestroyDisabled=${e} .view=${u} .visibleElements=${this.#e.snappingControlsElements} .snappingOptions=${n.snappingOptions} .showHeader=${r} @arcgisPropertyChange=${(p) => p.stopPropagation()}></arcgis-snapping-controls>` : void 0}</div>`;
+    }}></arcgis-sketch-tooltip-controls>${!h && !o ? m`<arcgis-snapping-controls .autoDestroyDisabled=${e} .view=${u} .visibleElements=${this.#e.snappingControlsElements} .snappingOptions=${r.snappingOptions} .showHeader=${d} @arcgisPropertyChange=${(g) => g.stopPropagation()}></arcgis-snapping-controls>` : void 0}</div>`;
   }
   _renderActionGroup({ visible: e, commands: t, name: o }) {
     if (!e || !t.length)
       return;
-    const { defaultPriority: s, groupKind: r, overflowLabel: h } = ye[o], n = (o === "geometrySimplification" ? void 0 : this._groupLayoutPriorityOverrides.get(o)) ?? s, p = t.map((d) => this._renderCommand(d)), g = D(`more.${h}`, this._messages);
-    switch (r) {
+    const { defaultPriority: s, groupKind: d, overflowLabel: h } = ye[o], r = (o === "geometrySimplification" ? void 0 : this._groupLayoutPriorityOverrides.get(o)) ?? s, g = t.map((c) => this._renderCommand(c)), p = D(`more.${h}`, this._messages);
+    switch (d) {
       case "more-button":
-        return v`<arcgis-toolbar-group .priority=${n}><arcgis-toolbar-more-button .overflowActionLabel=${g} .priority=${n}>${p}</arcgis-toolbar-more-button></arcgis-toolbar-group>`;
+        return m`<arcgis-toolbar-group .priority=${r}><arcgis-toolbar-more-button .overflowActionLabel=${p} .priority=${r}>${g}</arcgis-toolbar-more-button></arcgis-toolbar-group>`;
       case "split-button":
-        return v`<arcgis-toolbar-group .priority=${n}><arcgis-toolbar-split-button .overflowActionLabel=${g} .priority=${n}>${p}</arcgis-toolbar-split-button></arcgis-toolbar-group>`;
+        return m`<arcgis-toolbar-group .priority=${r}><arcgis-toolbar-split-button .overflowActionLabel=${p} .priority=${r}>${g}</arcgis-toolbar-split-button></arcgis-toolbar-group>`;
       case "actions":
-        return v`<arcgis-toolbar-group .priority=${n}>${p}</arcgis-toolbar-group>`;
+        return m`<arcgis-toolbar-group .priority=${r}>${g}</arcgis-toolbar-group>`;
     }
   }
-  _renderCommand({ active: e, afterCreate: t, afterRemoved: o, afterUpdate: s, appearance: r, icon: h, disabled: u, id: n, kind: p, labelKey: g, labelParameters: d, loading: w, tooltipKey: b, iconFlipRTL: P, onClick: k, refKey: A, textEnabled: O, renderAsAction: K }) {
-    const { _messages: L, _refMap: U, layout: G } = this, S = D(g, L), _ = S === void 0 ? g : d ? q(S, d) : S, V = L?.[b] ?? _, $ = A ? W(U, A, E) : this.#s, R = { afterCreate: t, afterRemoved: o, afterUpdate: s };
-    return K ? v`<arcgis-toolbar-action .active=${e} .appearance=${r} .disabled=${u} .icon=${h} .iconFlipRtl=${P} id=${n ?? I} .kind=${p} .loading=${w} .labelText=${G === "horizontal" ? _ : ""} .textEnabled=${O} .tooltipText=${G === "horizontal" && O ? "" : V} @arcgisToolbarItemSelected=${k} ${B(R)} ${M($)}></arcgis-toolbar-action>` : v`<arcgis-toolbar-item .active=${e} .disabled=${u} .icon=${h} id=${n ?? I} .iconFlipRtl=${P} .labelText=${_} .tooltipText=${V} @arcgisItemSelected=${k} ${B(R)} ${M($)}></arcgis-toolbar-item>`;
+  _renderCommand({ active: e, afterCreate: t, afterRemoved: o, afterUpdate: s, appearance: d, icon: h, disabled: u, id: r, kind: g, labelKey: p, labelParameters: c, loading: w, tooltipKey: b, iconFlipRTL: P, onClick: k, refKey: A, textEnabled: O, renderAsAction: K }) {
+    const { _messages: L, _refMap: U, layout: G } = this, S = D(p, L), _ = S === void 0 ? p : c ? q(S, c) : S, V = L?.[b] ?? _, $ = A ? W(U, A, E) : this.#s, R = { afterCreate: t, afterRemoved: o, afterUpdate: s };
+    return K ? m`<arcgis-toolbar-action .active=${e} .appearance=${d} .disabled=${u} .icon=${h} .iconFlipRtl=${P} id=${r ?? I} .kind=${g} .loading=${w} .labelText=${G === "horizontal" ? _ : ""} .textEnabled=${O} .tooltipText=${G === "horizontal" && O ? "" : V} @arcgisToolbarItemSelected=${k} ${B(R)} ${M($)}></arcgis-toolbar-action>` : m`<arcgis-toolbar-item .active=${e} .disabled=${u} .icon=${h} id=${r ?? I} .iconFlipRtl=${P} .labelText=${_} .tooltipText=${V} @arcgisItemSelected=${k} ${B(R)} ${M($)}></arcgis-toolbar-item>`;
   }
 }
-F("arcgis-sketch", Me);
+F("arcgis-sketch", Se);
 export {
-  Me as ArcgisSketch
+  Se as ArcgisSketch
 };

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as w } from "../../chunks/runtime.js";
 import { css as y, html as r } from "lit";
-import { ignoreAbortErrors as f } from "@arcgis/core/core/promiseUtils.js";
+import { ignoreAbortErrors as v } from "@arcgis/core/core/promiseUtils.js";
 import { watch as b } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as _, createEvent as L, safeClassMap as k, nothing as z } from "@arcgis/lumina";
 import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
@@ -12,11 +12,11 @@ import { g as h } from "../../chunks/globalCss.js";
 import V from "@arcgis/core/analysis/SliceAnalysis.js";
 import { property as d, subclass as C } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { A as D } from "../../chunks/AnalysisViewModel.js";
-const G = y`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-view-corner-radius: var(--arcgis-view-corner-radius, 0px);--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{width:var(--arcgis-internal-panel-width, 300px);max-width:100%}.root{min-width:var(--arcgis-internal-panel-min-width);overflow:var(--arcgis-internal-panel-overflow, visible);height:fit-content}.container{display:flex;--layer-item-background: var(--calcite-color-foreground-2);flex-direction:column;flex-shrink:0;flex-basis:auto;justify-content:space-between;gap:var(--arcgis-internal-panel-gap)}.error{color:var(--calcite-color-status-danger)}.container,.hint{display:flex;flex-direction:column;gap:var(--arcgis-internal-panel-gap)}.error,.hint{overflow:hidden;animation:arcgis-slice-fade-in .25s ease-in-out}.error p,.hint p{margin:0;padding:0}.hint:not(:has(*)){display:none}.layer-item{--calcite-color-foreground-2: var(--layer-item-background);--calcite-color-foreground-1: var(--layer-item-background)}.actions{display:flex;flex-flow:column;gap:var(--arcgis-internal-panel-actions-gap);justify-content:center}.actions:not(:has(*)){display:none}@keyframes arcgis-slice-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}`;
-var A = Object.defineProperty, j = Object.getOwnPropertyDescriptor, n = (e, i, t, s) => {
-  for (var a = s > 1 ? void 0 : s ? j(i, t) : i, l = e.length - 1, c; l >= 0; l--)
-    (c = e[l]) && (a = (s ? c(i, t, a) : c(a)) || a);
-  return s && a && A(i, t, a), a;
+const G = y`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-view-corner-radius: 0px;--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{width:var(--arcgis-internal-panel-width, 300px);max-width:100%}.root{min-width:var(--arcgis-internal-panel-min-width);overflow:var(--arcgis-internal-panel-overflow, visible);height:fit-content}.container{display:flex;--layer-item-background: var(--calcite-color-foreground-2);flex-direction:column;flex-shrink:0;flex-basis:auto;justify-content:space-between;gap:var(--arcgis-internal-panel-gap)}.error{color:var(--calcite-color-status-danger)}.container,.hint{display:flex;flex-direction:column;gap:var(--arcgis-internal-panel-gap)}.error,.hint{overflow:hidden;animation:arcgis-slice-fade-in .25s ease-in-out}.error p,.hint p{margin:0;padding:0}.hint:not(:has(*)){display:none}.layer-item{--calcite-color-foreground-2: var(--layer-item-background);--calcite-color-foreground-1: var(--layer-item-background)}.actions{display:flex;flex-flow:column;gap:var(--arcgis-internal-panel-actions-gap);justify-content:center}.actions:not(:has(*)){display:none}@keyframes arcgis-slice-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}`;
+var A = Object.defineProperty, j = Object.getOwnPropertyDescriptor, n = (e, i, t, l) => {
+  for (var a = l > 1 ? void 0 : l ? j(i, t) : i, s = e.length - 1, c; s >= 0; s--)
+    (c = e[s]) && (a = (l ? c(i, t, a) : c(a)) || a);
+  return l && a && A(i, t, a), a;
 };
 const u = /* @__PURE__ */ new Set();
 let o = class extends D {
@@ -34,7 +34,7 @@ let o = class extends D {
       });
       this._excludingLayers = i;
       try {
-        await f(i);
+        await v(i);
       } finally {
         this._excludingLayers === i && (this._excludingLayers = void 0);
       }
@@ -137,7 +137,7 @@ class P extends _ {
     await this.manager.destroy();
   }
   async start() {
-    f(this.viewModel.start());
+    v(this.viewModel.start());
   }
   load() {
     this.manager.onLifecycle(() => [
@@ -152,24 +152,24 @@ class P extends _ {
     })} role=presentation>${this._renderContainerNode()}</div>`;
   }
   _renderContainerNode() {
-    const i = this._messages, { state: t, hideVisualization: s, supported: a } = this.viewModel, l = t === "slicing" || t === "excludingLayer";
-    if (s || !a)
+    const i = this._messages, { state: t, hideVisualization: l, supported: a } = this.viewModel, s = t === "slicing" || t === "excludingLayer";
+    if (l || !a)
       return null;
     a || r`<div class="container"><div class="error"><p>${this._messages.unsupported}</p></div></div>`;
     const { excludedLayers: c } = this.viewModel, p = this.excludeGroundSurface, x = c.length > 0 || p, g = t === "disabled";
-    return r`<div class="container"><div class="hint">${t === "excludingLayer" ? r`<p class="hint-text">${i.excludeHint}</p>` : null}${t === "slicing" ? r`<p class="hint-text">${this._hasVoxelLayers ? i.voxelHint : i.hint}</p><p class="hint-text">${i.verticalHint}</p>` : null}</div>${!l && x ? r`<div class="layer-list">${E({ class: "layer-list-title", level: this.headingLevel, children: i.excludedLayers })}${H({ layers: c.toArray(), excludeGroundSurface: p, onLayerClick: (m) => {
+    return r`<div class="container"><div class="hint">${t === "excludingLayer" ? r`<p class="hint-text">${i.excludeHint}</p>` : null}${t === "slicing" ? r`<p class="hint-text">${this._hasVoxelLayers ? i.voxelHint : i.hint}</p><p class="hint-text">${i.verticalHint}</p>` : null}</div>${!s && x ? r`<div class="layer-list">${E({ class: "layer-list-title", level: this.headingLevel, children: i.excludedLayers })}${H({ layers: c.toArray(), excludeGroundSurface: p, onLayerClick: (m) => {
       this.excludedLayers.remove(m);
     }, onGroundClick: () => {
       this.excludeGroundSurface = !1;
-    }, listLabel: i.excludedLayers, layerActionLabel: i.includeLayer, groundItemTitle: i.ground })}</div>` : null}<div class="actions">${!l && !this.hideStartButton ? r`<calcite-button class="new-slice-button" .disabled=${g || this.interactionDisabled} @click=${this.start}>${i.newSlice}</calcite-button>` : null}${t === "sliced" ? r`<calcite-button appearance=outline-fill class="exclude-button" .disabled=${g || this.interactionDisabled} @click=${() => this.viewModel.pickLayerToExclude()}>${i.excludeLayer}</calcite-button>` : null}${t === "excludingLayer" ? r`<calcite-button appearance=outline-fill class="cancel-button" .disabled=${g} @click=${() => this.viewModel.stop()}>${i.cancel}</calcite-button>` : null}</div></div>`;
+    }, listLabel: i.excludedLayers, layerActionLabel: i.includeLayer, groundItemTitle: i.ground })}</div>` : null}<div class="actions">${!s && !this.hideStartButton ? r`<calcite-button class="new-slice-button" .disabled=${g || this.interactionDisabled} @click=${this.start}>${i.newSlice}</calcite-button>` : null}${t === "sliced" ? r`<calcite-button appearance=outline-fill class="exclude-button" .disabled=${g || this.interactionDisabled} @click=${() => this.viewModel.pickLayerToExclude()}>${i.excludeLayer}</calcite-button>` : null}${t === "excludingLayer" ? r`<calcite-button appearance=outline-fill class="cancel-button" .disabled=${g} @click=${() => this.viewModel.stop()}>${i.cancel}</calcite-button>` : null}</div></div>`;
   }
 }
-function v(e) {
+function f(e) {
   return r`<calcite-list-item class="layer-item" data-testid=${`list-item-${e.uid}`} .label=${e.title ?? ""}><calcite-action icon=x @click=${e.onClick} slot=actions-end .text=${e.actionLabel} title=${e.actionLabel ?? z}></calcite-action></calcite-list-item>`;
 }
 function H(e) {
-  const i = e.layers.map((t) => v({ uid: t.uid, title: t.title ?? "", onClick: () => e.onLayerClick(t), actionLabel: e.layerActionLabel }));
-  return e.excludeGroundSurface && i.push(v({ uid: "ground", title: e.groundItemTitle, onClick: e.onGroundClick, actionLabel: e.layerActionLabel })), r`<calcite-list .label=${e.listLabel} selection-mode=none>${i}</calcite-list>`;
+  const i = e.layers.map((t) => f({ uid: t.uid, title: t.title ?? "", onClick: () => e.onLayerClick(t), actionLabel: e.layerActionLabel }));
+  return e.excludeGroundSurface && i.push(f({ uid: "ground", title: e.groundItemTitle, onClick: e.onGroundClick, actionLabel: e.layerActionLabel })), r`<calcite-list .label=${e.listLabel} selection-mode=none>${i}</calcite-list>`;
 }
 w("arcgis-slice", P);
 export {