npm - @arcgis/map-components - Versions diffs - 5.0.0-next.10 → 5.0.0-next.101 - Mend

@arcgis/map-components 5.0.0-next.10 → 5.0.0-next.101

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1855) hide show

package/dist/components/arcgis-popup/customElement.js CHANGED Viewed

@@ -5,7 +5,7 @@ import P from "@arcgis/core/widgets/Features/FeaturesViewModel.js";
 import { u as T } from "../../chunks/useT9n.js";
 import { usePropertyChange as H } from "@arcgis/lumina/controllers";
 import { m as N } from "../../chunks/useViewModel.js";
-import { LitElement as S, createEvent as M, safeStyleMap as O, safeClassMap as b } from "@arcgis/lumina";
+import { LitElement as S, createEvent as y, safeStyleMap as O, safeClassMap as b } from "@arcgis/lumina";
 import { stripHTML as W } from "@arcgis/core/applications/Components/stringUtils.js";
 import { unsafeGetElementDirection as D, classes as x } from "@arcgis/toolkit/dom";
 import { createRef as v, ref as _ } from "lit-html/directives/ref.js";
@@ -15,7 +15,7 @@ import { t as I } from "../../chunks/screenLocation.js";
 import "../arcgis-search-result-renderer/customElement.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.10 */
