@arcgis/map-components 5.2.0-next.87 → 5.2.0-next.88

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

@@ -2,9 +2,9 @@
 import { c as O } from "../../chunks/runtime.js";
 import { css as z, html as g } from "lit";
 import { GenericController as P, proxyExports as E, useDirection as B } from "@arcgis/lumina/controllers";
-import { LitElement as G, createEvent as v, nothing as S } from "@arcgis/lumina";
-import { u as R } from "../../chunks/useT9n.js";
-import { m as T } from "../../chunks/useViewModel.js";
+import { LitElement as G, createEvent as v, nothing as y } from "@arcgis/lumina";
+import { u as T } from "../../chunks/useT9n.js";
+import { m as R } from "../../chunks/useViewModel.js";
 import { property as d, subclass as N } from "@arcgis/core/core/accessorSupport/decorators.js";
 import H from "@arcgis/core/core/Accessor.js";
 import w from "@arcgis/core/core/Collection.js";
@@ -21,7 +21,7 @@ import q from "@arcgis/core/graphic/FeatureGraphicOrigin.js";
 import { fetchPopupFeaturesFromGraphics as A } from "@arcgis/core/applications/SceneViewer/sceneViewerUtils.js";
 import { s as I } from "../../chunks/resources.js";
 import { d as C, p as J } from "../../chunks/constants2.js";
