@arcgis/map-components 5.2.0-next.23 → 5.2.0-next.25

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

@@ -1,15 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as O } from "../../chunks/runtime.js";
 import { css as z, html as u } from "lit";
-import { GenericController as C, proxyExports as $, useDirection as M } from "@arcgis/lumina/controllers";
-import { LitElement as R, createEvent as I, nothing as S } from "@arcgis/lumina";
+import { GenericController as P, proxyExports as M, useDirection as $ } from "@arcgis/lumina/controllers";
+import { LitElement as R, createEvent as g, nothing as m } from "@arcgis/lumina";
 import { u as G } from "../../chunks/useT9n.js";
 import { m as N } from "../../chunks/useViewModel.js";
 import { property as d, subclass as B } from "@arcgis/core/core/accessorSupport/decorators.js";
 import E from "@arcgis/core/core/Accessor.js";
-import w from "@arcgis/core/core/Collection.js";
+import _ from "@arcgis/core/core/Collection.js";
 import { ignoreAbortErrors as T } from "@arcgis/core/core/promiseUtils.js";
-import { watch as v, on as D, whenOnce as m } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as S, on as D, whenOnce as y } from "@arcgis/core/core/reactiveUtils.js";
 import H from "@arcgis/core/Graphic.js";
 import V from "@arcgis/core/layers/Layer.js";
 import k from "@arcgis/core/graphic/CSVGraphicOrigin.js";
@@ -18,15 +18,15 @@ import W from "@arcgis/core/graphic/SceneGraphicOrigin.js";
 import K from "@arcgis/core/graphic/WFSGraphicOrigin.js";
 import U from "@arcgis/core/graphic/BuildingGraphicOrigin.js";
 import Q from "@arcgis/core/graphic/FeatureGraphicOrigin.js";
-import { fetchPopupFeaturesFromGraphics as P } from "@arcgis/core/applications/SceneViewer/sceneViewerUtils.js";
-import { s as _ } from "../../chunks/resources.js";
+import { fetchPopupFeaturesFromGraphics as C } from "@arcgis/core/applications/SceneViewer/sceneViewerUtils.js";
+import { s as x } from "../../chunks/resources.js";
 const q = z`:host{width:100%;height:100%;padding:var(--calcite-spacing-none);margin:var(--calcite-spacing-none);display:flex;--internal-attribution-height: 16px;--arcgis-internal-presentation-padding-start: unset;--arcgis-internal-presentation-padding-end: unset;--arcgis-internal-presentation-cover-padding-top: unset;--arcgis-internal-presentation-cover-padding-bottom: unset;--arcgis-internal-presentation-cover-padding-start: unset;--arcgis-internal-presentation-cover-padding-end: unset}p{padding:0;margin:0}.root{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.presentation-content{display:flex;width:100%;justify-content:flex-end;padding-top:var(--calcite-spacing-lg);padding-inline-start:calc(var(--calcite-spacing-lg) + var(--arcgis-internal-presentation-padding-start));padding-inline-end:calc(var(--calcite-spacing-lg) + var(--arcgis-internal-presentation-padding-end))}.navigation{width:fit-content;pointer-events:auto;display:flex;align-items:center;gap:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);box-shadow:var(--arcgis-internal-box-shadow);margin-block:auto calc(var(--calcite-spacing-lg) + var(--internal-attribution-height));margin-inline-start:var(--calcite-spacing-lg)}.slide-counter-text{display:flex;align-items:center;justify-content:center;gap:var(--calcite-spacing-base);min-width:64px}.slide-counter-text-element{box-sizing:border-box;max-width:28px;margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.legend{pointer-events:all;box-shadow:var(--calcite-shadow-sm);max-width:300px;height:auto;max-height:calc(100vh - 136px);overflow:hidden auto}`;
 var J = Object.defineProperty, X = Object.getOwnPropertyDescriptor, l = (i, e, t, s) => {
-  for (var n = s > 1 ? void 0 : s ? X(e, t) : e, r = i.length - 1, o; r >= 0; r--)
-    (o = i[r]) && (n = (s ? o(e, t, n) : o(n)) || n);
+  for (var n = s > 1 ? void 0 : s ? X(e, t) : e, r = i.length - 1, a; r >= 0; r--)
+    (a = i[r]) && (n = (s ? a(e, t, n) : a(n)) || n);
   return s && n && J(e, t, n), n;
 };
