@arcgis/map-components 5.2.0-next.111 → 5.2.0-next.113

package/dist/components/arcgis-features-next/customElement.js

@@ -195,10 +195,10 @@ class re extends U {
     }
     if (this._removeFlowItems(), await this.viewModel.zoomTo({ target: i }), t.signal.aborted)
       return;
-    const s = await import("@arcgis/core/geometry/operators/labelPointOperator.js");
+    const { labelPointExecute: s } = await import("@arcgis/core/geometry/operators/labelPointOperator.js");
     if (t.signal.aborted)
       return;
-    const n = s.execute(i);
+    const n = s(i);
     n != null && (this.location = n), this.features = [a], this.open = !0, this._openRelatedFeatureAbortController = null;
   }
   _handlePaginationMenuButton() {
@@ -324,7 +324,7 @@ class re extends U {
   }
   _createSpinner() {
     const e = this.referenceElement;
-    e && (this._removeSpinner(e), this._spinnerEl = Z(r`<arcgis-spinner .label=${this.messages.loading ?? ""} .trackLocation=${this._getSpinnerTrackLocation()} .location=${this.viewModel?.location ?? void 0} .view=${this.viewModel?.view ?? void 0}></arcgis-spinner>`), e.manager?.component?.extraContent?.add(this._spinnerEl));
+    e && (this._removeSpinner(e), this._spinnerEl = Z(r`<arcgis-spinner .label=${this.messages.loading ?? ""} .trackLocation=${this._getSpinnerTrackLocation()} .location=${this.viewModel?.location ?? void 0} .referenceElement=${e} .view=${this.viewModel?.view ?? void 0}></arcgis-spinner>`), e.manager?.component?.extraContent?.add(this._spinnerEl));
   }
   render() {
     return r`<div class="root">${this._renderContentContainer()}</div>`;
@@ -400,13 +400,13 @@ class re extends U {
     });
     if (s === "feature" && !n)
       return null;
-    const O = !o;
+    const B = !o;
     return r`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${x(T({
       "flow-item-collapsed": c
     }))} .closable=${!t} .closed=${!F} .collapsed=${s === "list" && c} .collapseDirection=${this.collapseDirection ?? (g ? "down" : "up")} .collapsible=${s === "list" && l} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand, back: I }} .description=${this.hideFeatureMenuHeading ? void 0 : d(i.total ?? "", {
       total: p.length
-    })} .heading=${this.hideFeatureMenuHeading ? void 0 : A} .headingLevel=${m} .loading=${e.waitingForContents} .selected=${O} @calciteFlowItemBack=${(B) => {
-      B.preventDefault(), this._handleFeatureMenuBack();
+    })} .heading=${this.hideFeatureMenuHeading ? void 0 : A} .headingLevel=${m} .loading=${e.waitingForContents} .selected=${B} @calciteFlowItemBack=${(O) => {
+      O.preventDefault(), this._handleFeatureMenuBack();
     }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${f(this._featureMenuViewportNode)}>${s === "list" ? this._renderHeaderActions() : null}${M ? r`<calcite-loader class="loader" inline .label=${i.loading ?? ""} slot=header-actions-end></calcite-loader>` : null}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${f(this._featureMenuIntersectionObserverCreated)}></div>${s === "feature" ? r`<calcite-button scale=s appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full .label=${I} title=${I ?? h}>${i.back}</calcite-button>` : null}</calcite-flow-item>`;
   }
   _renderFlowItem(e, t) {

package/dist/components/arcgis-layer-list-next/customElement.d.ts

@@ -1,12 +1,12 @@
 /// <reference path="../../index.d.ts" />
 import type Collection from "@arcgis/core/core/Collection.js";
 import type Item from "@arcgis/core/layers/list/Item.js";
-import type TableItem from "@arcgis/core/layers/list/TableItem.js";
 import type { VisibilityAppearance } from "../../utils/action-utils.js";
 import type { CanSortFunction, TableSupportedLayers } from "../../utils/layer-list-utils.js";
 import type { LayerItemCollectionEvents } from "@arcgis/core/layers/list/LayerItemCollection.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisTableListNext } from "../arcgis-table-list-next/customElement.js";
+import type { TableItem } from "../arcgis-table-list-next/types.js";
 import type { ArcgisReferenceElement, HeadingLevel, IconName } from "../types.js";
 import type { CatalogLayerListParams, FlowLayer, TableListParams } from "./types.js";
 import type { ArcgisCatalogLayerListNext } from "../arcgis-catalog-layer-list-next/customElement.js";

package/dist/components/arcgis-layer-list-next/layer-list-item/customElement.js

@@ -1,41 +1,41 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { html as s } from "lit";
 import { keyed as K } from "lit/directives/keyed.js";
-import { isLayerFromCatalog as De } from "@arcgis/core/layers/catalog/catalogUtils.js";
+import { isLayerFromCatalog as Ee } from "@arcgis/core/layers/catalog/catalogUtils.js";
 import { safeClassMap as r, nothing as d } from "@arcgis/lumina";
 import { classes as Q } from "@arcgis/toolkit/dom";
 import { createRef as W, ref as X } from "lit/directives/ref.js";
-import { a as Ee } from "../../../chunks/action-utils.js";
-import { f as Pe, i as Y, l as we, h as Oe, j as Fe, k as Ge, g as Re } from "../../../chunks/layer-list-utils.js";
-import { a as Ve, b as He, i as Ue, g as Z, t as ee, h as te, c as qe, F as je, d as Be, L as ie, f as Ne } from "../../../chunks/utils2.js";
+import { a as Pe } from "../../../chunks/action-utils.js";
+import { f as we, i as Y, l as Oe, h as Fe, j as Ge, k as Re, g as Ve } from "../../../chunks/layer-list-utils.js";
+import { a as He, b as Ue, i as qe, g as Z, t as ee, h as te, c as je, F as Be, d as Ne, L as ie, f as _e } from "../../../chunks/utils2.js";
 const ae = /* @__PURE__ */ new Map();
 function le(l) {
   return l ? ae.get(l) ?? !1 : !1;
 }
-function _e(l, e) {
-  const $ = !(l.aria?.pressed ?? le(e));
-  return l.aria = { ...l.aria, pressed: $ }, e && ae.set(e, $), $;
+function ze(l, e) {
+  const g = !(l.aria?.pressed ?? le(e));
+  return l.aria = { ...l.aria, pressed: g }, e && ae.set(e, g), g;
 }
-function ze(l) {
-  const { item: e, itemType: $ = "layer", parent: v, hideStatusIndicators: ne, css: i, visibilityAppearance: I, hideCatalogLayerList: se, dragEnabled: E = !1, rootGroupUid: A, listModeDisabled: ce = !1, selectionMode: T, displayMode: oe, layerTablesEnabled: C, showErrors: re, parentTitles: P, selectedItems: de, activeItem: me, handleCatalogOpen: ue, handleTablesOpen: pe, selectedDragItemLayerUid: be, handleSelectedDragItemLayerUidChange: ge, handlePanelOpen: ye, messages: a, setCurrentActiveItem: w, clearActiveItem: O } = l, $e = Ve(e), ve = He(e), c = Ue(e), g = W(), S = W(), fe = $ === "table" ? a.untitledTable ?? "" : a.untitledLayer ?? "", he = $e ? a.trackInfo?.[e.content.name] ?? e.content.name : "", Ie = ve ? a.telemetryDisplay?.[e.content.name] ?? e.content.name : "", p = e.title || he || Ie || fe || "";
+function Je(l) {
+  const { item: e, itemType: g = "layer", parent: v, hideStatusIndicators: ne, css: i, visibilityAppearance: I, hideCatalogLayerList: se, dragEnabled: E = !1, rootGroupUid: A, listModeDisabled: ce = !1, selectionMode: T, displayMode: oe, layerTablesEnabled: C, showErrors: re, parentTitles: P, selectedItems: de, activeItem: me, handleCatalogOpen: ue, handleTablesOpen: pe, selectedDragItemLayerUid: be, handleSelectedDragItemLayerUidChange: ge, handlePanelOpen: ye, messages: a, setCurrentActiveItem: w, clearActiveItem: O } = l, $e = He(e), ve = Ue(e), c = qe(e), y = W(), S = W(), fe = g === "table" ? a.untitledTable ?? "" : a.untitledLayer ?? "", he = $e ? a.trackInfo?.[e.content.name] ?? e.content.name : "", Ie = ve ? a.telemetryDisplay?.[e.content.name] ?? e.content.name : "", p = e.title || he || Ie || fe || "";
   let F = null;
   !ne && !c && (F = s`<arcgis-layer-list-item-indicator class=${r(i.statusIndicator)} .messages=${a} .item=${e} .parent=${v} slot=content-end></arcgis-layer-list-item-indicator>`);
   let G = null;
   {
-    const { layer: t } = e, n = t && "persistenceEnabled" in t && (De(t) || !t.persistenceEnabled);
+    const { layer: t } = e, n = t && "persistenceEnabled" in t && (Ee(t) || !t.persistenceEnabled);
     !c && (l.showTemporaryLayerIndicators || l.showTemporaryTableIndicators) && n && (G = s`<calcite-icon class=${r(i.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${a.temporary ?? d}></calcite-icon>`);
   }
   let R = null;
   if ("visible" in e && "visibleToggle" in i && I) {
     const t = Z(v);
     if (t !== "inherited") {
-      const n = Pe({
+      const n = we({
         visible: e.visible,
         exclusive: t === "exclusive",
         visibilityAppearance: I
-      }), o = I === "checkbox", m = a.layerVisibility, y = p, b = y ? `${m ?? ""}: ${y}` : m ?? "", f = c ? e.visible : le(e.layer?.id);
+      }), o = I === "checkbox", m = a.layerVisibility, $ = p, b = $ ? `${m ?? ""}: ${$}` : m ?? "", f = c ? e.visible : le(e.layer?.id);
       R = s`<calcite-action .aria=${{ pressed: f }} class=${r(i.visibleToggle)} .icon=${o ? n : void 0} .label=${b} @click=${(D) => {
-        c || _e(D.currentTarget, e.layer?.id), ee(e, v);
+        c || ze(D.currentTarget, e.layer?.id), ee(e, v);
       }} .slot=${o ? "actions-start" : "actions-end"} .text=${m ?? ""} title=${m ?? d}>${o ? null : s`<calcite-icon class=${r(Q({
         [i.visibleIcon]: t !== "exclusive" && e.visible
       }))} .icon=${n} scale=s></calcite-icon>`}</calcite-action>`;
@@ -52,12 +52,12 @@ function ze(l) {
     if (t?.visible && (!c || te(e))) {
       const { open: n, title: o, disabled: m } = t;
       (t.content === "legend" || Array.isArray(t.content) && t.content.includes("legend")) && (t.icon = "legend");
-      const y = {
+      const $ = {
         icon: t.icon,
         image: t.image ?? void 0,
         indicator: !1
-      }, b = Ee(y);
-      H = s`<calcite-action .active=${n} .disabled=${m} .icon=${b} @click=${() => qe(e, ye)} slot=actions-end .text=${o ?? ""} title=${o ?? void 0 ?? d}>${je(i, t)}</calcite-action>`;
+      }, b = Pe($);
+      H = s`<calcite-action .active=${n} .disabled=${m} .icon=${b} @click=${() => je(e, ye)} slot=actions-end .text=${o ?? ""} title=${o ?? void 0 ?? d}>${Be(i, t)}</calcite-action>`;
     }
   }
   let U = null;
@@ -75,37 +75,37 @@ function ze(l) {
     const t = e.layer;
     !c && !se && t?.type === "catalog-dynamic-group" && (j = s`<calcite-action .disabled=${!t.visible} icon=chevron-right icon-flip-rtl @click=${() => ue?.(e)} slot=actions-end .text=${p ?? ""}></calcite-action>`);
   }
-  let B = null, x = !1;
+  let B = null, L = !1;
   {
     const t = e.layer;
     if (!c && C && t)
       switch (t.type) {
         case "knowledge-graph":
-          x = C.includes(t.type) && "tables" in t && !!t.tables?.length;
+          L = C.includes(t.type) && "tables" in t && !!t.tables?.length;
           break;
         case "map-image":
         case "tile":
-          x = C.includes(t.type) && "subtables" in t && !!t.subtables?.length;
+          L = C.includes(t.type) && "subtables" in t && !!t.subtables?.length;
           break;
       }
-    "itemTableIcon" in i && "visible" in e && "tables" in a && x && (B = K(`${e.uid}-tables`, s`<calcite-list-item class=${r(i.item)} data-layer-id=${t?.id ?? d} drag-disabled .label=${a.tables} title=${a.tables ?? d} @calciteListItemSelect=${() => pe?.(e)} .value=${e}><calcite-icon class=${r(i.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`));
+    "itemTableIcon" in i && "visible" in e && "tables" in a && L && (B = K(`${e.uid}-tables`, s`<calcite-list-item class=${r(i.item)} data-layer-id=${t?.id ?? d} drag-disabled .label=${a.tables} title=${a.tables ?? d} @calciteListItemSelect=${() => pe?.(e)} .value=${e}><calcite-icon class=${r(i.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`));
   }
   let N = null;
   if ("children" in e) {
-    const t = [...P ?? [], e.title], { children: n, layer: o } = e, m = o?.type !== "catalog-dynamic-group" && we(e), y = ce ? !1 : Oe(o), b = o?.type === "group", f = !y && !m && E && b, D = b && "sortable" in e && e.sortable, Le = n.some((u) => "sortable" in u && u.sortable), Me = E && (m || f) && (Le || f) && ("childrenSortable" in e && e.childrenSortable || D) && Fe(e), ke = m ? (n?.filter((u) => !u.hidden && (re || !u.error)).toArray() ?? []).map((u) => ze({
+    const t = [...P ?? [], e.title], { children: n, layer: o } = e, m = o?.type !== "catalog-dynamic-group" && Oe(e), $ = ce ? !1 : Fe(o), b = o?.type === "group", f = !$ && !m && E && b, D = b && "sortable" in e && e.sortable, xe = n.some((u) => "sortable" in u && u.sortable), Me = g === "layer" ? Ge(e) : !0, ke = E && (m || f) && (xe || f) && ("childrenSortable" in e && e.childrenSortable || D) && Me, De = m ? (n?.filter((u) => !u.hidden && (re || !u.error)).toArray() ?? []).map((u) => Je({
       ...l,
       item: u,
       parent: e,
       parentTitles: t
     })) : null;
-    (m || f) && (N = s`<calcite-list .canPull=${(u) => l.canMove ? l.canMove(u, "pull") : !1} .canPut=${(u) => l.canMove ? l.canMove(u, "put") : !1} data-item=${e.uid ?? d} data-layer-type=${A ?? d} .displayMode=${oe} .dragEnabled=${Me} .group=${b ? A : `${A}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${T}>${ke}${B}</calcite-list>`);
+    (m || f) && (N = s`<calcite-list .canPull=${(u) => l.canMove ? l.canMove(u, "pull") : !1} .canPut=${(u) => l.canMove ? l.canMove(u, "put") : !1} data-item=${e.uid ?? d} data-layer-type=${A ?? d} .displayMode=${oe} .dragEnabled=${ke} .group=${b ? A : `${A}-${o?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${T}>${De}${B}</calcite-list>`);
   }
-  let L = null;
+  let x = null;
   if (!c && e.error) {
     const t = "layerError" in a ? a.layerError : a.tableError;
-    L = s`<div class=${r(i.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${t}</div></calcite-notice></div>`;
-  } else "incompatible" in e && e.incompatible && "layerIncompatible" in a && (L = s`<div class=${r(i.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${X(S)}><div slot=message>${a.layerIncompatible}</div></calcite-notice></div>`);
-  const _ = Be(e), M = e.actionsSections.reduce((t, n) => t + n.length, 0), z = Ge(_), Ae = _.toArray().map((t) => s`<calcite-action-group>${t.toArray().map((n) => ie(l, n, !0))}</calcite-action-group>`), Te = (t) => {
+    x = s`<div class=${r(i.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${t}</div></calcite-notice></div>`;
+  } else "incompatible" in e && e.incompatible && "layerIncompatible" in a && (x = s`<div class=${r(i.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${X(S)}><div slot=message>${a.layerIncompatible}</div></calcite-notice></div>`);
+  const _ = Ne(e), M = e.actionsSections.reduce((t, n) => t + n.length, 0), z = Re(_), Ae = _.toArray().map((t) => s`<calcite-action-group>${t.toArray().map((n) => ie(l, n, !0))}</calcite-action-group>`), Te = (t) => {
     e.actionsOpen = t.currentTarget.open;
   };
   let J = null;
@@ -115,23 +115,23 @@ function ze(l) {
   }} icon=ellipsis slot=trigger .text=${a.options ?? ""} title=${a.options ?? d}></calcite-action>${Ae}</calcite-action-menu>`);
   let k = null;
   M === 1 && z ? k = ie(l, z, !1) : M > 1 && (k = J);
-  const Ce = c ? p : "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in a && !e.visibleAtCurrentTimeExtent ? `${p} (${a.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in a && !e.visibleAtCurrentScale ? `${p} (${a.layerInvisibleAtScale})` : p, Se = "parent" in e && e.parent?.layer?.type === "catalog", h = e.layer, xe = !c && ("visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent);
+  const Ce = c ? p : "visibleAtCurrentTimeExtent" in e && "layerInvisibleAtTime" in a && !e.visibleAtCurrentTimeExtent ? `${p} (${a.layerInvisibleAtTime})` : "visibleAtCurrentScale" in e && "layerInvisibleAtScale" in a && !e.visibleAtCurrentScale ? `${p} (${a.layerInvisibleAtScale})` : p, Se = "parent" in e && e.parent?.layer?.type === "catalog", h = e.layer, Le = !c && ("visibleAtCurrentScale" in e && !e.visibleAtCurrentScale || "visibleAtCurrentTimeExtent" in e && !e.visibleAtCurrentTimeExtent);
   return queueMicrotask(() => {
-    c || Ne(g.value ?? null, e, be, ge), S.value && (l.handleTooltipReferenceChange?.(h?.uid, S.value), queueMicrotask(() => l.handleTooltipReferenceChange?.(h?.uid, null)));
-  }), K(e.uid, s`<calcite-list-item class=${r(Q(i.item, "itemActive" in i && { [i.itemActive]: me?.uid === e.uid }))} data-item=${e.uid ?? d} data-layer-id=${h?.id ?? d} .dragDisabled=${!("sortable" in e && e.sortable) || Se} id=${(c ? void 0 : h?.uid) ?? d} .label=${p} .metadata=${{ parentTitles: P ?? [], _title: p }} .expanded=${"open" in e && e.open} .selected=${T !== "none" ? de.includes(e) : !1} title=${Ce ?? d} .unavailable=${xe} .value=${e} @focusin=${() => {
-    w?.(e), g.value?.classList.add(i.itemActive);
+    c || _e(y.value ?? null, e, be, ge), S.value && (l.handleTooltipReferenceChange?.(h?.uid, S.value), queueMicrotask(() => l.handleTooltipReferenceChange?.(h?.uid, null)));
+  }), K(e.uid, s`<calcite-list-item class=${r(Q(i.item, "itemActive" in i && { [i.itemActive]: me?.uid === e.uid }))} data-item=${e.uid ?? d} data-layer-id=${h?.id ?? d} .dragDisabled=${!("sortable" in e && e.sortable) || Se} id=${(c ? void 0 : h?.uid) ?? d} .label=${p} .metadata=${{ parentTitles: P ?? [], _title: p }} .expanded=${"open" in e && e.open} .selected=${T !== "none" ? de.includes(e) : !1} title=${Ce ?? d} .unavailable=${Le} .value=${e} @focusin=${() => {
+    w?.(e), y.value?.classList.add(i.itemActive);
   }} @focusout=${() => {
-    O?.(), g.value?.classList.remove(i.itemActive);
+    O?.(), y.value?.classList.remove(i.itemActive);
   }} @mouseover=${() => {
-    w?.(e), g.value?.classList.add(i.itemActive);
+    w?.(e), y.value?.classList.add(i.itemActive);
   }} @mouseleave=${() => {
-    O?.(), g.value?.classList.remove(i.itemActive);
+    O?.(), y.value?.classList.remove(i.itemActive);
   }} @calciteListItemSelect=${(t) => {
-    t.target === t.currentTarget && "visible" in e && Re(t.currentTarget, l.operationalItems) === e && T === "none" && Z(v) !== "inherited" && ee(e, v);
+    t.target === t.currentTarget && "visible" in e && Ve(t.currentTarget, l.operationalItems) === e && T === "none" && Z(v) !== "inherited" && ee(e, v);
   }} @calciteListItemToggle=${(t) => {
     "open" in e && (t.stopPropagation(), e.open = t.target.expanded);
-  }} ${X(g)}>${U}${q}${F}${R}${j}${G}${N}${L}${V}${H}${k}</calcite-list-item>`);
+  }} ${X(y)}>${U}${q}${F}${R}${j}${G}${N}${x}${V}${H}${k}</calcite-list-item>`);
 }
 export {
-  ze as ArcgisLayerListItem
+  Je as ArcgisLayerListItem
 };

package/dist/components/arcgis-legend-classic-element/customElement.js

@@ -1,20 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as $ } from "../../chunks/runtime.js";
-import { css as u, html as s } from "lit";
-import { LitElement as w, safeClassMap as m, nothing as o, safeStyleMap as f } from "@arcgis/lumina";
-import { classes as p } from "@arcgis/toolkit/dom";
-import { a as E, g as y } from "../../chunks/titleUtils.js";
+import { c as u } from "../../chunks/runtime.js";
+import { css as w, html as s } from "lit";
+import { LitElement as $, safeClassMap as m, nothing as o, safeStyleMap as f } from "@arcgis/lumina";
+import { classes as y } from "@arcgis/toolkit/dom";
+import { a as E, g as p } from "../../chunks/titleUtils.js";
 import { s as h, i as L, g as b } from "../../chunks/utils3.js";
-const x = u`:host{contain:content}.layer-body:has(>arcgis-legend-classic-element){display:flex;flex-direction:column;gap:calc(var(--arcgis-internal-legend-layer-gap) / 2)}.layer-body arcgis-legend-classic-element{margin-inline-start:var(--arcgis-internal-legend-layer-padding)}.layer-table{display:table;width:100%}.layer-caption{display:table-caption;word-break:break-word;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular);padding-bottom:var(--calcite-space-sm)}.layer-row{display:table-row}.layer-body:has(>.layer-row+.layer-row)>.layer-row .layer-cell{padding-block:var(--calcite-space-2xs)}.layer-cell{vertical-align:middle;word-break:break-word;display:table-cell}.layer-cell-info{padding-inline-start:var(--calcite-space-xs);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.imagery-layer-stretched-image{display:block;margin-bottom:-2px}.imagery-layer-info-stretched{padding:0 2px;vertical-align:top}.layer-cell-symbols{text-align:center}.symbol{display:flex;justify-content:center}`;
-class z extends w {
+const x = w`:host{contain:content}.layer-body:has(>arcgis-legend-classic-element){display:flex;flex-direction:column;gap:calc(var(--arcgis-internal-legend-layer-gap) / 2)}.layer-body arcgis-legend-classic-element{margin-inline-start:var(--arcgis-internal-legend-layer-padding)}.layer-table{display:table;width:100%}.layer-caption{display:table-caption;word-break:break-word;color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular);padding-bottom:var(--calcite-space-sm)}.layer-row{display:table-row}.layer-body:has(>.layer-row+.layer-row)>.layer-row .layer-cell{padding-block:var(--calcite-space-2xs)}.layer-cell{vertical-align:middle;word-break:break-word;display:table-cell}.layer-cell-info{padding-inline-start:var(--calcite-space-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.imagery-layer-stretched-image{display:block;margin-bottom:-2px}.imagery-layer-info-stretched{padding:0 2px;vertical-align:top}.layer-cell-symbols{text-align:center}.symbol{display:flex;justify-content:center}@supports (grid-template-columns: subgrid){:host([align-symbols]){contain:none}:host([align-symbols]),:host([align-symbols]) :is(.layer-table,.layer-body,.layer-row){display:grid;grid-template-columns:subgrid;grid-column:1 / -1;column-gap:0;min-inline-size:0}:host([align-symbols]) .layer-row{align-items:center}:host([align-symbols]) .layer-caption{display:block;grid-column:1 / -1}:host([align-symbols]) .layer-cell{display:block;min-inline-size:0}:host([align-symbols]) .layer-cell-info{overflow-wrap:anywhere}:host([align-symbols]) .symbol{margin-inline:auto}:host([align-symbols]) div.symbol{inline-size:max-content}}`;
+class z extends $ {
+  constructor() {
+    super(...arguments), this.alignSymbols = !1;
+  }
   static {
-    this.properties = { cssEffectFilter: 1, layer: 0, inlineLayerTitle: 1, legendElement: 0, messages: 0 };
+    this.properties = { cssEffectFilter: 1, layer: 0, inlineLayerTitle: 1, alignSymbols: 7, legendElement: 0, messages: 0 };
   }
   static {
     this.styles = x;
   }
   render() {
-    const e = this._renderLegendElement(), i = E(this.legendElement, this.messages), a = i ? s`<div class="layer-caption">${i}</div>` : null;
+    const e = this._renderLegendElement(), l = E(this.legendElement, this.messages), a = l ? s`<div class="layer-caption">${l}</div>` : null;
     return s`<section class="layer-table">${a}${e}</section>`;
   }
   _renderLegendElement() {
@@ -43,44 +46,44 @@ class z extends w {
     }
   }
   _renderSymbolTable(e) {
-    const i = this.inlineLayerTitle && e.infos.length === 1 ? this.inlineLayerTitle : void 0, a = e.infos.map((l) => this._renderElementInfo(l, e.legendType, i)).filter(Boolean);
+    const l = this.inlineLayerTitle && e.infos.length === 1 ? this.inlineLayerTitle : void 0, a = e.infos.map((i) => this._renderElementInfo(i, e.legendType, l)).filter(Boolean);
     return a.length ? s`<div class="layer-body">${a}</div>` : null;
   }
-  _renderElementInfo(e, i, a) {
-    const { layer: l } = this, t = "label" in e ? e.label : null;
+  _renderElementInfo(e, l, a) {
+    const { layer: i } = this, t = "label" in e ? e.label : null;
     if ("type" in e && e.type)
-      return e ? s`<arcgis-legend-classic-element .cssEffectFilter=${this.cssEffectFilter} .layer=${l} .legendElement=${e} .messages=${this.messages}></arcgis-legend-classic-element>` : null;
+      return e ? s`<arcgis-legend-classic-element .cssEffectFilter=${this.cssEffectFilter} .layer=${i} .legendElement=${e} .messages=${this.messages}></arcgis-legend-classic-element>` : null;
     if (!("preview" in e && e.preview) && !("src" in e && e.src))
       return null;
-    const r = L(l, i), d = {
+    const r = L(i, l), g = {
       "imagery-layer-info-stretched": r
-    }, g = {
+    }, d = {
       "imagery-layer-info-stretched": r
-    }, n = y(this.messages, t, !1) || "", c = !n && a ? a : "", v = {
-      "layer-cell-inline-title": !!c,
-      ...d
+    }, c = p(this.messages, t, !1) || "", n = !c && a ? a : "", v = {
+      "layer-cell-inline-title": !!n,
+      ...g
     };
-    return s`<div class="layer-row"><div class=${m(p("layer-cell", "layer-cell-symbols", g))}>${this._renderPreview(e, r)}</div><div class=${m(p("layer-cell", "layer-cell-info", v))}>${n || c}</div></div>`;
+    return s`<div class="layer-row"><div class=${m(y("layer-cell", "layer-cell-symbols", d))}>${this._renderPreview(e, r)}</div><div class=${m(y("layer-cell", "layer-cell-info", v))}>${c || n}</div></div>`;
   }
-  _renderPreview(e, i) {
+  _renderPreview(e, l) {
     const { layer: a } = this;
     if ("preview" in e && e.preview) {
-      const { preview: l } = e, t = "previewAriaLabel" in e ? e.previewAriaLabel : null, r = "label" in e ? y(this.messages, e.label, !1) : null;
-      return h(l, b(this.messages, t || r)), s`<div class="symbol">${l}</div>`;
+      const { preview: i } = e, t = "previewAriaLabel" in e ? e.previewAriaLabel : null, r = "label" in e ? p(this.messages, e.label, !1) : null;
+      return h(i, b(this.messages, t || r)), s`<div class="symbol">${i}</div>`;
     }
-    return "src" in e && e.src ? this._renderImage(e, a, i) : null;
+    return "src" in e && e.src ? this._renderImage(e, a, l) : null;
   }
-  _renderImage(e, i, a) {
-    const { previewAriaLabel: l, src: t, opacity: r } = e, d = y(this.messages, e.label, !1), g = {
+  _renderImage(e, l, a) {
+    const { previewAriaLabel: i, src: t, opacity: r } = e, g = p(this.messages, e.label, !1), d = {
       "imagery-layer-stretched-image": a,
       symbol: !a
-    }, n = {
-      opacity: `${r ?? i.opacity}`
-    }, c = b(this.messages, l || d);
-    return s`<img alt=${c ?? o} .ariaLabel=${c} class=${m(p(g))} height=${e.height ?? void 0 ?? o} src=${t ?? o} style=${f(n)} width=${e.width ?? void 0 ?? o}>`;
+    }, c = {
+      opacity: `${r ?? l.opacity}`
+    }, n = b(this.messages, i || g);
+    return s`<img alt=${n ?? o} .ariaLabel=${n} class=${m(y(d))} height=${e.height ?? void 0 ?? o} src=${t ?? o} style=${f(c)} width=${e.width ?? void 0 ?? o}>`;
   }
 }
-$("arcgis-legend-classic-element", z);
+u("arcgis-legend-classic-element", z);
 export {
   z as ArcgisLegendClassicElement
 };

package/dist/components/arcgis-legend-classic-view/customElement.js

@@ -1,28 +1,28 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as m } from "../../chunks/runtime.js";
-import { css as y, html as s } from "lit";
-import { LitElement as p, safeClassMap as d } from "@arcgis/lumina";
-import { classes as g } from "@arcgis/toolkit/dom";
-import { H as f } from "../../chunks/heading.js";
-import { g as v } from "../../chunks/titleUtils.js";
-const u = y`.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)}:host{display:block;padding:var(--arcgis-internal-padding, var(--calcite-spacing-md) var(--calcite-spacing-lg))}.layers{display:flex;flex-direction:column;gap:var(--arcgis-internal-legend-layer-gap)}.layers>.layer{position:relative}.layers>.layer:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--arcgis-internal-legend-layer-gap) / -2);border-bottom:1px solid var(--calcite-color-border-2)}.layer>.esri-widget__heading{color:var(--calcite-color-text-1);margin:var(--arcgis-internal-legend-heading-margin);font-size:var(--calcite-font-size-md);font-weight:var(--calcite-font-weight-semibold)}.layer{word-wrap:break-word}.layer-elements{display:flex;flex-direction:column;gap:var(--arcgis-internal-legend-layer-element-gap);overflow:auto}.layer-children{display:flex;flex-direction:column;gap:var(--arcgis-internal-legend-layer-gap)}.layer-children>.layer{margin-inline-start:var(--arcgis-internal-legend-layer-padding);position:relative}.layer-children>.layer:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--arcgis-internal-legend-layer-gap) / -2);border-bottom:1px solid var(--calcite-color-border-2)}.layer-children.layer-children-compact>.layer.layer-child-inline-title{margin-inline-start:0}.layer-children.layer-children-compact>.layer:not(:last-child):after{content:none}.layer-children.layer-children-compact{gap:var(--calcite-space-2xs)}.layer-child{padding:0}.layer>.esri-widget__heading.layer-child-title{color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size)}`;
-function w(r) {
-  return "type" in r && !!r.type;
+import { c as p } from "../../chunks/runtime.js";
+import { css as f, html as c } from "lit";
+import { LitElement as v, safeClassMap as g } from "@arcgis/lumina";
+import { classes as h } from "@arcgis/toolkit/dom";
+import { H as u } from "../../chunks/heading.js";
+import { g as w } from "../../chunks/titleUtils.js";
+const b = f`.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)}:host{display:block;padding:var(--arcgis-internal-padding, var(--calcite-spacing-md) var(--calcite-spacing-lg))}.layers{display:flex;flex-direction:column;gap:var(--arcgis-internal-legend-layer-gap)}.layers>.layer{position:relative}.layers>.layer:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--arcgis-internal-legend-layer-gap) / -2);border-bottom:1px solid var(--calcite-color-border-2)}.layer>.esri-widget__heading{color:var(--calcite-color-text-1);margin:var(--arcgis-internal-legend-heading-margin);font-size:var(--calcite-font-size-md);font-weight:var(--calcite-font-weight-semibold)}.layer{word-wrap:break-word}.layer-elements{display:flex;flex-direction:column;gap:var(--arcgis-internal-legend-layer-element-gap);overflow:auto}.layer-children{display:flex;flex-direction:column;gap:var(--arcgis-internal-legend-layer-gap)}.layer-children>.layer{margin-inline-start:var(--arcgis-internal-legend-layer-padding);position:relative}.layer-children>.layer:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--arcgis-internal-legend-layer-gap) / -2);border-bottom:1px solid var(--calcite-color-border-2)}.layer-children.layer-children-compact>.layer.layer-child-inline-title{margin-inline-start:0}.layer-children.layer-children-compact>.layer:not(:last-child):after{content:none}.layer-children.layer-children-compact{gap:var(--calcite-space-2xs)}@supports (grid-template-columns: subgrid){.layer-children.layer-children-aligned{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:0}.layer-children-aligned>.layer,.layer-children-aligned>.layer>.layer-elements{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;row-gap:0;min-inline-size:0}.layer-children-aligned>.layer>.layer-elements{overflow:visible}}.layer-child{padding:0}.layer>.esri-widget__heading.layer-child-title{color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size)}`;
+function _(n) {
+  return "type" in n && !!n.type;
 }
-function h(r, e) {
-  const t = r.legendElements?.filter(Boolean);
-  if (!r.parent || !r.title || t?.length !== 1)
+function m(n, e) {
+  const r = n.legendElements?.filter(Boolean);
+  if (!n.parent || !n.title || r?.length !== 1)
     return;
-  const [i] = t;
+  const [i] = r;
   if (i.type !== "symbol-table" || i.infos.length !== 1)
     return;
   const [l] = i.infos;
-  if (!l || w(l))
+  if (!l || _(l))
     return;
-  const n = "preview" in l && !!l.preview || "src" in l && !!l.src, a = "label" in l ? v(e, l.label, !1) : "";
-  return n && !a ? r.title ?? void 0 : void 0;
+  const t = "preview" in l && !!l.preview || "src" in l && !!l.src, a = "label" in l ? w(e, l.label, !1) : "";
+  return t && !a ? n.title ?? void 0 : void 0;
 }
-class _ extends p {
+class x extends v {
   constructor() {
     super(...arguments), this.headingLevel = 3, this.type = "classic";
   }
@@ -30,40 +30,41 @@ class _ extends p {
     this.properties = { activeLayerInfos: 0, headingLevel: 9, type: 32, messages: 0 };
   }
   static {
-    this.styles = u;
+    this.styles = b;
   }
   render() {
-    const t = this.activeLayerInfos?.toArray().map((i) => this._renderLegendForLayer(i)).filter(Boolean);
-    return t?.length ? s`<section class="layers">${t}</section>` : s`<div class="no-legend">${this.messages.noLegend}</div>`;
+    const r = this.activeLayerInfos?.toArray().map((i) => this._renderLegendForLayer(i)).filter(Boolean);
+    return r?.length ? c`<section class="layers">${r}</section>` : c`<div class="no-legend">${this.messages.noLegend}</div>`;
   }
-  _renderLegendForLayer(e) {
+  _renderLegendForLayer(e, r = !1) {
     if (!e.ready)
       return null;
-    const t = h(e, this.messages), i = e.title && !t ? f({
+    const i = m(e, this.messages), l = e.title && !i ? u({
       level: this.headingLevel,
       class: e.parent ? "layer-child-title" : void 0,
       children: e.title
     }) : null;
     if (e.children.length) {
-      const l = e.children.toArray(), n = l.length > 0 && l.every((o) => !!h(o, this.messages)), a = l.map((o) => this._renderLegendForLayer(o)), c = g("layer-children", {
-        "layer-children-compact": n
+      const t = e.children.toArray(), a = t.length > 0 && t.every((s) => !!m(s, this.messages)), o = a && t.every((s) => !s.children.length), d = t.map((s) => this._renderLegendForLayer(s, o)), y = h("layer-children", {
+        "layer-children-compact": a,
+        "layer-children-aligned": o
       });
-      return s`<section class="layer">${i}<div class=${d(c)}>${a}</div></section>`;
+      return c`<section class="layer">${l}<div class=${g(y)}>${d}</div></section>`;
     }
-    return this._renderLegendElementsForLayer(e, i, t);
+    return this._renderLegendElementsForLayer(e, l, i, r);
   }
-  _renderLegendElementsForLayer(e, t, i) {
-    const l = e.legendElements?.filter(Boolean);
-    if (!l?.length)
+  _renderLegendElementsForLayer(e, r, i, l = !1) {
+    const t = e.legendElements?.filter(Boolean);
+    if (!t?.length)
       return null;
-    const n = l.map((c) => s`<arcgis-legend-classic-element .cssEffectFilter=${e.cssEffectFilter ?? void 0} .inlineLayerTitle=${i} .layer=${e.layer} .legendElement=${c} .messages=${this.messages}></arcgis-legend-classic-element>`), a = {
+    const a = t.map((d) => c`<arcgis-legend-classic-element .cssEffectFilter=${e.cssEffectFilter ?? void 0} .inlineLayerTitle=${i} .alignSymbols=${l} .layer=${e.layer} .legendElement=${d} .messages=${this.messages}></arcgis-legend-classic-element>`), o = {
       "layer-child": !!e.parent,
       "layer-child-inline-title": !!i
     };
-    return s`<section class=${d(g("layer", a))}>${t}<div class="layer-elements">${n}</div></section>`;
+    return c`<section class=${g(h("layer", o))}>${r}<div class="layer-elements">${a}</div></section>`;
   }
 }
-m("arcgis-legend-classic-view", _);
+p("arcgis-legend-classic-view", x);
 export {
-  _ as LegendClassicView
+  x as LegendClassicView
 };

package/dist/components/arcgis-oriented-imagery-viewer/customElement.d.ts

@@ -13,6 +13,18 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
  * @since 4.31
  */
 export abstract class ArcgisOrientedImageryViewer extends LitElement {
+  /**
+   * Specifies the position of the action bar within the oriented imagery viewer.
+   * | Position | Description |
+   * |----------|-------------|
+   * | bottom   | Action bar is positioned at the bottom of the viewer. |
+   * | end      | Action bar is positioned at the end of the viewer. |
+   * | start    | Action bar is positioned at the start of the viewer. |
+   * | top      | Action bar is positioned at the top of the viewer. |
+   *
+   * @since 5.2
+   */
+  accessor actionBarPosition: "bottom" | "end" | "start" | "top";
   /**
    * If true, the component will not be destroyed automatically when it is
    * disconnected from the document. This is useful when you want to move the
@@ -201,6 +213,12 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    * @since 4.29
    */
   get referencePoint(): Point | null;
+  /**
+   * The map location selected to find imagery. Geographic points are projected to Web Mercator; other points retain their spatial reference.
+   *
+   * @since 5.2
+   */
+  get selectedPoint(): null | undefined | Point;
   /**
    * The view associated with the component.
    * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-oriented-imagery-viewer component will be associated with a map or scene component rather than using the `view` property.

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

@@ -12,16 +12,19 @@ import { u as v } from "../../chunks/useLayerById.js";
 const h = g`:host{--esri-oriented-imagery-viewer-min-width: var(--arcgis-oriented-imagery-viewer-min-width, 288px);--esri-oriented-imagery-viewer-min-height: var(--arcgis-oriented-imagery-viewer-min-height, 348px);inline-size:100%;block-size:100%}.esri-image-viewer{width:100%;height:100%}.esri-image-viewer__slider-container{--calcite-block-padding: 0;box-sizing:border-box;box-shadow:none;padding-inline:var(--calcite-spacing-md);background-color:#0000;border:none;width:100%;margin:0;overflow:hidden}.esri-image-viewer__slider-container calcite-slider{width:100%}.esri-oriented-imagery-viewer{--esri-oriented-imagery-viewer-action-icon-size: 8px;--calcite-dialog-size-x: 210px;--calcite-dialog-min-size-y: 90px;--calcite-font-weight-medium: $font-weight;--calcite-font-size-0: $font-size;--calcite-icon-size: var(--esri-oriented-imagery-viewer-action-icon-size);box-sizing:border-box;z-index:1;width:100%;min-width:var(--esri-oriented-imagery-viewer-min-width);height:100%;min-height:var(--esri-oriented-imagery-viewer-min-height);flex-direction:column;align-items:flex-start;display:flex;overflow:hidden}.esri-oriented-imagery-viewer:has(.esri-widget .esri-oriented-imagery-viewer__image-overlays-no-result){--esri-oriented-imagery-viewer-min-height: 420px}.esri-oriented-imagery-viewer__body{flex-direction:column;flex:1 0 auto;order:1;align-self:stretch;height:100%;display:flex}.esri-oriented-imagery-viewer__body-current-coverage{--calcite-icon-color: var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__body-additional-camera-locations{--calcite-icon-color: var(--calcite-color-brand)}.esri-oriented-imagery-viewer__body-additional-coverage{--calcite-icon-color: var(--calcite-color-status-info)}.esri-oriented-imagery-viewer__body-footprint{--calcite-icon-color: var(--calcite-color-status-success)}.esri-oriented-imagery-viewer__carousel{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__carousel-container{height:auto;display:inline-block;overflow:auto hidden}.esri-oriented-imagery-viewer__carousel header{--calcite-font-weight-medium: $font-weight--light;--calcite-font-size-0: $font-size--tiny}.esri-oriented-imagery-viewer__carousel-item{width:100px;height:70px}.esri-oriented-imagery-viewer__carousel-item-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.esri-oriented-imagery-viewer__carousel-item-wrapper--selected{box-sizing:border-box;border:2px solid var(--calcite-color-brand);justify-content:center;align-items:center;width:106px;height:78px;margin:auto 10px;display:flex;box-shadow:0 1px 2px #0000004d}.esri-oriented-imagery-viewer__carousel-content{display:flex}.esri-oriented-imagery-viewer__close{background:var(--calcite-color-foreground-1);flex-direction:row;flex-grow:0;order:7;justify-content:center;align-items:center;width:48px;height:59px;display:flex}.esri-oriented-imagery-viewer__image-enhancement-wrapper{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;margin:auto 1% 0;position:absolute;bottom:0;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-enhancement-tools{display:flex}.esri-oriented-imagery-viewer__image-enhancement-tool-container{width:50%;margin-block:2px;padding-inline:.75rem}.esri-oriented-imagery-viewer__superimpose-tools{box-shadow:none;width:100%;height:auto;margin:0}.esri-oriented-imagery-viewer__superimpose-tools .esri-oriented-imagery-viewer__image-enhancement-tool-container{padding-block:var(--calcite-spacing-sm) var(--calcite-spacing-md);width:100%;margin-block:0}.esri-oriented-imagery-viewer__image-overlays{z-index:1;margin:auto 1% 0;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:140px;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-layer-list,.esri-oriented-imagery-viewer__image-overlays-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__image-overlays-container{height:auto;display:flex}.esri-oriented-imagery-viewer__image-overlays-no-result{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:auto;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-no-result-layer-list,.esri-oriented-imagery-viewer__image-overlays-no-result-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__image-overlays-increased-height{z-index:1;border:1px solid var(--calcite-color-border-2);align-items:center;width:98%;height:200px;margin:auto 1% 0;position:absolute;bottom:0;overflow-y:auto;box-shadow:0 0 1px #0000004d}.esri-oriented-imagery-viewer__image-overlays-increased-height-layer-list,.esri-oriented-imagery-viewer__image-overlays-increased-height-switch{padding:0 var(--calcite-spacing-md)}.esri-oriented-imagery-viewer__measurement-results{width:auto;height:fit-content}.esri-oriented-imagery-viewer__measurements-table{margin-block-start:var(--calcite-spacing-sm)}.esri-oriented-imagery-viewer__measurements-bar{flex-wrap:nowrap;display:flex}.esri-oriented-imagery-viewer__measurements-button{display:flex}.esri-oriented-imagery-viewer__measurement-display{text-align:center;margin-block-end:var(--calcite-spacing-xxs)}.esri-oriented-imagery-viewer__viewer{cursor:url(data:text/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A);flex-grow:1;width:100%;margin:0;display:flex}.esri-oriented-imagery-viewer__viewer--hidden{display:none}.esri-oriented-imagery-viewer__viewer-container{border-top:1px solid var(--calcite-color-border-3);background:var(--calcite-color-foreground-1);border-radius:0 0 3px 3px;flex:1 0 auto;order:1;align-self:stretch;width:100%;height:100%;display:flex}.esri-oriented-imagery-viewer__alert{inset-block-end:var(--calcite-spacing-md);inset-inline:var(--calcite-spacing-md);position:absolute}.esri-oriented-imagery-viewer-container-measurement{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:0 0 var(--calcite-corner-radius-round) var(--calcite-corner-radius-round);background:var(--calcite-color-foreground-1);flex:1 0 auto;order:1;align-self:stretch;width:100%;height:50%;display:flex}@keyframes rotateOrientedImageryNavigationTool{0%{transform:rotate(var(--oi-navigation-tool-rotation-from, 0deg))}to{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}}.esri-oriented-imagery-viewer__navigation{transform:rotate(var(--oi-navigation-tool-rotation-to, 0deg))}.esri-oriented-imagery-viewer__navigation-animate{animation:.7s linear forwards rotateOrientedImageryNavigationTool}.esri-oriented-imagery-viewer__navigation-feature{fill:var(--calcite-color-brand);stroke:var(--calcite-color-foreground-1);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-feature.selected{fill:var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__navigation-feature-path{pointer-events:none}.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-0{stop-color:var(--calcite-color-status-danger);stop-opacity:.4}.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-1{stop-color:var(--calcite-color-status-danger);stop-opacity:.2}.esri-oriented-imagery-viewer__navigation-pointer{fill:var(--calcite-color-foreground-1);fill-rule:evenodd;stroke:#0000;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-width:0}.esri-oriented-imagery-viewer__navigation-pointer-north{fill:var(--calcite-color-status-danger)}.esri-oriented-imagery-viewer__navigation-wrapper{z-index:1;position:absolute;bottom:0;right:0;overflow:hidden}.esri-oriented-imagery-viewer__navigation-wrapper--video{inset-block-end:calc(var(--calcite-spacing-xxxl) * 3)}.esri-oriented-imagery-viewer__navigation-wrapper--zoomed{transform-origin:100% 100%;transform:scale(1.5)}.esri-oriented-imagery-viewer__navigation-wrapper-boundary{fill:var(--calcite-color-foreground-1);fill-opacity:.25;stroke:var(--calcite-color-border-2)}.esri-oriented-imagery-viewer__navigation-sector{fill:none}.esri-oriented-imagery-viewer__navigation-sector-separator{stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-cross{stroke:var(--calcite-color-status-danger);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-enabled{fill:var(--calcite-color-foreground-1);stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-disabled{fill:var(--calcite-color-foreground-3);stroke:var(--calcite-color-border-2);stroke-width:1px}.esri-oriented-imagery-viewer__navigation-sector-outer{fill:var(--calcite-color-foreground-1);fill-opacity:.4;stroke:none}.esri-oriented-imagery-viewer__pro .esri-oriented-imagery-viewer{width:100%;max-width:unset;height:100%;max-height:unset;position:static}.esri-oriented-imagery-viewer__sketch-tools{justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0}.esri-oriented-imagery-viewer--notice{margin-block:auto}.esri-oriented-imagery-viewer__navigation-ui{box-sizing:border-box;transform-style:preserve-3d;z-index:var(--calcite-z-index-overlay);aspect-ratio:1;pointer-events:none;flex-direction:column;align-items:center;width:50%;max-width:330px;display:flex;position:absolute;inset-block-end:0;inset-inline:50%;overflow:hidden;translate:-50%}.esri-oriented-imagery-viewer__navigation-ui__direction{--esri-oriented-imagery-viewer__navigation-ui-direction-color: wheat;--calcite-icon-color: var(--esri-oriented-imagery-viewer__navigation-ui-direction-color);transform-origin:top;transform-style:preserve-3d;cursor:not-allowed;border:3px solid #bfc5cc;border-radius:50%;width:4.5em;height:4.5em;transition:border-color .15s;position:absolute}.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]){cursor:pointer;pointer-events:auto}.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]):hover{--calcite-icon-color: var(--calcite-color-brand);border-color:var(--calcite-color-brand)}.esri-oriented-imagery-viewer__navigation-ui__direction-pad{box-sizing:border-box;filter:drop-shadow(0 2px 1px #00000080);width:100%;height:100%;transform:perspective(400px) rotateX(60deg)}.esri-oriented-imagery-viewer__navigation-settings-ui [slot=content-bottom]{padding:.5rem;display:none}.esri-oriented-imagery-viewer__navigation-settings-ui [selected]>[slot=content-bottom]{display:block}.esri-panoramic-viewer{width:100%;height:100%;overflow-x:hidden}.esri-panoramic-viewer__slider-container{--calcite-block-padding: 0;box-sizing:border-box;box-shadow:none;padding-inline:var(--calcite-spacing-md);background-color:#0000;border:none;width:100%;margin:0;overflow:hidden}.esri-panoramic-viewer__slider-container calcite-slider{width:100%}`, w = c(n), y = "map-components:arcgis-oriented-imagery-viewer";
 class p extends s {
   constructor() {
-    super(...arguments), this.widget = w(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.dataCaptureEnabled = this.widget.dataCaptureEnabled, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.hideHeader = this.widget.visibleElements.header, this.hideMenu = this.widget.visibleElements.menu, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.imageOverlaysOpened = this.widget.imageOverlaysOpened, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapLayerId = v(this, (e) => {
+    super(...arguments), this.widget = w(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.autoDestroyDisabled = !1, this.actionBarPosition = this.widget.actionBarPosition, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.dataCaptureEnabled = this.widget.dataCaptureEnabled, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.hideHeader = this.widget.visibleElements.header, this.hideMenu = this.widget.visibleElements.menu, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.imageOverlaysOpened = this.widget.imageOverlaysOpened, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapLayerId = v(this, (e) => {
       e && (e.type === "oriented-imagery" ? this.layer = e : l("warn", this, `${y} - layer with id ${this.mapLayerId} is not a valid Oriented Imagery Layer`));
     }), this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.preloadMedia = this.widget.preloadMedia, this.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = o()("imageGalleryEnabled", "layer"), this.arcgisReady = d();
   }
   static {
-    this.properties = { view: 0, autoDestroyDisabled: 5, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, hideHeader: 5, hideMenu: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 36, imageOverlaysOpened: 5, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapLayerId: 1, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, preloadMedia: 5, referenceElement: 1, referencePoint: 32 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, actionBarPosition: 1, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, hideHeader: 5, hideMenu: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 36, imageOverlaysOpened: 5, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapLayerId: 1, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, preloadMedia: 5, referenceElement: 1, referencePoint: 32, selectedPoint: 32 };
   }
   static {
     this.styles = [m, h];
   }
+  get selectedPoint() {
+    return this.widget.selectedPoint;
+  }
   async destroy() {
     await this.manager.destroy();
   }