-const X = z`:host{width:100%;height:100%;padding:var(--calcite-space-none);margin:var(--calcite-space-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-space-lg);padding-inline-start:calc(var(--calcite-space-lg) + var(--arcgis-internal-presentation-padding-start));padding-inline-end:calc(var(--calcite-space-lg) + var(--arcgis-internal-presentation-padding-end))}.navigation-container{display:flex;flex-direction:column;margin-inline-start:var(--calcite-space-lg);margin-block:auto calc(var(--calcite-space-lg) + var(--internal-attribution-height));width:fit-content;height:100%}.navigation{width:fit-content;display:flex;align-items:center;background-color:var(--calcite-color-surface-2);box-shadow:var(--arcgis-internal-box-shadow);pointer-events:auto}.navigation-slide-list-container{position:relative;height:100%;min-height:0;margin-block-start:var(--calcite-space-lg)}.slide-list-action-container{height:100%;align-content:center;border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.slide-list-action{padding-inline:var(--calcite-space-sm)}.slide-counter-text{display:flex;align-items:center;justify-content:center;gap:var(--calcite-space-base)}.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;min-width:var(--calcite-spacing-md);text-align:center}.legend-container{pointer-events:all;box-shadow:var(--calcite-shadow-sm);max-width:300px;height:auto;max-height:calc(100vh - 136px);overflow:hidden auto}.legend{padding:var(--esri-widget-padding);background-color:var(--calcite-color-surface-2)}`;
+const X = z`:host{width:100%;height:100%;padding:var(--calcite-space-none);margin:var(--calcite-space-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-space-lg);padding-inline-start:calc(var(--calcite-space-lg) + var(--arcgis-internal-presentation-padding-start));padding-inline-end:calc(var(--calcite-space-lg) + var(--arcgis-internal-presentation-padding-end))}.navigation-container{display:flex;flex-direction:column;margin-inline-start:var(--calcite-space-lg);margin-block:auto calc(var(--calcite-space-lg) + var(--arcgis-internal-attribution-space-top));width:fit-content;height:100%}.navigation{width:fit-content;display:flex;align-items:center;background-color:var(--calcite-color-surface-2);box-shadow:var(--arcgis-internal-box-shadow);pointer-events:auto}.navigation-slide-list-container{position:relative;height:100%;min-height:0;margin-block-start:var(--calcite-space-lg)}.slide-list-action-container{height:100%;align-content:center;border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.slide-list-action{padding-inline:var(--calcite-space-sm)}.slide-counter-text{display:flex;align-items:center;justify-content:center;gap:var(--calcite-space-base);font-size:var(--calcite-font-size-md)}.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;min-width:var(--calcite-spacing-md);text-align:center}.legend-container{pointer-events:all;box-shadow:var(--calcite-shadow-sm);max-width:300px;height:auto;max-height:calc(100vh - 136px);overflow:hidden auto}.legend{padding:var(--esri-widget-padding);background-color:var(--calcite-color-surface-2)}`;
 var Y = Object.defineProperty, Z = Object.getOwnPropertyDescriptor, o = (i, e, t, s) => {
   for (var n = s > 1 ? void 0 : s ? Z(e, t) : e, r = i.length - 1, a; r >= 0; r--)
     (a = i[r]) && (n = (s ? a(e, t, n) : a(n)) || n);
@@ -297,9 +297,9 @@ class ee extends P {
     await _(() => !c.updating);
     const p = this._tryGetBuildingComponentSublayerView(s, n, c) ?? c;
     await _(() => !p.updating);
-    const y = this._createFeatureGraphic(s, n, r, a.id);
-    let x = await A(p, [y]);
-    return this._featureHasBeenFilledWithAttributes(x) || (await _(() => !e.updating), x = await A(p, [y])), x;
+    const b = this._createFeatureGraphic(s, n, r, a.id);
+    let x = await A(p, [b]);
+    return this._featureHasBeenFilledWithAttributes(x) || (await _(() => !e.updating), x = await A(p, [b])), x;
   }
   _tryGetBuildingComponentSublayerView(e, t, s) {
     let n;
@@ -357,27 +357,27 @@ class ee extends P {
   }
   //#endregion
 }
-const te = (i) => new ee(i), m = Object.freeze({ width: 0, height: 0 }), b = /* @__PURE__ */ new WeakMap(), f = () => ({
-  topCenter: { ...m },
-  topLeft: { ...m },
-  topRight: { ...m },
-  bottomCenter: { ...m },
-  bottomLeft: { ...m },
-  bottomRight: { ...m }
-}), $ = (i) => ({
+const te = (i) => new ee(i), S = Object.freeze({ width: 0, height: 0 }), f = /* @__PURE__ */ new WeakMap(), m = () => ({
+  topCenter: { ...S },
+  topLeft: { ...S },
+  topRight: { ...S },
+  bottomCenter: { ...S },
+  bottomLeft: { ...S },
+  bottomRight: { ...S }
+}), F = (i) => ({
   topCenter: { ...i.topCenter },
   topLeft: { ...i.topLeft },
   topRight: { ...i.topRight },
   bottomCenter: { ...i.bottomCenter },
   bottomLeft: { ...i.bottomLeft },
   bottomRight: { ...i.bottomRight }
-}), F = (i) => {
-  let e = b.get(i);
+}), $ = (i) => {
+  let e = f.get(i);
   return e || (e = {
     observedGroups: /* @__PURE__ */ new Map(),
-    observedSizes: f(),
+    observedSizes: m(),
     subscribers: /* @__PURE__ */ new Set()
-  }, b.set(i, e)), e;
+  }, f.set(i, e)), e;
 }, ie = (i) => {
   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 ? {
@@ -389,22 +389,22 @@ const te = (i) => new ee(i), m = Object.freeze({ width: 0, height: 0 }), b = /*
     bottomRight: a
   } : null;
 }, se = (i, e) => I.every((t) => i.get(t) === e[t]), ne = (i) => {
-  const e = $(i.observedSizes);
+  const e = F(i.observedSizes);
   i.subscribers.forEach((t) => t(e));
 }, re = (i, e) => {
-  const t = b.get(i);
+  const t = f.get(i);
   if (!t)
     return;
   let s = !1;
   e.forEach((n) => {
-    const r = I.find((y) => t.observedGroups.get(y) === n.target);
+    const r = I.find((b) => t.observedGroups.get(b) === n.target);
     if (!r)
       return;
     const { width: a, height: c } = n.contentRect, h = { width: a, height: c }, p = t.observedSizes[r];
     p.width === h.width && p.height === h.height || (t.observedSizes[r] = h, s = !0);
   }), s && ne(t);
 }, L = (i, e) => {
-  const t = F(i);
+  const t = $(i);
   t.resizeObserver || (t.resizeObserver = new ResizeObserver((n) => {
     re(i, n);
   }));
@@ -418,10 +418,10 @@ const te = (i) => new ee(i), m = Object.freeze({ width: 0, height: 0 }), b = /*
     t.observedGroups.set(n, r), t.resizeObserver?.observe(r);
   }));
 }, ae = (i, e) => {
-  const t = F(i);
-  return t.subscribers.add(e), e($(t.observedSizes)), () => {
-    const s = b.get(i);
-    s && (s.subscribers.delete(e), s.subscribers.size === 0 && (s.resizeObserver?.disconnect(), s.observedGroups.clear(), b.delete(i)));
+  const t = $(i);
+  return t.subscribers.add(e), e(F(t.observedSizes)), () => {
+    const s = f.get(i);
+    s && (s.subscribers.delete(e), s.subscribers.size === 0 && (s.resizeObserver?.disconnect(), s.observedGroups.clear(), f.delete(i)));
   };
 };
 class le extends P {
@@ -435,10 +435,10 @@ class le extends P {
    * @param component The host component that owns the slot group elements.
    */
   constructor(e) {
-    super(e), this.exports = f();
+    super(e), this.exports = m();
   }
   hostDisconnected() {
-    this.#i?.(), this.#i = void 0, this.#t = void 0, this.#e = void 0, this.exports = f();
+    this.#i?.(), this.#i = void 0, this.#t = void 0, this.#e = void 0, this.exports = m();
   }
   hostLifecycle() {
     return [
@@ -447,7 +447,7 @@ class le extends P {
         (t) => {
           if (this.#t !== t) {
             if (this.#i?.(), this.#i = void 0, this.#t = t, this.#e = t?.slotGroupRefs, !t) {
-              this.exports = f();
+              this.exports = m();
               return;
             }
             this.#i = ae(t, (s) => {
@@ -475,38 +475,38 @@ class le extends P {
   }
   // Compares the newly measured sizes against the currently exported values.
   #n(e) {
-    const t = this.exports ?? f();
+    const t = this.exports ?? m();
     return I.every((s) => {
       const n = t[s], r = e[s];
       return n.width === r.width && n.height === r.height;
     });
   }
 }
-const oe = E(le), de = T(l);
+const oe = E(le), de = R(l);
 class ce extends G {
   constructor() {
-    super(...arguments), this._messages = R(), this.#e = de(this), this.#t = B(), this.#s = (e) => {
-      this.#e.captureArrowKeysForNavigation(e, this.#t);
-    }, this.#n = te(this), this.#a = null, this.#o = (e) => {
-      this.#n.closePopup(), this.arcgisSlideApplyStart.emit({ slide: e });
+    super(...arguments), this._messages = T(), this._direction = B(), this.#e = de(this), this.#i = (e) => {
+      this.#e.captureArrowKeysForNavigation(e, this._direction);
+    }, this.#s = te(this), this.#r = null, this.#l = (e) => {
+      this.#s.closePopup(), this.arcgisSlideApplyStart.emit({ slide: e });
+    }, this.#o = (e) => {
+      this.#s.openPopup(e), this.sliceAnalysisInteractive && this.#e.setSliceAnalysisInteractive(!0), this.arcgisSlideApplyComplete.emit({ slide: e });
     }, this.#d = (e) => {
-      this.#n.openPopup(e), this.sliceAnalysisInteractive && this.#e.setSliceAnalysisInteractive(!0), this.arcgisSlideApplyComplete.emit({ slide: e });
-    }, this.#c = (e) => {
       this.sliceAnalysisInteractive && this.#e.setSliceAnalysisInteractive(!0), this.arcgisSlideApplyCancel.emit({ slide: e });
-    }, this.#h = (e) => {
+    }, this.#c = (e) => {
       const t = e.detail?.selectedSlide;
       if (!t)
         return;
