@arcgis/map-components 5.1.0-next.98 → 5.2.0-next.0

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

@@ -1,14 +1,14 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as p } from "../../chunks/runtime.js";
-import { css as f, html as s } from "lit";
-import { whenOnce as h } from "@arcgis/core/core/reactiveUtils.js";
+import { css as m, html as s } from "lit";
 import { addProxy as g } from "@arcgis/core/core/urlUtils.js";
-import { LitElement as v, safeClassMap as u, nothing as x } from "@arcgis/lumina";
-import { classes as $ } from "@arcgis/toolkit/dom";
-import { hasSameOrigin as w } from "@arcgis/toolkit/url";
-const b = f`.export-section{padding:var(--calcite-spacing-xxs)}.export-section-centered{text-align:center}.exported-files-empty{display:flex;flex-direction:column;align-items:center;padding:var(--calcite-spacing-lg) var(--calcite-spacing-sm);font-size:small}.exported-files-title{font-weight:700;font-size:var(--calcite-font-size)}.exported-file{display:flex;align-items:center;justify-content:space-between}.exported-file-link-title,.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}`;
-function k(c) {
-  const { state: e, extension: t } = c;
+import { LitElement as f, safeClassMap as h, nothing as v } from "@arcgis/lumina";
+import { classes as x } from "@arcgis/toolkit/dom";
+import { hasSameOrigin as u } from "@arcgis/toolkit/url";
+import { i as $ } from "../../chunks/print-exports-panel-item-popover.js";
+const w = m`.export-section{padding:var(--calcite-spacing-xxs)}.export-section-centered{text-align:center}.exported-files-empty{display:flex;flex-direction:column;align-items:center;padding:var(--calcite-spacing-lg) var(--calcite-spacing-sm);font-size:small}.exported-files-title{font-weight:700;font-size:var(--calcite-font-size)}.exported-file{display:flex;align-items:center;justify-content:space-between}.exported-file-link-title,.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}`;
+function k(a) {
+  const { state: e, extension: t } = a;
   switch (e) {
     case "pending":
       return "spinner";
@@ -18,10 +18,7 @@ function k(c) {
       return t?.toLowerCase()?.includes("pdf") ? "file-pdf" : "file";
   }
 }
-function d(c, e) {
-  return !c || c === "all" || !!(e && c.includes(e));
-}
-class E extends v {
+class b extends f {
   constructor() {
     super(...arguments), this._handleLinkClick = (e) => {
       if (e?.state !== "ready" || !e.url)
@@ -38,7 +35,7 @@ class E extends v {
     this.properties = { showSaveAs: 5, viewModel: 0, messages: 0, allowedFormatsForSaving: 1, arcgisSaveAs: 0 };
   }
   static {
-    this.styles = b;
+    this.styles = w;
   }
   loaded() {
     this.manager.onLifecycle(() => [this.viewModel.exportedLinks.on("change", () => this.requestUpdate())]);
@@ -47,40 +44,26 @@ class E extends v {
     const e = this.viewModel.exportedLinks, t = {
       "export-section-centered": !e.length
     };
-    return s`<section class=${u($("export-section", t))}>${e.length === 0 ? s`<div class="exported-files-empty"><calcite-icon icon=file scale=l></calcite-icon><div><p class="exported-files-title">${this.messages.noExportedFiles}</p><div>${this.messages.exportHint}</div></div></div>` : s`<calcite-list .filterEnabled=${e.length > 10} .label=${this.messages.exportedLinksList} selection-mode=none>${e.map((i) => s`<calcite-list-item .label=${i.formattedName ?? ""}>${this._renderExportedLinkItemContent(i)}${this._renderExportedLinkItemIcon(i)}${this._renderExportedLinkItemAction(i)}</calcite-list-item>${this._renderExportedLinkItemPopover(i)}`)}</calcite-list>`}</section>`;
-  }
-  _renderExportedLinkItemPopover(e) {
-    const t = this.messages, i = e.formattedName ?? "", { state: l } = e, a = this.showSaveAs && l !== "error" && d(this.allowedFormatsForSaving, e.extension);
-    return l !== "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 o = e.portalItem;
-      if (!o?.itemPageUrl)
-        return;
-      const n = document.createElement("a");
-      n.target = "_blank", n.href = o.itemPageUrl, n.rel = "noreferrer", n.click();
-    }}><calcite-icon icon=launch2 scale=s slot=content-start></calcite-icon></calcite-list-item>` : s`<calcite-list-item .label=${t.saveAs} @calciteListItemSelect=${async () => {
-      h(() => e.portalItem).then((o) => {
-        o.itemPageUrl && this.requestUpdate();
-      }), this.arcgisSaveAs.emit(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;
+    return s`<section class=${h(x("export-section", t))}>${e.length === 0 ? s`<div class="exported-files-empty"><calcite-icon icon=file scale=l></calcite-icon><div><p class="exported-files-title">${this.messages.noExportedFiles}</p><div>${this.messages.exportHint}</div></div></div>` : s`<calcite-list .filterEnabled=${e.length > 10} .label=${this.messages.exportedLinksList} selection-mode=none>${e.map((i) => s`<calcite-list-item .label=${i.formattedName ?? ""}>${this._renderExportedLinkItemContent(i)}${this._renderExportedLinkItemIcon(i)}${this._renderExportedLinkItemAction(i)}</calcite-list-item><arcgis-print-exports-panel-item-popover .allowedFormatsForSaving=${this.allowedFormatsForSaving} .arcgisSaveAs=${this.arcgisSaveAs} .exportedLink=${i} .messages=${this.messages} .showSaveAs=${this.showSaveAs} .viewModel=${this.viewModel}></arcgis-print-exports-panel-item-popover>`)}</calcite-list>`}</section>`;
   }
   _renderExportedLinkItemContent(e) {
-    const t = this.messages, { url: i, state: l, error: a } = e, o = e.formattedName ?? "";
-    let n = i || null;
-    n && (n = g(n));
-    const r = w(n, document.location.href), m = l === "error" ? a?.name === "print-task:cim-symbol-unsupported" ? t.exportWebMapCIMError : t.exportWebMapError : null;
-    return s`<div class="exported-file" slot=content @click=${() => this._handleLinkClick(e)}><div><div class="exported-file-link-title">${o}</div><div class="exported-file-link-description">${l === "pending" ? t.generatingExport : m || (r ? t.ready : t.linkReady)}</div></div>${l === "ready" ? s`<calcite-icon .ariaLabel=${`${o}. ${t.linkReady}`} .icon=${r ? "download-to" : "launch"} scale=s slot=content-end></calcite-icon>` : null}</div>`;
+    const t = this.messages, { url: i, state: o, error: n } = e, l = e.formattedName ?? "";
+    let r = i || null;
+    r && (r = g(r));
+    const c = u(r, document.location.href), d = o === "error" ? n?.name === "print-task:cim-symbol-unsupported" ? t.exportWebMapCIMError : t.exportWebMapError : null;
+    return s`<div class="exported-file" slot=content @click=${() => this._handleLinkClick(e)}><div><div class="exported-file-link-title">${l}</div><div class="exported-file-link-description">${o === "pending" ? t.generatingExport : d || (c ? t.ready : t.linkReady)}</div></div>${o === "ready" ? s`<calcite-icon .ariaLabel=${`${l}. ${t.linkReady}`} .icon=${c ? "download-to" : "launch"} scale=s slot=content-end></calcite-icon>` : null}</div>`;
   }
   _renderExportedLinkItemIcon(e) {
     return e.state === "pending" ? s`<calcite-loader inline .label=${this.messages.generatingExport} scale=m slot=content-start></calcite-loader>` : s`<calcite-icon .icon=${k(e)} scale=s slot=content-start></calcite-icon>`;
   }
   _renderExportedLinkItemAction(e) {
-    const { state: t } = e, i = e.formattedName ?? "", l = this.showSaveAs && t !== "error" && d(this.allowedFormatsForSaving, e.extension);
-    return t !== "pending" ? s`<calcite-action .icon=${l ? "ellipsis" : "x"} id=${(l ? `${i}-popover-button` : void 0) ?? x} @click=${l ? void 0 : () => {
+    const { state: t } = e, i = e.formattedName ?? "", o = this.messages, n = this.showSaveAs && t !== "error" && $(this.allowedFormatsForSaving, e.extension);
+    return t !== "pending" ? s`<calcite-action .icon=${n ? "ellipsis" : "x"} id=${(n ? `${i}-popover-button` : void 0) ?? v} @click=${n ? void 0 : () => {
       this.viewModel.exportedLinks.remove(e);
-    }} slot=actions-end .text=${l ? "options" : "remove"}></calcite-action>` : null;
+    }} slot=actions-end .text=${n ? o.options : o.delete}></calcite-action>` : null;
   }
 }
-p("arcgis-print-exports-panel", E);
+p("arcgis-print-exports-panel", b);
 export {
-  E as PrintExportsPanel
+  b as PrintExportsPanel
 };

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

@@ -1,7 +1,7 @@
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-list-item";
-import "@esri/calcite-components/components/calcite-popover";
+import "../arcgis-print-exports-panel-item-popover/index.js";
 import "@esri/calcite-components/components/calcite-loader";
 import "@esri/calcite-components/components/calcite-action";
 export * from "./customElement.js";

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

@@ -0,0 +1,10 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import "../../chunks/runtime.js";
+import "lit";
+import "@arcgis/core/core/reactiveUtils.js";
+import "@arcgis/lumina";
+import { P } from "../../chunks/print-exports-panel-item-popover.js";
+import "lit/directives/ref.js";
+export {
+  P as PrintExportsPanelItemPopover
+};

package/dist/components/arcgis-print-exports-panel-item-popover/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-popover";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
 import { html as i } from "lit";
 import { watch as r } from "@arcgis/core/core/reactiveUtils.js";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as n } from "../../chunks/runtime.js";
 import { css as r, html as t } from "lit";
 import { watch as l } from "@arcgis/core/core/reactiveUtils.js";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as l } from "../../chunks/runtime.js";
 import { css as o, html as e } from "lit";
 import { watch as i } from "@arcgis/core/core/reactiveUtils.js";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as s } from "../../chunks/runtime.js";
 import { css as i, html as a } from "lit";
 import { LitElement as l } from "@arcgis/lumina";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as i } from "../../chunks/runtime.js";
 import { css as s, html as e } from "lit";
 import { LitElement as n } from "@arcgis/lumina";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as s } from "../../chunks/runtime.js";
 import { css as n, html as i } from "lit";
 import { LitElement as l } from "@arcgis/lumina";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as s } from "../../chunks/runtime.js";
 import { css as c, html as n } from "lit";
 import { watch as u } from "@arcgis/core/core/reactiveUtils.js";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as t } from "../../chunks/runtime.js";
 import { html as i } from "lit";
 import { watch as r } from "@arcgis/core/core/reactiveUtils.js";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c } from "../../chunks/runtime.js";
 import { css as n, html as o } from "lit";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
