@arcgis/map-components 5.2.0-next.3 → 5.2.0-next.30

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

@@ -1,32 +1,32 @@
 /* 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 { 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 { c as z } from "../../chunks/runtime.js";
+import { css as M, html as g } from "lit";
+import { GenericController as C, proxyExports as O, useDirection as $ } from "@arcgis/lumina/controllers";
+import { LitElement as R, createEvent as v, nothing as y } from "@arcgis/lumina";
+import { u as N } from "../../chunks/useT9n.js";
+import { m as B } from "../../chunks/useViewModel.js";
+import { property as d, subclass as G } from "@arcgis/core/core/accessorSupport/decorators.js";
 import E from "@arcgis/core/core/Accessor.js";
 import w 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 H from "@arcgis/core/Graphic.js";
+import { ignoreAbortErrors as H } from "@arcgis/core/core/promiseUtils.js";
+import { watch as u, on as T, whenOnce as _ } from "@arcgis/core/core/reactiveUtils.js";
+import D from "@arcgis/core/Graphic.js";
 import V from "@arcgis/core/layers/Layer.js";
 import k from "@arcgis/core/graphic/CSVGraphicOrigin.js";
 import j from "@arcgis/core/graphic/GeoJSONGraphicOrigin.js";
-import W from "@arcgis/core/graphic/SceneGraphicOrigin.js";
-import K from "@arcgis/core/graphic/WFSGraphicOrigin.js";
+import K from "@arcgis/core/graphic/SceneGraphicOrigin.js";
+import W 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";
-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}`;
+import { s as I } from "../../chunks/resources.js";
+const q = M`: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(
+      u(
         () => 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(
+            u(
               () => i.loaded,
               (t) => {
                 t && (this.removeHandles("sceneLoaded"), this._startWatchSlides(), this._slideId && this._applySlideById(this._slideId));
@@ -108,19 +108,22 @@ 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() {
+  async setSliceAnalysisInteractive(i) {
     if (!this.view?.analyses?.length)
       return;
-    const i = this.view.analyses.find(
-      (t) => t.type === "slice" && t.origin?.type === "web-scene"
+    const e = this.view.analyses.find(
+      (s) => s.type === "slice" && s.origin?.type === "web-scene"
     );
-    if (!i)
+    if (!e)
       return;
-    const e = await this.view.whenAnalysisView(i);
-    e && (e.interactive = !0);
+    const t = await this.view.whenAnalysisView(e);
+    t && (t.interactive = i);
+  }
+  getSlideBySlideId(i) {
+    return this.visibleSlides.find((e) => e.id === i);
   }
   //#endregion
   //#region Private Methods
@@ -129,18 +132,15 @@ let a = class extends E {
       return this.visibleSlides.getItemAt(i);
   }
   async _applySlideById(i) {
-    const e = i ? this._getSlideBySlideId(i) : void 0;
+    const e = i ? this.getSlideBySlideId(i) : void 0;
     e && await this._applySlide(e);
   }
-  _getSlideBySlideId(i) {
-    return this.visibleSlides.find((e) => e.id === i);
-  }
   async _applySlide(i) {
-    this.view && await T(i.applyTo(this.view));
+    this.view && await H(i.applyTo(this.view));
   }
   _startWatchSlides() {
     this._subscribeToSlideEvents(this.slides), this.addHandles(
-      D(
+      T(
         () => this.slides,
         "change",
         (i) => {
@@ -166,55 +166,55 @@ 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([
-  B("components.presentation.PresentationViewModel")
-], a);
+], o.prototype, "getSlideIndexBySlideId", 1);
+o = l([
+  G("components.presentation.PresentationViewModel")
+], o);
 class Y extends C {
   constructor(e) {
     super(e);
@@ -222,7 +222,7 @@ class Y extends C {
   hostLoaded() {
     this.component.manager.onLifecycle(() => {
       const e = this.component;
-      m(() => e.referenceElement).then((t) => {
+      _(() => e.referenceElement).then((t) => {
         this._isArcgisScene(t) && (this._sceneRef = t);
       });
     });
@@ -238,8 +238,8 @@ class Y extends C {
   _isArcgisScene(e) {
     return e === void 0 || typeof e == "string" ? !1 : "tagName" in e && e.tagName === "ARCGIS-SCENE";
   }
-  closePopup() {
-    this.component.slidePopupDisabled || this._sceneRef?.closePopup();
+  closePopup(e) {
+    (!this.component.slidePopupDisabled || e) && this._sceneRef?.closePopup();
   }
   async _handlePopupFeatureFound(e, t, s) {
     const n = s?.location ?? void 0;
@@ -255,17 +255,16 @@ 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 };
   }
   _getLayersFromView(e, t, s) {
@@ -282,16 +281,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 _(() => !c.updating);
     const h = this._tryGetBuildingComponentSublayerView(s, n, c) ?? c;
-    await m(() => !h.updating);
-    const f = this._createFeatureGraphic(s, n, r, o.id);
+    await _(() => !h.updating);
+    const f = this._createFeatureGraphic(s, n, r, a.id);
     let x = await P(h, [f]);
-    return this._featureHasBeenFilledWithAttributes(x) || (await m(() => !e.updating), x = await P(h, [f])), x;
+    return this._featureHasBeenFilledWithAttributes(x) || (await _(() => !e.updating), x = await P(h, [f])), x;
   }
   _tryGetBuildingComponentSublayerView(e, t, s) {
     let n;
@@ -314,8 +313,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 D({ attributes: {}, layer: e, origin: c });
+    return p.attributes[a] = n.value, p;
   }
   _getGraphicOrigin(e, t) {
     switch (e.type) {
@@ -326,9 +325,9 @@ class Y extends C {
       case "geojson":
         return new j(e);
       case "scene":
-        return new W(e);
-      case "wfs":
         return new K(e);
+      case "wfs":
+        return new W(e);
       case "building-scene":
         return t ? new U(t) : void 0;
       default:
@@ -349,54 +348,54 @@ 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 }
-}), L = (i) => ({
+const Z = (i) => new Y(i), S = Object.freeze({ width: 0, height: 0 }), b = /* @__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 = y.get(i);
+}), L = (i) => {
+  let e = b.get(i);
   return e || (e = {
     observedGroups: /* @__PURE__ */ new Map(),