+v5.0.0-next.101 */
 const p = "arcgis-popup", u = `${p}--is-docked`, a = {
   base: p,
   baseHidden: `${p}--hidden`,
@@ -48,7 +48,7 @@ const p = "arcgis-popup", u = `${p}--is-docked`, a = {
   // pointer
   pointer: `${p}__pointer`,
   pointerDirection: `${p}__pointer-direction`
-}, R = F`:host{display:contents;--arcgis-internal-popup-pointer-size: 12px;--arcgis-internal-popup-content-small-size: 280px;--arcgis-internal-popup-content-medium-size: 340px;--arcgis-internal-popup-content-large-size: 400px;--arcgis-internal-popup-content-x-large-size: 460px;--arcgis-internal-popup-content-min-size-y: 48px;--arcgis-internal-popup-pointer-size-half: calc(var(--arcgis-internal-popup-pointer-size) / 2);--arcgis-internal-popup-pointer-size-half-negative: calc(var(--arcgis-internal-popup-pointer-size-half) * -1)}.arcgis-popup{display:flex;position:absolute;flex-flow:column nowrap;z-index:1;pointer-events:none}.arcgis-popup--hidden{visibility:hidden}arcgis-features{flex:1;width:100%}.arcgis-popup--shadow{box-shadow:var(--calcite-shadow-sm)}.arcgis-popup--aligned-top-center{transform-origin:50% 100%}.arcgis-popup--aligned-bottom-center{transform-origin:50% -5%}.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-bottom-left{transform-origin:100% 50%}.arcgis-popup--aligned-top-right,.arcgis-popup--aligned-bottom-right{transform-origin:-5% 50%}.arcgis-popup--aligned-top-center,.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-top-right{animation:popup-intro-animation-down .2s ease-in-out}.arcgis-popup--aligned-bottom-center,.arcgis-popup--aligned-bottom-left,.arcgis-popup--aligned-bottom-right{animation:popup-intro-animation-up .2s ease-in-out}.arcgis-popup__main-container{display:flex;position:relative;z-index:1;background-color:var(--calcite-color-foreground-1);width:var(--arcgis-internal-popup-content-medium-size);min-height:var(--arcgis-internal-popup-content-min-size-y);max-height:var(--arcgis-internal-popup-content-medium-size);overflow:hidden;pointer-events:auto}.arcgis-popup__pointer{position:absolute;width:0;height:0}.arcgis-popup__pointer-direction{position:absolute;width:var(--arcgis-internal-popup-pointer-size);height:var(--arcgis-internal-popup-pointer-size);content:"";background-color:var(--calcite-color-foreground-1)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer{top:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer{bottom:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.arcgis-popup--aligned-top-left .arcgis-popup__pointer{right:var(--arcgis-internal-popup-pointer-size-half);bottom:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.arcgis-popup--aligned-bottom-left .arcgis-popup__pointer{top:var(--arcgis-internal-popup-pointer-size-half);right:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.arcgis-popup--aligned-top-right .arcgis-popup__pointer{bottom:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.arcgis-popup--aligned-bottom-right .arcgis-popup__pointer{top:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer-direction{transform:scale(.75,2) rotate(45deg)}.arcgis-popup--aligned-top-left .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-left .arcgis-popup__pointer-direction,.arcgis-popup--aligned-top-right .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-right .arcgis-popup__pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:var(--arcgis-internal-popup-pointer-size-half-negative);transform:scale(.75,2.5) rotate(45deg)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer-direction{bottom:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.arcgis-popup--is-xl-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-x-large-size)}.arcgis-popup--is-lg-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-large-size)}.arcgis-popup--is-md-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-medium-size)}.arcgis-popup--is-sm-width-breakpoint .arcgis-popup__main-container,.arcgis-popup--is-xs-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-small-size)}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center,.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center{margin:0;width:auto}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center .arcgis-popup__main-container,.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{position:absolute;right:0;left:0;width:100%;max-height:75%}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{bottom:0}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center .arcgis-popup__main-container{top:0}.arcgis-popup--is-xl-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-x-large-size)}.arcgis-popup--is-lg-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-large-size)}.arcgis-popup--is-sm-height-breakpoint .arcgis-popup__main-container,.arcgis-popup--is-xs-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-small-size)}.arcgis-popup--is-docked{inset:0;margin:var(--calcite-spacing-lg) var(--calcite-spacing-lg) var(--calcite-spacing-xxxl) var(--calcite-spacing-lg);animation:docking-animation .25s ease-out}.arcgis-popup--is-docked-top-left,.arcgis-popup--is-docked-top-center,.arcgis-popup--is-docked-top-right{align-items:flex-start}.arcgis-popup--is-docked-bottom-left,.arcgis-popup--is-docked-bottom-center,.arcgis-popup--is-docked-bottom-right{align-items:flex-end}.arcgis-popup--is-docked-top-left,.arcgis-popup--is-docked-bottom-left{justify-content:flex-start}.arcgis-popup--is-docked-top-center,.arcgis-popup--is-docked-bottom-center{justify-content:center}.arcgis-popup--is-docked-top-right,.arcgis-popup--is-docked-bottom-right{justify-content:flex-end}.arcgis-popup--is-docked-top-left .arcgis-popup__main-container,.arcgis-popup--is-docked-top-right .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-left .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-right .arcgis-popup__main-container{max-height:80%}.arcgis-popup--is-docked-top-center .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{max-height:40%}.arcgis-popup--is-docked{flex-flow:row nowrap}:dir(rtl) .arcgis-popup--is-docked-top-left,:dir(rtl) .arcgis-popup--is-docked-bottom-left{justify-content:flex-end}:dir(rtl) .arcgis-popup--is-docked-top-right,:dir(rtl) .arcgis-popup--is-docked-bottom-right{justify-content:flex-start}@media (prefers-reduced-motion){.arcgis-popup--aligned-top-center,.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-top-right,.arcgis-popup--aligned-bottom-center,.arcgis-popup--aligned-bottom-left,.arcgis-popup--aligned-bottom-right{animation:none}}@media (prefers-reduced-motion){.arcgis-popup--is-docked{animation:none}}@keyframes docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{transform:translateY(calc(var(--calcite-spacing-xs) * -1));opacity:0}to{transform:translate(0);opacity:1}}@keyframes popup-intro-animation-up{0%{transform:translateY(var(--calcite-spacing-xs));opacity:0}to{transform:translate(0);opacity:1}}`;
+}, R = F`:host{display:contents;--arcgis-internal-popup-pointer-size: 12px;--arcgis-internal-popup-content-small-size: 280px;--arcgis-internal-popup-content-medium-size: 340px;--arcgis-internal-popup-content-large-size: 400px;--arcgis-internal-popup-content-x-large-size: 460px;--arcgis-internal-popup-content-min-size-y: 48px;--arcgis-internal-popup-pointer-size-half: calc(var(--arcgis-internal-popup-pointer-size) / 2);--arcgis-internal-popup-pointer-size-half-negative: calc(var(--arcgis-internal-popup-pointer-size-half) * -1)}.arcgis-popup{display:flex;position:absolute;flex-flow:column nowrap;z-index:1;pointer-events:none}.arcgis-popup--hidden{visibility:hidden}arcgis-features{flex:1;width:100%}.arcgis-popup--shadow{box-shadow:var(--calcite-shadow-sm)}.arcgis-popup--aligned-top-center{transform-origin:50% 100%}.arcgis-popup--aligned-bottom-center{transform-origin:50% -5%}.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-bottom-left{transform-origin:100% 50%}.arcgis-popup--aligned-top-right,.arcgis-popup--aligned-bottom-right{transform-origin:-5% 50%}.arcgis-popup--aligned-top-center,.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-top-right{animation:popup-intro-animation-down .2s ease-in-out}.arcgis-popup--aligned-bottom-center,.arcgis-popup--aligned-bottom-left,.arcgis-popup--aligned-bottom-right{animation:popup-intro-animation-up .2s ease-in-out}.arcgis-popup__main-container{display:flex;position:relative;z-index:1;background-color:var(--calcite-color-foreground-1);width:var(--arcgis-internal-popup-content-medium-size);min-height:var(--arcgis-internal-popup-content-min-size-y);max-height:var(--arcgis-internal-popup-content-medium-size);overflow:hidden;pointer-events:auto}.arcgis-popup__pointer{position:absolute;width:0;height:0}.arcgis-popup__pointer-direction{position:absolute;width:var(--arcgis-internal-popup-pointer-size);height:var(--arcgis-internal-popup-pointer-size);content:"";background-color:var(--calcite-color-foreground-1)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer{top:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer{bottom:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.arcgis-popup--aligned-top-left .arcgis-popup__pointer{right:var(--arcgis-internal-popup-pointer-size-half);bottom:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.arcgis-popup--aligned-bottom-left .arcgis-popup__pointer{top:var(--arcgis-internal-popup-pointer-size-half);right:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.arcgis-popup--aligned-top-right .arcgis-popup__pointer{bottom:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.arcgis-popup--aligned-bottom-right .arcgis-popup__pointer{top:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer-direction{transform:scale(.75,2) rotate(45deg)}.arcgis-popup--aligned-top-left .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-left .arcgis-popup__pointer-direction,.arcgis-popup--aligned-top-right .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-right .arcgis-popup__pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:var(--arcgis-internal-popup-pointer-size-half-negative);transform:scale(.75,2.5) rotate(45deg)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer-direction{bottom:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.arcgis-popup--is-xl-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-x-large-size)}.arcgis-popup--is-lg-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-large-size)}.arcgis-popup--is-md-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-medium-size)}.arcgis-popup--is-sm-width-breakpoint .arcgis-popup__main-container,.arcgis-popup--is-xs-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-small-size)}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center,.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center{margin:0;width:auto}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center .arcgis-popup__main-container,.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{position:absolute;right:0;left:0;width:100%;max-height:75%}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{bottom:0}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center .arcgis-popup__main-container{top:0}.arcgis-popup--is-xl-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-x-large-size)}.arcgis-popup--is-lg-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-large-size)}.arcgis-popup--is-sm-height-breakpoint .arcgis-popup__main-container,.arcgis-popup--is-xs-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-small-size)}.arcgis-popup--is-docked{inset:0;margin:var(--calcite-spacing-lg) var(--calcite-spacing-lg) var(--calcite-spacing-xxxl) var(--calcite-spacing-lg);animation:docking-animation .25s ease-out}.arcgis-popup--is-docked-top-left,.arcgis-popup--is-docked-top-center,.arcgis-popup--is-docked-top-right{align-items:flex-start}.arcgis-popup--is-docked-bottom-left,.arcgis-popup--is-docked-bottom-center,.arcgis-popup--is-docked-bottom-right{align-items:flex-end}.arcgis-popup--is-docked-top-left,.arcgis-popup--is-docked-bottom-left{justify-content:flex-start}.arcgis-popup--is-docked-top-center,.arcgis-popup--is-docked-bottom-center{justify-content:center}.arcgis-popup--is-docked-top-right,.arcgis-popup--is-docked-bottom-right{justify-content:flex-end}.arcgis-popup--is-docked-top-left .arcgis-popup__main-container,.arcgis-popup--is-docked-top-right .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-left .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-right .arcgis-popup__main-container{max-height:80%}.arcgis-popup--is-docked-top-center .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{max-height:40%}.arcgis-popup--is-docked{flex-flow:row nowrap}:dir(rtl) .arcgis-popup--is-docked-top-left,:dir(rtl) .arcgis-popup--is-docked-bottom-left{justify-content:flex-end}:dir(rtl) .arcgis-popup--is-docked-top-right,:dir(rtl) .arcgis-popup--is-docked-bottom-right{justify-content:flex-start}@media(prefers-reduced-motion){.arcgis-popup--aligned-top-center,.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-top-right,.arcgis-popup--aligned-bottom-center,.arcgis-popup--aligned-bottom-left,.arcgis-popup--aligned-bottom-right{animation:none}}@media(prefers-reduced-motion){.arcgis-popup--is-docked{animation:none}}@keyframes docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{transform:translateY(calc(var(--calcite-spacing-xs) * -1));opacity:0}to{transform:translate(0);opacity:1}}@keyframes popup-intro-animation-up{0%{transform:translateY(var(--calcite-spacing-xs));opacity:0}to{transform:translate(0);opacity:1}}`;
 function w(C) {
   return C && Number.parseInt(C.replaceAll(/[^-\d.]/gu, ""), 10) || 0;
 }
