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

package/dist/components/arcgis-oriented-imagery-viewer/customElement.js

@@ -1,5 +1,5 @@
 import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as a } from "@arcgis/components-controllers";
+import { usePropertyChange as a } from "@arcgis/lumina/controllers";
 import s from "@arcgis/core/layers/OrientedImageryLayer.js";
 import r from "@arcgis/core/widgets/OrientedImageryViewer.js";
 import { LitElement as o, createEvent as d, noShadowRoot as n } from "@arcgis/lumina";
@@ -7,14 +7,14 @@ import { m as l } from "../../chunks/useWidget.js";
 import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.10 */
+v4.33.0-next.101 */
 const h = g`@layer{arcgis-oriented-imagery-viewer{display:block}}`, m = l(r);
 class y extends o {
   constructor() {
-    super(...arguments), this.widget = m(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.position = "bottom-left", this.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = a()("imageGalleryEnabled", "layer"), this.arcgisReady = d();
+    super(...arguments), this.widget = m(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.dataCaptureEnabled = this.widget.dataCaptureEnabled, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.position = "bottom-left", this.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = a()("imageGalleryEnabled", "layer"), this.arcgisReady = d();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, currentCoverageVisible: 5, disabled: 5, galleryOpened: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 4, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, position: 1, referenceElement: 1, referencePoint: 0 };
+    this.properties = { autoDestroyDisabled: 5, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 4, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, position: 1, referenceElement: 1, referencePoint: 0 };
   }
   static {
     this.shadowRootOptions = n;
@@ -33,11 +33,7 @@ class y extends o {
   willUpdate(e) {
     if (e.has("orientedImageryLayerItemId")) {
       const i = this.orientedImageryLayerItemId;
-      i && this.widget && (this.layer = new s({
-        portalItem: {
-          id: i
-        }
-      }), this.widget.view ? this.widget.view.map.add(this.layer) : this._hasOrientedImageryLayerToAdd = !0);
+      i && this.widget && (this.layer = new s({ portalItem: { id: i } }), this.widget.view ? this.widget.view.map.add(this.layer) : this._hasOrientedImageryLayerToAdd = !0);
     }
   }
   loaded() {

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

@@ -1,41 +1,47 @@
-import { c as t } from "../../chunks/runtime.js";
-import { r as i, d as s, a as l } from "../../chunks/component-utils.js";
-import { LitElement as r, createEvent as o, noShadowRoot as n } from "@arcgis/lumina";
-import { css as c } from "@lit/reactive-element/css-tag.js";
+import { c as s } from "../../chunks/runtime.js";
+import { g as i, r, d as n, a as o } from "../../chunks/component-utils.js";
+import { LitElement as l, createEvent as a, noShadowRoot as c } from "@arcgis/lumina";
+import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.10 */
-const h = c`@layer{arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}}`;
-class a extends r {
+v4.33.0-next.101 */
+const d = h`@layer{arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}}`;
+class m extends l {
   //#endregion
   //#region Lifecycle
   constructor() {
     super(), this._observer = void 0, this._moveChildren = () => {
-      if (this.el.childElem.parentElement !== this.el)
-        for (let e = this.el.firstElementChild; e !== null; e = this.el.firstElementChild)
-          this.el.childElem.append(e);
-    }, this.position = "bottom-left", this.arcgisReady = o(), this.el.childElem = document.createElement("div"), this.el.childElem.classList.add("arcgis-placement__container"), this.listen("arcgisReady", this._startObserving, { once: !0 });
+      if (i(this).parentElement !== this.el)
+        for (let t = this.el.firstElementChild; t !== null; t = this.el.firstElementChild)
+          i(this).append(t);
+    }, this.position = "bottom-left", this.arcgisReady = a();
+    const e = this;
+    e.el.childElem = document.createElement("div"), e.el.childElem.classList.add("arcgis-placement__container"), this.listen("arcgisReady", this._startObserving, { once: !0 });
   }
   static {
     this.properties = { position: 1, referenceElement: 1 };
   }
   static {
-    this.shadowRootOptions = n;
+    this.shadowRootOptions = c;
   }
   static {
-    this.styles = h;
+    this.styles = d;
   }
   connectedCallback() {
     super.connectedCallback(), this.el.view && this._startObserving();
   }
   willUpdate(e) {
-    e.has("referenceElement") && i(this, this.referenceElement), e.has("position") && this.el.childElem && this.position !== void 0 && this.el.view?.ui?.move(this.el.childElem, this.position);
+    e.has("referenceElement") && r(this, this.referenceElement);
+    const t = i(this);
+    e.has("position") && t && this.position !== void 0 && this.el.view?.ui?.move(t, this.position);
   }
   loaded() {
-    s(this), l(this);
+    n(this), o(this);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.el.childElem && this.el.view?.ui?.remove(this.el.childElem), this._observer?.disconnect();
+    super.disconnectedCallback();
+    const e = i(this);
+    e && this.el.view?.ui?.remove(e), this._observer?.disconnect();
   }
   //#endregion
   //#region Private Methods
@@ -50,7 +56,7 @@ class a extends r {
     this._moveChildren(), this._observer = new MutationObserver(this._moveChildren), this._observer.observe(this.el, { childList: !0 });
   }
 }
-t("arcgis-placement", a);
+s("arcgis-placement", m);
 export {
-  a as ArcgisPlacement
+  m as ArcgisPlacement
 };

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

@@ -1,79 +1,183 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { default as Print } from '@arcgis/core/widgets/Print.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { default as PrintViewModel } from '@arcgis/core/widgets/Print/PrintViewModel.js';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { Use } from '@arcgis/lumina/controllers';
+import { HeadingLevel } from '../../support/heading';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { Formats } from './interfaces';
 
-declare const usePrintWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Print, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: unknown;
-    viewModel?: __esri.PrintViewModel | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.MapView | __esri.SceneView | Nil;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}, options?: {
-    editConstructorProperties(props: __esri.PrintProperties | undefined): __esri.PrintProperties | Promise<__esri.PrintProperties | undefined> | undefined;
-} | undefined) => Print;
-/** 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.
+declare const usePrintViewModel: (component: LitElement & Pick<PrintViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<PrintViewModel>, options?: {
+    editConstructorProperties(props: unknown): unknown;
+} | undefined) => PrintViewModel;
+/**
+ * The Print widget 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.
+ * 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 widget works with the {@link module:esri/rest/print} which generates a printer-ready version of the map.
+ *
+ * The Print widget has two required properties: [view](#view) (reference to the MapView)
+ * and [printServiceUrl](#printServiceUrl) (URL of the REST endpoint of the Export Web Map Task).
+ * The widget can preserve map scale or map extent in the printout. By default, the map extent is
+ * preserved. Use {@link module:esri/widgets/Print/TemplateOptions#scaleEnabled} to preserve scale
+ * instead.
+ *
+ * The Print widget prints a localized date for all {@link module:esri/rest/support/PrintTemplate#layout layouts}
+ * except `map-only`. If using a custom print service, then `customTextElements` are supported for each print
+ * template. Values found there will be populated in the Print widget under `Advanced options`. These values can
+ * be overwritten in the Print widget UI, or programmatically using the
+ * [templateCustomTextElements](#templateCustomTextElements) property.
+ *
+ * For more information about printing with the `MAP_ONLY` layout, please see
+ * {@link module:esri/rest/support/PrintTemplate#exportOptions exportOptions}.
+ *
+ * **Known Limitations**
+ *
+ * See {@link module:esri/rest/print print} for a detailed list of known limitations.
+ *
+ * ```html
+ * <arcgis-map item-id="45725ba7d9fb47a0925398919b13d1fa">
+ *  <arcgis-print position="top-right"></arcgis-print>
+ * </arcgis-map>
+ * ```
+ *
+ * ```js
+ * // get a reference to the component
+ * const components = document.querySelectorAll("arcgis-print");
+ *
+ * const portal = new Portal({
+ *  url: "https://zara.mapsdevext.arcgis.com/sharing",
+ *  authMode: "immediate",
+ *  authorizedCrossOriginDomains: ["https://zara.mapsdevext.arcgis.com"],
+ * });
+ *
+ * components.forEach((component) => {
+ *  component.portal = portal;
+ * });
+ * ```
  */
 export declare class ArcgisPrint extends LitElement {
+    hideHeader: boolean;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    position: __esri.UIPosition;
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     */
+    icon: Nil | string;
+    /**
+     * 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.
+     *
+     * When this value is "all" (default value), all the print service formats are available to be used.
+     * When an array of string values is used, only those values that match the options available from the print service will be used.
+     * If none of the input string values match those available from the print service, `allowedFormats` will fallback to default behavior.
+     */
     allowedFormats: string | string[];
+    /**
+     * 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.
+     *
+     * When this value is "all" (default value), all the print service layouts are available to be used.
+     * When an array of string values is used, only those values that match the options available from the print service will be used.
+     * If none of the input string values match those available from the print service, `allowedLayouts` will fallback to default behavior.
+     */
     allowedLayouts: string | string[];
+    browseTemplateButtonOnClick: (() => void) | null;
+    allowedFormatsForSaving: Formats | Nil;
     /**
-     * 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\` method when you are done to prevent
-     * memory leaks.
+     * The collection of links exported from the Print widget.
      */
-    autoDestroyDisabled: boolean;
     exportedLinks: __esri.Collection<__esri.FileLink>;
+    /**
+     * This option allows passing extra parameters (in addition to [templateOptions](#templateOptions)) to the print (export webmap) requests.
+     */
     extraParameters: any;
-    headingLevel: number;
     /**
-     * Icon which represents the component.
-     * Typically used when the component is controlled by another component (e.g. by the Expand component).
-     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     * 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
+     * as a level 3 heading (e.g. `<h3>Exported files</h3>`). Depending on the widget's placement
+     * in your app, you may need to adjust this heading for proper semantics. This is
+     * important for meeting accessibility standards.
+     */
+    headingLevel: HeadingLevel;
+    /**
+     * Indicates whether or not to include {@link module:esri/widgets/Print/PrintViewModel#defaultTemplates defaultTemplates}.
+     */
+    excludeDefaultTemplates: boolean;
+    /**
+     * Indicates whether or not to include templates from an organization's portal.
+     */
+    excludeOrganizationTemplates: boolean;
+    outSpatialReference: nullish | __esri.SpatialReference;
+    /**
+     * 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 {@link module:esri/widgets/Print/CustomTemplate custom print template}.
+     *
+     * If this property is set, it is not necessary to set the [printServiceUrl](#printServiceUrl) property.
      */
-    icon: string;
-    includeDefaultTemplatesDisabled: boolean;
-    /** The component's default label. */
-    label: string;
     portal: __esri.Portal;
-    position: __esri.UIPosition;
-    printServiceUrl: string | nullish;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    /**
+     * The initial state of the print area toggle in the Print widget 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.
+     */
     showPrintAreaEnabled: boolean;
-    readonly state: "ready" | "disabled" | "error" | "initializing";
+    /**
+     * The URL of the REST endpoint of the Export Web Map Task.
+     * If the [portal](#portal) property is set, it is not necessary to set this property.
+     */
+    printServiceUrl: string | nullish;
+    saveAsButtonCallback: ((exportedLink: __esri.FileLink) => Promise<__esri.PortalItem>) | null;
+    /**
+     * 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
+     * the text for custom text elements on the page layout.
+     *
+     * The Print widget calls the `Get Layout Templates Info` task on the GPServer
+     * to discover possible `customTextElements` values for each template. The name of
+     * the task must match `Get Layout Templates Info`, templates must be published
+     * with `customTextElements`, and values must be strings. Values found there will be
+     * populated in the Print widget under `Advanced options`. These values can be
+     * overwritten in the Print widget UI, or programmatically using this property.
+     * To list all print templates available on the print service to see
+     * see which templates were published with `customTextElements`, use the
+     * {@link module:esri/widgets/Print/PrintViewModel#effectiveTemplateCustomTextElements effectiveTemplateCustomTextElements}
+     * property.
+     */
     templateCustomTextElements: nullish | HashMap<HashMap<string>[]>;
+    /**
+     * Defines the layout template options used by the {@link module:esri/widgets/Print|Print} widget to generate the print page.
+     */
     templateOptions: __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 component to a different place on the page, or
+     * temporary hide it. If this is set, make sure to call the
+     * \`destroy\` method when you are done to prevent memory leaks.
+     */
+    autoDestroyDisabled: boolean;
+    /** Overwrite localized strings for this component */
+    messageOverrides?: typeof this.messages._overrides;
+    /** The component's default label. */
+    label: Nil | string;
+    readonly state: "ready" | "disabled" | "error" | "initializing";
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisComplete: TargetedEvent<this, __esri.PrintCompleteEvent>;
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
     readonly arcgisReady: TargetedEvent<this, undefined>;
-    readonly arcgisSubmit: TargetedEvent<this, __esri.PrintSubmitEvent>;
+    readonly arcgisComplete: TargetedEvent<this, {
+        link: __esri.FileLink;
+    }>;
+    readonly arcgisSubmit: TargetedEvent<this, {
+        link: __esri.FileLink;
+    }>;
+    private messages;
 }
 export {};

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

@@ -1,35 +1,79 @@
-import { c as i } from "../../chunks/runtime.js";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { reEmitEvent as e } from "@arcgis/components-controllers/accessor";
-import r from "@arcgis/core/widgets/Print.js";
-import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
-import { m as n } from "../../chunks/useWidget.js";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import { c as n } from "../../chunks/runtime.js";
+import { html as t } from "lit-html";
+import { classes as c } from "@arcgis/components-utils";
+import h from "@arcgis/core/widgets/Print/PrintViewModel.js";
+import { LitElement as d, createEvent as l, noShadowRoot as p, safeClassMap as r } from "@arcgis/lumina";
+import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import { u as g } from "../../chunks/useT9n.js";
+import { m as w } from "../../chunks/useViewModel.js";
+import { g as o } from "../../chunks/globalCss.js";
+import { css as v } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.10 */
-const d = h`@layer{arcgis-print{display:block}}`, m = n(r);
-class p extends o {
+v4.33.0-next.101 */
+const u = v`@layer{:root{--panel-min-height--large: 240px;--side-spacing: var(--calcite-spacing-lg);--cap-spacing: var(--calcite-spacing-md)}.arcgis-print{display:flex;position:relative;flex-grow:1;padding:0;min-height:var(--panel-min-height--large)!important;overflow-y:auto}.arcgis-print section[aria-hidden=true]{display:none}.arcgis-print__panel-items--centered{display:flex;align-items:center}.arcgis-print__container{display:flex;flex-direction:column;flex-grow:1}.arcgis-print__header-title{margin:0 auto 0 0;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-bold)}.arcgis-print__panel--error{color:var(--calcite-color-status-danger)}arcgis-print-template-selector{overflow-y:hidden;display:flex}}`, i = "arcgis-print", s = {
+  base: i,
+  headerTitle: `${i}__header-title`,
+  panelItemsCentered: `${i}__panel-items--centered`,
+  printWidgetContainer: `${i}__container`,
+  panelError: `${i}__panel--error`
+}, f = w(h);
+class _ extends d {
   constructor() {
-    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.allowedFormats = this.widget.allowedFormats, this.allowedLayouts = this.widget.allowedLayouts, this.autoDestroyDisabled = !1, this.exportedLinks = this.widget.exportedLinks, this.extraParameters = this.widget.extraParameters, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.includeDefaultTemplatesDisabled = this.widget.includeDefaultTemplates, this.label = this.widget.label, this.portal = this.widget.portal, this.position = "bottom-left", this.printServiceUrl = this.widget.printServiceUrl, this.showPrintAreaEnabled = this.widget.showPrintAreaEnabled, this.state = this.viewModel.state, this.templateCustomTextElements = this.widget.templateCustomTextElements, this.templateOptions = this.widget.templateOptions, this.arcgisComplete = e(() => this.widget, "complete"), this.arcgisPropertyChange = s()("state"), this.arcgisReady = a(), this.arcgisSubmit = e(() => this.widget, "submit");
+    super(...arguments), this.messages = g({ blocking: !0 }), this.viewModel = f(this), this._showTemplates = !1, this.error = this.viewModel.error, this.hideHeader = !1, this.position = "top-left", this.icon = "print", this.allowedFormats = this.viewModel.allowedFormats, this.allowedLayouts = this.viewModel.allowedLayouts, this.browseTemplateButtonOnClick = null, this.allowedFormatsForSaving = null, this.exportedLinks = this.viewModel.exportedLinks, this.extraParameters = this.viewModel.extraParameters, this.headingLevel = 3, this.excludeDefaultTemplates = !this.viewModel.includeDefaultTemplates, this.excludeOrganizationTemplates = !1, this.outSpatialReference = this.viewModel.outSpatialReference, this.portal = this.viewModel.portal, this.showPrintAreaEnabled = this.viewModel.showPrintAreaEnabled, this.printServiceUrl = this.viewModel.printServiceUrl, this.saveAsButtonCallback = null, this.templateCustomTextElements = this.viewModel.templateCustomTextElements, this.templateOptions = this.viewModel.templateOptions, this.autoDestroyDisabled = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = m()("state"), this.arcgisReady = l(), this.arcgisComplete = l(), this.arcgisSubmit = l();
   }
   static {
-    this.properties = { allowedFormats: [1, { converter: (t) => typeof t == "string" && t !== "all" ? t.split(",") : t }], allowedLayouts: [1, { converter: (t) => typeof t == "string" && t !== "all" ? t.split(",") : t }], autoDestroyDisabled: 5, exportedLinks: 0, extraParameters: 1, headingLevel: 9, icon: 1, includeDefaultTemplatesDisabled: 5, label: 1, portal: 0, position: 1, printServiceUrl: 1, referenceElement: 1, showPrintAreaEnabled: 7, state: 3, templateCustomTextElements: 0, templateOptions: 0 };
+    this.properties = { _showTemplates: 16, error: 16, hideHeader: 5, referenceElement: 1, position: 3, icon: 3, allowedFormats: 1, allowedLayouts: 1, browseTemplateButtonOnClick: 0, allowedFormatsForSaving: 1, exportedLinks: 0, extraParameters: 1, headingLevel: 9, excludeDefaultTemplates: 5, excludeOrganizationTemplates: 5, outSpatialReference: 0, portal: 0, showPrintAreaEnabled: 5, printServiceUrl: 1, saveAsButtonCallback: 0, templateCustomTextElements: 0, templateOptions: 0, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = l;
+    this.styles = u;
   }
   static {
-    this.styles = d;
+    this.shadowRootOptions = p;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
-    await this.manager.destroy();
+    await this.manager.destroy(), this.viewModel.destroy();
+  }
+  //#endregion
+  //#region Lifecycle
+  loaded() {
+    this.manager.onLifecycle(() => []), this.viewModel.load();
+    const { height: e, width: a } = this.viewModel.templateOptions;
+    this.viewModel.templateOptions.width = a || 800, this.viewModel.templateOptions.height = e || 1100;
+  }
+  //#endregion
+  //#region Private Methods
+  _showTemplateSelector() {
+    this._showTemplates = !0;
+  }
+  _hideTemplateSelector() {
+    this._showTemplates = !1;
+  }
+  //#endregion
+  //#region Rendering
+  render() {
+    const e = {
+      [s.panelItemsCentered]: this.viewModel.state === "initializing"
+    };
+    return t`<div class=${r(c(s.base, o.widget, o.panel, e))}>${this._renderPanel()}</div>`;
+  }
+  _renderPanel() {
+    return this.viewModel.state === "initializing" ? t`<calcite-loader label=loading scale=m></calcite-loader>` : t`<calcite-flow><calcite-flow-item .selected=${!this._showTemplates}><div class=${r(s.printWidgetContainer)}>${this._renderPanelHeader()}${this._renderPanelContent()}</div></calcite-flow-item><calcite-flow-item .heading=${this.messages.chooseTemplate} .selected=${this._showTemplates} @calciteFlowItemBack=${(e) => {
+      e.preventDefault(), this._showTemplates = !1;
+    }}><arcgis-print-template-selector .messages=${this.messages} .viewModel=${this.viewModel} .browseTemplateButtonOnClick=${this.browseTemplateButtonOnClick} .hideTemplateSelector=${this._hideTemplateSelector.bind(this)} .excludeOrganizationTemplates=${this.excludeOrganizationTemplates}></arcgis-print-template-selector></calcite-flow-item></calcite-flow>`;
+  }
+  _renderPanelHeader() {
+    return this.hideHeader ? null : t`<header class=${r(s.headerTitle)}>${this.messages.export}</header>`;
+  }
+  _renderPanelContent() {
+    const e = this.viewModel.view, a = e?.type !== "2d";
+    return !!this.error || a ? t`<div class=${r(s.panelError)}>${e ? a ? this.messages.sceneViewError : this.messages.serviceError : this.messages.noViewError}</div>` : t`<arcgis-print-main-panel .messages=${this.messages} .viewModel=${this.viewModel} .showTemplateSelector=${this._showTemplateSelector.bind(this)} .allowedFormatsForSaving=${this.allowedFormatsForSaving} .saveAsButtonCallback=${this.saveAsButtonCallback} .arcgisComplete=${this.arcgisComplete} .arcgisSubmit=${this.arcgisSubmit}></arcgis-print-main-panel>`;
   }
 }
-i("arcgis-print", p);
+n("arcgis-print", _);
 export {
-  p as ArcgisPrint
+  _ as ArcgisPrint
 };

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

@@ -1 +1,6 @@
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-flow";
+import "@esri/calcite-components/components/calcite-flow-item";
+import "../arcgis-print-template-selector/index.js";
+import "../arcgis-print-main-panel/index.js";
 export * from "./customElement.js";

package/dist/components/arcgis-print/index.js

@@ -1 +1,6 @@
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-flow";
+import "@esri/calcite-components/components/calcite-flow-item";
+import "../arcgis-print-template-selector/index.js";
+import "../arcgis-print-main-panel/index.js";
 export * from "./customElement.js";

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

@@ -0,0 +1,12 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { Nil } from '@arcgis/components-utils';
+import { ArcgisPrint } from './customElement.js';
+import { FileFormatJSON, LayoutTemplate, LayoutTemplateJSON } from './interfaces';
+export declare const reArcGISOnlineDomain: RegExp;
+export declare function isRTL(el?: HTMLElement | Nil): boolean;
+export declare function getPageSizeLabel(template: __esri.CustomTemplate | Nil): string | undefined;
+export declare function getTemplateLabel(template: __esri.CustomTemplate, messages: ArcgisPrint["messages"]): string;
+export declare function getLayoutIcon(layout: string): string | undefined;
+export declare const formatJsonMap: Map<FileFormatJSON, "eps" | "svg" | "aix" | "gif" | "jpg" | "pdf" | "png8" | "png32" | "svgz" | "tiff">;
+export declare const layoutKebabDict: Map<LayoutTemplateJSON, LayoutTemplate>;
+export declare function isMapOnlyLayout(layout: Nil | string): boolean;

package/dist/components/arcgis-print-custom-text-elements/customElement.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+
+/** @private */
+export declare class PrintCustomTextElements extends LitElement {
+    viewModel: __esri.PrintViewModel;
+}

package/dist/components/arcgis-print-custom-text-elements/customElement.js

@@ -0,0 +1,41 @@
+import { c as a } from "../../chunks/runtime.js";
+import { html as n } from "lit-html";
+import { watch as c } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as u, noShadowRoot as p } from "@arcgis/lumina";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.101 */
+class d extends u {
+  static {
+    this.properties = { viewModel: 0 };
+  }
+  static {
+    this.shadowRootOptions = p;
+  }
+  //#endregion
+  //#region Lifecycle
+  loaded() {
+    this.manager.onLifecycle(() => [
+      c(() => this.viewModel.templateOptions.customTextElements, () => this.requestUpdate(), { initial: !0 })
+    ]);
+  }
+  //#endregion
+  //#region Rendering
+  render() {
+    const e = this.viewModel.templateOptions.customTextElements;
+    return e ? n`<div>${e.map((l) => {
+      const [t, s] = Object.entries(l)[0];
+      return t === "date" ? null : n`<calcite-label>${t}<calcite-input .value=${s ?? ""} @calciteInputInput=${(o) => {
+        const i = e.find((r) => {
+          const [m] = Object.entries(r)[0];
+          return m === t;
+        });
+        i && (i[t] = o.target.value);
+      }}></calcite-input></calcite-label>`;
+    })}</div>` : null;
+  }
+}
+a("arcgis-print-custom-text-elements", d);
+export {
+  d as PrintCustomTextElements
+};

package/dist/components/arcgis-print-custom-text-elements/index.d.ts

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-input";
+export * from "./customElement.js";

package/dist/components/arcgis-print-custom-text-elements/index.js

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-input";
+export * from "./customElement.js";

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

@@ -0,0 +1,10 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisPrint } from '../arcgis-print/customElement.js';
+
+/** @private */
+export declare class PrintDPIInput extends LitElement {
+    viewModel: __esri.PrintViewModel;
+    messages: ArcgisPrint["messages"];
+}

package/dist/components/arcgis-print-dpi-input/customElement.js

@@ -0,0 +1,49 @@
+import { c as h } from "../../chunks/runtime.js";
+import { html as r } from "lit-html";
+import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as d, noShadowRoot as c } from "@arcgis/lumina";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.101 */
+function l(s, i, t, e) {
+  if (t == null || e == null)
+    return { height: 0, width: 0 };
+  const n = t / i, o = e / i;
+  return {
+    width: Math.round(s * n),
+    height: Math.round(s * o)
+  };
+}
+class m extends d {
+  constructor() {
+    super(...arguments), this._dpi = 1;
+  }
+  static {
+    this.properties = { _dpi: 16, viewModel: 0, messages: 0 };
+  }
+  static {
+    this.shadowRootOptions = c;
+  }
+  //#endregion
+  //#region Lifecycle
+  loaded() {
+    this.manager.onLifecycle(() => [
+      p(() => this.viewModel.templateOptions.dpi, (i) => this._dpi = i <= 0 ? 1 : i, { initial: !0 })
+    ]);
+  }
+  //#endregion
+  //#region Private Methods
+  _handleDPIChange(i) {
+    const t = this.viewModel.templateOptions, e = t.dpi, n = Number(i.target.value), { height: o, width: a } = l(n, e, t.width, t.height);
+    t.dpi = n, t.height = o, t.width = a;
+  }
+  //#endregion
+  //#region Rendering
+  render() {
+    return r`<div><calcite-label>${this.messages.dpi}<calcite-input-number data-input-name=dpi min=1 .value=${`${this._dpi}`} @calciteInputNumberInput=${this._handleDPIChange}></calcite-input-number></calcite-label></div>`;
+  }
+}
+h("arcgis-print-dpi-input", m);
+export {
+  m as PrintDPIInput
+};

package/dist/components/arcgis-print-dpi-input/index.d.ts

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-input-number";
+export * from "./customElement.js";

package/dist/components/arcgis-print-dpi-input/index.js

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-input-number";
+export * from "./customElement.js";