@arcgis/map-components 5.0.0-next.5 → 5.0.0-next.7

package/dist/components/arcgis-popup/customElement.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.5 */
+v5.0.0-next.7 */
 const p = "arcgis-popup", u = `${p}--is-docked`, a = {
   base: p,
   baseHidden: `${p}--hidden`,

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

@@ -10,7 +10,7 @@ import { m as v } from "../../chunks/useViewModel.js";
 import { g as n } from "../../chunks/globalCss.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.5 */
+v5.0.0-next.7 */
 const f = g`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{--panel-min-height--large: 240px;--side-spacing: var(--calcite-spacing-lg);--cap-spacing: var(--calcite-spacing-md);overflow-y:auto}.arcgis-print{display:flex;position:relative;flex-grow:1;padding:0;min-height:var(--panel-min-height--large)!important}.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}`, o = "arcgis-print", a = {
   base: o,
   headerTitle: `${o}__header-title`,

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

@@ -7,6 +7,6 @@ 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 formatJsonMap: Map<FileFormatJSON, "eps" | "svg" | "jpg" | "png8" | "png32" | "pdf" | "gif" | "svgz" | "aix" | "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.js

@@ -4,7 +4,7 @@ import { watch as a } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as u } from "@arcgis/lumina";
 /*! 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.5 */
+v5.0.0-next.7 */
 class p extends u {
   static {
     this.properties = { viewModel: 0 };

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

@@ -4,7 +4,7 @@ import { watch as n } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as s } from "@arcgis/lumina";
 /*! 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.5 */
+v5.0.0-next.7 */
 class p extends s {
   constructor() {
     super(...arguments), this._dpi = 1;

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

@@ -3,7 +3,7 @@ import { html as r } from "lit";
 import { LitElement as l } from "@arcgis/lumina";
 /*! 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.5 */
+v5.0.0-next.7 */
 class n extends l {
   static {
     this.properties = { viewModel: 0, messages: 0, fileName: 1, selectExportsTab: 0 };

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

@@ -1,18 +1,18 @@
-import { c as k } from "../../chunks/runtime.js";
-import { css as f, html as a } from "lit";
-import { hasSameOrigin as g } from "@arcgis/toolkit/url";
-import { watch as v, whenOnce as $ } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as b, nothing as u, safeClassMap as o } from "@arcgis/lumina";
+import { c as f } from "../../chunks/runtime.js";
+import { css as k, html as s } from "lit";
+import { hasSameOrigin as v } from "@arcgis/toolkit/url";
+import { watch as g, whenOnce as $ } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as b, noShadowRoot as x, safeClassMap as c, nothing as w } from "@arcgis/lumina";
 /*! 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.5 */
-const x = f`.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 = {
+v5.0.0-next.7 */
+const _ = k`@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`
 };
-function w(l) {
-  const { state: e, extension: t } = l;
+function I(r) {
+  const { state: e, extension: t } = r;
   switch (e) {
     case "pending":
       return "spinner";
@@ -22,10 +22,10 @@ function w(l) {
       return t?.toLowerCase()?.includes("pdf") ? "file-pdf" : "file";
   }
 }
-function h(l, e) {
-  return !l || l === "all" || !!(e && l.includes(e));
+function u(r, e) {
+  return !r || r === "all" || !!(e && r.includes(e));
 }
-class _ extends b {
+class E extends b {
   constructor() {
     super(...arguments), this._handleLinkClick = (e) => {
       if (!e || e.state !== "ready" || !e.url)
@@ -42,59 +42,49 @@ class _ extends b {
     this.properties = { saveAsButtonCallback: 0, allowedFormatsForSaving: 1, exportedLink: 0, viewModel: 0, messages: 0 };
   }
   static {
-    this.styles = x;
+    this.styles = _;
+  }
+  static {
+    this.shadowRootOptions = x;
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      v(() => this.exportedLink.state, () => this.requestUpdate())
+      g(() => this.exportedLink.state, () => this.requestUpdate())
     ]);
   }
   render() {
-    const { messages: e, exportedLink: t } = this, { error: i, state: r } = t;
-    let s;
-    switch (r) {
-      case "pending":
-        s = e.pending;
-        break;
-      case "ready":
-        s = e.ready;
-        break;
-      case "error":
-        s = e.errorMessage;
-        break;
-    }
-    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)}`;
+    const { exportedLink: e } = this, t = e.formattedName ?? "";
+    return s`<calcite-list-item .label=${t}>${this._renderExportedLinkItemContent(e)}${this._renderExportedLinkItemIcon(e)}${this._renderExportedLinkItemAction(e)}</calcite-list-item>${this._renderExportedLinkItemPopover(e)}`;
   }
   _renderExportedLinkItemPopover(e) {
-    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)
+    const t = this.messages, i = e.formattedName ?? "", { state: n } = e, a = this.saveAsButtonCallback && n !== "error" && u(this.allowedFormatsForSaving, e.extension);
+    return n !== "pending" && a ? s`<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 ? s`<calcite-list-item .label=${t.openItem} @calciteListItemSelect=${() => {
+      const l = e.portalItem;
+      if (!l?.itemPageUrl)
         return;
-      const c = document.createElement("a");
-      c.target = "_blank", c.href = n.itemPageUrl, c.rel = "noreferrer", c.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 && ($(() => e.portalItem).then((n) => {
-        n.itemPageUrl && this.requestUpdate();
+      const o = document.createElement("a");
+      o.target = "_blank", o.href = l.itemPageUrl, o.rel = "noreferrer", o.click();
+    }}><calcite-icon icon=launch2 scale=s slot=content-start></calcite-icon></calcite-list-item>` : s`<calcite-list-item .label=${t.saveAs} @calciteListItemSelect=${async () => {
+      this.saveAsButtonCallback && ($(() => e.portalItem).then((l) => {
+        l.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: r, state: s } = e, n = e.formattedName ?? "", p = g(r || null, document.location.href);
-    return a`<div class=${o(m.exportedFile)} slot=content @click=${() => this._handleLinkClick(e)}><div><div class=${o(m.exportedFileLinkTitle)}>${n}</div><div class=${o(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>`;
+  _renderExportedLinkItemContent(e) {
+    const t = this.messages, { url: i, state: n, error: a } = e, l = e.formattedName ?? "", p = v(i || null, document.location.href), h = n === "error" ? a?.name === "print-task:cim-symbol-unsupported" ? t.exportWebMapCIMError : t.exportWebMapError : null;
+    return s`<div class=${c(m.exportedFile)} slot=content @click=${() => this._handleLinkClick(e)}><div><div class=${c(m.exportedFileLinkTitle)}>${l}</div><div class=${c(m.exportedFileLinkDescription)}>${n === "pending" ? t.generatingExport : h || (p ? t.ready : t.linkReady)}</div></div>${n === "ready" ? s`<calcite-icon .ariaLabel=${`${l}. ${t.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=${w(e)} scale=s slot=content-start></calcite-icon>`;
+    return e.state === "pending" ? s`<calcite-loader inline .label=${this.messages.generatingExport} scale=m slot=content-start></calcite-loader>` : s`<calcite-icon .icon=${I(e)} scale=s slot=content-start></calcite-icon>`;
   }
-  _renderExportedLinkItemAction(e, t) {
-    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 : () => {
+  _renderExportedLinkItemAction(e) {
+    const { state: t } = e, i = e.formattedName ?? "", n = this.saveAsButtonCallback && t !== "error" && u(this.allowedFormatsForSaving, e.extension);
+    return t !== "pending" ? s`<calcite-action .icon=${n ? "ellipsis" : "x"} id=${(n ? `${i}-popover-button` : void 0) ?? w} @click=${n ? void 0 : () => {
       this.viewModel.exportedLinks.remove(e);
-    }} slot=actions-end .text=${t}></calcite-action>` : null;
+    }} slot=actions-end .text=${n ? "options" : "remove"}></calcite-action>` : null;
   }
 }
-k("arcgis-print-exported-link", _);
+f("arcgis-print-exported-link", E);
 export {
-  _ as PrintExportedLink
+  E as PrintExportedLink
 };

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

@@ -1,10 +1,10 @@
 import { c as l } from "../../chunks/runtime.js";
 import { css as r, html as i } from "lit";
 import { classes as c } from "@arcgis/toolkit/dom";
-import { LitElement as p, safeClassMap as a } from "@arcgis/lumina";
+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/5.0/esri/copyright.txt for details.
-v5.0.0-next.5 */
+v5.0.0-next.7 */
 const d = r`.arcgis-print__export-section--centered{text-align:center}.arcgis-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`,
@@ -23,10 +23,10 @@ class x extends p {
     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=${a(c(t.exportSection, n))} role=tabpanel><div class=${a(t.panelContainer)}>${s.length === 0 ? i`<div class=${a(t.exportedFilesEmpty)}><calcite-icon icon=file scale=l></calcite-icon><div><p class=${a(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((o) => i`<arcgis-print-exported-link .exportedLink=${o} .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} selection-mode=none>${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", x);

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

@@ -6,7 +6,7 @@ import { LitElement as n } from "@arcgis/lumina";
 import { f as p } from "../../chunks/utils.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.5 */
+v5.0.0-next.7 */
 class c extends n {
   constructor() {
     super(...arguments), this._formats = [];

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

@@ -6,7 +6,7 @@ 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.5 */
+v5.0.0-next.7 */
 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`
 };

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

@@ -6,7 +6,7 @@ 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.5 */
+v5.0.0-next.7 */
 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`,

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

@@ -6,7 +6,7 @@ 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.5 */
+v5.0.0-next.7 */
 const p = l`calcite-tab{--calcite-tab-content-block-padding: 0}calcite-loader{margin-right:var(--calcite-spacing-xxs)}`;
 class r extends i {
   constructor() {

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

@@ -3,7 +3,7 @@ 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.5 */
+v5.0.0-next.7 */
 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`
 };

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

@@ -4,7 +4,7 @@ import { classes as l } from "@arcgis/toolkit/dom";
 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.5 */
+v5.0.0-next.7 */
 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`,

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

@@ -6,7 +6,7 @@ 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.5 */
+v5.0.0-next.7 */
 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`

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

@@ -4,7 +4,7 @@ import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as a } from "@arcgis/lumina";
 /*! 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.5 */
+v5.0.0-next.7 */
 class s extends a {
   constructor() {
     super(...arguments), this._showPrintAreaEnabled = !1;

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

@@ -4,7 +4,7 @@ import { watch as r } from "@arcgis/core/core/reactiveUtils.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/5.0/esri/copyright.txt for details.
-v5.0.0-next.5 */
+v5.0.0-next.7 */
 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`,

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

@@ -1,21 +1,22 @@
 import { c as o } from "../../chunks/runtime.js";
-import { css as n, html as t } from "lit";
+import { css as n, html as l } from "lit";
 import { keyed as a } from "lit/directives/keyed.js";
-import { watch as i } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as m, safeClassMap as l } from "@arcgis/lumina";
+import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as m, safeClassMap as s } from "@arcgis/lumina";
 import { u as p } from "../../chunks/useHandles.js";
-import { g as d, a as h, b as _, c as g } from "../../chunks/utils.js";
+import { a as d, g as h, b as _ } from "../../chunks/utils.js";
+import { useDirection as g } from "@arcgis/lumina/controllers";
 /*! 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.5 */
-const u = n`.arcgis-print__template-select-container{border:1px solid var(--calcite-color-border-1);cursor:pointer}.arcgis-print__template-select-container .arcgis-print__template-select-error,.arcgis-print__template-select-container .arcgis-print__template-select-arrow{display:flex;align-self:center;margin-right:var(--calcite-spacing-md)}`, s = "arcgis-print", c = {
-  templateSelectContainer: `${s}__template-select-container`,
-  templateSelectError: `${s}__template-select-error`,
-  templateSelectArrow: `${s}__template-select-arrow`
+v5.0.0-next.7 */
+const u = n`.arcgis-print__template-select-container{border:1px solid var(--calcite-color-border-1);cursor:pointer}.arcgis-print__template-select-container .arcgis-print__template-select-error,.arcgis-print__template-select-container .arcgis-print__template-select-arrow{display:flex;align-self:center;margin-right:var(--calcite-spacing-md)}`, i = "arcgis-print", c = {
+  templateSelectContainer: `${i}__template-select-container`,
+  templateSelectError: `${i}__template-select-error`,
+  templateSelectArrow: `${i}__template-select-arrow`
 };
 class $ extends m {
   constructor() {
-    super(...arguments), this._handles = p("disconnect"), this._templateState = "not-loaded";
+    super(...arguments), this._handles = p("disconnect"), this._direction = g(), this._templateState = "not-loaded";
   }
   static {
     this.properties = { _selectedTemplate: 16, _templateState: 16, viewModel: 0, messages: 0, showTemplateSelector: 0 };
@@ -25,15 +26,16 @@ class $ extends m {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      i(() => this.viewModel.templateOptions.id, (e) => {
-        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) ?? void 0 : void 0, this._handles.addHandles(i(() => this._selectedTemplate?.state, (r) => this._templateState = r ?? "not-loaded", { initial: !0 }), "template-handle");
+      r(() => this.viewModel.templateOptions.id, (e) => {
+        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) ?? void 0 : void 0, this._handles.addHandles(r(() => this._selectedTemplate?.state, (t) => this._templateState = t ?? "not-loaded", { initial: !0 }), "template-handle");
       }, { initial: !0 })
     ]);
   }
   render() {
-    return t`<calcite-block class=${l(c.templateSelectContainer)} .description=${d(this._selectedTemplate)} .heading=${this._selectedTemplate ? h(this._selectedTemplate, this.messages) : this.messages.selectTemplate} .loading=${this._templateState === "loading"} @click=${this.showTemplateSelector} @keydown=${(e) => {
-      (e.key === "Enter" || e.key === " ") && this.showTemplateSelector();
-    }} tabindex=0>${a("template-select-icon", t`<calcite-icon .icon=${(this._selectedTemplate?.layout ? _(this._selectedTemplate.layout) : null) || "custom-print"} scale=l slot=content-start></calcite-icon>`)}${this._templateState === "error" ? a("template-select-error", t`<calcite-icon class=${l(c.templateSelectError)} icon=exclamation-mark-circle scale=s slot=actions-end></calcite-icon>`) : null}${a("template-select-arrow", t`<calcite-icon class=${l(c.templateSelectArrow)} .icon=${g() ? "chevron-left" : "chevron-right"} scale=s slot=actions-end></calcite-icon>`)}</calcite-block>`;
+    const e = this._selectedTemplate ? d(this._selectedTemplate, this.messages) : this.messages.selectTemplate;
+    return l`<calcite-block class=${s(c.templateSelectContainer)} .description=${h(this._selectedTemplate)} .heading=${e} .label=${e} .loading=${this._templateState === "loading"} @click=${this.showTemplateSelector} @keydown=${(t) => {
+      (t.key === "Enter" || t.key === " ") && this.showTemplateSelector();
+    }} tabindex=0>${a("template-select-icon", l`<calcite-icon .icon=${(this._selectedTemplate?.layout ? _(this._selectedTemplate.layout) : null) || "custom-print"} scale=l slot=content-start></calcite-icon>`)}${this._templateState === "error" ? a("template-select-error", l`<calcite-icon class=${s(c.templateSelectError)} icon=exclamation-mark-circle scale=s slot=actions-end></calcite-icon>`) : null}${a("template-select-arrow", l`<calcite-icon class=${s(c.templateSelectArrow)} .icon=${this._direction === "rtl" ? "chevron-left" : "chevron-right"} scale=s slot=actions-end></calcite-icon>`)}</calcite-block>`;
   }
 }
 o("arcgis-print-template-select", $);

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

@@ -7,7 +7,7 @@ import { i as d, r as _, g as T, a as b, b as y } from "../../chunks/utils.js";
 import { u as L } from "../../chunks/useHandles.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.5 */
+v5.0.0-next.7 */
 const S = v`.arcgis-print__template-select-flow-item-container{display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden;flex-grow:1}.arcgis-print__template-select-flow-item-container .arcgis-print__template-select-flow-item-content{display:flex;flex-direction:column;overflow-y:auto;flex:1 0}.arcgis-print__template-select-flow-item-container .arcgis-print__template-select-flow-item-content .arcgis-print__template-select-flow-item-list-heading{display:flex;gap:var(--calcite-spacing-xs);align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);background-color:var(--calcite-color-foreground-2);border-bottom:1px solid var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-semibold)}.arcgis-print__template-button-container{padding:var(--calcite-spacing-md)}.arcgis-print__template-done-button{width:100%}`, o = "arcgis-print", a = {
   templateSelectError: `${o}__template-select-error`,
   templateButtonContainer: `${o}__template-button-container`,

package/dist/components/arcgis-scale-bar/customElement.js

@@ -12,7 +12,7 @@ import { m as S } from "../../chunks/useViewModel.js";
 import { g as m } from "../../chunks/globalCss.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.5 */
+v5.0.0-next.7 */
 function B(u = 0, e = 0) {
   return { x: u, y: e };
 }

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

@@ -5,7 +5,7 @@ import { default as ScaleRangeSlider } from '@arcgis/core/widgets/ScaleRangeSlid
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useScaleRangeSliderWidget: (component: LitElement & Pick<ScaleRangeSlider, "icon" | "label" | "mode" | "layer" | "disabled" | "viewModel" | "region" | "maxScale" | "minScale" | "maxScaleLimit" | "minScaleLimit" | "showWorldValue"> & {
+declare const useScaleRangeSliderWidget: (component: LitElement & Pick<ScaleRangeSlider, "label" | "viewModel" | "icon" | "mode" | "layer" | "disabled" | "region" | "maxScale" | "minScale" | "maxScaleLimit" | "minScaleLimit" | "showWorldValue"> & {
     state?: unknown;
     viewModel?: __esri.ScaleRangeSliderViewModel | undefined;
     closed?: boolean;

package/dist/components/arcgis-scale-range-slider/customElement.js

@@ -6,7 +6,7 @@ import { m as s } from "../../chunks/useWidget.js";
 import { css as l } from "lit";
 /*! 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.5 */
+v5.0.0-next.7 */
 const a = l`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}.esri-scale-range-slider{background-color:var(--calcite-color-transparent);flex-direction:column;gap:var(--calcite-spacing-md);min-width:310px;display:flex;position:relative}.esri-scale-range-slider__segment-active{background-color:var(--calcite-color-brand);height:var(--calcite-spacing-xxs)}.esri-scale-range-slider .esri-slider{background-color:var(--calcite-color-transparent);padding:9px 11px 9px 9px}.esri-scale-range-slider .esri-slider .esri-slider__effective-min-segment,.esri-scale-range-slider .esri-slider .esri-slider__effective-max-segment{content:" ";background:repeating-linear-gradient(90deg,var(--calcite-color-text-2) 0 5px,var(--calcite-color-foreground-1) 5px 10px);height:100%;display:block}.esri-scale-range-slider.esri-component.esri-widget,.esri-scale-range-slider.esri-widget{box-shadow:none}.esri-scale-range-slider.esri-disabled{opacity:var(--calcite-opacity-light);pointer-events:none;-webkit-user-select:none;user-select:none}.esri-scale-range-slider__scale-indicator-wrapper{display:contents}.esri-scale-range-slider__scale-indicator-container{position:absolute;left:9px;right:11px}.esri-scale-range-slider__scale-indicator{width:1px;margin-left:-4px;transition-property:left;transition-duration:.2s;position:relative;top:11px}.esri-scale-range-slider__scale-indicator-icon{transform:scale(.8,1.7)}.esri-scale-range-slider__scale-preview{background-color:var(--calcite-color-foreground-1);flex-direction:column;padding:6px 7px;display:inline-flex;box-shadow:0 1px 2px #0000004d}.esri-scale-range-slider__scale-preview-thumbnail{box-sizing:border-box;padding:64px;display:block}.esri-scale-range-slider__scale-menu-container{gap:.5rem;width:100%;display:flex}.esri-scale-range-slider__scale-menu-container calcite-label span{color:var(--calcite-color-text-1)}:dir(rtl) .esri-scale-range-slider__scale-menu-container{flex-direction:row-reverse}.esri-scale-range-slider__scale-menu-separator{flex:1;margin-left:-.5rem}.esri-scale-range-slider__scale-menu-toggle{max-width:9rem}.esri-scale-range-slider__scale-menu-sublabel{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--2)}`, n = s(r);
 class d extends t {
   constructor() {

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

@@ -5,12 +5,13 @@ import { default as WebScene } from '@arcgis/core/WebScene.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { Use } from '@arcgis/lumina/controllers';
 import { nil } from '@arcgis/toolkit/type';
+import { LoadErrorSource } from '../../controllers/useArcgisLoadError';
 
-declare const useWebScene: (component: LitElement & Omit<Pick<WebScene, "basemap" | "focusAreas" | "ground" | "clippingArea" | "layers" | "presentation" | "tables" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "initialViewProperties" | "portalItem" | "thumbnailUrl" | "clippingEnabled" | "heightModelInfo">, ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "basemap" | "ground" | "layers" | "presentation" | "tables" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "initialViewProperties" | "portalItem" | "thumbnailUrl" | "clippingEnabled" | "heightModelInfo"> & {
+declare const useWebScene: (component: LitElement & Omit<Pick<WebScene, "basemap" | "focusAreas" | "ground" | "clippingArea" | "layers" | "presentation" | "tables" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "initialViewProperties" | "portalItem" | "thumbnailUrl" | "clippingEnabled" | "heightModelInfo">, "basemap" | "ground" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "layers" | "presentation" | "tables" | "widgets" | "applicationProperties" | "authoringApp" | "authoringAppVersion" | "floorInfo" | "initialViewProperties" | "portalItem" | "thumbnailUrl" | "clippingEnabled" | "heightModelInfo"> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => WebScene;
-declare const useSceneView: (component: LitElement & Omit<Pick<SceneView, "map" | "aria" | "analyses" | "basemapView" | "center" | "constraints" | "extent" | "fatalError" | "graphics" | "highlights" | "highlightOptions" | "navigation" | "padding" | "popup" | "scale" | "spatialReference" | "theme" | "timeExtent" | "viewpoint" | "zoom" | "floors" | "alphaCompositingEnabled" | "camera" | "clippingArea" | "environment" | "qualityProfile" | "viewingMode" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "widthBreakpoint" | "container" | "ui" | "animation" | "displayFilterEnabled">, ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "center" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "widthBreakpoint" | "container" | "ui" | "animation" | "displayFilterEnabled"> & {
+declare const useSceneView: (component: LitElement & Omit<Pick<SceneView, "center" | "map" | "aria" | "analyses" | "basemapView" | "constraints" | "extent" | "fatalError" | "floors" | "graphics" | "highlights" | "highlightOptions" | "navigation" | "padding" | "popup" | "scale" | "spatialReference" | "theme" | "timeExtent" | "viewpoint" | "zoom" | "alphaCompositingEnabled" | "camera" | "clippingArea" | "environment" | "qualityProfile" | "viewingMode" | "ui" | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "widthBreakpoint" | "container" | "animation" | "displayFilterEnabled">, "center" | "ui" | ("destroyed" | "initialized" | "declaredClass" | "set" | "watch" | "addHandles" | "removeHandles" | "hasHandles") | "breakpoints" | "heightBreakpoint" | "popupEnabled" | "widthBreakpoint" | "container" | "animation" | "displayFilterEnabled"> & {
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }) => SceneView;
@@ -77,6 +78,29 @@ declare const useSceneView: (component: LitElement & Omit<Pick<SceneView, "map"
  * @slot [bottom-end] - Slot for components positioned at the bottom-end (bottom-right in LTR, bottom-left in RTL).
  */
 export declare class ArcgisScene extends LitElement {
+    /**
+     * Fires when a Map, Scene, or Link Chart fails to load or if one of their sub-components fails to load (e.g., basemap, ground, layers).
+     *
+     * @see [loadErrorSources](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/#loadErrorSources)
+     * @example
+     * ```js
+     *       viewComponent.addEventListener("arcgisLoadError", () => {
+     *         console.log(viewComponent.loadErrorSources);
+     *       });
+     *      ```
+     */
+    readonly arcgisLoadError: TargetedEvent<this>;
+    /**
+     * Fires if the map view encounters a content or rendering error.
+     *
+     * @example
+     * ```js
+     *       viewComponent.addEventListener("arcgisViewReadyError", () => {
+     *         // handle error
+     *       });
+     *      ```
+     */
+    readonly arcgisViewReadyError: TargetedEvent<this>;
     /**
      * The ARIA attributes for the view container.
      *
@@ -197,7 +221,7 @@ export declare class ArcgisScene extends LitElement {
      *
      * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#clippingArea)
      */
-    clippingArea: nullish | __esri.Extent;
+    clippingArea: __esri.Extent | nullish;
     /**
      * Specifies constraints for the camera's tilt, altitude, and view's clip distance.
      *
@@ -362,7 +386,7 @@ export declare class ArcgisScene extends LitElement {
     /** The magnifier allows for showing a portion of the view as a magnifier image on top of the view. */
     readonly magnifier: __esri.Magnifier;
     /** An instance of a [Map](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html) object to display in the view. */
-    map: __esri.Map | nullish;
+    map: nullish | __esri.Map;
     /**
      * Indication whether the view is being navigated (for example when panning).
      *
@@ -511,7 +535,7 @@ export declare class ArcgisScene extends LitElement {
      *
      * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#visibleArea)
      */
-    readonly visibleArea: nullish | __esri.Polygon;
+    readonly visibleArea: __esri.Polygon | nullish;
     /**
      * Represents the level of detail (LOD) at the center of the view.
      *
@@ -523,6 +547,8 @@ export declare class ArcgisScene extends LitElement {
      */
     get zoom(): number;
     set zoom(newValue: number);
+    /** Any objects that encountered an error while loading the map, its basemap, ground, or any of the layers or tables in the map. You may inspect the errors by accessing each object's `loadError` property. */
+    loadErrorSources?: LoadErrorSource[];
     /**
      * @deprecated
      * since 4.33, use `element.map.add(layer)` instead.