@@ -61,7 +61,7 @@ const j = N(P), $ = {
 };
 class X extends S {
   constructor() {
-    super(...arguments), this._featuresComponent = v(), this._dockAction = new V({ id: "popup-dock-action" }), this._mainContainerNode = v(), this._pointerNode = v(), this.messages = T({}), this.viewModel = j(this), this._containerNode = v(), this.screenLocation = I(this), this.actions = this.viewModel.actions, this.active = this.viewModel.active, this.alignment = "auto", this.autoCloseEnabled = this.viewModel.autoCloseEnabled, this.autoDestroyDisabled = !1, this.collapsed = !1, this.content = this.viewModel.content, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.dockEnabled = !1, this.featureCount = this.viewModel.featureCount, this.featureMenuOpen = this.viewModel.featureMenuOpen, this.features = this.viewModel.features, this.goToOverride = this.viewModel.goToOverride, this.heading = this.viewModel.title, this.headingLevel = 2, this.hideActionBar = !1, this.hideCloseButton = !1, this.hideCollapseButton = !1, this.hideFeatureMenuHeading = !1, this.hideFeatureNavigation = !1, this.hideFeatureListLayerTitle = !1, this.hideHeading = !1, this.hideSpinner = !1, this.highlightDisabled = this.viewModel.highlightEnabled, this.includeDefaultActionsDisabled = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.viewModel.initialDisplayMode, this.location = this.viewModel.location, this.promises = this.viewModel.promises, this.selectedFeature = this.viewModel.selectedFeature, this.selectedFeatureIndex = this.viewModel.selectedFeatureIndex, this.state = this.viewModel.state, this.updateLocationEnabled = this.viewModel.updateLocationEnabled, this.view = this.viewModel.view, this.visible = this.viewModel.visible, this.arcgisPropertyChange = H()("active", "collapsed", "currentAlignment", "dockEnabled", "featureCount", "featureMenuOpen", "features", "promises", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "visible"), this.arcgisReady = M(), this.arcgisClose = M(), this.arcgisTriggerAction = M();
+    super(...arguments), this._featuresComponent = v(), this._dockAction = new V({ id: "popup-dock-action" }), this._mainContainerNode = v(), this._pointerNode = v(), this.messages = T({}), this.viewModel = j(this), this._containerNode = v(), this.screenLocation = I(this), this.actions = this.viewModel.actions, this.active = this.viewModel.active, this.alignment = "auto", this.autoCloseEnabled = this.viewModel.autoCloseEnabled, this.autoDestroyDisabled = !1, this.collapsed = !1, this.content = this.viewModel.content, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.dockEnabled = !1, this.featureCount = this.viewModel.featureCount, this.featureMenuOpen = this.viewModel.featureMenuOpen, this.features = this.viewModel.features, this.goToOverride = this.viewModel.goToOverride, this.heading = this.viewModel.title, this.headingLevel = 2, this.hideActionBar = !1, this.hideCloseButton = !1, this.hideCollapseButton = !1, this.hideFeatureMenuHeading = !1, this.hideFeatureNavigation = !1, this.hideFeatureListLayerTitle = !1, this.hideHeading = !1, this.hideSpinner = !1, this.highlightDisabled = this.viewModel.highlightEnabled, this.includeDefaultActionsDisabled = this.viewModel.includeDefaultActions, this.initialDisplayMode = this.viewModel.initialDisplayMode, this.location = this.viewModel.location, this.promises = this.viewModel.promises, this.selectedFeature = this.viewModel.selectedFeature, this.selectedFeatureIndex = this.viewModel.selectedFeatureIndex, this.state = this.viewModel.state, this.updateLocationEnabled = this.viewModel.updateLocationEnabled, this.view = this.viewModel.view, this.visible = this.viewModel.visible, this.arcgisPropertyChange = H()("active", "collapsed", "currentAlignment", "dockEnabled", "featureCount", "featureMenuOpen", "features", "promises", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "visible"), this.arcgisReady = y(), this.arcgisClose = y(), this.arcgisTriggerAction = y();
   }
   static {
     this.properties = { screenLocation: 16, positionStyle: 16, _featureNavigationTop: 16, actions: 0, active: 0, alignment: 1, autoCloseEnabled: 5, autoDestroyDisabled: 5, collapsed: 0, content: 1, currentAlignment: 32, currentDockPosition: 32, defaultPopupTemplateEnabled: 5, dockEnabled: 5, dockOptions: 0, featureCount: 0, featureMenuOpen: 5, features: 0, goToOverride: 0, heading: 1, headingLevel: 9, hideActionBar: 5, hideCloseButton: 5, hideCollapseButton: 5, hideFeatureMenuHeading: 5, hideFeatureNavigation: 5, hideFeatureListLayerTitle: 5, hideHeading: 5, hideSpinner: 5, highlightDisabled: 5, includeDefaultActionsDisabled: 5, initialDisplayMode: 1, label: 1, location: 0, messageOverrides: 0, promises: 0, referenceElement: 1, selectedDrillInFeature: 32, selectedFeature: 0, selectedFeatureComponent: 32, selectedFeatureIndex: 9, state: 3, updateLocationEnabled: 5, view: 0, visible: 5 };
@@ -148,6 +148,9 @@ class X extends S {
       ], () => this._positionContainer(), { initial: !0 }),
       g(() => this.viewModel?.view?.size, (t, e) => this._updateDockEnabledForViewSize(t, e)),
       g(() => this.viewModel?.view?.ready, () => this._setDockEnabledForViewSize(this.dockOptions), { initial: !0 }),
+      g(() => this.view?.map, (t) => {
+        this.viewModel.map = t;
+      }, { initial: !0 }),
       g(() => this.screenLocation, (t, e) => this._autoClose(t, e))
     ]);
   }