@@ -34,7 +34,7 @@ class d extends r {
       this.viewModel.templateOptions.scaleEnabled = a.target.checked, this._resetToCurrentScale();
     }}></calcite-checkbox>${e.scale}</calcite-label><div class="scale-input-container"><calcite-input-number .ariaLabel=${e.scaleLabel} .ariaValueNow=${`${t}`} class="scale-input" .disabled=${!l} .value=${`${t}`} .max=${Number.MAX_SAFE_INTEGER} @calciteInputNumberInput=${(a) => {
       const i = Number(a.target.value);
-      if (Number.isNaN(i) || i < 0 || !Number.isFinite(i)) {
+      if (Number.isNaN(i) || i <= 0 || !Number.isFinite(i)) {
         a.target.value = `${t}`;
         return;
       }

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as s } from "../../chunks/runtime.js";
 import { css as i, html as l } from "lit";
 import { watch as a } from "@arcgis/core/core/reactiveUtils.js";

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

@@ -1,12 +1,12 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
 import { css as p, html as l } from "lit";
 import { watch as c } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as h, nothing as u } from "@arcgis/lumina";
+import { LitElement as u, nothing as h } from "@arcgis/lumina";
 import { i as o, r as g, a as v, g as f, b as T } from "../../chunks/utils3.js";
 import { u as w } from "../../chunks/useHandles.js";
 const $ = p`:host{overflow-y:hidden;display:flex;flex:1 0}.template-select-flow-item-container{display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden;flex-grow:1}.template-select-flow-item-container .template-select-flow-item-content{display:flex;flex-direction:column;overflow-y:auto;flex:1 0}.template-select-flow-item-container .template-select-flow-item-content .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)}.template-button-container{padding:var(--calcite-spacing-md)}.template-done-button{width:100%}`;
-class y extends h {
+class y extends u {
   constructor() {
     super(...arguments), this._handles = w("disconnect");
   }
@@ -34,10 +34,10 @@ class y extends h {
   }
   render() {
     const { messages: e } = this, i = g.test(this.viewModel.portal?.url), t = this.viewModel.browseTemplates.toArray(), a = this._getPortalTemplates(), s = this._getDefaultTemplates(), n = this._getPrintServiceTemplates(), r = t.length + a.length + s.length + n.length > 15;
-    return l`<div class="template-select-flow-item-container"><div class="template-select-flow-item-content"><slot></slot><calcite-list .filterEnabled=${r} .filterProps=${["label"]} .label=${e.templateList} selection-mode=single-persist @calciteListChange=${({ currentTarget: d }) => this.viewModel.applyTemplate(d.selectedItems[0]?.value)}>${t.length ? l`<div><div class="template-select-flow-item-list-heading">${e.myTemplates}${i ? l`<calcite-chip appearance=outline kind=neutral .label=${e.beta} scale=s>${e.beta}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(t, !0)}</div>` : null}${a.length ? l`<div><div class="template-select-flow-item-list-heading">${e.organizationTemplates}${i ? l`<calcite-chip appearance=outline kind=neutral .label=${e.beta} scale=s>${e.beta}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(a)}</div>` : null}${t.length || a.length ? s.length ? l`<div><div class="template-select-flow-item-list-heading">${e.defaultTemplates}</div>${this._renderLayoutTemplates(s)}</div>` : null : this._renderLayoutTemplates(s)}${t.length || a.length ? n.length ? l`<div><div class="template-select-flow-item-list-heading">${e.defaultTemplates}</div>${this._renderLayoutTemplates(n)}</div>` : null : this._renderLayoutTemplates(n)}</calcite-list></div><div class="template-button-container"><calcite-button class="template-done-button" @click=${this.hideTemplateSelector}>Done</calcite-button></div></div>`;
+    return l`<div class="template-select-flow-item-container"><div class="template-select-flow-item-content"><slot></slot><calcite-list .filterEnabled=${r} .filterProps=${["label"]} .label=${e.templateList} selection-mode=single-persist @calciteListChange=${({ currentTarget: d }) => this.viewModel.applyTemplate(d.selectedItems[0]?.value)}>${t.length ? l`<div><div class="template-select-flow-item-list-heading">${e.myTemplates}${i ? l`<calcite-chip icon=credits appearance=outline kind=neutral .label=${e.consumesCredits} scale=s>${e.consumesCredits}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(t, !0)}</div>` : null}${a.length ? l`<div><div class="template-select-flow-item-list-heading">${e.organizationTemplates}${i ? l`<calcite-chip icon=credits appearance=outline kind=neutral .label=${e.consumesCredits} scale=s>${e.consumesCredits}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(a)}</div>` : null}${t.length || a.length ? s.length ? l`<div><div class="template-select-flow-item-list-heading">${e.defaultTemplates}</div>${this._renderLayoutTemplates(s)}</div>` : null : this._renderLayoutTemplates(s)}${t.length || a.length ? n.length ? l`<div><div class="template-select-flow-item-list-heading">${e.defaultTemplates}</div>${this._renderLayoutTemplates(n)}</div>` : null : this._renderLayoutTemplates(n)}</calcite-list></div><div class="template-button-container"><calcite-button class="template-done-button" @click=${this.hideTemplateSelector}>Done</calcite-button></div></div>`;
   }
   _renderLayoutTemplates(e, i = !1) {
-    return e.map((t) => l`<calcite-list-item .description=${v(t)} .label=${f(t, this.messages)} .selected=${t.id === this.viewModel.templateOptions.id} title=${t.description ?? "" ?? u} .value=${t}><calcite-icon .icon=${(t.layout ? T(t.layout) : null) || "custom-print"} slot=content-start></calcite-icon>${t.state === "loading" ? l`<calcite-loader inline label=loading scale=s slot=content-end></calcite-loader>` : null}${t?.state === "error" ? l`<calcite-icon class="template-select-error" icon=exclamation-mark-circle scale=s slot=content-end></calcite-icon>` : null}${i ? l`<calcite-action icon=trash @click=${() => this.viewModel.removePortalTemplate(t)} slot=actions-end text=delete></calcite-action>` : null}</calcite-list-item>`);
+    return e.map((t) => l`<calcite-list-item .description=${v(t)} .label=${f(t, this.messages)} .selected=${t.id === this.viewModel.templateOptions.id} title=${t.description ?? "" ?? h} .value=${t}><calcite-icon .icon=${(t.layout ? T(t.layout) : null) || "custom-print"} slot=content-start></calcite-icon>${t.state === "loading" ? l`<calcite-loader inline label=loading scale=s slot=content-end></calcite-loader>` : null}${t?.state === "error" ? l`<calcite-icon class="template-select-error" icon=exclamation-mark-circle scale=s slot=content-end></calcite-icon>` : null}${i ? l`<calcite-action icon=trash @click=${() => this.viewModel.removePortalTemplate(t)} slot=actions-end text=delete></calcite-action>` : null}</calcite-list-item>`);
   }
 }
 m("arcgis-print-template-selector", y);

package/dist/components/arcgis-reverse-geocode-list/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as g } from "../../chunks/runtime.js";
 import { css as _, html as r } from "lit";
 import * as d from "@arcgis/core/geometry/operators/projectOperator.js";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
 import { ref as v } from "lit/directives/ref.js";
 import { css as _, html as c } from "lit";

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

@@ -11,6 +11,11 @@ import type { ScaleRangeSliderViewModelState } from "@arcgis/core/widgets/ScaleR
 /**
  * The Scale Range Slider component allows the user to set a minimum and maximum scale based on named scale ranges.
  *
+ * > [!WARNING]
+ * > This component is a wrapped version of the [ScaleRangeSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html) widget.
+ * > We recommend using the [arcgis-slider-scale-range](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-scale-range/) component instead, which provides a native implementation with improved features and accessibility.
+ *
+ * @deprecated since 5.1. Use [arcgis-slider-scale-range](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-scale-range/) instead.
  * @since 4.28
  */
 export abstract class ArcgisScaleRangeSlider extends LitElement {

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as e } from "../../chunks/runtime.js";
 import { usePropertyChange as i } from "@arcgis/lumina/controllers";
 import r from "@arcgis/core/widgets/ScaleRangeSlider.js";

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

@@ -36,7 +36,7 @@ import type { AnalysisView3DFor } from "@arcgis/core/views/3d/analysis/types.js"
 import type { LayerView3DFor } from "@arcgis/core/views/3d/types.js";
 import type { DoubleTapDragEvent, VerticalTwoFingerDragEvent, PointerUpEvent, PointerMoveEvent, PointerLeaveEvent, PointerEnterEvent, PointerDownEvent, ViewMouseWheelEvent, LayerViewDestroyEvent, LayerViewCreateErrorEvent, LayerViewCreateEvent, KeyUpEvent, KeyDownEvent, ImmediateDoubleClickEvent, ImmediateClickEvent, HoldEvent, DragEvent, DoubleClickEvent, ClickEvent } from "@arcgis/core/views/input/types.js";
 import type { AnalysisViewDestroyEvent, AnalysisViewCreateErrorEvent, AnalysisViewCreateEvent, HitTestOptions3D, Screenshot, UserSettings, SceneViewHitTestResult, GoToOptions3D, GoToTarget3D } from "@arcgis/core/views/types.js";
-import type { ScreenPoint } from "@arcgis/core/core/types.js";
+import type { ScreenPoint, ScreenRect } from "@arcgis/core/core/types.js";
 import type { ViewPopupOpenOptions } from "@arcgis/core/views/PopupView.js";
 import type { ReadonlyCollection } from "@arcgis/core/core/Collection.js";
 import type { ViewPadding } from "@arcgis/core/views/ui/types.js";
@@ -158,7 +158,7 @@ export abstract class ArcgisScene extends LitElement {
    * [CIMSymbol](https://developers.arcgis.com/javascript/latest/references/core/symbols/CIMSymbol/),
    * [PictureMarkerSymbol](https://developers.arcgis.com/javascript/latest/references/core/symbols/PictureMarkerSymbol/)
    * from a GIF/animated PNG), animated renderers
-   * ([FlowRenderer](https://developers.arcgis.com/javascript/latest/references/core/rasterRenderers/#FlowRenderer)),
+   * ([FlowRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/FlowRenderer/)),
    * animated layers ([MediaLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/MediaLayer/),
    * [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/)), and
    * animations triggered by view navigation (for example,
@@ -894,6 +894,7 @@ export abstract class ArcgisScene extends LitElement {
    * and removes components or other UI DOM elements added to it.
    */
   destroy(): Promise<void>;
+  focusPopup(): Promise<void>;
   /**
    * Sets the view to a given target.
    *
@@ -923,10 +924,10 @@ export abstract class ArcgisScene extends LitElement {
    *
    * [Read more](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#hitTest)
    *
-   * @param screenPoint
+   * @param hitTarget
    * @param options
    */
-  hitTest(screenPoint: MouseEvent | ScreenPoint, options?: HitTestOptions3D): Promise<SceneViewHitTestResult>;
+  hitTest(hitTarget: MouseEvent | ScreenPoint | ScreenRect, options?: HitTestOptions3D): Promise<SceneViewHitTestResult>;
   /**
    * Opens the popup based on input options.
    *

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

@@ -1,23 +1,23 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as l } from "../../chunks/runtime.js";
 import { html as a } from "lit";
-import p from "@arcgis/core/Camera.js";
+import m from "@arcgis/core/Camera.js";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import v from "@arcgis/core/geometry/Point.js";
 import u from "@arcgis/core/views/SceneView.js";
 import g from "@arcgis/core/WebScene.js";
-import { LitElement as d, createEvent as r, safeClassMap as n } from "@arcgis/lumina";
+import { LitElement as d, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
 import { reEmitEvent as t, reCreateAccessor as y, makeAccessorController as w } from "@arcgis/lumina/controllers/accessor";
-import { createRef as o, ref as h } from "lit/directives/ref.js";
-import { U as f, u as b, a as V } from "../../chunks/useArcgisViewReadyError.js";
-import { s as C } from "../../chunks/esri-main.js";
+import { createRef as n, ref as h } from "lit/directives/ref.js";
+import { U as f, P as b, u as V, a as C } from "../../chunks/useArcgisViewReadyError.js";
+import { s as _ } from "../../chunks/esri-main.js";
 import { s as E } from "../../chunks/slots.js";
 import { C as c } from "../../chunks/resources.js";
-import { b as _, c as A, p as P, i as R } from "../../chunks/component-utils.js";
-const D = w(g, {}), I = w(u, {});
-class M extends d {
+import { b as P, c as A, p as R, i as D } from "../../chunks/component-utils.js";
+const I = w(g, {}), M = w(u, {});
+class k extends d {
   constructor() {
-    super(), this._containerRef = o(), this._mapRef = o(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = D(this), this.view = I(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.updating = this.view.updating, this.viewingMode = this.view.viewingMode, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
+    super(), this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this._popupFocusController = new b(this), this._cameraProperties = {}, this.arcgisLoadError = V(this), this.arcgisViewReadyError = C(this), this._map = I(this), this.view = M(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.attributionMode = this.view.attributionMode, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.updating = this.view.updating, this.viewingMode = this.view.viewingMode, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), this.view.ui = {
       components: []
     };
   }
@@ -25,7 +25,7 @@ class M extends d {
     this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, updating: 36, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
   }
   static {
-    this.styles = [C, E];
+    this.styles = [_, E];
   }
   get aria() {
     return this.view?.aria ?? null;
@@ -40,7 +40,7 @@ class M extends d {
     return this.view.camera;
   }
   set camera(i) {
-    _(this.camera, i) || (this.view.camera = i);
+    P(this.camera, i) || (this.view.camera = i);
   }
   get cameraFov() {
     const { view: i } = this;
@@ -69,8 +69,8 @@ class M extends d {
   }
   set cameraPosition(i) {
     const e = A(this.view.camera?.position, i);
-    e && this._mutateCamera((m) => {
-      m.position = e;
+    e && this._mutateCamera((p) => {
+      p.position = e;
     });
   }
   get cameraTilt() {
@@ -86,7 +86,7 @@ class M extends d {
     return this.view.center;
   }
   set center(i) {
-    const e = P(i, this.view);
+    const e = R(i, this.view);
     e && (this.view.center = e);
   }
   get extent() {
@@ -147,7 +147,7 @@ class M extends d {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
-    R(this.viewpoint, i) && (this.view.viewpoint = i);
+    D(this.viewpoint, i) && (this.view.viewpoint = i);
   }
   get zoom() {
     return this.view.zoom;
@@ -158,6 +158,9 @@ class M extends d {
   async closePopup() {
     this._uiController.closePopup();
   }
+  async focusPopup() {
+    this._popupFocusController.focusPopup();
+  }
   async destroy() {
     await this.manager.destroy();
   }
@@ -217,17 +220,17 @@ class M extends d {
       i(this._cameraProperties);
       return;
     }
-    const e = this.view.camera?.clone() ?? new p();
+    const e = this.view.camera?.clone() ?? new m();
     i(e), this.camera = e;
   }
   renderMain() {
-    return a`<div class=${n(c.base)} ${h(this._mapRef)}></div>`;
+    return a`<div class=${o(c.base)} ${h(this._mapRef)}></div>`;
   }
   render() {
-    return a`${this.renderMain()}<section class=${n(c.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}</section>`;
+    return a`${this.renderMain()}<section class=${o(c.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
-l("arcgis-scene", M);
+l("arcgis-scene", k);
 export {
-  M as ArcgisScene
+  k as ArcgisScene
 };

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

@@ -31,6 +31,9 @@ import type { GoToOverride } from "@arcgis/core/widgets/support/types.js";
  * specified point (the center of the view) by passing in the `location parameter`. Features closest to the input location show up higher in the list of results.
  * This behavior can be changed by using the localSearchDisabled property.
  *
+ *  Starting with version `5.1`, on [@arcgisSelectResult](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-search/#event-arcgisSelectResult) the selected search result is announced to assistive technologies. Visit the [Accessibility guide](https://developers.arcgis.com/javascript/latest/accessibility/#assistive-technologies) to learn more
+ * about live announcements supporting more audiences.
+ *
  * @since 4.28
  */
 export abstract class ArcgisSearch extends LitElement {
@@ -204,6 +207,7 @@ export abstract class ArcgisSearch extends LitElement {
       searchResult?: string | undefined;
       moreResultsHeader?: string | undefined;
       useCurrentLocation?: string | undefined;
+      resultSelected?: string | undefined;
   };
   /** @internal */
   protected messages: {
@@ -224,6 +228,7 @@ export abstract class ArcgisSearch extends LitElement {
       searchResult: string;
       moreResultsHeader: string;
       useCurrentLocation: string;
+      resultSelected: string;
   } & T9nMeta<{
       componentLabel: string;
       searchButtonTitle: string;
@@ -242,6 +247,7 @@ export abstract class ArcgisSearch extends LitElement {
       searchResult: string;
       moreResultsHeader: string;
       useCurrentLocation: string;
+      resultSelected: string;
   }>;
   /**
    * The minimum number of characters needed for the search if not specified by the source.