-      this.#r?.abort(), this.#r = new AbortController();
-      const s = Date.now(), n = this.#a !== null && s - this.#a < C;
-      if (this.#a = s, this.#e.applySlide(t, n, this.#r), n) {
+      this.#n?.abort(), this.#n = new AbortController();
+      const s = Date.now(), n = this.#r !== null && s - this.#r < C;
+      if (this.#r = s, this.#e.applySlide(t, n, this.#n), n) {
         this._showSlideList = !1;
         return;
       }
       setTimeout(() => {
-        this.#r?.signal.aborted || (this._showSlideList = !1, this.#e.applySlide(t, !1, this.#r));
+        this.#n?.signal.aborted || (this._showSlideList = !1, this.#e.applySlide(t, !1, this.#n));
       }, C);
-    }, this.#l = () => {
+    }, this.#a = () => {
       this._showSlideList = !1;
     }, this._showSlideList = !1, this.autoDestroyDisabled = !1, this.view = this.#e.view, this.visualScale = "m", this.keyboardNavigationEnabled = !1, this.slidePopupDisabled = !1, this.slideCaptionsDisabled = !1, this.slideLegendDisabled = !1, this.sliceAnalysisInteractive = !1, this.navigationHidden = !1, this.arcgisPopupFeatureNotFound = v(), this.arcgisPopupFeaturesRetrieved = v(), this.arcgisReady = v(), this.arcgisSlideApplyCancel = v(), this.arcgisSlideApplyComplete = v(), this.arcgisSlideApplyStart = v();
   }