@@ -192,7 +195,7 @@ class X extends S {
       screenLocation: i,
       side: "left",
       view: s
-    }), y = this._isOutsideView({
+    }), M = this._isOutsideView({
       popupHeight: f,
       popupWidth: m,
       screenLocation: i,
@@ -205,7 +208,7 @@ class X extends S {
       side: "bottom",
       view: s
     });
-    return B ? y ? "bottom-right" : "top-right" : z ? y ? "bottom-left" : "top-left" : y ? A ? "top-center" : "bottom-center" : "top-center";
+    return B ? M ? "bottom-right" : "top-right" : z ? M ? "bottom-left" : "top-left" : M ? A ? "top-center" : "bottom-center" : "top-center";
   }
   _callCurrentAlignment(t) {
     return typeof t == "function" ? t.call(this) : t;

package/dist/components/arcgis-presentation/PresentationViewModel.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+import { default as Collection } from '@arcgis/core/core/Collection.js';
+import { default as Slide } from '@arcgis/core/webscene/Slide';
+import { default as Accessor } from '@arcgis/core/core/Accessor.js';
+import { default as SceneView } from '@arcgis/core/views/SceneView';
+/** @internal */
+type PresentationViewModelProperties = Partial<Pick<PresentationViewModel, "slideId" | "view">>;
+export default class PresentationViewModel extends Accessor {
+    constructor(properties?: PresentationViewModelProperties);
+    initialize(): void;
+    destroy(): void;
+    view?: SceneView;
+    slideId?: string;
+    /**
+     * Enable navigation with the keyboard
+     * by using the arrow keys or page up/page down keys
+     */
+    keyboardNavigationEnabled: boolean;
+    get visibleSlides(): Collection<Slide>;
+    get lastSlideSelected(): boolean;
+    get firstSlideSelected(): boolean;
+    get slideSelected(): boolean;
+    get hasOnlyOneSlide(): boolean;
+    get slideIndex(): number;
+    getSlideIndexBySlideId(slideId: string | undefined): number;
+    navigateInPresentation(stepSize: number): void;
+    captureArrowKeysForNavigation(event: KeyboardEvent, direction: "ltr" | "rtl"): void;
+    private _getSlideBySlideIndex;
+    private _applySlide;
+    private _startWatchVisibleSlides;
+    private _subscribeToSlideEvents;
+    private _unSubscribeToSlideEvents;
+    private _onApplySlideStart;
+}
+export {};

package/dist/components/arcgis-presentation/customElement.d.ts ADDED Viewed

@@ -0,0 +1,57 @@
+/// <reference path="../../index.d.ts" />
+import { Use } from '@arcgis/lumina/controllers';
+import { EventEmitter, PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { default as SceneView } from '@arcgis/core/views/SceneView';
+import { default as PresentationViewModel } from './PresentationViewModel';
+declare const usePresentationViewModel: (component: LitElement & Pick<PresentationViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<PresentationViewModel>) => PresentationViewModel;
+/**
+ * The Presentation component allows to present slides of a web scene in a presentation mode
+ * and supports navigating between the slides of a web scene.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-presentation/)
+ *
+ * @since 5.0
+ * @internal
+ */
+export declare class ArcgisPresentation extends LitElement {
+    /**
+     * The id of the slide applied to the view
+     * Set the id of the slide applied to the view
+     */
+    get slideId(): string | undefined;
+    set slideId(slideId: string | undefined);
+    /**
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporarily hide it. If this
+     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-presentation/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * The view associated with the component.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Presentation component will be associated with a map or scene component rather than using the `view` property.
+     */
+    view?: SceneView;
+    /**
+     * specifies the size of the component
+     *
+     * @default "m"
+     */
+    scale: "l" | "m" | "s";
+    /**
+     * Enable navigation with the keyboard
+     * by using the arrow keys or page up/page down keys
+     *
+     * @default false
+     */
+    keyboardNavigationEnabled: boolean;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+    readonly arcgisReady: TargetedEvent<this, void>;
+}
+export {};

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

@@ -0,0 +1,175 @@
+import { c as v } from "../../chunks/runtime.js";
+import { css as g, html as c } from "lit";
+import { useDirection as u } from "@arcgis/lumina/controllers";
+import { LitElement as S, createEvent as m, nothing as h } from "@arcgis/lumina";
+import { u as b } from "../../chunks/useT9n.js";
+import { m as w } from "../../chunks/useViewModel.js";
+import { property as d, subclass as y } from "@arcgis/core/core/accessorSupport/decorators.js";
+import p from "@arcgis/core/core/Collection.js";
+import f from "@arcgis/core/core/Accessor.js";
+import { ignoreAbortErrors as x } from "@arcgis/core/core/promiseUtils.js";
+import { on as I, watch as _ } from "@arcgis/core/core/reactiveUtils.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.101 */
+const E = g`:host{width:100%;height:100%;padding:var(--calcite-spacing-none);margin:var(--calcite-spacing-none);display:flex}p{padding:0;margin:0}.navigation{--internal-attribution-height: 16px;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);align-self:flex-end;margin-block:auto calc(var(--calcite-spacing-fixed-xl) + var(--internal-attribution-height));margin-inline-start:var(--calcite-spacing-fixed-xl)}.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}`;
+var M = Object.defineProperty, A = Object.getOwnPropertyDescriptor, r = (e, t, i, l) => {
+  for (var n = l > 1 ? void 0 : l ? A(t, i) : t, o = e.length - 1, a; o >= 0; o--)
+    (a = e[o]) && (n = (l ? a(t, i, n) : a(n)) || n);
+  return l && n && M(t, i, n), n;
+};
+let s = class extends f {
+  //#region Lifecycle
+  constructor(e) {
+    super(e), this.keyboardNavigationEnabled = !1, this._subscribeToSlideEvents = (t) => {
+      this._unSubscribeToSlideEvents(t), t.forEach((i) => {
+        const l = i.on("apply-slide-start", () => this._onApplySlideStart(i));
+        this.addHandles(l, i.id);
+      });
+    }, this._unSubscribeToSlideEvents = (t) => {
+      t.forEach((i) => {
+        this.hasHandles(i.id) && this.removeHandles(i.id);
+      });
+    };
+  }
+  initialize() {
+    this._startWatchVisibleSlides();
+  }
+  destroy() {
+    this._unSubscribeToSlideEvents(this.visibleSlides);
+  }
+  get visibleSlides() {
+    return this.view?.map?.presentation?.slides?.filter((e) => !e.hidden) ?? new p();
+  }
+  get lastSlideSelected() {
+    return this.getSlideIndexBySlideId(this.slideId) === this.visibleSlides.length - 1;
+  }
+  get firstSlideSelected() {
+    return this.getSlideIndexBySlideId(this.slideId) === 0;
+  }
+  get slideSelected() {
+    return this.getSlideIndexBySlideId(this.slideId) > -1;
+  }
+  get hasOnlyOneSlide() {
+    return this.visibleSlides.length === 1;
+  }
+  get slideIndex() {
+    return this.getSlideIndexBySlideId(this.slideId);
+  }
+  getSlideIndexBySlideId(e) {
+    let t = -1;
+    return e && (t = this.visibleSlides.findIndex((i) => i.id === e)), t;
+  }
+  navigateInPresentation(e) {
+    const t = this.slideIndex + e;
+    let i = this._getSlideBySlideIndex(t);
+    i ??= this._getSlideBySlideIndex(0), i && this._applySlide(i);
+  }
+  captureArrowKeysForNavigation(e, t) {
+    const i = ["ArrowLeft", "ArrowRight", "PageUp", "PageDown"];
+    if (document.activeElement?.nodeName.toLowerCase() === "arcgis-scene" || !i.includes(e.code))
+      return;
+    const n = t === "rtl" ? "ArrowRight" : "ArrowLeft", a = e.code === n || e.code === "PageUp" ? -1 : 1;
+    this.navigateInPresentation(a);
+  }
+  //#endregion
+  //#region Private Methods
+  _getSlideBySlideIndex(e) {
+    if (e != null && e >= 0 && e < this.visibleSlides.length)
+      return this.visibleSlides.getItemAt(e);
+  }
+  async _applySlide(e) {
+    this.view && await x(e.applyTo(this.view));
+  }
+  _startWatchVisibleSlides() {
+    this._subscribeToSlideEvents(this.visibleSlides), this.addHandles(
+      I(
+        () => this.visibleSlides,
+        "change",
+        (e) => {
+          this._subscribeToSlideEvents(new p(e.added)), this._unSubscribeToSlideEvents(new p(e.removed));
+        },
+        {
+          onListenerAdd: this._subscribeToSlideEvents,
+          onListenerRemove: this._unSubscribeToSlideEvents
+        }
+      )
+    );
+  }
+  _onApplySlideStart(e) {
+    this.slideId = e.id;
+  }
+  //#endregion
+};
+r([
+  d()
+], s.prototype, "view", 2);
+r([
+  d()
+], s.prototype, "slideId", 2);
+r([
+  d()
+], s.prototype, "keyboardNavigationEnabled", 2);
+r([
+  d()
+], s.prototype, "visibleSlides", 1);
+r([
+  d()
+], s.prototype, "lastSlideSelected", 1);
+r([
+  d()
+], s.prototype, "firstSlideSelected", 1);
+r([
+  d()
+], s.prototype, "slideSelected", 1);
+r([
+  d()
+], s.prototype, "hasOnlyOneSlide", 1);
+r([
+  d()
+], s.prototype, "getSlideIndexBySlideId", 1);
+s = r([
+  y("components.presentation.PresentationViewModel")
+], s);
+const $ = w(s);
+class P extends S {
+  constructor() {
+    super(...arguments), this._messages = b(), this.viewModel = $(this), this._direction = u(), this._captureArrowKeysForNavigation = (t) => {
+      this.viewModel.captureArrowKeysForNavigation(t, this._direction);
+    }, this.autoDestroyDisabled = !1, this.view = this.viewModel.view, this.scale = "m", this.keyboardNavigationEnabled = !1, this.arcgisReady = m();
+  }
+  static {
+    this.properties = { slideId: 1, autoDestroyDisabled: 5, view: 0, scale: 1, keyboardNavigationEnabled: 5 };
+  }
+  static {
+    this.styles = E;
+  }
+  get slideId() {
+    return this.viewModel.slideId;
+  }
+  set slideId(t) {
+    this.viewModel.slideId = t;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  loaded() {
+    this.manager.onLifecycle(() => _(() => this.keyboardNavigationEnabled, (i) => {
+      document.removeEventListener("keydown", this._captureArrowKeysForNavigation), i && document.addEventListener("keydown", this._captureArrowKeysForNavigation);
+    }, { initial: !0 })), this.manager.onDisconnected(() => {
+      document.removeEventListener("keydown", this._captureArrowKeysForNavigation);
+    });
+  }
+  render() {
+    const t = this.viewModel.lastSlideSelected && !this.viewModel.hasOnlyOneSlide, i = this._direction === "rtl", l = i ? "chevron-right" : "chevron-left", n = i ? "chevron-left" : "chevron-right";
+    return this.viewModel.visibleSlides.length === 0 ? c`<div></div>` : c`<div class="navigation"><calcite-button appearance=transparent icon-start=${l} kind=neutral .scale=${this.scale} .disabled=${this.viewModel.firstSlideSelected || !this.viewModel.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? h} @click=${() => this.viewModel.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this._renderSlideCounter()}</div><calcite-button appearance=transparent icon-start=${t ? "reset" : n} kind=neutral .scale=${this.scale} .label=${t ? this._messages.restart : this._messages.next} title=${(t ? this._messages.restart : this._messages.next) ?? h} @click=${() => this.viewModel.navigateInPresentation(1)}></calcite-button></div>`;
+  }
+  _renderSlideCounter() {
+    const t = this.viewModel.slideIndex + 1, i = this._messages?.slideNavAriaText?.replace("${index}", t.toString()).replace("${numberOfSlides}", this.viewModel.visibleSlides.length.toString());
+    return this.viewModel.slideSelected ? c`<p role=banner aria-label=${i ?? h} aria-live=polite><div class="slide-counter-text-element" data-testId=arcgis-map-presentation-slideIndex>${t}</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>` : c`<p role=banner data-testId=arcgis-map-presentation-numberOfSlides>${this.viewModel.visibleSlides?.length} ${this._messages?.slides}</p>`;
+  }
+}
+v("arcgis-presentation", P);
+export {
+  P as ArcgisPresentation
+};

package/dist/components/arcgis-presentation/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import "@esri/calcite-components/components/calcite-button";
2	+ export * from "./customElement.js";

package/dist/components/arcgis-presentation/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import "@esri/calcite-components/components/calcite-button";
2	+ export * from "./customElement.js";

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

@@ -59,9 +59,9 @@ declare const usePrintViewModel: (component: LitElement & Pick<PrintViewModel, n
 export declare class ArcgisPrint extends LitElement {
     /**
      * The view associated with the component.
-     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the ArcgisPrint component will be associated with a map or scene component rather than using the `view` property.
+     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Print component will be associated with a map or scene component rather than using the `view` property.
      */
-    view?: __esri.MapView | nullish;
+    view?: import('@arcgis/core/views/MapView').default | null | undefined;
     /**
      * Indicates whether the component's header is hidden.
      *
@@ -75,16 +75,22 @@ export declare class ArcgisPrint extends LitElement {
      * See [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component).
      */
     referenceElement?: ArcgisReferenceElement | string;
-    /** @deprecated since 4.34, use `slot` instead. */
+    /** @deprecated since 4.34, use [`slot`](https://developers.arcgis.com/javascript/latest/building-your-ui/#slots) instead. */
     position?: __esri.UIPosition;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
      *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      * @default "print"
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
      */
     icon?: string;
+    /**
+     * Indicates whether the advanced options section in the Print component UI is hidden.
+     *
+     * @default false
+     */
+    hideAdvancedOptions: boolean;
     /**
      * Specify the print output file format(s) that the user can select based on the options available from the print service.
      * This property can take a string value or an array of string values.
@@ -94,8 +100,19 @@ export declare class ArcgisPrint extends LitElement {
      * If none of the input string values match those available from the print service, `allowedFormats` will fallback to default behavior.
      *
      * @default "all"
+     * @since 4.15
+     * @see [TemplateOptions#format](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-TemplateOptions.html#format)
+     * @example
+     * const print = new Print({
+     *   view: view,
+     *   printServiceUrl: url
+     * });
+     *
+     * print.viewModel.allowedFormats = ["jpg", "png8", "png32"];
+     *
+     * view.ui.add(print, {position: "top-right"});
      */
-    allowedFormats: string | string[];
+    allowedFormats: import('@arcgis/core/widgets/Print/types').Formats;
     /**
      * Specify the print output layout(s) that the user can select based on the options available from the print service.
      * This property can take a string value or an array of string values.
@@ -105,19 +122,45 @@ export declare class ArcgisPrint extends LitElement {
      * If none of the input string values match those available from the print service, `allowedLayouts` will fallback to default behavior.
      *
      * @default "all"
+     * @since 4.15
+     * @see [TemplateOptions.layout](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-TemplateOptions.html#format)
+     * @example
+     * const print = new Print({
+     *   view: view,
+     *   printServiceUrl: url
+     * });
+     *
+     * print.viewModel.allowedLayouts = ["a3-landscape", "a3-portrait"];
+     *
+     * view.ui.add(print, {position: "top-right"});
      */
-    allowedLayouts: string | string[];
-    /** @internal */
-    browseTemplateButtonOnClick?: () => void;
+    allowedLayouts: import('@arcgis/core/widgets/Print/types').Layouts;
+    /**
+     * Indicates whether to automatically populate the author field in the print layout advanced options
+     * with the username of the current portal user.
+     *
+     * This only takes effect if there is a portal with a signed-in user assigned to the [portal](#portal) property.
+     *
+     * @default false
+     */
+    autoPopulateAuthor: boolean;
     /**
      * Specifies the print output file format(s) that the user can select when saving the exported map printout.
      * This property can take a string value or an array of string values.
      */
     allowedFormatsForSaving?: Formats;
-    /** The collection of links exported from the Print component. */
-    exportedLinks: __esri.Collection<__esri.FileLink>;
-    /** This option allows passing extra parameters (in addition to [templateOptions](#templateOptions)) to the print (export webmap) requests. */
-    extraParameters: any;
+    /**
+     * The collection of links exported from the Print component.
+     *
+     * @since 4.33
+     */
+    exportedLinks: import('@arcgis/core/core/Collection').default<import('@arcgis/core/widgets/Print/FileLink').default>;
+    /**
+     * This option allows passing extra parameters (in addition to [templateOptions](#templateOptions)) to the print (export webmap) requests.
+     *
+     * @since 4.20
+     */
+    extraParameters: Record<string, any> | null | undefined;
     /**
      * Indicates the heading level to use for the "Exported files" text where users can
      * access the exported map printout. By default, this text is rendered
@@ -140,22 +183,31 @@ export declare class ArcgisPrint extends LitElement {
      * @default false
      */
     excludeOrganizationTemplates: boolean;
-    /** The [spatial reference](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html) used to render the printed map on the server. */
-    outSpatialReference: nullish | __esri.SpatialReference;
+    /**
+     * The [spatial reference](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-SpatialReference.html) used to render the printed map on the server.
+     *
+     * @since 4.33
+     */
+    outSpatialReference: import('@arcgis/core/geometry/SpatialReference').default | 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).
      * 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/api-reference/esri-widgets-Print-CustomTemplate.html).
      *
      * If this property is set, it is not necessary to set the [printServiceUrl](#printServiceUrl) property.
+     *
+     * @since 4.18
+     * @see [CustomTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-CustomTemplate.html)
      */
-    portal: __esri.Portal;
+    portal: import('@arcgis/core/portal/Portal').default;
     /**
      * The initial state of the print area toggle in the Print component UI.
      * When set to `true`, the print area toggle is enabled by default.
      * When set to `false`, the print area toggle is disabled by default.
      *
      * @default false
+     * @since 4.30
+     * @see [Print component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-print/)
      */
     showPrintAreaEnabled: boolean;
     /**
@@ -163,9 +215,14 @@ export declare class ArcgisPrint extends LitElement {
      * Defaults to the ArcGIS Online print service if this property is not specified.
      * If the [portal](#portal) property is set, this property will use the portal's print service URL.
      */
-    printServiceUrl: string | nullish;
-    /** @internal */
-    saveAsButtonCallback?: (exportedLink: __esri.FileLink) => Promise<__esri.PortalItem>;
+    printServiceUrl: string | null | undefined;
+    /**
+     * Indicates whether to show the "Save As" option in the Print component UI.
+     *
+     * @default false
+     * @internal
+     */
+    showSaveAs?: boolean;
     /**
      * An object containing an array of `customTextElements` name-value pair objects
      * for each print template in a custom print service. Use this property to update
@@ -181,10 +238,36 @@ export declare class ArcgisPrint extends LitElement {
      * see which templates were published with `customTextElements`, use the
      * [effectiveTemplateCustomTextElements](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print-PrintViewModel.html#effectiveTemplateCustomTextElements)
      * property.
+     *
+     * @since 4.22
+     * @example
+     * const printViewModel = new PrintViewModel({
+     *    view: view,
+     *    // specify your custom print service
+     *    printServiceUrl: "",
+     *    // `customTextElements` are defined per print template
+     *    // this example has one template with `customTextElements`
+     *    templateCustomTextElements: {
+     *       // if there were more applicable templates, then we would
+     *       // create another object with the template name containing
+     *       // an array of more name-value pairs
+     *       "Portrait_TextElements": [
+     *           // the possible values are defined in the print service
+     *           { "headquarters": "Tampa, Florida" },
+     *           { "division": "NFC South" },
+     *           { "founded": "1976" }
+     *       ]
+     *    }
+     *  });
      */
-    templateCustomTextElements: nullish | HashMap<HashMap<string>[]>;
-    /** Defines the layout template options used by the Print component to generate the print page. */
-    templateOptions: __esri.TemplateOptions;
+    templateCustomTextElements: import('@arcgis/core/widgets/Print/types').TemplateCustomTextElements | null | undefined;
+    /**
+     * Defines the layout template options used by the Print component to generate the print page.
+     *
+     * @since 4.33
+     */
+    get templateOptions(): typeof this.viewModel.templateOptions;
+    set templateOptions(value: Partial<__esri.TemplateOptions>);
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
@@ -208,19 +291,31 @@ export declare class ArcgisPrint extends LitElement {
      *
      * @default "disabled"
      */
-    readonly state: "ready" | "disabled" | "error" | "initializing";
+    readonly state: import('@arcgis/core/widgets/Print/types').State;
+    /**
+     * Adds a portal item to a collection of browse templates available in the Print component UI.
+     *
+     * @param portalItem
+     * @param portalItem
+     * @returns
+     */
+    addPortalTemplate(portalItem: __esri.PortalItem): Promise<void>;
     /** Permanently destroy the component. */
     destroy(): Promise<void>;
+    /** Emitted when the component is complete. */
+    readonly arcgisComplete: TargetedEvent<this, import('@arcgis/core/widgets/Print/PrintViewModel.js').CompleteEvent>;
     /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
     /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, void>;
-    /** Emitted when the component is complete. */
-    readonly arcgisComplete: TargetedEvent<this, __esri.PrintCompleteEvent>;
     /** Emitted when the component is submitted. */
-    readonly arcgisSubmit: TargetedEvent<this, __esri.PrintSubmitEvent>;
+    readonly arcgisSubmit: TargetedEvent<this, import('@arcgis/core/widgets/Print/PrintViewModel.js').SubmitEvent>;
+    /** Emitted when the collection of browse templates changes. */
+    readonly arcgisBrowseTemplatesChange: TargetedEvent<this, import('@arcgis/core/core/types').CollectionChangeEvent<import('@arcgis/core/widgets/Print/CustomTemplate').default>>;
+    /** Emitted when the user saves an exported map printout. */
+    readonly arcgisSaveAs: TargetedEvent<this, import('@arcgis/core/widgets/Print/FileLink').default>;
     private messages: {
         componentLabel: string;
         title: string;
@@ -292,6 +387,11 @@ export declare class ArcgisPrint extends LitElement {
         saveExportToMyContent: string;
         saveAs: string;
         openItem: string;
+        forceFeatureAttributes: string;
+        includeTables: string;
+        scaleBarUnit: string;
+        dynamicLegend: string;
+        loading: string;
     } & import('@arcgis/lumina/controllers').T9nMeta<{
         componentLabel: string;
         title: string;
@@ -363,6 +463,15 @@ export declare class ArcgisPrint extends LitElement {
         saveExportToMyContent: string;
         saveAs: string;
         openItem: string;
+        forceFeatureAttributes: string;
+        includeTables: string;
+        scaleBarUnit: string;
+        dynamicLegend: string;
+        loading: string;
     }>;
+    private viewModel: PrintViewModel;
+    readonly _setterTypes: {
+        templateOptions?: Partial<__esri.TemplateOptions>;
+    };
 }
 export {};