-    observedSizes: b(),
+    observedSizes: m(),
     subscribers: /* @__PURE__ */ new Set()
-  }, y.set(i, e)), e;
+  }, b.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) => {
-  const e = L(i.observedSizes);
+}, te = (i, e) => I.every((t) => i.get(t) === e[t]), ie = (i) => {
+  const e = F(i.observedSizes);
   i.subscribers.forEach((t) => t(e));
 }, se = (i, e) => {
-  const t = y.get(i);
+  const t = b.get(i);
   if (!t)
     return;
   let s = !1;
   e.forEach((n) => {
-    const r = _.find((f) => t.observedGroups.get(f) === n.target);
+    const r = I.find((f) => t.observedGroups.get(f) === 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) => {
-  const t = F(i);
+  const t = L(i);
   t.resizeObserver || (t.resizeObserver = new ResizeObserver((n) => {
     se(i, n);
   }));
@@ -405,15 +404,15 @@ 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(), I.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 t = L(i);
+  return t.subscribers.add(e), e(F(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)));
   };
 };
 class re extends C {
@@ -427,19 +426,19 @@ class re extends C {
    * @param component The host component that owns the slot group elements.
    */
   constructor(e) {
-    super(e), this.exports = b();
+    super(e), this.exports = m();
   }
   hostDisconnected() {
-    this.#i?.(), this.#i = void 0, this.#e = void 0, this.#t = void 0, this.exports = b();
+    this.#i?.(), this.#i = void 0, this.#e = void 0, this.#t = void 0, this.exports = m();
   }
   hostLifecycle() {
     return [
-      v(
+      u(
         () => this.#s(),
         (t) => {
           if (this.#e !== t) {
             if (this.#i?.(), this.#i = void 0, this.#e = t, this.#t = t?.slotGroupRefs, !t) {
-              this.exports = b();
+              this.exports = m();
               return;
             }
             this.#i = ne(t, (s) => {
@@ -449,7 +448,7 @@ class re extends C {
         },
         { sync: !0, initial: !0 }
       ),
-      v(
+      u(
         () => this.#s()?.slotGroupRefs,
         (t) => {
           this.#t = t, this.#e && t && A(this.#e, t);
@@ -467,26 +466,28 @@ class re extends C {
   }
   // Compares the newly measured sizes against the currently exported values.
   #n(e) {
-    const t = this.exports ?? b();
-    return _.every((s) => {
+    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 = $(re), ae = N(a);
+const ae = O(re), oe = B(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 = N(), 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(!0), 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.navigationHidden = !1, this.arcgisPopupFeatureNotFound = v(), this.arcgisPopupFeaturesRetrieved = v(), this.arcgisSlideApplyStart = v(), this.arcgisSlideApplyCancel = v(), this.arcgisSlideApplyComplete = v(), this.arcgisReady = v();
   }
   static {
-    this.properties = { _slotSizesController: 16, slideId: 1, autoDestroyDisabled: 5, view: 0, scale: 1, keyboardNavigationEnabled: 5, slidePopupDisabled: 5, slideCaptionsDisabled: 5, slideLegendDisabled: 5, sliceAnalysisInteractive: 5 };
+    this.properties = { _slotSizesController: 16, _slotSizeHandle: 16, slideId: 1, autoDestroyDisabled: 5, view: 0, scale: 1, keyboardNavigationEnabled: 5, slidePopupDisabled: 5, slideCaptionsDisabled: 5, slideLegendDisabled: 5, sliceAnalysisInteractive: 5, navigationHidden: 5 };
   }
   static {
     this.styles = q;
@@ -501,52 +502,69 @@ class le extends R {
     await this.manager.destroy();
   }
   loaded() {
-    this.manager.onLifecycle(() => {
-      this.viewModel.onApplySlideStart = this._handleApplySlideStart, this.viewModel.onApplySlideComplete = this._handleApplySlideComplete, this._keyboardHandle = v(() => 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());
-      }), this.manager.onDisconnected(() => {
-        document.removeEventListener("keydown", this._captureArrowKeysForNavigation), this._keyboardHandle?.remove();
-      });
-    });
+    this.viewModel.onApplySlideStart = this._handleApplySlideStart, this.viewModel.onApplySlideComplete = this._handleApplySlideComplete, this.viewModel.onApplySlideCancel = this._handleApplySlideCancel, this._enableKeyboardNavigation();
+    const e = this;
+    this.manager.onLifecycle(() => [
+      u(() => this.slidePopupDisabled, (t) => {
+        if (this.slideId && !t) {
+          const s = this.viewModel.getSlideBySlideId(this.slideId);
+          s && this._useFeatureRefPopup.openPopup(s);
+        } else t && this._useFeatureRefPopup.closePopup(!0);
+      }),
+      u(() => this.sliceAnalysisInteractive, (t) => {
+        this.viewModel.setSliceAnalysisInteractive(t);
+      }, { initial: !0 }),
+      u(() => e.referenceElement, (t) => {
+        this._isArcgisScene(t) && (this._slotSizesController = ae(this), this._slotSizeHandle = this._watchSceneViewSlotSizes());
+      }, { once: !0, initial: !0 }),
+      {
+        remove: () => {
+          document.removeEventListener("keydown", this._captureArrowKeysForNavigation), this._keyboardHandle?.remove(), this._slotSizeHandle?.remove();
+        }
+      }
+    ]);
   }
   _isArcgisScene(e) {
     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 u(() => 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");
+  }
+  _enableKeyboardNavigation() {
+    this._keyboardHandle = u(() => this.keyboardNavigationEnabled, (e) => {
+      document.removeEventListener("keydown", this._captureArrowKeysForNavigation), e && document.addEventListener("keydown", this._captureArrowKeysForNavigation);
+    }, { initial: !0 });
   }
   render() {
     if (this.viewModel.visibleSlides.length === 0)
-      return u`<div></div>`;
+      return g`<div></div>`;
     const e = this.viewModel.visibleSlides.find((r) => r.id === this.slideId), t = this._renderNavigation(), s = this._renderCaptions(e), n = this._renderLegend();
-    return u`<div class="root"><div class="presentation-content">${s}${n}</div>${t}</div>`;
+    return g`<div class="root"><div class="presentation-content">${s}${n}</div>${t}</div>`;
   }
   _renderNavigation() {
+    if (this.navigationHidden)
+      return null;
     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 g`<div class="navigation"><calcite-button appearance=transparent icon-start=${s ?? y} kind=neutral .scale=${this.scale} .disabled=${this.viewModel.firstSlideSelected || !this.viewModel.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? y} @click=${() => this.viewModel.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this._renderSlideCounter()}</div><calcite-button appearance=transparent icon-start=${(e ? "reset" : n) ?? y} kind=neutral .scale=${this.scale} .label=${e ? this._messages.restart : this._messages.next} title=${(e ? this._messages.restart : this._messages.next) ?? y} @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 ? 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 class="slide-counter-text-element">/</div><p class="slide-counter-text-element" data-testId=arcgis-map-presentation-numberOfSlides>${this.viewModel.visibleSlides.length}</p></p>` : g`<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>`;
+    return this.slideCaptionsDisabled ? null : g`<arcgis-presentation-captions .slide=${e} .transitionActive=${this.viewModel.transitionActive}></arcgis-presentation-captions>`;
   }
   _renderLegend() {
-    return this.slideLegendDisabled || !this.viewModel.showLegend ? null : u`<calcite-panel data-testid=presentation-legend class="legend" .heading=${this._messages.legend} closable @calcitePanelClose=${() => this.viewModel.showLegend = !1}><arcgis-legend .view=${this.view} @arcgisReady=${(e) => e.stopPropagation()}></arcgis-legend></calcite-panel>`;
+    return this.slideLegendDisabled || !this.viewModel.showLegend ? null : g`<calcite-panel data-testid=presentation-legend class="legend" .heading=${this._messages.legend} closable @calcitePanelClose=${() => this.viewModel.showLegend = !1}><arcgis-legend .view=${this.view} @arcgisReady=${(e) => e.stopPropagation()}></arcgis-legend></calcite-panel>`;
   }
 }
-O("arcgis-presentation", le);
+z("arcgis-presentation", le);
 export {
   le as ArcgisPresentation
 };

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

@@ -16,7 +16,7 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { Formats as Formats2, Layouts, TemplateCustomTextElements, State } from "@arcgis/core/widgets/Print/types.js";
 
 /**
- * The Print component connects your application with a [printing service](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-the-portal-to-print-maps.htm) to allow the map to be printed.
+ * The Print component connects your application with a [printing service](https://doc.esri.com/en/arcgis-enterprise/latest/administer/configure-the-portal-to-print-maps.html) to allow the map to be printed.
  * It takes advantage of server-side, high-quality, full cartographic print functionality using the ExportWebMap service of ArcGIS,
  * which can be configured with custom layout templates. One is provided that shows the map only, while another provides a layout with legend, etc.
  * The Print component works with the [print](https://developers.arcgis.com/javascript/latest/references/core/rest/print/) module, which generates a printer-ready version of the map.
@@ -230,6 +230,7 @@ export abstract class ArcgisPrint extends LitElement {
       northArrow?: string | undefined;
       scaleBar?: string | undefined;
       outSpatialReference?: string | undefined;
+      datumTransformations?: string | undefined;
       invalidWkid?: string | undefined;
       layoutTab?: string | undefined;
       mapOnlyTab?: string | undefined;
@@ -327,6 +328,7 @@ export abstract class ArcgisPrint extends LitElement {
       northArrow: string;
       scaleBar: string;
       outSpatialReference: string;
+      datumTransformations: string;
       invalidWkid: string;
       layoutTab: string;
       mapOnlyTab: string;
@@ -422,6 +424,7 @@ export abstract class ArcgisPrint extends LitElement {
       northArrow: string;
       scaleBar: string;
       outSpatialReference: string;
+      datumTransformations: string;
       invalidWkid: string;
       layoutTab: string;
       mapOnlyTab: string;
@@ -498,7 +501,7 @@ export abstract class ArcgisPrint extends LitElement {
    */
   accessor outSpatialReference: SpatialReference | null | undefined;
   /**
-   * It is possible to search a specified portal instance's [locator services](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-portal-to-geocode-addresses.htm).
+   * It is possible to search a specified portal instance's [locator services](https://doc.esri.com/en/arcgis-enterprise/latest/administer/configure-portal-to-geocode-addresses.html).
    * Use this property to set this [ArcGIS Portal](https://enterprise.arcgis.com/en/portal/) instance to search.
    * This is especially helpful when working with a [custom template](https://developers.arcgis.com/javascript/latest/references/core/widgets/Print/CustomTemplate/).
    *