@@ -522,14 +522,13 @@ class ce extends G {
   #s;
   #n;
   #r;
-  #a;
+  #l;
   #o;
   #d;
   #c;
-  #h;
-  #l;
-  #u;
+  #a;
   #p;
+  #h;
   get slideId() {
     return this.#e.slideId;
   }
@@ -540,69 +539,69 @@ class ce extends G {
     await this.manager.destroy();
   }
   loaded() {
-    this.#e.onApplySlideStart = this.#o, this.#e.onApplySlideComplete = this.#d, this.#e.onApplySlideCancel = this.#c, this.#m();
+    this.#e.onApplySlideStart = this.#l, this.#e.onApplySlideComplete = this.#o, this.#e.onApplySlideCancel = this.#d, this.#S();
     const e = this;
     this.manager.onLifecycle(() => [
       u(() => this.slidePopupDisabled, (t) => {
         if (this.slideId && !t) {
           const s = this.#e.getSlideBySlideId(this.slideId);
-          s && this.#n?.openPopup(s);
-        } else t && this.#n?.closePopup(!0);
+          s && this.#s?.openPopup(s);
+        } else t && this.#s?.closePopup(!0);
       }),
       u(() => this.sliceAnalysisInteractive, (t) => {
         this.#e.setSliceAnalysisInteractive(t);
       }, { initial: !0 }),
       u(() => e.referenceElement, (t) => {
-        this.#g(t) && (this._slotSizesController = oe(this), this.#p = this.#v());
+        this.#u(t) && (this._slotSizesController = oe(this), this.#h = this.#g());
       }, { once: !0, initial: !0 }),
       {
         remove: () => {
-          document.removeEventListener("keydown", this.#s), this.#u?.removeEventListener("arcgisSlideListClose", this.#l), this.#i?.remove(), this.#p?.remove(), this.#r?.abort();
+          document.removeEventListener("keydown", this.#i), this.#p?.removeEventListener("arcgisSlideListClose", this.#a), this.#t?.remove(), this.#h?.remove(), this.#n?.abort();
         }
       }
     ]);
   }
-  #g(e) {
+  #u(e) {
     return e === void 0 || typeof e == "string" ? !1 : "tagName" in e && e.tagName === "ARCGIS-SCENE";
   }
-  #v() {
-    return u(() => this._slotSizesController, (e) => this.#S(e?.topLeft, e?.topRight, e?.bottomLeft, e?.bottomRight), { initial: !0 });
+  #g() {
+    return u(() => this._slotSizesController, (e) => this.#v(e?.topLeft, e?.topRight, e?.bottomLeft, e?.bottomRight), { initial: !0 });
   }
-  #S(e, t, s, n) {
-    const r = this.#t === "ltr" ? e?.width ?? 0 : t?.width ?? 0, a = this.#t === "ltr" ? t?.width ?? 0 : e?.width ?? 0, c = Math.max(e?.height ?? 0, t?.height ?? 0), h = Math.max(s?.height ?? 0, n?.height ?? 0);
+  #v(e, t, s, n) {
+    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), h = Math.max(s?.height ?? 0, n?.height ?? 0);
     r > 0 ? this.el.style.setProperty("--arcgis-internal-presentation-padding-start", `calc(var(--calcite-space-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-space-lg) + ${a.toString()}px)`) : this.el.style.setProperty("--arcgis-internal-presentation-padding-end", "0px");
     const p = r <= Math.max(c, h) && a <= Math.max(c, h);
     this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-top", p ? "0" : `${c}px`), this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-bottom", p ? "0" : `${h}px`), this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-start", p ? `${r}px` : "0"), this.el.style.setProperty("--arcgis-internal-presentation-cover-padding-end", p ? `${a}px` : "0");
   }
