@arcgis/map-components 4.34.0-next.46 → 4.34.0-next.48

package/dist/components/arcgis-navigation-toggle/customElement.js

@@ -2,20 +2,19 @@ import { c as p } from "../../chunks/runtime.js";
 import { usePropertyChange as d } from "@arcgis/lumina/controllers";
 import { when as c } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as g, createEvent as h, noShadowRoot as m, safeClassMap as v, nothing as r } from "@arcgis/lumina";
-import { html as u } from "lit";
-import { u as y } from "../../chunks/useT9n.js";
+import { css as u, html as y } from "lit";
+import { u as b } from "../../chunks/useT9n.js";
 import { u as f } from "../../chunks/useView.js";
-import { g as b } from "../../chunks/globalCss.js";
-import { css as M } from "@lit/reactive-element/css-tag.js";
+import { g as M } from "../../chunks/globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
+v4.34.0-next.48 */
 const $ = "arcgis-navigation-toggle", _ = {
   base: $
-}, w = M`@layer{.arcgis-navigation-toggle{display:flex;box-shadow:0 1px 2px #0000004d;inline-size:fit-content;block-size:fit-content}}`, e = { pan: "move", rotate: "rotate" };
+}, w = u`@layer{.arcgis-navigation-toggle{display:flex;box-shadow:0 1px 2px #0000004d;inline-size:fit-content;block-size:fit-content}}`, e = { pan: "move", rotate: "rotate" };
 class x extends g {
   constructor() {
-    super(...arguments), this.view = f(this), this._messages = y(), this._state = "disabled", this.icon = e.pan, this.layout = "vertical", this.navigationMode = "pan", this.position = "top-left", this.arcgisPropertyChange = d()("layout", "state"), this.arcgisReady = h();
+    super(...arguments), this.view = f(this), this._messages = b(), this._state = "disabled", this.icon = e.pan, this.layout = "vertical", this.navigationMode = "pan", this.position = "top-left", this.arcgisPropertyChange = d()("layout", "state"), this.arcgisReady = h();
   }
   static {
     this.properties = { _state: 16, icon: 1, label: 1, layout: 3, messageOverrides: 0, navigationMode: 3, position: 1, referenceElement: 1, state: 35 };
@@ -61,7 +60,7 @@ class x extends g {
   }
   render() {
     const { _messages: t, navigationMode: a, state: l } = this, s = t.pan ?? "", o = t.rotate ?? "", i = l === "disabled", n = a === "pan";
-    return u`<calcite-action-bar class=${v({ [_.base]: !0, [b.disabled]: i })} expand-disabled .layout=${this.layout} scale=s><calcite-action .active=${n} appearance=solid .disabled=${i} .icon=${e.pan} @click=${this._onPanClick} scale=s .text=${s} title=${s ?? r}></calcite-action><calcite-action .active=${!n} appearance=solid .disabled=${i} .icon=${e.rotate} @click=${this._onRotateClick} scale=s .text=${o} title=${o ?? r}></calcite-action></calcite-action-bar>`;
+    return y`<calcite-action-bar class=${v({ [_.base]: !0, [M.disabled]: i })} expand-disabled .layout=${this.layout} scale=s><calcite-action .active=${n} appearance=solid .disabled=${i} .icon=${e.pan} @click=${this._onPanClick} scale=s .text=${s} title=${s ?? r}></calcite-action><calcite-action .active=${!n} appearance=solid .disabled=${i} .icon=${e.rotate} @click=${this._onRotateClick} scale=s .text=${o} title=${o ?? r}></calcite-action></calcite-action-bar>`;
   }
 }
 p("arcgis-navigation-toggle", x);

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

@@ -4,10 +4,10 @@ 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";
 import { m as l } from "../../chunks/useWidget.js";
-import { css as g } from "@lit/reactive-element/css-tag.js";
+import { css as g } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
+v4.34.0-next.48 */
 const h = g`@layer{arcgis-oriented-imagery-viewer{display:block}}`, m = l(r);
 class y extends o {
   constructor() {

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

@@ -1,10 +1,10 @@
 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";
+import { css as h } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
+v4.34.0-next.48 */
 const d = h`@layer{arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}}`;
 class m extends l {
   constructor() {

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

@@ -1,32 +1,31 @@
 import { c as d } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
-import { classes as h } from "@arcgis/components-utils";
-import p from "@arcgis/core/widgets/Print/PrintViewModel.js";
-import { LitElement as m, createEvent as g, noShadowRoot as w, safeClassMap as l } from "@arcgis/lumina";
-import { usePropertyChange as v } from "@arcgis/lumina/controllers";
+import { css as h, html as i } from "lit";
+import { classes as p } from "@arcgis/components-utils";
+import m from "@arcgis/core/widgets/Print/PrintViewModel.js";
+import { LitElement as g, createEvent as w, noShadowRoot as v, safeClassMap as l } from "@arcgis/lumina";
+import { usePropertyChange as u } from "@arcgis/lumina/controllers";
 import { reEmitEvent as o } from "@arcgis/lumina/controllers/accessor";
-import { u } from "../../chunks/useT9n.js";
-import { m as f } from "../../chunks/useViewModel.js";
+import { u as f } from "../../chunks/useT9n.js";
+import { m as _ } from "../../chunks/useViewModel.js";
 import { g as n } from "../../chunks/globalCss.js";
-import { css as _ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const M = _`@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}}`, a = "arcgis-print", r = {
+v4.34.0-next.48 */
+const M = h`@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}}`, a = "arcgis-print", r = {
   base: a,
   headerTitle: `${a}__header-title`,
   panelItemsCentered: `${a}__panel-items--centered`,
   printWidgetContainer: `${a}__container`,
   panelError: `${a}__panel--error`
-}, T = f(p), c = (s) => {
+}, T = _(m), c = (s) => {
   if (!s)
     return "all";
   const e = typeof s == "string" ? s.split(",").map((t) => t.trim()).filter((t) => t) : [s];
   return !e.length || e.includes("all") ? "all" : e;
 };
-class $ extends m {
+class $ extends g {
   constructor() {
-    super(...arguments), this.messages = u({ blocking: !0 }), this.viewModel = T(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.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.templateCustomTextElements = this.viewModel.templateCustomTextElements, this.templateOptions = this.viewModel.templateOptions, this.autoDestroyDisabled = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = v()("state"), this.arcgisReady = g(), this.arcgisComplete = o(() => this.viewModel, "complete"), this.arcgisSubmit = o(() => this.viewModel, "submit");
+    super(...arguments), this.messages = f({ blocking: !0 }), this.viewModel = T(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.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.templateCustomTextElements = this.viewModel.templateCustomTextElements, this.templateOptions = this.viewModel.templateOptions, this.autoDestroyDisabled = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = u()("state"), this.arcgisReady = w(), this.arcgisComplete = o(() => this.viewModel, "complete"), this.arcgisSubmit = o(() => this.viewModel, "submit");
   }
   static {
     this.properties = { _showTemplates: 16, error: 16, hideHeader: 5, referenceElement: 1, position: 3, icon: 1, allowedFormats: [1, { type: String, converter: c }], allowedLayouts: [1, { type: String, converter: c }], 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 };
@@ -35,7 +34,7 @@ class $ extends m {
     this.styles = M;
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = v;
   }
   async destroy() {
     await this.manager.destroy(), this.viewModel.destroy();
@@ -55,7 +54,7 @@ class $ extends m {
     const e = {
       [r.panelItemsCentered]: this.viewModel.state === "initializing"
     };
-    return i`<div class=${l(h(r.base, n.widget, n.panel, e))}>${this._renderPanel()}</div>`;
+    return i`<div class=${l(p(r.base, n.widget, n.panel, e))}>${this._renderPanel()}</div>`;
   }
   _renderPanel() {
     return this.viewModel.state === "initializing" ? i`<calcite-loader label=loading scale=m></calcite-loader>` : i`<calcite-flow><calcite-flow-item .selected=${!this._showTemplates}><div class=${l(r.printWidgetContainer)}>${this._renderPanelHeader()}${this._renderPanelContent()}</div></calcite-flow-item><calcite-flow-item .heading=${this.messages.chooseTemplate} .selected=${this._showTemplates} @calciteFlowItemBack=${(e) => {

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

@@ -1,10 +1,10 @@
 import { c as a } from "../../chunks/runtime.js";
-import { html as n } from "lit-html";
+import { html as n } from "lit";
 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.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
+v4.34.0-next.48 */
 class d extends u {
   static {
     this.properties = { viewModel: 0 };

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

@@ -1,10 +1,10 @@
 import { c as a } from "../../chunks/runtime.js";
-import { html as s } from "lit-html";
+import { html as s } from "lit";
 import { watch as n } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as r, noShadowRoot as p } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
+v4.34.0-next.48 */
 class o extends r {
   constructor() {
     super(...arguments), this._dpi = 1;

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

@@ -1,9 +1,9 @@
 import { c as a } from "../../chunks/runtime.js";
-import { html as r } from "lit-html";
+import { html as r } from "lit";
 import { LitElement as l, noShadowRoot as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
+v4.34.0-next.48 */
 class c extends l {
   static {
     this.properties = { viewModel: 0, messages: 0, fileName: 1, selectExportsTab: 0 };

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

@@ -1,13 +1,12 @@
 import { c as k } from "../../chunks/runtime.js";
-import { html as a } from "lit-html";
-import { hasSameOrigin as f } from "@arcgis/components-utils";
-import { watch as g, whenOnce as v } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as $, noShadowRoot as b, nothing as u, safeClassMap as c } from "@arcgis/lumina";
-import { css as w } from "@lit/reactive-element/css-tag.js";
+import { css as f, html as a } from "lit";
+import { hasSameOrigin as g } from "@arcgis/components-utils";
+import { watch as v, whenOnce as $ } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as b, noShadowRoot as w, nothing as u, safeClassMap as c } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const x = w`@layer{.arcgis-print__exported-file{display:flex;align-items:center;justify-content:space-between}.arcgis-print__exported-file-link-title,.arcgis-print__exported-file-link-description{word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}`, d = "arcgis-print", m = {
+v4.34.0-next.48 */
+const x = f`@layer{.arcgis-print__exported-file{display:flex;align-items:center;justify-content:space-between}.arcgis-print__exported-file-link-title,.arcgis-print__exported-file-link-description{word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}`, d = "arcgis-print", m = {
   exportedFile: `${d}__exported-file`,
   exportedFileLinkTitle: `${d}__exported-file-link-title`,
   exportedFileLinkDescription: `${d}__exported-file-link-description`
@@ -26,7 +25,7 @@ function _(l) {
 function h(l, e) {
   return !l || l === "all" || !!(e && l.includes(e));
 }
-class I extends $ {
+class I extends b {
   constructor() {
     super(...arguments), this._handleLinkClick = (e) => {
       if (!e || e.state !== "ready" || !e.url)
@@ -46,17 +45,17 @@ class I extends $ {
     this.styles = x;
   }
   static {
-    this.shadowRootOptions = b;
+    this.shadowRootOptions = w;
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      g(() => this.exportedLink.state, () => this.requestUpdate())
+      v(() => this.exportedLink.state, () => this.requestUpdate())
     ]);
   }
   render() {
-    const { messages: e, exportedLink: t } = this, { error: i, state: n } = t;
+    const { messages: e, exportedLink: t } = this, { error: i, state: r } = t;
     let s;
-    switch (n) {
+    switch (r) {
       case "pending":
         s = e.pending;
         break;
@@ -67,33 +66,33 @@ class I extends $ {
         s = e.errorMessage;
         break;
     }
-    const r = n === "error" ? i?.name === "print-task:cim-symbol-unsupported" ? e.exportWebMapCIMError : e.exportWebMapError : "";
-    return a`<calcite-list-item .ariaLabel=${s} title=${r ?? u}>${this._renderExportedLinkItemContent(t, r)}${this._renderExportedLinkItemIcon(t)}${this._renderExportedLinkItemAction(t, r)}</calcite-list-item>${this._renderExportedLinkItemPopover(t)}`;
+    const n = r === "error" ? i?.name === "print-task:cim-symbol-unsupported" ? e.exportWebMapCIMError : e.exportWebMapError : "";
+    return a`<calcite-list-item .ariaLabel=${s} title=${n ?? u}>${this._renderExportedLinkItemContent(t, n)}${this._renderExportedLinkItemIcon(t)}${this._renderExportedLinkItemAction(t, n)}</calcite-list-item>${this._renderExportedLinkItemPopover(t)}`;
   }
   _renderExportedLinkItemPopover(e) {
-    const t = this.messages, i = e.formattedName ?? "", { state: n } = e, s = this.saveAsButtonCallback && n !== "error" && h(this.allowedFormatsForSaving, e.extension);
-    return n !== "pending" && s ? a`<calcite-popover auto-close label=Popover offset-distance=1 overlay-positioning=fixed pointer-disabled .referenceElement=${`${i}-popover-button`} scale=s><calcite-list label>${e.portalItem ? a`<calcite-list-item .label=${t.openItem} @calciteListItemSelect=${() => {
-      const r = e.portalItem;
-      if (!r?.itemPageUrl)
+    const t = this.messages, i = e.formattedName ?? "", { state: r } = e, s = this.saveAsButtonCallback && r !== "error" && h(this.allowedFormatsForSaving, e.extension);
+    return r !== "pending" && s ? a`<calcite-popover auto-close label=Popover offset-distance=1 overlay-positioning=fixed pointer-disabled .referenceElement=${`${i}-popover-button`} scale=s><calcite-list label>${e.portalItem ? a`<calcite-list-item .label=${t.openItem} @calciteListItemSelect=${() => {
+      const n = e.portalItem;
+      if (!n?.itemPageUrl)
         return;
       const o = document.createElement("a");
-      o.target = "_blank", o.href = r.itemPageUrl, o.rel = "noreferrer", o.click();
+      o.target = "_blank", o.href = n.itemPageUrl, o.rel = "noreferrer", o.click();
     }}><calcite-icon icon=launch2 scale=s slot=content-start></calcite-icon></calcite-list-item>` : a`<calcite-list-item .label=${t.saveAs} @calciteListItemSelect=${async () => {
-      this.saveAsButtonCallback && (v(() => e.portalItem).then((r) => {
-        r.itemPageUrl && this.requestUpdate();
+      this.saveAsButtonCallback && ($(() => e.portalItem).then((n) => {
+        n.itemPageUrl && this.requestUpdate();
       }), await this.saveAsButtonCallback(e));
     }}><calcite-icon icon=save scale=s slot=content-start></calcite-icon></calcite-list-item>`}<calcite-list-item label=Delete @calciteListItemSelect=${() => this.viewModel.exportedLinks.remove(e)}><calcite-icon icon=trash scale=s slot=content-start></calcite-icon></calcite-list-item></calcite-list></calcite-popover>` : null;
   }
   _renderExportedLinkItemContent(e, t) {
-    const i = this.messages, { url: n, state: s } = e, r = e.formattedName ?? "", p = f(n || null, document.location.href);
-    return a`<div class=${c(m.exportedFile)} slot=content @click=${() => this._handleLinkClick(e)}><div><div class=${c(m.exportedFileLinkTitle)}>${r}</div><div class=${c(m.exportedFileLinkDescription)}>${s === "pending" ? i.generatingExport : t || (p ? i.ready : i.linkReady)}</div></div>${s === "ready" ? a`<calcite-icon .ariaLabel=${`${r}. ${i.linkReady}`} .icon=${p ? "download-to" : "launch"} scale=s slot=content-end></calcite-icon>` : null}</div>`;
+    const i = this.messages, { url: r, state: s } = e, n = e.formattedName ?? "", p = g(r || null, document.location.href);
+    return a`<div class=${c(m.exportedFile)} slot=content @click=${() => this._handleLinkClick(e)}><div><div class=${c(m.exportedFileLinkTitle)}>${n}</div><div class=${c(m.exportedFileLinkDescription)}>${s === "pending" ? i.generatingExport : t || (p ? i.ready : i.linkReady)}</div></div>${s === "ready" ? a`<calcite-icon .ariaLabel=${`${n}. ${i.linkReady}`} .icon=${p ? "download-to" : "launch"} scale=s slot=content-end></calcite-icon>` : null}</div>`;
   }
   _renderExportedLinkItemIcon(e) {
     return e.state === "pending" ? a`<calcite-loader inline .label=${this.messages.generatingExport} scale=m slot=content-start></calcite-loader>` : a`<calcite-icon .icon=${_(e)} scale=s slot=content-start></calcite-icon>`;
   }
   _renderExportedLinkItemAction(e, t) {
-    const { state: i } = e, n = e.formattedName ?? "", s = this.saveAsButtonCallback && i !== "error" && h(this.allowedFormatsForSaving, e.extension);
-    return i !== "pending" ? a`<calcite-action .ariaLabel=${t} .icon=${s ? "ellipsis" : "x"} id=${(s ? `${n}-popover-button` : void 0) ?? u} @click=${s ? void 0 : () => {
+    const { state: i } = e, r = e.formattedName ?? "", s = this.saveAsButtonCallback && i !== "error" && h(this.allowedFormatsForSaving, e.extension);
+    return i !== "pending" ? a`<calcite-action .ariaLabel=${t} .icon=${s ? "ellipsis" : "x"} id=${(s ? `${r}-popover-button` : void 0) ?? u} @click=${s ? void 0 : () => {
       this.viewModel.exportedLinks.remove(e);
     }} slot=actions-end .text=${t}></calcite-action>` : null;
   }

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

@@ -1,19 +1,18 @@
 import { c as l } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
-import { classes as r } from "@arcgis/components-utils";
-import { LitElement as c, safeClassMap as o } from "@arcgis/lumina";
-import { css as p } from "@lit/reactive-element/css-tag.js";
+import { css as r, html as i } from "lit";
+import { classes as c } from "@arcgis/components-utils";
+import { LitElement as p, safeClassMap as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const d = p`.arcgis-print__export-section--centered{text-align:center}.esri-print__panel-container{display:flex;flex:1 0;flex-direction:column;gap:var(--calcite-spacing-sm)}.arcgis-print__exported-files-empty{display:flex;flex-direction:column;align-items:center;padding:var(--calcite-spacing-lg) var(--calcite-spacing-sm);font-size:small}.arcgis-print__export-title{font-weight:700;font-size:var(--calcite-font-size)}`, e = "arcgis-print", t = {
+v4.34.0-next.48 */
+const d = r`.arcgis-print__export-section--centered{text-align:center}.esri-print__panel-container{display:flex;flex:1 0;flex-direction:column;gap:var(--calcite-spacing-sm)}.arcgis-print__exported-files-empty{display:flex;flex-direction:column;align-items:center;padding:var(--calcite-spacing-lg) var(--calcite-spacing-sm);font-size:small}.arcgis-print__export-title{font-weight:700;font-size:var(--calcite-font-size)}`, e = "arcgis-print", t = {
   exportSection: `${e}__export-section`,
   panelContainer: `${e}__panel-container`,
   exportedFilesEmpty: `${e}__exported-files-empty`,
   exportedFilesTitle: `${e}__export-title`,
   exportSectionCentered: `${e}__export-section--centered`
 };
-class m extends c {
+class x extends p {
   static {
     this.properties = { saveAsButtonCallback: 0, viewModel: 0, messages: 0, allowedFormatsForSaving: 1 };
   }
@@ -24,13 +23,13 @@ class m extends c {
     this.manager.onLifecycle(() => [this.viewModel.exportedLinks.on("change", () => this.requestUpdate())]);
   }
   render() {
-    const s = this.viewModel.exportedLinks, n = {
+    const s = this.viewModel.exportedLinks, o = {
       [t.exportSectionCentered]: !s.length
     };
-    return i`<section class=${o(r(t.exportSection, n))} role=tabpanel><div class=${o(t.panelContainer)}>${s.length === 0 ? i`<div class=${o(t.exportedFilesEmpty)}><calcite-icon icon=file scale=l></calcite-icon><div><p class=${o(t.exportedFilesTitle)}>${this.messages.noExportedFiles}</p><div>${this.messages.exportHint}</div></div></div>` : i`<calcite-list .filterEnabled=${s.length > 10} .label=${this.messages.exportedLinksList}>${s.map((a) => i`<arcgis-print-exported-link .exportedLink=${a} .viewModel=${this.viewModel} .messages=${this.messages} .allowedFormatsForSaving=${this.allowedFormatsForSaving} .saveAsButtonCallback=${this.saveAsButtonCallback}></arcgis-print-exported-link>`)}</calcite-list>`}</div></section>`;
+    return i`<section class=${n(c(t.exportSection, o))} role=tabpanel><div class=${n(t.panelContainer)}>${s.length === 0 ? i`<div class=${n(t.exportedFilesEmpty)}><calcite-icon icon=file scale=l></calcite-icon><div><p class=${n(t.exportedFilesTitle)}>${this.messages.noExportedFiles}</p><div>${this.messages.exportHint}</div></div></div>` : i`<calcite-list .filterEnabled=${s.length > 10} .label=${this.messages.exportedLinksList}>${s.map((a) => i`<arcgis-print-exported-link .exportedLink=${a} .viewModel=${this.viewModel} .messages=${this.messages} .allowedFormatsForSaving=${this.allowedFormatsForSaving} .saveAsButtonCallback=${this.saveAsButtonCallback}></arcgis-print-exported-link>`)}</calcite-list>`}</div></section>`;
   }
 }
-l("arcgis-print-exports-panel", m);
+l("arcgis-print-exports-panel", x);
 export {
-  m as PrintExportsPanel
+  x as PrintExportsPanel
 };

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

@@ -1,12 +1,12 @@
 import { c as m } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
-import { keyed as r } from "lit-html/directives/keyed.js";
+import { html as i } from "lit";
+import { keyed as r } from "lit/directives/keyed.js";
 import { watch as f } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as n, noShadowRoot as p } from "@arcgis/lumina";
 import { f as c } from "../../chunks/utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
+v4.34.0-next.48 */
 class d extends n {
   constructor() {
     super(...arguments), this._formats = [];

package/dist/components/arcgis-print-layout-advanced-options/customElement.js

@@ -1,19 +1,18 @@
 import { c as a } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { keyed as i } from "lit-html/directives/keyed.js";
+import { css as n, html as t } from "lit";
+import { keyed as i } from "lit/directives/keyed.js";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as n, safeClassMap as o } from "@arcgis/lumina";
-import { css as r } from "@lit/reactive-element/css-tag.js";
-import { u as l } from "../../chunks/useHandles.js";
+import { LitElement as o, safeClassMap as l } from "@arcgis/lumina";
+import { u as r } from "../../chunks/useHandles.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const c = r`.arcgis-print__advanced-options-container{padding:var(--calcite-spacing-xxs);display:flex;flex-direction:column;gap:var(--calcite-spacing-xs)}`, h = "arcgis-print", p = {
+v4.34.0-next.48 */
+const c = n`.arcgis-print__advanced-options-container{padding:var(--calcite-spacing-xxs);display:flex;flex-direction:column;gap:var(--calcite-spacing-xs)}`, h = "arcgis-print", p = {
   advancedOptionsContainer: `${h}__advanced-options-container`
 };
-class d extends n {
+class d extends o {
   constructor() {
-    super(...arguments), this._handles = l("disconnect");
+    super(...arguments), this._handles = r("disconnect");
   }
   static {
     this.properties = { _selectedTemplate: 16, _showAuthorInput: 16, _showCopyrightInput: 16, _showLegendInput: 16, _showNorthArrowInput: 16, _showScaleBarInput: 16, viewModel: 0, messages: 0 };
@@ -37,7 +36,7 @@ class d extends n {
     ]);
   }
   render() {
-    return t`<div aria-labelledby=${`${this.el.id}__advancedOptionsForLayout`} class=${o(p.advancedOptionsContainer)}>${this._renderScaleSection()}${this._renderAuthorSection()}${this._renderCopyrightSection()}${this._renderDpiSection()}${this._renderOutSpatialReferenceSection()}${this._renderCustomTextElementSection()}${this._renderLegendSection()}${this._renderNorthArrowSection()}${this._renderScaleBarSection()}</div>`;
+    return t`<div aria-labelledby=${`${this.el.id}__advancedOptionsForLayout`} class=${l(p.advancedOptionsContainer)}>${this._renderScaleSection()}${this._renderAuthorSection()}${this._renderCopyrightSection()}${this._renderDpiSection()}${this._renderOutSpatialReferenceSection()}${this._renderCustomTextElementSection()}${this._renderLegendSection()}${this._renderNorthArrowSection()}${this._renderScaleBarSection()}</div>`;
   }
   _renderScaleSection() {
     return t`<arcgis-print-scale-section .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-print-scale-section>`;

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

@@ -1,19 +1,18 @@
 import { c as r } from "../../chunks/runtime.js";
-import { html as e } from "lit-html";
-import { classes as c } from "@arcgis/components-utils";
+import { css as c, html as e } from "lit";
+import { classes as p } from "@arcgis/components-utils";
 import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as p, safeClassMap as i } from "@arcgis/lumina";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { LitElement as d, safeClassMap as i } from "@arcgis/lumina";
 import { u as m } from "../../chunks/useHandles.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const h = d`.arcgis-print__advanced-options-section{border:1px solid var(--calcite-color-border-1);margin-bottom:var(--calcite-spacing-sm)}.arcgis-print__layout-section{padding:var(--calcite-spacing-sm) var(--calcite-spacing-sm)}.arcgis-print__panel-container{display:flex;flex:1 0;flex-direction:column;gap:var(--calcite-spacing-sm)}`, a = "arcgis-print", s = {
+v4.34.0-next.48 */
+const h = c`.arcgis-print__advanced-options-section{border:1px solid var(--calcite-color-border-1);margin-bottom:var(--calcite-spacing-sm)}.arcgis-print__layout-section{padding:var(--calcite-spacing-sm) var(--calcite-spacing-sm)}.arcgis-print__panel-container{display:flex;flex:1 0;flex-direction:column;gap:var(--calcite-spacing-sm)}`, a = "arcgis-print", s = {
   advancedOptionsSection: `${a}__advanced-options-section`,
   layoutSection: `${a}__layout-section`,
   panelContainer: `${a}__panel-container`
 };
-class u extends p {
+class u extends d {
   constructor() {
     super(...arguments), this._handles = m("disconnect");
   }
@@ -50,7 +49,7 @@ class u extends p {
     return e`<arcgis-print-format-select .viewModel=${this.viewModel} .messages=${this.messages}></arcgis-print-format-select>`;
   }
   _renderAdvancedSection() {
-    return e`<calcite-block .ariaLabel=${this.messages.advancedOptions} class=${i(c(s.panelContainer, s.advancedOptionsSection))} collapsible .disabled=${!this._selectedTemplate} .heading=${this.messages.advancedOptions}><arcgis-print-layout-advanced-options .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-print-layout-advanced-options></calcite-block>`;
+    return e`<calcite-block .ariaLabel=${this.messages.advancedOptions} class=${i(p(s.panelContainer, s.advancedOptionsSection))} collapsible .disabled=${!this._selectedTemplate} .heading=${this.messages.advancedOptions}><arcgis-print-layout-advanced-options .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-print-layout-advanced-options></calcite-block>`;
   }
   _renderExportButton() {
     return e`<arcgis-print-export-button .fileName=${this.viewModel.templateOptions.title ?? void 0} .messages=${this.messages} .viewModel=${this.viewModel} .selectExportsTab=${this.selectExportsTab}></arcgis-print-export-button>`;

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

@@ -1,14 +1,13 @@
 import { c as s } from "../../chunks/runtime.js";
-import { html as a } from "lit-html";
+import { css as l, html as a } from "lit";
 import { LitElement as i } from "@arcgis/lumina";
-import { i as l } from "../../chunks/utils.js";
-import { css as o } from "@lit/reactive-element/css-tag.js";
+import { i as o } from "../../chunks/utils.js";
 import { u as c } from "../../chunks/useHandles.js";
 import { watch as n } from "@arcgis/core/core/reactiveUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const p = o`calcite-tab{--calcite-tab-content-block-padding: 0}calcite-loader{margin-right:var(--calcite-spacing-xxs)}`;
+v4.34.0-next.48 */
+const p = l`calcite-tab{--calcite-tab-content-block-padding: 0}calcite-loader{margin-right:var(--calcite-spacing-xxs)}`;
 class r extends i {
   constructor() {
     super(...arguments), this._prevLayoutTemplateId = null, this._handles = c("disconnect"), this._selectedTab = "layout", this._hasPendingExport = !1;
@@ -40,7 +39,7 @@ class r extends i {
     this._updatePrevLayoutTemplateId(), this._selectedTab = "exports";
   }
   _updatePrevLayoutTemplateId() {
-    !l(this.viewModel.templateOptions.layout) && this.viewModel.templateOptions.id && (this._prevLayoutTemplateId = this.viewModel.templateOptions.id);
+    !o(this.viewModel.templateOptions.layout) && this.viewModel.templateOptions.id && (this._prevLayoutTemplateId = this.viewModel.templateOptions.id);
   }
   render() {
     const e = this.viewModel.exportedLinks.some(({ state: t }) => t === "pending");

package/dist/components/arcgis-print-map-only-advanced-options/customElement.js

@@ -1,14 +1,13 @@
 import { c as i } from "../../chunks/runtime.js";
-import { html as e } from "lit-html";
-import { LitElement as s, safeClassMap as n } from "@arcgis/lumina";
-import { css as a } from "@lit/reactive-element/css-tag.js";
+import { css as s, html as e } from "lit";
+import { LitElement as n, safeClassMap as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const r = a`.arcgis-print__advanced-options-container{padding:var(--calcite-spacing-xxs);display:flex;flex-direction:column;gap:var(--calcite-spacing-xs)}`, c = "arcgis-print", o = {
+v4.34.0-next.48 */
+const r = s`.arcgis-print__advanced-options-container{padding:var(--calcite-spacing-xxs);display:flex;flex-direction:column;gap:var(--calcite-spacing-xs)}`, c = "arcgis-print", o = {
   advancedOptionsContainer: `${c}__advanced-options-container`
 };
-class l extends s {
+class l extends n {
   static {
     this.properties = { viewModel: 0, messages: 0 };
   }
@@ -19,7 +18,7 @@ class l extends s {
     this.manager.onLifecycle(() => []);
   }
   render() {
-    return e`<div aria-labelledby=${`${this.el.id}__advancedOptionsForLayout`} class=${n(o.advancedOptionsContainer)}>${this._renderScaleSection()}${this._renderDpiSection()}${this._renderOutSpatialReferenceSection()}${this._renderAttributionSection()}${this._renderCustomTextElementSection()}</div>`;
+    return e`<div aria-labelledby=${`${this.el.id}__advancedOptionsForLayout`} class=${a(o.advancedOptionsContainer)}>${this._renderScaleSection()}${this._renderDpiSection()}${this._renderOutSpatialReferenceSection()}${this._renderAttributionSection()}${this._renderCustomTextElementSection()}</div>`;
   }
   _renderScaleSection() {
     return e`<arcgis-print-scale-section .messages=${this.messages} .viewModel=${this.viewModel}></arcgis-print-scale-section>`;

package/dist/components/arcgis-print-map-only-panel/customElement.js

@@ -1,19 +1,18 @@
 import { c as o } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
+import { css as c, html as i } from "lit";
 import { classes as l } from "@arcgis/components-utils";
-import { LitElement as c, safeClassMap as s } from "@arcgis/lumina";
-import { css as p } from "@lit/reactive-element/css-tag.js";
+import { LitElement as p, safeClassMap as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const d = p`.arcgis-print__advanced-options-section{border:1px solid var(--calcite-color-border-1);margin-bottom:var(--calcite-spacing-sm)}.arcgis-print__map-only-section{padding:var(--calcite-spacing-sm) var(--calcite-spacing-sm)}.arcgis-print__panel-container{display:flex;flex:1 0;flex-direction:column;gap:var(--calcite-spacing-sm)}.arcgis-print__size-container{--button-width: 32px;display:inline-grid;grid-template-columns:1fr 1fr var(--button-width);column-gap:var(--calcite-spacing-xs);width:100%}.arcgis-print__swap-button{flex:1 0 auto;border:none;color:var(--calcite-color-border-input);align-self:flex-end;margin-bottom:var(--calcite-spacing-md)}.arcgis-print__swap-button calcite-button{width:var(--button-width);height:var(--button-width)}`, n = "arcgis-print", a = {
+v4.34.0-next.48 */
+const d = c`.arcgis-print__advanced-options-section{border:1px solid var(--calcite-color-border-1);margin-bottom:var(--calcite-spacing-sm)}.arcgis-print__map-only-section{padding:var(--calcite-spacing-sm) var(--calcite-spacing-sm)}.arcgis-print__panel-container{display:flex;flex:1 0;flex-direction:column;gap:var(--calcite-spacing-sm)}.arcgis-print__size-container{--button-width: 32px;display:inline-grid;grid-template-columns:1fr 1fr var(--button-width);column-gap:var(--calcite-spacing-xs);width:100%}.arcgis-print__swap-button{flex:1 0 auto;border:none;color:var(--calcite-color-border-input);align-self:flex-end;margin-bottom:var(--calcite-spacing-md)}.arcgis-print__swap-button calcite-button{width:var(--button-width);height:var(--button-width)}`, n = "arcgis-print", a = {
   advancedOptionsSection: `${n}__advanced-options-section`,
   mapOnlySection: `${n}__map-only-section`,
   panelContainer: `${n}__panel-container`,
   sizeContainer: `${n}__size-container`,
   swapButton: `${n}__swap-button`
 };
-class m extends c {
+class m extends p {
   static {
     this.properties = { viewModel: 0, messages: 0, selectExportsTab: 0 };
   }

package/dist/components/arcgis-print-out-spatial-reference-input/customElement.js

@@ -1,14 +1,13 @@
-import { c as o } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
-import { keyed as u } from "lit-html/directives/keyed.js";
-import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
-import d from "@arcgis/core/geometry/SpatialReference.js";
-import { LitElement as f, safeClassMap as n } from "@arcgis/lumina";
-import { css as m } from "@lit/reactive-element/css-tag.js";
+import { c as u } from "../../chunks/runtime.js";
+import { css as o, html as l } from "lit";
+import { keyed as p } from "lit/directives/keyed.js";
+import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
+import f from "@arcgis/core/geometry/SpatialReference.js";
+import { LitElement as m, safeClassMap as n } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const v = m`.arcgis-print__sr-label{display:flex;gap:var(--calcite-spacing-xs)}.arcgis-print__invalid-wkid-text{color:var(--calcite-color-status-danger);font-size:var(--calcite-font-size--0)}`, s = "arcgis-print", c = {
+v4.34.0-next.48 */
+const v = o`.arcgis-print__sr-label{display:flex;gap:var(--calcite-spacing-xs)}.arcgis-print__invalid-wkid-text{color:var(--calcite-color-status-danger);font-size:var(--calcite-font-size--0)}`, s = "arcgis-print", c = {
   srLabel: `${s}__sr-label`,
   invalidWkidText: `${s}__invalid-wkid-text`
 };
@@ -21,7 +20,7 @@ function _(e) {
 function b(e) {
   return e == null ? e : Math.round(Number.parseFloat(e));
 }
-class k extends f {
+class k extends m {
   constructor() {
     super(...arguments), this._isValidSpatialReference = !0;
   }
@@ -33,7 +32,7 @@ class k extends f {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      p(() => this.viewModel.outSpatialReference, (t) => {
+      d(() => this.viewModel.outSpatialReference, (t) => {
         this._outSpatialReference = t ?? void 0;
       }, { initial: !0 })
     ]);
@@ -46,11 +45,11 @@ class k extends f {
         r.value = `${a?.wkid ?? ""}`;
         return;
       }
-      this.viewModel.outSpatialReference = Number.isNaN(i) || i == null ? null : new d({ wkid: i }), this._isValidSpatialReference = !a || _(a);
-    }}></calcite-input-number>${this._isValidSpatialReference ? null : u(`out-sr-${a?.wkid}`, l`<div class=${n(c.invalidWkidText)}>${t.invalidWkid}</div>`)}</calcite-label></div>`;
+      this.viewModel.outSpatialReference = Number.isNaN(i) || i == null ? null : new f({ wkid: i }), this._isValidSpatialReference = !a || _(a);
+    }}></calcite-input-number>${this._isValidSpatialReference ? null : p(`out-sr-${a?.wkid}`, l`<div class=${n(c.invalidWkidText)}>${t.invalidWkid}</div>`)}</calcite-label></div>`;
   }
 }
-o("arcgis-print-out-spatial-reference-input", k);
+u("arcgis-print-out-spatial-reference-input", k);
 export {
   k as PrintOutSpatialReferenceInput
 };

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

@@ -1,10 +1,10 @@
 import { c as t } from "../../chunks/runtime.js";
-import { html as i } from "lit-html";
+import { html as i } from "lit";
 import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as s, noShadowRoot as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
+v4.34.0-next.48 */
 class n extends s {
   constructor() {
     super(...arguments), this._showPrintAreaEnabled = !1;

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

@@ -1,17 +1,16 @@
 import { c as o } from "../../chunks/runtime.js";
-import { html as p } from "lit-html";
+import { css as p, html as u } from "lit";
 import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as u, safeClassMap as l } from "@arcgis/lumina";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { LitElement as d, safeClassMap as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.46 */
-const m = d`.arcgis-print__scale-input-container{display:flex;align-items:center;padding-bottom:var(--calcite-spacing-md)}.arcgis-print__scale-input-container .arcgis-print__scale-input{flex-grow:1}`, c = "arcgis-print", n = {
+v4.34.0-next.48 */
+const m = p`.arcgis-print__scale-input-container{display:flex;align-items:center;padding-bottom:var(--calcite-spacing-md)}.arcgis-print__scale-input-container .arcgis-print__scale-input{flex-grow:1}`, c = "arcgis-print", n = {
   scaleInfoContainer: `${c}__scale-info-container`,
   scaleInputContainer: `${c}__scale-input-container`,
   scaleInput: `${c}__scale-input`
 };
-class b extends u {
+class b extends d {
   constructor() {
     super(...arguments), this._scale = 0, this._scaleEnabled = !1;
   }
@@ -37,7 +36,7 @@ class b extends u {
   }
   render() {
     const { messages: e, _scale: t, _scaleEnabled: i } = this;
-    return p`<div class=${l(n.scaleInfoContainer)}><calcite-label layout=inline><calcite-checkbox .checked=${i} @calciteCheckboxChange=${(a) => {
+    return u`<div class=${l(n.scaleInfoContainer)}><calcite-label layout=inline><calcite-checkbox .checked=${i} @calciteCheckboxChange=${(a) => {
       this.viewModel.templateOptions.scaleEnabled = a.target.checked, this._resetToCurrentScale();
     }}></calcite-checkbox>${e.scale}</calcite-label><div class=${l(n.scaleInputContainer)}><calcite-input-number .ariaLabel=${e.scaleLabel} .ariaValueNow=${`${t}`} class=${l(n.scaleInput)} .disabled=${!i} .value=${`${t}`} .max=${Number.MAX_SAFE_INTEGER} @calciteInputNumberInput=${(a) => {
       const s = Number(a.target.value);