-let a = class extends E {
+let o = class extends E {
   //endregion
   //#region Lifecycle
   constructor(i) {
@@ -43,7 +43,7 @@ let a = class extends E {
   }
   initialize() {
     this.addHandles(
-      v(
+      S(
         () => this.view?.map,
         (i, e) => {
           if (this.hasHandles("sceneLoaded") && this.removeHandles("sceneLoaded"), e) {
@@ -51,7 +51,7 @@ let a = class extends E {
             t && t.length > 0 && this._unsubscribeToSlideEvents(t);
           }
           i && this.addHandles(
-            v(
+            S(
               () => i.loaded,
               (t) => {
                 t && (this.removeHandles("sceneLoaded"), this._startWatchSlides(), this._slideId && this._applySlideById(this._slideId));
@@ -75,10 +75,10 @@ let a = class extends E {
     i === void 0 || !this.view?.map?.loaded ? this._slideId = i : this._applySlideById(i);
   }
   get visibleSlides() {
-    return this.view?.map?.presentation?.slides?.filter((i) => !i.hidden) ?? new w();
+    return this.view?.map?.presentation?.slides?.filter((i) => !i.hidden) ?? new _();
   }
   get slides() {
-    return this.view?.map?.presentation?.slides ?? new w();
+    return this.view?.map?.presentation?.slides ?? new _();
   }
   get lastSlideSelected() {
     return this.getSlideIndexBySlideId(this.slideId) === this.visibleSlides.length - 1;
@@ -108,8 +108,8 @@ let a = class extends E {
     const t = ["ArrowLeft", "ArrowRight", "PageUp", "PageDown"];
     if (document.activeElement?.nodeName.toLowerCase() === "arcgis-scene" || !t.includes(i.code))
       return;
-    const n = e === "rtl" ? "ArrowRight" : "ArrowLeft", o = i.code === n || i.code === "PageUp" ? -1 : 1;
-    this.navigateInPresentation(o);
+    const n = e === "rtl" ? "ArrowRight" : "ArrowLeft", a = i.code === n || i.code === "PageUp" ? -1 : 1;
+    this.navigateInPresentation(a);
   }
   async setSliceAnalysisInteractive() {
     if (!this.view?.analyses?.length)
@@ -144,7 +144,7 @@ let a = class extends E {
         () => this.slides,
         "change",
         (i) => {
-          this._subscribeToSlideEvents(new w(i.added)), this._unsubscribeToSlideEvents(new w(i.removed));
+          this._subscribeToSlideEvents(new _(i.added)), this._unsubscribeToSlideEvents(new _(i.removed));
         },
         {
           onListenerAdd: this._subscribeToSlideEvents,
@@ -166,63 +166,63 @@ let a = class extends E {
 };
 l([
   d()
-], a.prototype, "_slideId", 2);
+], o.prototype, "_slideId", 2);
 l([
   d()
-], a.prototype, "view", 2);
+], o.prototype, "view", 2);
 l([
   d()
-], a.prototype, "slideId", 1);
+], o.prototype, "slideId", 1);
 l([
   d()
-], a.prototype, "transitionActive", 2);
+], o.prototype, "transitionActive", 2);
 l([
   d()
-], a.prototype, "showLegend", 2);
+], o.prototype, "showLegend", 2);
 l([
   d()
-], a.prototype, "keyboardNavigationEnabled", 2);
+], o.prototype, "keyboardNavigationEnabled", 2);
 l([
   d()
-], a.prototype, "visibleSlides", 1);
+], o.prototype, "visibleSlides", 1);
 l([
   d()
-], a.prototype, "slides", 1);
+], o.prototype, "slides", 1);
 l([
   d()
-], a.prototype, "lastSlideSelected", 1);
+], o.prototype, "lastSlideSelected", 1);
 l([
   d()
-], a.prototype, "firstSlideSelected", 1);
+], o.prototype, "firstSlideSelected", 1);
 l([
   d()
-], a.prototype, "slideSelected", 1);
+], o.prototype, "slideSelected", 1);
 l([
   d()
-], a.prototype, "hasOnlyOneSlide", 1);
+], o.prototype, "hasOnlyOneSlide", 1);
 l([
   d()
-], a.prototype, "onApplySlideStart", 2);
+], o.prototype, "onApplySlideStart", 2);
 l([
   d()
-], a.prototype, "onApplySlideComplete", 2);
+], o.prototype, "onApplySlideComplete", 2);
 l([
   d()
-], a.prototype, "onApplySlideCancel", 2);
+], o.prototype, "onApplySlideCancel", 2);
 l([
   d()
-], a.prototype, "getSlideIndexBySlideId", 1);
-a = l([
+], o.prototype, "getSlideIndexBySlideId", 1);
+o = l([
   B("components.presentation.PresentationViewModel")
-], a);
-class Y extends C {
+], o);
+class Y extends P {
   constructor(e) {
     super(e);
   }
   hostLoaded() {
     this.component.manager.onLifecycle(() => {
       const e = this.component;
-      m(() => e.referenceElement).then((t) => {
+      y(() => e.referenceElement).then((t) => {
         this._isArcgisScene(t) && (this._sceneRef = t);
       });
     });
@@ -255,15 +255,15 @@ class Y extends C {
     const n = t.features?.getItemAt(t.selectedFeatureIndex)?.layerReference;
     if (n?.layerId == null)
       return { success: !1, features: s };
-    const { layer: r, sublayer: o } = this._getLayersFromView(e, n.layerId, n?.sublayerId);
+    const { layer: r, sublayer: a } = this._getLayersFromView(e, n.layerId, n?.sublayerId);
     if (!r)
       return { success: !1, features: s };
-    const c = o ?? r;
+    const c = a ?? r;
     if (!c || !this._layerTypeSupportsCapturePopup(c))
       return { success: !1, features: s };
-    if (s = await this._fetchFeaturesFromQueryable(e, t, r, o, c), s && this._featureHasBeenFilledWithAttributes(s)) {
+    if (s = await this._fetchFeaturesFromQueryable(e, t, r, a, c), s && this._featureHasBeenFilledWithAttributes(s)) {
       const p = s[0];
-      return this._setFallbackPopupTemplate(p, o, r), this._setFallbackGeometry(p, t?.location), { success: !0, features: s, popupInfo: t };
+      return this._setFallbackPopupTemplate(p, a, r), this._setFallbackGeometry(p, t?.location), { success: !0, features: s, popupInfo: t };
     }
     debugger;
     return { success: !1, features: s };
@@ -282,16 +282,16 @@ class Y extends C {
     return e && e.length > 0 && e[0].attributes && Object.entries(e[0].attributes)?.length > 1;
   }
   async _fetchFeaturesFromQueryable(e, t, s, n, r) {
-    const o = t.features?.getItemAt(t.selectedFeatureIndex);
-    if (o?.id == null)
+    const a = t.features?.getItemAt(t.selectedFeatureIndex);
+    if (a?.id == null)
       return await Promise.resolve([]);
     const c = await e.whenLayerView(s);
-    await m(() => !c.updating);
+    await y(() => !c.updating);
     const h = this._tryGetBuildingComponentSublayerView(s, n, c) ?? c;
-    await m(() => !h.updating);
-    const f = this._createFeatureGraphic(s, n, r, o.id);
-    let x = await P(h, [f]);
-    return this._featureHasBeenFilledWithAttributes(x) || (await m(() => !e.updating), x = await P(h, [f])), x;
+    await y(() => !h.updating);
+    const w = this._createFeatureGraphic(s, n, r, a.id);
+    let I = await C(h, [w]);
+    return this._featureHasBeenFilledWithAttributes(I) || (await y(() => !e.updating), I = await C(h, [w])), I;
   }
   _tryGetBuildingComponentSublayerView(e, t, s) {
     let n;
@@ -314,8 +314,8 @@ class Y extends C {
     e.geometry == null && t && (e.geometry = t.clone());
   }
   _createFeatureGraphic(e, t, s, n) {
-    const r = this._getGlobalIdFieldNameFromLayer(s), o = n.type === "global-id" && r ? r : s.objectIdField, c = this._getGraphicOrigin(e, t), p = new H({ attributes: {}, layer: e, origin: c });
-    return p.attributes[o] = n.value, p;
+    const r = this._getGlobalIdFieldNameFromLayer(s), a = n.type === "global-id" && r ? r : s.objectIdField, c = this._getGraphicOrigin(e, t), p = new H({ attributes: {}, layer: e, origin: c });
+    return p.attributes[a] = n.value, p;
   }
   _getGraphicOrigin(e, t) {
     switch (e.type) {
@@ -349,13 +349,13 @@ class Y extends C {
   }
   //#endregion
 }
-const Z = (i) => new Y(i), g = Object.freeze({ width: 0, height: 0 }), y = /* @__PURE__ */ new WeakMap(), b = () => ({
-  topCenter: { ...g },
-  topLeft: { ...g },
-  topRight: { ...g },
-  bottomCenter: { ...g },
-  bottomLeft: { ...g },
-  bottomRight: { ...g }
+const Z = (i) => new Y(i), v = Object.freeze({ width: 0, height: 0 }), f = /* @__PURE__ */ new WeakMap(), b = () => ({
+  topCenter: { ...v },
+  topLeft: { ...v },
+  topRight: { ...v },
+  bottomCenter: { ...v },
+  bottomLeft: { ...v },
+  bottomRight: { ...v }
 }), L = (i) => ({
   topCenter: { ...i.topCenter },
   topLeft: { ...i.topLeft },
@@ -364,35 +364,35 @@ const Z = (i) => new Y(i), g = Object.freeze({ width: 0, height: 0 }), y = /* @_
   bottomLeft: { ...i.bottomLeft },
   bottomRight: { ...i.bottomRight }
 }), F = (i) => {
-  let e = y.get(i);
+  let e = f.get(i);
   return e || (e = {
     observedGroups: /* @__PURE__ */ new Map(),
     observedSizes: b(),
     subscribers: /* @__PURE__ */ new Set()
-  }, y.set(i, e)), e;
+  }, f.set(i, e)), e;
 }, ee = (i) => {
-  const e = i?.topCenter.value, t = i?.topLeft.value, s = i?.topRight.value, n = i?.bottomCenter.value, r = i?.bottomLeft.value, o = i?.bottomRight.value;
-  return e && t && s && n && r && o ? {
+  const e = i?.topCenter.value, t = i?.topLeft.value, s = i?.topRight.value, n = i?.bottomCenter.value, r = i?.bottomLeft.value, a = i?.bottomRight.value;
+  return e && t && s && n && r && a ? {
     topCenter: e,
     topLeft: t,
     topRight: s,
     bottomCenter: n,
     bottomLeft: r,
-    bottomRight: o
+    bottomRight: a
   } : null;
-}, te = (i, e) => _.every((t) => i.get(t) === e[t]), ie = (i) => {
+}, te = (i, e) => x.every((t) => i.get(t) === e[t]), ie = (i) => {
   const e = L(i.observedSizes);
   i.subscribers.forEach((t) => t(e));
 }, se = (i, e) => {
-  const t = y.get(i);
+  const t = f.get(i);
   if (!t)
     return;
   let s = !1;
   e.forEach((n) => {
-    const r = _.find((f) => t.observedGroups.get(f) === n.target);
+    const r = x.find((w) => t.observedGroups.get(w) === n.target);
     if (!r)
       return;
-    const { width: o, height: c } = n.contentRect, p = { width: o, height: c }, h = t.observedSizes[r];
+    const { width: a, height: c } = n.contentRect, p = { width: a, height: c }, h = t.observedSizes[r];
     h.width === p.width && h.height === p.height || (t.observedSizes[r] = p, s = !0);
   }), s && ie(t);
 }, A = (i, e) => {
@@ -405,18 +405,18 @@ const Z = (i) => new Y(i), g = Object.freeze({ width: 0, height: 0 }), y = /* @_
     t.observedGroups.size > 0 && (t.resizeObserver.disconnect(), t.observedGroups.clear());
     return;
   }
-  te(t.observedGroups, s) || (t.resizeObserver.disconnect(), t.observedGroups.clear(), _.forEach((n) => {
+  te(t.observedGroups, s) || (t.resizeObserver.disconnect(), t.observedGroups.clear(), x.forEach((n) => {
     const r = s[n];
     t.observedGroups.set(n, r), t.resizeObserver?.observe(r);
   }));
 }, ne = (i, e) => {
   const t = F(i);
   return t.subscribers.add(e), e(L(t.observedSizes)), () => {
-    const s = y.get(i);
-    s && (s.subscribers.delete(e), s.subscribers.size === 0 && (s.resizeObserver?.disconnect(), s.observedGroups.clear(), y.delete(i)));
+    const s = f.get(i);
+    s && (s.subscribers.delete(e), s.subscribers.size === 0 && (s.resizeObserver?.disconnect(), s.observedGroups.clear(), f.delete(i)));
   };
 };
-class re extends C {
+class re extends P {
   // References to the slot group elements owned by the host component.
   #t;
   #e;
@@ -434,7 +434,7 @@ class re extends C {
   }
   hostLifecycle() {
     return [
-      v(
+      S(
         () => this.#s(),
         (t) => {
           if (this.#e !== t) {
@@ -449,7 +449,7 @@ class re extends C {
         },
         { sync: !0, initial: !0 }
       ),
-      v(
+      S(
         () => this.#s()?.slotGroupRefs,
         (t) => {
           this.#t = t, this.#e && t && A(this.#e, t);
@@ -468,22 +468,24 @@ class re extends C {
   // Compares the newly measured sizes against the currently exported values.
   #n(e) {
     const t = this.exports ?? b();
-    return _.every((s) => {
+    return x.every((s) => {
       const n = t[s], r = e[s];
       return n.width === r.width && n.height === r.height;
     });
   }
 }
-const oe = $(re), ae = N(a);
+const ae = M(re), oe = N(o);
 class le extends R {
   constructor() {
-    super(...arguments), this._messages = G(), this.viewModel = ae(this), this._direction = M(), this._captureArrowKeysForNavigation = (e) => {
+    super(...arguments), this._messages = G(), this.viewModel = oe(this), this._direction = $(), this._captureArrowKeysForNavigation = (e) => {
       this.viewModel.captureArrowKeysForNavigation(e, this._direction);
-    }, this._useFeatureRefPopup = Z(this), this._handleApplySlideStart = () => {
-      this._useFeatureRefPopup.closePopup();
+    }, this._useFeatureRefPopup = Z(this), this._handleApplySlideStart = (e) => {
+      this._useFeatureRefPopup.closePopup(), this.arcgisSlideApplyStart.emit({ slide: e });
     }, this._handleApplySlideComplete = (e) => {
-      this._useFeatureRefPopup.openPopup(e), this.sliceAnalysisInteractive && this.viewModel.setSliceAnalysisInteractive();
-    }, this.autoDestroyDisabled = !1, this.view = this.viewModel.view, this.scale = "m", this.keyboardNavigationEnabled = !1, this.slidePopupDisabled = !1, this.slideCaptionsDisabled = !1, this.slideLegendDisabled = !1, this.sliceAnalysisInteractive = !1, this.arcgisPopupFeatureNotFound = I(), this.arcgisPopupFeaturesRetrieved = I(), this.arcgisReady = I();
+      this._useFeatureRefPopup.openPopup(e), this.sliceAnalysisInteractive && this.viewModel.setSliceAnalysisInteractive(), this.arcgisSlideApplyComplete.emit({ slide: e });
+    }, this._handleApplySlideCancel = (e) => {
+      this.arcgisSlideApplyCancel.emit({ slide: e });
+    }, this.autoDestroyDisabled = !1, this.view = this.viewModel.view, this.scale = "m", this.keyboardNavigationEnabled = !1, this.slidePopupDisabled = !1, this.slideCaptionsDisabled = !1, this.slideLegendDisabled = !1, this.sliceAnalysisInteractive = !1, this.arcgisPopupFeatureNotFound = g(), this.arcgisPopupFeaturesRetrieved = g(), this.arcgisSlideApplyStart = g(), this.arcgisSlideApplyCancel = g(), this.arcgisSlideApplyComplete = g(), this.arcgisReady = g();
   }
   static {
     this.properties = { _slotSizesController: 16, slideId: 1, autoDestroyDisabled: 5, view: 0, scale: 1, keyboardNavigationEnabled: 5, slidePopupDisabled: 5, slideCaptionsDisabled: 5, slideLegendDisabled: 5, sliceAnalysisInteractive: 5 };
@@ -502,12 +504,12 @@ class le extends R {
   }
   loaded() {
     this.manager.onLifecycle(() => {
-      this.viewModel.onApplySlideStart = this._handleApplySlideStart, this.viewModel.onApplySlideComplete = this._handleApplySlideComplete, this._keyboardHandle = v(() => this.keyboardNavigationEnabled, (t) => {
+      this.viewModel.onApplySlideStart = this._handleApplySlideStart, this.viewModel.onApplySlideComplete = this._handleApplySlideComplete, this.viewModel.onApplySlideCancel = this._handleApplySlideCancel, this._keyboardHandle = S(() => this.keyboardNavigationEnabled, (t) => {
         document.removeEventListener("keydown", this._captureArrowKeysForNavigation), t && document.addEventListener("keydown", this._captureArrowKeysForNavigation);
       }, { initial: !0 });
       const e = this;
-      m(() => e.referenceElement).then((t) => {
-        this._isArcgisScene(t) && (this._slotSizesController = oe(this), this._watchSceneViewSlotSizes());
+      y(() => e.referenceElement).then((t) => {
+        this._isArcgisScene(t) && (this._slotSizesController = ae(this), this._watchSceneViewSlotSizes());
       }), this.manager.onDisconnected(() => {
         document.removeEventListener("keydown", this._captureArrowKeysForNavigation), this._keyboardHandle?.remove();
       });
@@ -517,13 +519,13 @@ class le extends R {
     return e === void 0 || typeof e == "string" ? !1 : "tagName" in e && e.tagName === "ARCGIS-SCENE";
   }
   _watchSceneViewSlotSizes() {
-    return v(() => this._slotSizesController, (e) => this._updatePresentationCaptionsPadding(e?.topLeft, e?.topRight, e?.bottomLeft, e?.bottomRight), { initial: !0 });
+    return S(() => this._slotSizesController, (e) => this._updatePresentationCaptionsPadding(e?.topLeft, e?.topRight, e?.bottomLeft, e?.bottomRight), { initial: !0 });
   }
   _updatePresentationCaptionsPadding(e, t, s, n) {
-    const r = this._direction === "ltr" ? e?.width ?? 0 : t?.width ?? 0, o = this._direction === "ltr" ? t?.width ?? 0 : e?.width ?? 0, c = Math.max(e?.height ?? 0, t?.height ?? 0), p = Math.max(s?.height ?? 0, n?.height ?? 0);
-    r > 0 ? this.el.style.setProperty("--arcgis-internal-presentation-padding-start", `calc(var(--calcite-spacing-lg) + ${r.toString()}px)`) : this.el.style.setProperty("--arcgis-internal-presentation-padding-start", "0px"), o > 0 ? this.el.style.setProperty("--arcgis-internal-presentation-padding-end", `calc(var(--calcite-spacing-lg) + ${o.toString()}px)`) : this.el.style.setProperty("--arcgis-internal-presentation-padding-end", "0px");
-    const h = r <= Math.max(c, p) && o <= Math.max(c, p);
-    this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-top", h ? "0" : `${c}px`), this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-bottom", h ? "0" : `${p}px`), this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-start", h ? `${r}px` : "0"), this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-end", h ? `${o}px` : "0");
+    const r = this._direction === "ltr" ? e?.width ?? 0 : t?.width ?? 0, a = this._direction === "ltr" ? t?.width ?? 0 : e?.width ?? 0, c = Math.max(e?.height ?? 0, t?.height ?? 0), p = Math.max(s?.height ?? 0, n?.height ?? 0);
+    r > 0 ? this.el.style.setProperty("--arcgis-internal-presentation-padding-start", `calc(var(--calcite-spacing-lg) + ${r.toString()}px)`) : this.el.style.setProperty("--arcgis-internal-presentation-padding-start", "0px"), a > 0 ? this.el.style.setProperty("--arcgis-internal-presentation-padding-end", `calc(var(--calcite-spacing-lg) + ${a.toString()}px)`) : this.el.style.setProperty("--arcgis-internal-presentation-padding-end", "0px");
+    const h = r <= Math.max(c, p) && a <= Math.max(c, p);
+    this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-top", h ? "0" : `${c}px`), this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-bottom", h ? "0" : `${p}px`), this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-start", h ? `${r}px` : "0"), this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-end", h ? `${a}px` : "0");
   }
   render() {
     if (this.viewModel.visibleSlides.length === 0)
@@ -533,11 +535,11 @@ class le extends R {
   }
   _renderNavigation() {
     const e = this.viewModel.lastSlideSelected && !this.viewModel.hasOnlyOneSlide, t = this._direction === "rtl", s = t ? "chevron-right" : "chevron-left", n = t ? "chevron-left" : "chevron-right";
-    return u`<div class="navigation"><calcite-button appearance=transparent icon-start=${s ?? S} kind=neutral .scale=${this.scale} .disabled=${this.viewModel.firstSlideSelected || !this.viewModel.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? S} @click=${() => this.viewModel.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this._renderSlideCounter()}</div><calcite-button appearance=transparent icon-start=${(e ? "reset" : n) ?? S} kind=neutral .scale=${this.scale} .label=${e ? this._messages.restart : this._messages.next} title=${(e ? this._messages.restart : this._messages.next) ?? S} @click=${() => this.viewModel.navigateInPresentation(1)}></calcite-button></div>`;
+    return u`<div class="navigation"><calcite-button appearance=transparent icon-start=${s ?? m} kind=neutral .scale=${this.scale} .disabled=${this.viewModel.firstSlideSelected || !this.viewModel.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? m} @click=${() => this.viewModel.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this._renderSlideCounter()}</div><calcite-button appearance=transparent icon-start=${(e ? "reset" : n) ?? m} kind=neutral .scale=${this.scale} .label=${e ? this._messages.restart : this._messages.next} title=${(e ? this._messages.restart : this._messages.next) ?? m} @click=${() => this.viewModel.navigateInPresentation(1)}></calcite-button></div>`;
   }
   _renderSlideCounter() {
     const e = this.viewModel.slideIndex + 1, t = this._messages?.slideNavAriaText?.replace("${index}", e.toString()).replace("${numberOfSlides}", this.viewModel.visibleSlides.length.toString());
-    return this.viewModel.slideSelected ? u`<p role=banner aria-label=${t ?? S} aria-live=polite><div class="slide-counter-text-element" data-testId=arcgis-map-presentation-slideIndex>${e}</div><div class="slide-counter-text-element">/</div><p class="slide-counter-text-element" data-testId=arcgis-map-presentation-numberOfSlides>${this.viewModel.visibleSlides.length}</p></p>` : u`<p role=banner data-testId=arcgis-map-presentation-numberOfSlides>${this.viewModel.visibleSlides?.length} ${this._messages?.slides}</p>`;
+    return this.viewModel.slideSelected ? u`<p role=banner aria-label=${t ?? m} aria-live=polite><div class="slide-counter-text-element" data-testId=arcgis-map-presentation-slideIndex>${e}</div><div class="slide-counter-text-element">/</div><p class="slide-counter-text-element" data-testId=arcgis-map-presentation-numberOfSlides>${this.viewModel.visibleSlides.length}</p></p>` : u`<p role=banner data-testId=arcgis-map-presentation-numberOfSlides>${this.viewModel.visibleSlides?.length} ${this._messages?.slides}</p>`;
   }
   _renderCaptions(e) {
     return this.slideCaptionsDisabled ? null : u`<arcgis-presentation-captions .slide=${e} .transitionActive=${this.viewModel.transitionActive}></arcgis-presentation-captions>`;

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

@@ -11,7 +11,7 @@ import type Collection from "@arcgis/core/core/Collection.js";
 import type { SketchGroupName } from "@arcgis/core/applications/ExperienceBuilder/sketchUtils.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { CreateOptions, CreateTool, UpdateEvent, UndoEvent, RedoEvent, DeleteEvent, CreateEvent, CustomToolOptions, CustomActionProperties, SketchTool, SelectionTool, CreationMode, UpdateOptions, Layout, SketchPointSymbol, SketchPolygonSymbol, SketchPolylineSymbol, State, ToolbarKind } from "@arcgis/core/widgets/Sketch/types.js";
+import type { CreateOptions, CreateTool, UpdateEvent, UndoEvent, DuplicateEvent, RedoEvent, DeleteEvent, CreateEvent, CustomToolOptions, CustomActionProperties, SketchTool, SelectionTool, CreationMode, UpdateOptions, Layout, SketchPointSymbol, SketchPolygonSymbol, SketchPolylineSymbol, State, ToolbarKind } from "@arcgis/core/widgets/Sketch/types.js";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
 import type { Button as Button } from "@esri/calcite-components/components/calcite-button";
@@ -550,6 +550,12 @@ export abstract class ArcgisSketch extends LitElement {
   dismissFloatingElements(): Promise<void>;
   duplicate(): Promise<void>;
   redo(): Promise<void>;
+  /**
+   * @param location
+   * @internal
+   * @since 5.1
+   */
+  setContextualToolLocation(location: "inline-end" | "inline" | "separate"): Promise<void>;
   /**
    * @param createToolOptions
    * @param customActionOptions
@@ -563,6 +569,12 @@ export abstract class ArcgisSketch extends LitElement {
    * @since 5.1
    */
   setGroupAllowCollapseOptions(options: Map<SketchGroupName, boolean>): Promise<void>;
+  /**
+   * @param priorities
+   * @internal
+   * @since 5.1
+   */
+  setGroupCollapsePriorities(priorities: Map<SketchGroupName, number> | null): Promise<void>;
   /**
    * @param graphic
    * @param updateOptions
@@ -576,6 +588,8 @@ export abstract class ArcgisSketch extends LitElement {
   readonly arcgisCreate: import("@arcgis/lumina").TargetedEvent<this, CreateEvent>;
   /** Fires when a user deletes selected graphics by clicking the Delete feature button on the Sketch widget or when the `delete()` method is called. */
   readonly arcgisDelete: import("@arcgis/lumina").TargetedEvent<this, DeleteEvent>;
+  /** Fires when the user duplicates selected graphics. */
+  readonly arcgisDuplicate: import("@arcgis/lumina").TargetedEvent<this, DuplicateEvent>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
   /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
@@ -589,6 +603,7 @@ export abstract class ArcgisSketch extends LitElement {
   readonly "@eventTypes": {
     arcgisCreate: ArcgisSketch["arcgisCreate"]["detail"];
     arcgisDelete: ArcgisSketch["arcgisDelete"]["detail"];
+    arcgisDuplicate: ArcgisSketch["arcgisDuplicate"]["detail"];
     arcgisPropertyChange: ArcgisSketch["arcgisPropertyChange"]["detail"];
     arcgisReady: ArcgisSketch["arcgisReady"]["detail"];
     arcgisRedo: ArcgisSketch["arcgisRedo"]["detail"];

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

@@ -1,24 +1,24 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as o } from "../../chunks/runtime.js";
-import { dismissFloatingElements as l, setCustomTools as n, setGroupAllowCollapse as r } from "@arcgis/core/applications/ExperienceBuilder/sketchUtils.js";
-import { usePropertyChange as a } from "@arcgis/lumina/controllers";
-import { reEmitEvent as s } from "@arcgis/lumina/controllers/accessor";
-import c from "@arcgis/core/layers/GraphicsLayer.js";
-import p from "@arcgis/core/widgets/Sketch.js";
-import { LitElement as d, createEvent as h } from "@arcgis/lumina";
-import { m as g } from "../../chunks/useWidget.js";
-import { css as m } from "lit";
-import { watch as b } from "@arcgis/core/core/reactiveUtils.js";
-const w = m`calcite-block>.esri-grid-controls{background:0 0;padding:0}.esri-grid-controls{-webkit-user-select:none;user-select:none;padding:var(--arcgis-internal-padding);flex-flow:column wrap;display:flex;calcite-label.esri-labeled-switch__label{margin-block-end:var(--calcite-spacing-sm, .5rem)}}.esri-grid-controls__switch--bordered{border-width:0 0 var(--calcite-spacing-px) 0;border-style:solid;border-color:var(--calcite-color-border-1)}.esri-grid-controls__container{gap:var(--calcite-spacing-sm);flex-direction:column;flex:auto;display:flex}.esri-grid-controls__tilegroup{column-gap:var(--calcite-spacing-sm);align-items:start;display:flex;flex-wrap:wrap}.esri-grid-controls__tile__content{row-gap:var(--calcite-spacing-md);padding:var(--calcite-spacing-md);color:var(--calcite-color-text-2);flex-direction:column;align-items:center;display:flex}.esri-grid-controls__tile__content calcite-label{margin-bottom:calc(0px - var(--calcite-label-margin-bottom, .75rem));font-weight:var(--calcite-font-weight-medium)}.esri-grid-controls__tile{position:relative}.esri-grid-controls__tile:focus-within{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.esri-grid-controls__tile--disabled{opacity:var(--calcite-opacity-disabled)}.esri-grid-controls__tile input[type=radio]{appearance:none;opacity:.001;border:var(--calcite-spacing-px) solid transparent;cursor:pointer;position:absolute;inset:0}.esri-grid-controls__tile input[type=radio]:checked+.esri-grid-controls__tile__content{border:var(--calcite-spacing-px) solid var(--calcite-color-brand)}.esri-grid-controls__tile input[type=radio]+.esri-grid-controls__tile__content{border:var(--calcite-spacing-px) solid transparent}.esri-grid-controls__numeric-inputs__container{gap:var(--calcite-spacing-sm);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.esri-grid-controls__inline-icon{margin-left:var(--calcite-spacing-xs);vertical-align:top;color:var(--calcite-color-status-warning)}:host{--response-toolbar-vert-width: 0;--response-toolbar-vert-height: 100%;--response-toolbar-horiz-width: 100%;--response-toolbar-horiz-height: 0}.esri-responsive-toolbar__ruler{opacity:0;pointer-events:none;position:absolute}.esri-responsive-toolbar__ruler--bar{visibility:hidden;height:0;display:block;position:absolute;top:0;left:0;right:0}.esri-responsive-toolbar__ruler--bar--vertical,.esri-responsive-toolbar__ruler--pad--vertical{width:var(--response-toolbar-vert-width);height:var(--response-toolbar-vert-height)}.esri-responsive-toolbar__ruler--pad--horizontal{width:var(--response-toolbar-horiz-width);height:var(--response-toolbar-horiz-height)}.esri-responsive-toolbar__bar>div{display:contents}.esri-responsive-toolbar__bar--horizontal{min-width:100%}.esri-responsive-toolbar__bar--vertical{min-height:100%}.esri-responsive-toolbar__pad{width:min-content;display:contents}.esri-responsive-toolbar__pad>div{display:contents}.esri-responsive-toolbar__ruler--pad--vertical{width:0;height:min(100vh - 120px,100cqh - 120px)}.esri-responsive-toolbar__ruler--pad--horizontal{width:min(100vw - 60px,100cqw - 60px);height:0}.esri-split-button--split-part--vertical--s{--calcite-size-sm: 16px;max-height:16px}.esri-split-button--split-part--vertical--m{--calcite-size-md: 24px;max-height:24px}.esri-split-button--split-part--vertical--l{--calcite-size-l: 40px;max-height:40px}.esri-split-button--split-part--horizontal--s,.esri-split-button--split-part--horizontal--m{max-width:16px}.esri-split-button--split-part--horizontal--l{max-width:24px}.esri-snapping-controls__toggle-block{min-width:100%;margin:0}.esri-snapping-controls__layer-list-block{border-bottom:none;min-width:225px}.esri-snapping-controls__layer-list-block[open]{margin-block:0}.esri-snapping-controls__layer-list{overflow:auto}.esri-snapping-controls__layer-list__filter{margin-bottom:10px}.esri-snapping-controls__layer-list__button{margin-bottom:6px}.esri-snapping-controls__layer-list__item calcite-accordion-item calcite-icon,.esri-snapping-controls__layer-list__item calcite-action calcite-icon{margin-inline-start:0}.esri-snapping-controls__layer-list__item calcite-icon{color:var(--calcite-color-brand);margin-inline-start:var(--calcite-list-item-spacing-indent, 1em)}.esri-snapping-controls{flex-flow:column wrap;display:flex}.esri-snapping-controls__container{flex-direction:column;flex:auto;display:flex}.esri-snapping-controls__container :only-child{border-block-end:none}.esri-snapping-controls__panel{width:320px}.esri-snapping-controls__item{border:1px solid #adadad4d;cursor:pointer;background-color:var(--calcite-color-foreground-2);border-color:var(--calcite-color-border-1);border-radius:2px;justify-content:space-between;margin:3px 0;padding:3px;transition:border-color .125s ease-in-out;display:flex;box-shadow:0 1px #adadad4d}.esri-snapping-controls__item-action-icon{flex:0 0 16px;width:16px;height:16px;margin-top:.1em;font-size:var(--calcite-font-size-md);display:inline-block}.esri-snapping-controls__action-toggle{opacity:1;cursor:pointer;border:1px solid var(--calcite-color-border-1);flex-flow:row-reverse;justify-content:space-between;align-items:flex-start;width:100%;margin:0;padding:6px 15px;font-size:var(--calcite-font-size-sm);transition:opacity .25s ease-in-out .25s,background-color .25s ease-in-out;display:flex}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-title{margin-left:0}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon{background-color:var(--calcite-color-foreground-1);border-radius:16px;flex:0 0 28px;width:16px;height:16px;padding:0;transition:background-color .125s ease-in-out;position:relative;overflow:hidden;box-shadow:0 0 0 1px #adadad}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon:before{content:"";background-color:var(--calcite-color-foreground-2);border-radius:100%;width:12px;height:12px;margin:2px;transition:background-color .125s ease-in-out,left .125s ease-in-out;display:block;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #242424}.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon{background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 1px #adadad}.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon:before{background-color:var(--calcite-color-foreground-3);left:12px}.esri-snapping-controls__nested-container{flex-direction:column;gap:6px;display:flex}.esri-snapping-controls__nested-container:not(:empty){padding-top:6px;padding-inline-start:1em}.esri-labeled-switch__label{--calcite-label-margin-bottom: 0}.esri-labeled-switch__label-content{text-wrap:balance;flex:1;align-items:center;gap:7px;display:flex}.esri-labeled-switch__label-content>div{flex-grow:1}.esri-labeled-switch__icon{margin-top:-1px}.esri-labeled-switch__icon_info{color:var(--calcite-color-status-info)}.esri-labeled-switch__icon_warning{color:var(--calcite-color-status-warning)}.esri-labeled-switch__tooltip{text-wrap:wrap}:host{display:flex;max-width:100%;justify-content:flex-end;pointer-events:none;--sketch-pad-flex-flow: wrap;--sketch-view-height-offset: 63px ;--sketch-view-margin-offset: 30px;--sketch-popover-header-offset: 49px}:host([scale="s"]){--sketch-view-height-offset: 47px ;--sketch-view-margin-offset: 30px;--sketch-popover-header-offset: 33px}:host([scale="l"]){--sketch-view-height-offset: 79px ;--sketch-view-margin-offset: 30px;--sketch-popover-header-offset: 65px}div:has(>.esri-sketch){display:contents}.esri-sketch{-webkit-user-select:none;user-select:none;pointer-events:none;display:flex}.esri-sketch-pad{gap:var(--arcgis-internal-sketch-gap, var(--calcite-spacing-sm));flex-flow:var(--sketch-pad-flex-flow);justify-content:var(--arcgis-internal-sketch-justify-content, flex-start)}.esri-sketch-pad:dir(rtl){flex-flow:row-reverse wrap}.esri-sketch-pad.esri-sketch--vertical{flex-flow:var(--sketch-pad-flex-flow, column wrap);justify-content:flex-start;--sketch-view-height-offset: 30px;--sketch-view-margin-offset: 15px}.esri-sketch-pad.esri-sketch--vertical:dir(rtl){flex-flow:var(--sketch-pad-flex-flow, column wrap-reverse)}.esri-sketch-pad.esri-sketch--vertical .esri-selection-toolbar__container{flex-direction:column}.esri-sketch>*{pointer-events:initial;display:flex}.esri-sketch-bar{flex-direction:column;gap:0;margin:0;flex-basis:100%}.esri-sketch-bar.esri-sketch--vertical{flex-flow:row}.esri-sketch__popover-wrapper{inline-size:max-content;min-inline-size:300px;max-height:calc(100cqh - (var(--sketch-view-height-offset, 90px)) - var(--sketch-view-margin-offset, 15px) - var(--sketch-popover-header-offset, 1000px));-webkit-user-select:none;user-select:none;max-inline-size:400px;overflow-y:auto}.esri-sketch__popover-wrapper .esri-sketch-tooltip-controls:not(:only-child) calcite-block{border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.esri-sketch__selection-count-chip--horizontal{margin-block:var(--calcite-spacing-xxs);margin-inline:var(--calcite-spacing-xs);align-self:center}.esri-sketch__selection-count-chip--vertical{margin-block:calc(var(--calcite-spacing-md) * var(--sketch-chip-margin-scale-factor, 1));scale:var(--sketch-chip-rescale, 1);align-self:center;margin-inline:0}.esri-sketch__selection-count-chip--vertical--s{--sketch-chip-rescale: .8;--sketch-chip-margin-scale-factor: .5}.esri-sketch--vertical{max-height:min(100vh - 120px,100cqh - 120px)}.esri-expand__popover-content .esri-sketch{gap:0}.esri-sketch-tooltip-controls{flex-flow:column wrap;min-width:100%;display:flex}.esri-sketch-tooltip-controls__block{border-block-end:none;margin:0}.esri-sketch-tooltip-controls__block-content{flex-direction:column;gap:6px;display:flex}.esri-sketch-tooltip-controls__radio-button-label-wrapper{align-items:center;gap:2px;display:flex}.esri-sketch-tooltip-controls calcite-label:last-child{--calcite-label-margin-bottom: 0}`, u = g(p);
-class v extends d {
+import { dismissFloatingElements as l, setCustomTools as n, setGroupAllowCollapse as r, setContextualToolLocation as a, setGroupCollapsePriorities as c } from "@arcgis/core/applications/ExperienceBuilder/sketchUtils.js";
+import { usePropertyChange as p } from "@arcgis/lumina/controllers";
+import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
+import d from "@arcgis/core/layers/GraphicsLayer.js";
+import h from "@arcgis/core/widgets/Sketch.js";
+import { LitElement as g, createEvent as m } from "@arcgis/lumina";
+import { m as b } from "../../chunks/useWidget.js";
+import { css as u } from "lit";
+import { watch as w } from "@arcgis/core/core/reactiveUtils.js";
+const v = u`calcite-block>.esri-grid-controls{background:0 0;padding:0}.esri-grid-controls{-webkit-user-select:none;user-select:none;padding:var(--arcgis-internal-padding);flex-flow:column wrap;display:flex;calcite-label.esri-labeled-switch__label{margin-block-end:var(--calcite-spacing-sm, .5rem)}}.esri-grid-controls__switch--bordered{border-width:0 0 var(--calcite-spacing-px) 0;border-style:solid;border-color:var(--calcite-color-border-1)}.esri-grid-controls__container{gap:var(--calcite-spacing-sm);flex-direction:column;flex:auto;display:flex}.esri-grid-controls__tilegroup{column-gap:var(--calcite-spacing-sm);align-items:start;display:flex;flex-wrap:wrap}.esri-grid-controls__tile__content{row-gap:var(--calcite-spacing-md);padding:var(--calcite-spacing-md);color:var(--calcite-color-text-2);flex-direction:column;align-items:center;display:flex}.esri-grid-controls__tile__content calcite-label{margin-bottom:calc(0px - var(--calcite-label-margin-bottom, .75rem));font-weight:var(--calcite-font-weight-medium)}.esri-grid-controls__tile{position:relative}.esri-grid-controls__tile:focus-within{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.esri-grid-controls__tile--disabled{opacity:var(--calcite-opacity-disabled)}.esri-grid-controls__tile input[type=radio]{appearance:none;opacity:.001;border:var(--calcite-spacing-px) solid transparent;cursor:pointer;position:absolute;inset:0}.esri-grid-controls__tile input[type=radio]:checked+.esri-grid-controls__tile__content{border:var(--calcite-spacing-px) solid var(--calcite-color-brand)}.esri-grid-controls__tile input[type=radio]+.esri-grid-controls__tile__content{border:var(--calcite-spacing-px) solid transparent}.esri-grid-controls__numeric-inputs__container{gap:var(--calcite-spacing-sm);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.esri-grid-controls__inline-icon{margin-left:var(--calcite-spacing-xs);vertical-align:top;color:var(--calcite-color-status-warning)}:host{--response-toolbar-vert-width: 0;--response-toolbar-vert-height: 100%;--response-toolbar-horiz-width: 100%;--response-toolbar-horiz-height: 0}.esri-responsive-toolbar__ruler{opacity:0;pointer-events:none;position:absolute}.esri-responsive-toolbar__ruler--bar{visibility:hidden;height:0;display:block;position:absolute;top:0;left:0;right:0}.esri-responsive-toolbar__ruler--bar--vertical,.esri-responsive-toolbar__ruler--pad--vertical{width:var(--response-toolbar-vert-width);height:var(--response-toolbar-vert-height)}.esri-responsive-toolbar__ruler--pad--horizontal{width:var(--response-toolbar-horiz-width);height:var(--response-toolbar-horiz-height)}.esri-responsive-toolbar__bar>div{display:contents}.esri-responsive-toolbar__bar--horizontal{min-width:100%}.esri-responsive-toolbar__bar--vertical{min-height:100%}.esri-responsive-toolbar__pad{width:min-content;display:contents}.esri-responsive-toolbar__pad>div{display:contents}.esri-responsive-toolbar__ruler--pad--vertical{width:0;height:min(100vh - 120px,100cqh - 120px)}.esri-responsive-toolbar__ruler--pad--horizontal{width:min(100vw - 60px,100cqw - 60px);height:0}.esri-split-button--split-part--vertical--s{--calcite-size-sm: 16px;max-height:16px}.esri-split-button--split-part--vertical--m{--calcite-size-md: 24px;max-height:24px}.esri-split-button--split-part--vertical--l{--calcite-size-l: 40px;max-height:40px}.esri-split-button--split-part--horizontal--s,.esri-split-button--split-part--horizontal--m{max-width:16px}.esri-split-button--split-part--horizontal--l{max-width:24px}.esri-snapping-controls__toggle-block{min-width:100%;margin:0}.esri-snapping-controls__layer-list-block{border-bottom:none;min-width:225px}.esri-snapping-controls__layer-list-block[open]{margin-block:0}.esri-snapping-controls__layer-list{overflow:auto}.esri-snapping-controls__layer-list__filter{margin-bottom:10px}.esri-snapping-controls__layer-list__button{margin-bottom:6px}.esri-snapping-controls__layer-list__item calcite-accordion-item calcite-icon,.esri-snapping-controls__layer-list__item calcite-action calcite-icon{margin-inline-start:0}.esri-snapping-controls__layer-list__item calcite-icon{color:var(--calcite-color-brand);margin-inline-start:var(--calcite-list-item-spacing-indent, 1em)}.esri-snapping-controls{flex-flow:column wrap;display:flex}.esri-snapping-controls__container{flex-direction:column;flex:auto;display:flex}.esri-snapping-controls__container :only-child{border-block-end:none}.esri-snapping-controls__panel{width:320px}.esri-snapping-controls__item{border:1px solid #adadad4d;cursor:pointer;background-color:var(--calcite-color-foreground-2);border-color:var(--calcite-color-border-1);border-radius:2px;justify-content:space-between;margin:3px 0;padding:3px;transition:border-color .125s ease-in-out;display:flex;box-shadow:0 1px #adadad4d}.esri-snapping-controls__item-action-icon{flex:0 0 16px;width:16px;height:16px;margin-top:.1em;font-size:var(--calcite-font-size-md);display:inline-block}.esri-snapping-controls__action-toggle{opacity:1;cursor:pointer;border:1px solid var(--calcite-color-border-1);flex-flow:row-reverse;justify-content:space-between;align-items:flex-start;width:100%;margin:0;padding:6px 15px;font-size:var(--calcite-font-size-sm);transition:opacity .25s ease-in-out .25s,background-color .25s ease-in-out;display:flex}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-title{margin-left:0}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon{background-color:var(--calcite-color-foreground-1);border-radius:16px;flex:0 0 28px;width:16px;height:16px;padding:0;transition:background-color .125s ease-in-out;position:relative;overflow:hidden;box-shadow:0 0 0 1px #adadad}.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon:before{content:"";background-color:var(--calcite-color-foreground-2);border-radius:100%;width:12px;height:12px;margin:2px;transition:background-color .125s ease-in-out,left .125s ease-in-out;display:block;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #242424}.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon{background-color:var(--calcite-color-foreground-1);box-shadow:0 0 0 1px #adadad}.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon:before{background-color:var(--calcite-color-foreground-3);left:12px}.esri-snapping-controls__nested-container{flex-direction:column;gap:6px;display:flex}.esri-snapping-controls__nested-container:not(:empty){padding-top:6px;padding-inline-start:1em}.esri-labeled-switch__label{--calcite-label-margin-bottom: 0}.esri-labeled-switch__label-content{text-wrap:balance;flex:1;align-items:center;gap:7px;display:flex}.esri-labeled-switch__label-content>div{flex-grow:1}.esri-labeled-switch__icon{margin-top:-1px}.esri-labeled-switch__icon_info{color:var(--calcite-color-status-info)}.esri-labeled-switch__icon_warning{color:var(--calcite-color-status-warning)}.esri-labeled-switch__tooltip{text-wrap:wrap}:host{display:flex;max-width:100%;justify-content:flex-end;pointer-events:none;--sketch-pad-flex-flow: wrap;--sketch-view-height-offset: 63px ;--sketch-view-margin-offset: 30px;--sketch-popover-header-offset: 49px}:host([scale="s"]){--sketch-view-height-offset: 47px ;--sketch-view-margin-offset: 30px;--sketch-popover-header-offset: 33px}:host([scale="l"]){--sketch-view-height-offset: 79px ;--sketch-view-margin-offset: 30px;--sketch-popover-header-offset: 65px}div:has(>.esri-sketch){display:contents}.esri-sketch{-webkit-user-select:none;user-select:none;pointer-events:none;display:flex}.esri-sketch-pad{gap:var(--arcgis-internal-sketch-gap, var(--calcite-spacing-sm));flex-flow:var(--sketch-pad-flex-flow);justify-content:var(--arcgis-internal-sketch-justify-content, flex-start)}.esri-sketch-pad:dir(rtl){flex-flow:row-reverse wrap}.esri-sketch-pad.esri-sketch--vertical{flex-flow:var(--sketch-pad-flex-flow, column wrap);justify-content:flex-start;--sketch-view-height-offset: 30px;--sketch-view-margin-offset: 15px}.esri-sketch-pad.esri-sketch--vertical:dir(rtl){flex-flow:var(--sketch-pad-flex-flow, column wrap-reverse)}.esri-sketch-pad.esri-sketch--vertical .esri-selection-toolbar__container{flex-direction:column}.esri-sketch>*{pointer-events:initial;display:flex}.esri-sketch-bar{flex-direction:column;gap:0;margin:0;flex-basis:100%}.esri-sketch-bar.esri-sketch--vertical{flex-flow:row}.esri-sketch__popover-wrapper{inline-size:max-content;min-inline-size:300px;max-height:calc(100cqh - (var(--sketch-view-height-offset, 90px)) - var(--sketch-view-margin-offset, 15px) - var(--sketch-popover-header-offset, 1000px));-webkit-user-select:none;user-select:none;max-inline-size:400px;overflow-y:auto}.esri-sketch__popover-wrapper .esri-sketch-tooltip-controls:not(:only-child) calcite-block{border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.esri-sketch__selection-count-chip--horizontal{margin-block:var(--calcite-spacing-xxs);margin-inline:var(--calcite-spacing-xs);align-self:center}.esri-sketch__selection-count-chip--vertical{margin-block:calc(var(--calcite-spacing-md) * var(--sketch-chip-margin-scale-factor, 1));scale:var(--sketch-chip-rescale, 1);align-self:center;margin-inline:0}.esri-sketch__selection-count-chip--vertical--s{--sketch-chip-rescale: .8;--sketch-chip-margin-scale-factor: .5}.esri-sketch--vertical{max-height:min(100vh - 120px,100cqh - 120px)}.esri-expand__popover-content .esri-sketch{gap:0}.esri-sketch-tooltip-controls{flex-flow:column wrap;min-width:100%;display:flex}.esri-sketch-tooltip-controls__block{border-block-end:none;margin:0}.esri-sketch-tooltip-controls__block-content{flex-direction:column;gap:6px;display:flex}.esri-sketch-tooltip-controls__radio-button-label-wrapper{align-items:center;gap:2px;display:flex}.esri-sketch-tooltip-controls calcite-label:last-child{--calcite-label-margin-bottom: 0}`, _ = b(h);
+class f extends g {
   constructor() {
-    super(), this._visualScale = "m", this.widget = u(this), this.viewModel = this.widget.viewModel, this._defaultGraphicsLayer = null, this.view = this.widget.view, 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.hideCreateToolsMultipoint = this.widget.visibleElements.createTools.multipoint, 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.hideDeleteButton = this.widget.visibleElements.deleteButton, this.hideSelectionCountLabel = this.widget.visibleElements.selectionCountLabel, 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.hideSnappingControlsElementsGridEnabledToggle = this.widget.visibleElements.snappingControlsElements.gridEnabledToggle, this.hideSnappingControlsElementsGridControls = this.widget.visibleElements.snappingControlsElements.gridControls, this.hideSnappingControlsElementsGridControlsElementsColorSelection = this.widget.visibleElements.snappingControlsElements.gridControlsElements.colorSelection, this.hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle = this.widget.visibleElements.snappingControlsElements.gridControlsElements.dynamicScaleToggle, this.hideSnappingControlsElementsGridControlsElementsLineIntervalInput = this.widget.visibleElements.snappingControlsElements.gridControlsElements.lineIntervalInput, this.hideSnappingControlsElementsGridControlsElementsNumericInputs = this.widget.visibleElements.snappingControlsElements.gridControlsElements.numericInputs, this.hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning = this.widget.visibleElements.snappingControlsElements.gridControlsElements.outOfScaleWarning, this.hideSnappingControlsElementsGridControlsElementsPlacementButtons = this.widget.visibleElements.snappingControlsElements.gridControlsElements.placementButtons, this.hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle = this.widget.visibleElements.snappingControlsElements.gridControlsElements.rotateWithMapToggle, 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.showSnappingControlsElementsHeader = this.widget.visibleElements.snappingControlsElements.header, this.showCreateToolsFreehandPolygon = this.widget.visibleElements.createTools.freehandPolygon, this.showCreateToolsFreehandPolyline = this.widget.visibleElements.createTools.freehandPolyline, this.showCreateToolsText = this.widget.visibleElements.createTools.text, this.snappingOptions = this.widget.snappingOptions, this.state = this.widget.state, this.textSymbol = this.viewModel.textSymbol, this.toolbarKind = this.widget.toolbarKind, this.tooltipOptions = this.widget.tooltipOptions, this.useLegacyCreateTools = this.viewModel.useLegacyCreateTools, this.updateOnGraphicClickDisabled = this.viewModel.updateOnGraphicClick, this.updateGraphics = this.widget.updateGraphics, this.arcgisCreate = s(() => this.widget, "create"), this.arcgisDelete = s(() => this.widget, "delete"), this.arcgisPropertyChange = a()("state"), this.arcgisReady = h(), this.arcgisRedo = s(() => this.widget, "redo"), this.arcgisUndo = s(() => this.widget, "undo"), this.arcgisUpdate = s(() => this.widget, "update"), this.listen("arcgisReady", this._arcgisReadyHandler);
+    super(), this._visualScale = "m", this.widget = _(this), this.viewModel = this.widget.viewModel, this._defaultGraphicsLayer = null, this.view = this.widget.view, 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.hideCreateToolsMultipoint = this.widget.visibleElements.createTools.multipoint, 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.hideDeleteButton = this.widget.visibleElements.deleteButton, this.hideSelectionCountLabel = this.widget.visibleElements.selectionCountLabel, 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.hideSnappingControlsElementsGridEnabledToggle = this.widget.visibleElements.snappingControlsElements.gridEnabledToggle, this.hideSnappingControlsElementsGridControls = this.widget.visibleElements.snappingControlsElements.gridControls, this.hideSnappingControlsElementsGridControlsElementsColorSelection = this.widget.visibleElements.snappingControlsElements.gridControlsElements.colorSelection, this.hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle = this.widget.visibleElements.snappingControlsElements.gridControlsElements.dynamicScaleToggle, this.hideSnappingControlsElementsGridControlsElementsLineIntervalInput = this.widget.visibleElements.snappingControlsElements.gridControlsElements.lineIntervalInput, this.hideSnappingControlsElementsGridControlsElementsNumericInputs = this.widget.visibleElements.snappingControlsElements.gridControlsElements.numericInputs, this.hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning = this.widget.visibleElements.snappingControlsElements.gridControlsElements.outOfScaleWarning, this.hideSnappingControlsElementsGridControlsElementsPlacementButtons = this.widget.visibleElements.snappingControlsElements.gridControlsElements.placementButtons, this.hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle = this.widget.visibleElements.snappingControlsElements.gridControlsElements.rotateWithMapToggle, 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.showSnappingControlsElementsHeader = this.widget.visibleElements.snappingControlsElements.header, this.showCreateToolsFreehandPolygon = this.widget.visibleElements.createTools.freehandPolygon, this.showCreateToolsFreehandPolyline = this.widget.visibleElements.createTools.freehandPolyline, this.showCreateToolsText = this.widget.visibleElements.createTools.text, this.snappingOptions = this.widget.snappingOptions, this.state = this.widget.state, this.textSymbol = this.viewModel.textSymbol, this.toolbarKind = this.widget.toolbarKind, this.tooltipOptions = this.widget.tooltipOptions, this.useLegacyCreateTools = this.viewModel.useLegacyCreateTools, this.updateOnGraphicClickDisabled = this.viewModel.updateOnGraphicClick, this.updateGraphics = this.widget.updateGraphics, this.arcgisCreate = i(() => this.widget, "create"), this.arcgisDelete = i(() => this.widget, "delete"), this.arcgisPropertyChange = p()("state"), this.arcgisReady = m(), this.arcgisRedo = i(() => this.widget, "redo"), this.arcgisUndo = i(() => this.widget, "undo"), this.arcgisUpdate = i(() => this.widget, "update"), this.arcgisDuplicate = i(() => this.widget, "duplicate"), this.listen("arcgisReady", this._arcgisReadyHandler);
   }
   static {
     this.properties = { view: 0, activeTool: 35, autoDestroyDisabled: 5, availableCreateTools: 0, createGraphic: 32, creationMode: 1, defaultCreateOptions: 0, defaultGraphicsLayerDisabled: 5, defaultUpdateOptions: 0, hideCreateToolsCircle: 5, hideCreateToolsMultipoint: 5, hideCreateToolsPoint: 5, hideCreateToolsPolygon: 5, hideCreateToolsPolyline: 5, hideCreateToolsRectangle: 5, hideDuplicateButton: 5, hideDeleteButton: 5, hideSelectionCountLabel: 5, hideLabelsToggle: 5, hideSelectionToolsLassoSelection: 5, hideSelectionToolsRectangleSelection: 5, hideSettingsMenu: 5, hideSnappingControls: 5, hideSnappingControlsElementsEnabledToggle: 5, hideSnappingControlsElementsFeatureEnabledToggle: 5, hideSnappingControlsElementsLayerList: 5, hideSnappingControlsElementsSelfEnabledToggle: 5, hideSnappingControlsElementsGridEnabledToggle: 5, hideSnappingControlsElementsGridControls: 5, hideSnappingControlsElementsGridControlsElementsColorSelection: 5, hideSnappingControlsElementsGridControlsElementsDynamicScaleToggle: 5, hideSnappingControlsElementsGridControlsElementsLineIntervalInput: 5, hideSnappingControlsElementsGridControlsElementsNumericInputs: 5, hideSnappingControlsElementsGridControlsElementsOutOfScaleWarning: 5, hideSnappingControlsElementsGridControlsElementsPlacementButtons: 5, hideSnappingControlsElementsGridControlsElementsRotateWithMapToggle: 5, hideTooltipsToggle: 5, hideUndoRedoMenu: 5, icon: 1, label: 1, labelOptions: 0, layer: 0, layout: 1, pointSymbol: 0, polygonSymbol: 0, polylineSymbol: 0, referenceElement: 1, scale: 1, visualScale: 1, showSnappingControlsElementsHeader: 5, showCreateToolsFreehandPolygon: 5, showCreateToolsFreehandPolyline: 5, showCreateToolsText: 5, snappingOptions: 0, state: 32, textSymbol: 0, toolbarKind: 1, tooltipOptions: 0, useLegacyCreateTools: 5, updateOnGraphicClickDisabled: 5, updateGraphics: 32 };
   }
   static {
-    this.styles = w;
+    this.styles = v;
   }
   get scale() {
     return this._visualScale;
@@ -62,6 +62,12 @@ class v extends d {
   async setGroupAllowCollapseOptions(e) {
     r(this.widget, e);
   }
+  async setContextualToolLocation(e) {
+    a(this.widget, e);
+  }
+  async setGroupCollapsePriorities(e) {
+    c(this.widget, e);
+  }
   async triggerUpdate(e, t) {
     this.widget?.update(e, t);
   }
@@ -69,7 +75,7 @@ class v extends d {
     this.widget?.undo();
   }
   _arcgisReadyHandler() {
-    this.defaultGraphicsLayerDisabled || (this._defaultGraphicsLayer = new c({ title: "Sketch Layer" }), this.widget.availableCreateTools = [
+    this.defaultGraphicsLayerDisabled || (this._defaultGraphicsLayer = new d({ title: "Sketch Layer" }), this.widget.availableCreateTools = [
       "point",
       "polyline",
       "freehandPolyline",
@@ -77,15 +83,15 @@ class v extends d {
       "freehandPolygon",
       "rectangle",
       "circle"
-    ], this.widget.layer = this._defaultGraphicsLayer, this.el.view?.map?.add(this.widget.layer), this.manager.onLifecycle(() => b(() => this.el.view?.map, (e, t) => {
-      const i = this._defaultGraphicsLayer;
-      !i || this.widget.layer !== i || (t?.allLayers.includes(i) && t.remove(i), e?.add(i));
+    ], this.widget.layer = this._defaultGraphicsLayer, this.el.view?.map?.add(this.widget.layer), this.manager.onLifecycle(() => w(() => this.el.view?.map, (e, t) => {
+      const s = this._defaultGraphicsLayer;
+      !s || this.widget.layer !== s || (t?.allLayers.includes(s) && t.remove(s), e?.add(s));
     })), 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;
     }));
   }
 }
-o("arcgis-sketch", v);
+o("arcgis-sketch", f);
 export {
-  v as ArcgisSketch
+  f as ArcgisSketch
 };