-  #m() {
-    this.#i = u(() => this.keyboardNavigationEnabled, (e) => {
-      document.removeEventListener("keydown", this.#s), e && document.addEventListener("keydown", this.#s);
+  #S() {
+    this.#t = u(() => this.keyboardNavigationEnabled, (e) => {
+      document.removeEventListener("keydown", this.#i), e && document.addEventListener("keydown", this.#i);
     }, { initial: !0 });
   }
   render() {
     if (this.#e?.visibleSlides?.length === 0)
       return g`<div></div>`;
-    const e = this.#e.visibleSlides.find((r) => r.id === this.slideId), t = this.#f(), s = this.#y(e), n = this.#w();
+    const e = this.#e.visibleSlides.find((r) => r.id === this.slideId), t = this.#m(), s = this.#b(e), n = this.#y();
     return g`<div class="root"><div class="presentation-content">${s}${n}</div>${t}</div>`;
   }
-  #f() {
+  #m() {
     if (this.navigationHidden)
       return null;
-    const e = this.#e.lastSlideSelected && !this.#e.hasOnlyOneSlide, t = this.#t === "rtl", s = t ? "chevron-right" : "chevron-left", n = t ? "chevron-left" : "chevron-right", r = this.#_();
-    return g`<div class="navigation-container"><div class="navigation-slide-list-container">${r}</div><div class="navigation"><div class="slide-list-action-container"><calcite-action id=${J} class="slide-list-action" .text=${this._messages.slideList ?? ""} selection-appearance=highlight icon=list .scale=${this.visualScale === "l" ? "m" : "s"} .label=${this._messages.slideList} title=${this._messages.slideList ?? S} .active=${this._showSlideList} @click=${() => this._showSlideList = !this._showSlideList}></calcite-action></div><calcite-button appearance=transparent icon-start=${s ?? S} icon-flip-rtl=start kind=neutral .scale=${this.visualScale} .disabled=${this.#e.firstSlideSelected || !this.#e.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? S} @click=${() => this.#e.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this.#b()}</div><calcite-button appearance=transparent icon-start=${(e ? "reset" : n) ?? S} icon-flip-rtl=start kind=neutral .scale=${this.visualScale} .label=${e ? this._messages.restart : this._messages.next} title=${(e ? this._messages.restart : this._messages.next) ?? S} @click=${() => this.#e.navigateInPresentation(1)}></calcite-button></div></div>`;
+    const e = this.#e.lastSlideSelected && !this.#e.hasOnlyOneSlide, t = this.#w();
+    return g`<div class="navigation-container"><div class="navigation-slide-list-container">${t}</div><div class="navigation"><div class="slide-list-action-container"><calcite-action id=${J} class="slide-list-action" .text=${this._messages.slideList ?? ""} selection-appearance=highlight icon=list .scale=${this.visualScale === "l" ? "m" : "s"} .label=${this._messages.slideList} title=${this._messages.slideList ?? y} .active=${this._showSlideList} @click=${() => this._showSlideList = !this._showSlideList}></calcite-action></div><calcite-button appearance=transparent icon-start=chevron-left icon-flip-rtl=start kind=neutral .scale=${this.visualScale} .disabled=${this.#e.firstSlideSelected || !this.#e.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? y} @click=${() => this.#e.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this.#f()}</div><calcite-button appearance=transparent icon-start=${e ? "reset" : "chevron-right"} icon-flip-rtl=start kind=neutral .scale=${this.visualScale} .label=${e ? this._messages.restart : this._messages.next} title=${(e ? this._messages.restart : this._messages.next) ?? y} @click=${() => this.#e.navigateInPresentation(1)}></calcite-button></div></div>`;
   }
-  #b() {
+  #f() {
     const e = this.#e.slideIndex + 1, t = this._messages?.slideNavAriaText?.replace("${index}", e.toString()).replace("${numberOfSlides}", this.#e.visibleSlides.length.toString());
-    return this.#e.slideSelected ? g`<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>/</div><p class="slide-counter-text-element" data-testId=arcgis-map-presentation-numberOfSlides>${this.#e.visibleSlides.length}</p></p>` : g`<p role=banner data-testId=arcgis-map-presentation-numberOfSlides>${this.#e.visibleSlides?.length} ${this._messages?.slides}</p>`;
+    return this.#e.slideSelected ? g`<p role=banner aria-label=${t ?? y} aria-live=polite><div class="slide-counter-text-element" data-testId=arcgis-map-presentation-slideIndex>${e}</div><div>/</div><p class="slide-counter-text-element" data-testId=arcgis-map-presentation-numberOfSlides>${this.#e.visibleSlides.length}</p></p>` : g`<p role=banner data-testId=arcgis-map-presentation-numberOfSlides>${this.#e.visibleSlides?.length} ${this._messages?.slides}</p>`;
   }
-  #y(e) {
+  #b(e) {
     return this.slideCaptionsDisabled ? null : g`<arcgis-presentation-captions .slide=${e} .transitionActive=${this.#e.transitionActive}></arcgis-presentation-captions>`;
   }
-  #w() {
+  #y() {
     return this.slideLegendDisabled || !this.#e.showLegend ? null : g`<calcite-panel data-testid=presentation-legend class="legend-container" .heading=${this._messages.legend} closable @calcitePanelClose=${() => this.#e.showLegend = !1}><arcgis-legend class="legend" .view=${this.view} @arcgisReady=${(e) => e.stopPropagation()}></arcgis-legend></calcite-panel>`;
   }
-  #_() {
-    return this._showSlideList ? g`<arcgis-presentation-slide-list .slides=${this.#e.visibleSlides} .slideId=${this.#e.slideId} .label=${this._messages.slideList} .visualScale=${this.visualScale} @arcgisSlideListItemSelected=${this.#h} @arcgisSlideListOutsideClick=${this.#l}></arcgis-presentation-slide-list>` : null;
+  #w() {
+    return this._showSlideList ? g`<arcgis-presentation-slide-list .slides=${this.#e.visibleSlides} .slideId=${this.#e.slideId} .label=${this._messages.slideList} .visualScale=${this.visualScale} @arcgisSlideListItemSelected=${this.#c} @arcgisSlideListOutsideClick=${this.#a}></arcgis-presentation-slide-list>` : null;
   }
 }
 O("arcgis-presentation", ce);

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

@@ -119,6 +119,16 @@ export abstract class ArcgisPrint extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-print auto-destroy-disabled></arcgis-print>
+   * ```
+   *
+   * ```js
+   * printElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

package/dist/components/arcgis-scale-bar/customElement.d.ts

@@ -29,6 +29,16 @@ export abstract class ArcgisScaleBar extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-scale-bar auto-destroy-disabled></arcgis-scale-bar>
+   * ```
+   *
+   * ```js
+   * scaleBarElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -27,6 +27,16 @@ export abstract class ArcgisScaleRangeSlider extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-scale-range-slider auto-destroy-disabled></arcgis-scale-range-slider>
+   * ```
+   *
+   * ```js
+   * scaleRangeSliderElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -199,6 +199,16 @@ export abstract class ArcgisScene extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-scene auto-destroy-disabled></arcgis-scene>
+   * ```
+   *
+   * ```js
+   * sceneElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -87,6 +87,16 @@ export abstract class ArcgisSearch extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-search auto-destroy-disabled></arcgis-search>
+   * ```
+   *
+   * ```js
+   * searchElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -17,6 +17,16 @@ export abstract class ArcgisSearchResultRenderer extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-search-result-renderer auto-destroy-disabled></arcgis-search-result-renderer>
+   * ```
+   *
+   * ```js
+   * searchResultRendererElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   accessor messages: ArcgisSearch["messages"] | undefined;

package/dist/components/arcgis-selection-toolbar/customElement.d.ts

@@ -30,6 +30,16 @@ export abstract class ArcgisSelectionToolbar extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-selection-toolbar auto-destroy-disabled></arcgis-selection-toolbar>
+   * ```
+   *
+   * ```js
+   * selectionToolbarElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

package/dist/components/arcgis-shadow-cast/customElement.d.ts

@@ -130,6 +130,16 @@ export abstract class ArcgisShadowCast extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-shadow-cast auto-destroy-disabled></arcgis-shadow-cast>
+   * ```
+   *
+   * ```js
+   * shadowCastElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -50,6 +50,16 @@ export abstract class ArcgisSketch extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-sketch auto-destroy-disabled></arcgis-sketch>
+   * ```
+   *
+   * ```js
+   * sketchElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -153,6 +153,16 @@ export abstract class ArcgisSlice extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-slice auto-destroy-disabled></arcgis-slice>
+   * ```
+   *
+   * ```js
+   * sliceElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

package/dist/components/arcgis-slider-binary-color-size-legacy/customElement.d.ts

@@ -86,6 +86,16 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-slider-binary-color-size-legacy auto-destroy-disabled></arcgis-slider-binary-color-size-legacy>
+   * ```
+   *
+   * ```js
+   * sliderBinaryColorSizeLegacyElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

package/dist/components/arcgis-slider-classed-color-legacy/customElement.d.ts

@@ -98,6 +98,16 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-slider-classed-color-legacy auto-destroy-disabled></arcgis-slider-classed-color-legacy>
+   * ```
+   *
+   * ```js
+   * sliderClassedColorLegacyElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

package/dist/components/arcgis-slider-classed-size-legacy/customElement.d.ts

@@ -92,6 +92,16 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-slider-classed-size-legacy auto-destroy-disabled></arcgis-slider-classed-size-legacy>
+   * ```
+   *
+   * ```js
+   * sliderClassedSizeLegacyElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -96,6 +96,16 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-slider-color-legacy auto-destroy-disabled></arcgis-slider-color-legacy>
+   * ```
+   *
+   * ```js
+   * sliderColorLegacyElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

package/dist/components/arcgis-slider-color-size-legacy/customElement.d.ts

@@ -103,6 +103,16 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-slider-color-size-legacy auto-destroy-disabled></arcgis-slider-color-size-legacy>
+   * ```
+   *
+   * ```js
+   * sliderColorSizeLegacyElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -74,6 +74,16 @@ export abstract class ArcgisSliderHeatmapLegacy extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-slider-heatmap-legacy auto-destroy-disabled></arcgis-slider-heatmap-legacy>
+   * ```
+   *
+   * ```js
+   * sliderHeatmapLegacyElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -101,6 +101,16 @@ export abstract class ArcgisSliderOpacityLegacy extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-slider-opacity-legacy auto-destroy-disabled></arcgis-slider-opacity-legacy>
+   * ```
+   *
+   * ```js
+   * sliderOpacityLegacyElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -24,6 +24,16 @@ export abstract class ArcgisSliderScaleRange extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-slider-scale-range auto-destroy-disabled></arcgis-slider-scale-range>
+   * ```
+   *
+   * ```js
+   * sliderScaleRangeElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**

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

@@ -98,6 +98,16 @@ export abstract class ArcgisSliderSizeLegacy extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * 
+   * ```html
+   * <arcgis-slider-size-legacy auto-destroy-disabled></arcgis-slider-size-legacy>
+   * ```
+   *
+   * ```js
+   * sliderSizeLegacyElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**