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

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

@@ -10,7 +10,7 @@ import { useDirection as P, usePropertyChange as z, bypassReadOnly as x } from "
 import { m as U } from "../../chunks/useViewModel.js";
 import { LitElement as Z, createEvent as T, renderElement as K, nothing as h, safeClassMap as I } from "@arcgis/lumina";
 import { substitute as u, formatNumber as C } from "@arcgis/core/intl.js";
-import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
 import { t as j, z as G } from "../../chunks/action-utils.js";
 import { stripHTML as V } from "@arcgis/core/applications/Components/stringUtils.js";
 import E from "@arcgis/core/core/Collection.js";
@@ -128,11 +128,11 @@ class oe extends Z {
       signal: o
     }), e = this.view.toScreen(this.location) ?? void 0), !e)
       return;
-    const l = await this.viewModel.fetchFeatures(e, {
+    const r = await this.viewModel.fetchFeatures(e, {
       ...t,
       signal: o
     });
-    this.location = l.location, this.promises = l.pendingFeatures;
+    this.location = r.location, this.promises = r.pendingFeatures;
   }
   async next() {
     return A("warn", this, "The return type of FeaturesViewModel on the next() method is deprecated. At 6.0, this method will return void."), this.viewModel.next();
@@ -157,24 +157,24 @@ class oe extends Z {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      r(() => this.viewModel?.selectedFeatureIndex, (e, t) => this._selectedFeatureIndexUpdated(e, t)),
-      r(() => this.viewModel?.view, (e, t) => t && this._viewChange()),
-      r(() => this._spinnerEl?.screenLocation, () => this._closeOpenActionMenu()),
-      r(() => this.selectedFeatureComponent?.viewModel, () => this._removeFlowItems()),
-      r(() => this.viewModel?.featureViewModels, () => this._featureMenuViewportScrollTop()),
-      r(() => this.flowItems.length, () => this._syncSelectedDrillInFeature()),
-      r(() => [
+      l(() => this.viewModel?.selectedFeatureIndex, (e, t) => this._selectedFeatureIndexUpdated(e, t)),
+      l(() => this.viewModel?.view, (e, t) => t && this._viewChange()),
+      l(() => this._spinnerEl?.screenLocation, () => this._closeOpenActionMenu()),
+      l(() => this.selectedFeatureComponent?.viewModel, () => this._removeFlowItems()),
+      l(() => this.viewModel?.featureViewModels, () => this._featureMenuViewportScrollTop()),
+      l(() => this.flowItems.length, () => this._syncSelectedDrillInFeature()),
+      l(() => [
         this.viewModel?.title,
         this.viewModel?.selectedFeatureViewModel?.title,
         this.viewModel?.selectedFeatureViewModel?.state
       ], () => this._syncEffectiveHeading(), { initial: !0 }),
-      r(() => [this.flowItems?.length, this.featureMenuOpen], () => {
+      l(() => [this.flowItems?.length, this.featureMenuOpen], () => {
         this.setFocus();
       }),
-      r(() => this.referenceElement, (e, t) => {
+      l(() => this.referenceElement, (e, t) => {
         this._removeSpinner(t), this._createSpinner();
       }, { initial: !0 }),
-      r(() => [
+      l(() => [
         this.hideSpinner,
         this.viewModel?.view,
         this.viewModel?.location,
@@ -207,8 +207,8 @@ class oe extends Z {
       const i = s?.graphic;
       if (!i)
         return;
-      const n = q(i), o = se(n) ? n : null, l = t.get(o) ?? [];
-      t.set(o, [...l, s]);
+      const n = q(i), o = se(n) ? n : null, r = t.get(o) ?? [];
+      t.set(o, [...r, s]);
     }), t;
   }
   _handleCollapseToggle() {
@@ -273,8 +273,8 @@ class oe extends Z {
     this._unobserveFeatureMenuObserver(), e && this._featureMenuIntersectionObserver.observe(e), this._featureMenuIntersectionObserverNode = e;
   }
   _getActionTitle(e) {
-    const { messages: t, selectedFeature: s } = this, { id: i } = e, n = s?.attributes, o = e.title ?? "", l = i === "zoom-to-feature" ? u(o, { messages: t }) : i === "remove-selected-feature" ? u(o, { messages: t }) : i === "zoom-to-clustered-features" ? u(o, { messages: t }) : i === "browse-clustered-features" ? u(o, { messages: t }) : e.title;
-    return l && n ? u(l, n) : l ?? "";
+    const { messages: t, selectedFeature: s } = this, { id: i } = e, n = s?.attributes, o = e.title ?? "", r = i === "zoom-to-feature" ? u(o, { messages: t }) : i === "remove-selected-feature" ? u(o, { messages: t }) : i === "zoom-to-clustered-features" ? u(o, { messages: t }) : i === "browse-clustered-features" ? u(o, { messages: t }) : e.title;
+    return r && n ? u(r, n) : r ?? "";
   }
   _onMainKeydown(e) {
     const { key: t } = e;
@@ -334,7 +334,7 @@ class oe extends Z {
   }
   _createSpinner() {
     const e = this.referenceElement;
-    e && (this._removeSpinner(e), this._spinnerEl = K(a`<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 = K(a`<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 a`<div class="root" @keydown=${this._onMainKeydown}>${this._renderHeader()}${this._renderContentContainer()}</div>`;
@@ -359,8 +359,8 @@ class oe extends Z {
     })}</div>`;
   }
   _renderFeatureMenuButton() {
-    const { messages: e, viewModel: t } = this, { featureCount: s, streamingFeatures: i, selectedFeatureIndex: n, pendingPromisesCount: o } = t, l = o > 0 || i;
-    return a`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${l} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText ?? "", {
+    const { messages: e, viewModel: t } = this, { featureCount: s, streamingFeatures: i, selectedFeatureIndex: n, pendingPromisesCount: o } = t, r = o > 0 || i;
+    return a`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${r} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText ?? "", {
       index: C(n + 1),
       total: C(s)
     })} text-enabled title=${e.selectFeature ?? h}></calcite-action>`;
@@ -376,8 +376,8 @@ class oe extends Z {
   _renderFeatureMenu() {
     const { messages: e, viewModel: t } = this, s = this._groupResultsByLayer(), i = this.initialDisplayMode === "list" ? "none" : "single";
     return t.featureViewModels.length ? a`<calcite-list display-mode=flat .label=${e?.featuresList ?? ""} selection-appearance=icon .selectionMode=${i}>${Array.from(s.keys(), (n) => {
-      const o = s.get(n)?.map((c) => this._renderFeatureMenuItem(c)), l = n ? n.title ?? this.messages.untitled : null;
-      return !this.hideFeatureListLayerTitle && l !== null ? D(n ?? "map-graphics", a`<calcite-list-item-group .heading=${l}>${o}</calcite-list-item-group>`) : o;
+      const o = s.get(n)?.map((c) => this._renderFeatureMenuItem(c)), r = n ? n.title ?? this.messages.untitled : null;
+      return !this.hideFeatureListLayerTitle && r !== null ? D(n ?? "map-graphics", a`<calcite-list-item-group .heading=${r}>${o}</calcite-list-item-group>`) : o;
     })}</calcite-list>` : null;
   }
   _renderHeaderAction(e) {
@@ -388,10 +388,10 @@ class oe extends Z {
     return this.headerActions.map((e) => this._renderHeaderAction(e)).toArray();
   }
   _renderContentFeature() {
-    const { headingLevel: e, hideCloseButton: t, _isCollapsed: s, _collapseEnabled: i, _featureFlowItemSelected: n, featureNavigationTop: o, flowItems: l, initialDisplayMode: c, selectedFeature: f, hideHeading: g } = this, { active: v, selectedFeatureViewModel: p, content: m } = this.viewModel, d = this._getHeading();
+    const { headingLevel: e, hideCloseButton: t, _isCollapsed: s, _collapseEnabled: i, _featureFlowItemSelected: n, featureNavigationTop: o, flowItems: r, initialDisplayMode: c, selectedFeature: f, hideHeading: g } = this, { active: v, selectedFeatureViewModel: p, content: m } = this.viewModel, d = this._getHeading();
     if (c === "list" && !f)
       return null;
-    const _ = l.length === 0 && n, $ = p ? !p.content : !m;
+    const _ = r.length === 0 && n, $ = p ? !p.content : !m;
     return a`<calcite-flow-item class=${I(y({
       "content-feature": !0,
       "flow-item-collapsed": s
@@ -400,10 +400,10 @@ class oe extends Z {
     }))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`;
   }
   _renderFeatureMenuContainer() {
-    const { viewModel: e, hideCloseButton: t, featureMenuTitle: s, messages: i, initialDisplayMode: n, featureMenuOpen: o, _featureFlowItemSelected: l, _collapseEnabled: c, _isCollapsed: f, featureNavigationTop: g, headingLevel: v } = this, { active: p, featureViewModels: m, streamingFeatures: d, pendingPromisesCount: _ } = e, $ = _ > 0 || d, N = s ?? i.selectFeature;
+    const { viewModel: e, hideCloseButton: t, featureMenuTitle: s, messages: i, initialDisplayMode: n, featureMenuOpen: o, _featureFlowItemSelected: r, _collapseEnabled: c, _isCollapsed: f, featureNavigationTop: g, headingLevel: v } = this, { active: p, featureViewModels: m, streamingFeatures: d, pendingPromisesCount: _ } = e, $ = _ > 0 || d, N = s ?? i.selectFeature;
     if (n === "feature" && !o)
       return null;
-    const O = !l;
+    const O = !r;
     return a`<calcite-flow-item class=${I(y({
       "flow-item-collapsed": f
     }))} .closable=${n === "list" && !t} .closed=${!p} .collapsed=${n === "list" && f} .collapseDirection=${this.collapseDirection ?? (g ? "down" : "up")} .collapsible=${n === "list" && c} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} .description=${this.hideFeatureMenuHeading ? void 0 : u(i.total ?? "", {
@@ -413,10 +413,10 @@ class oe extends Z {
     }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${w(this._featureMenuViewportNode)}>${n === "list" ? this._renderHeaderActions() : null}${$ ? a`<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" ${w(this._featureMenuIntersectionObserverCreated)}></div>${n === "feature" ? a`<calcite-button appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${i.back}</calcite-button>` : null}</calcite-flow-item>`;
   }
   _renderFlowItem(e, t) {
-    const { messages: s, hideCloseButton: i, hideSelectFeature: n, active: o, hideHeading: l } = this, c = "graphic" in e && "isFeatureFromTable" in e && !e.isFeatureFromTable, f = c && !n, g = e.flowType === "feature-association", v = s.returnToInitialFeature ?? "", p = s?.selectFeature, m = this._getActionTitle(M), d = !this.hideActionBar && g && c;
-    return a`<calcite-flow-item .closable=${!i} .closed=${!o} .description=${V(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${l ? void 0 : V(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(_) => {
+    const { messages: s, hideCloseButton: i, hideSelectFeature: n, active: o, hideHeading: r } = this, c = "graphic" in e && "isFeatureFromTable" in e && !e.isFeatureFromTable, f = c && !n, g = e.flowType === "feature-association", v = s.returnToInitialFeature ?? "", p = s?.selectFeature, m = this._getActionTitle(M), d = !this.hideActionBar && g && c;
+    return a`<calcite-flow-item .closable=${!i} .closed=${!o} .description=${V(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${r ? void 0 : V(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(_) => {
       _.preventDefault(), this._handleDrillInBackClick();
-    }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${l ? null : a`<div slot=heading><div .innerHTML=${F.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${F.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${v ?? ""} title=${v ?? "" ?? h}></calcite-action>${f ? a`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${p ?? ""} title=${p ?? h}></calcite-action>` : null}${d ? a`<calcite-action-bar expand-toggle-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${M.disabled} .icon=${M.icon ?? void 0} .loading=${M.active} scale=s text-enabled .text=${m} title=${m ?? h} @click=${() => G(this.viewModel, M, e)}></calcite-action></calcite-action-group></calcite-action-bar>` : null}<div class="container">${e}</div></calcite-flow-item>`;
+    }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${r ? null : a`<div slot=heading><div .innerHTML=${F.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${F.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${v ?? ""} title=${v ?? "" ?? h}></calcite-action>${f ? a`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${p ?? ""} title=${p ?? h}></calcite-action>` : null}${d ? a`<calcite-action-bar expand-toggle-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${M.disabled} .icon=${M.icon ?? void 0} .loading=${M.active} scale=s text-enabled .text=${m} title=${m ?? h} @click=${() => G(this.viewModel, M, e)}></calcite-action></calcite-action-group></calcite-action-bar>` : null}<div class="container">${e}</div></calcite-flow-item>`;
   }
   _renderContentContainer() {
     const e = this.flowItems?.toArray(), t = e?.map((i, n) => this._renderFlowItem(i, this._featureFlowItemSelected && n === e.length - 1)), s = this.initialDisplayMode === "list" ? [this._renderFeatureMenuContainer(), this._renderContentFeature(), t] : [this._renderContentFeature(), t, this._renderFeatureMenuContainer()];

package/dist/components/arcgis-features-next/customElement.d.ts

@@ -442,6 +442,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       returnToInitialFeature?: string | undefined;
       maxRecordCountHeading?: string | undefined;
       maxRecordCountDescriptionWithLayerList?: string | undefined;
+      maxRecordCountDescriptionRefineResults?: string | undefined;
       maxRecordCountDescriptionMultipleLayers?: string | undefined;
       maxRecordCountDescriptionMaxZoomLevel?: string | undefined;
   };
@@ -476,6 +477,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       returnToInitialFeature: string;
       maxRecordCountHeading: string;
       maxRecordCountDescriptionWithLayerList: string;
+      maxRecordCountDescriptionRefineResults: string;
       maxRecordCountDescriptionMultipleLayers: string;
       maxRecordCountDescriptionMaxZoomLevel: string;
   }> & T9nMeta<{
@@ -508,6 +510,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       returnToInitialFeature: string;
       maxRecordCountHeading: string;
       maxRecordCountDescriptionWithLayerList: string;
+      maxRecordCountDescriptionRefineResults: string;
       maxRecordCountDescriptionMultipleLayers: string;
       maxRecordCountDescriptionMaxZoomLevel: string;
   }>;

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-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();
   }

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

@@ -1,35 +1,42 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as i } from "../../chunks/runtime.js";
-import { css as n, html as r } from "lit";
-import { LitElement as c, safeStyleMap as l } from "@arcgis/lumina";
-import { t as a } from "../../chunks/screenLocation.js";
-const p = n`:host{display:contents}.root{position:absolute}`;
-class m extends c {
+import { c } from "../../chunks/runtime.js";
+import { css as r, html as l } from "lit";
+import { LitElement as a, safeStyleMap as p } from "@arcgis/lumina";
+import { t as f } from "../../chunks/screenLocation.js";
+const d = r`:host{display:contents}.root{position:absolute}`;
+class m extends a {
   constructor() {
-    super(...arguments), this.trackLocation = !1, this.screenLocation = a(this);
+    super(...arguments), this.trackLocation = !1, this.screenLocation = f(this);
   }
   static {
-    this.properties = { trackLocation: 5, screenLocation: 32, label: 1, location: 0, view: 0 };
+    this.properties = { trackLocation: 5, screenLocation: 32, label: 1, location: 0, referenceElement: 0, view: 0 };
   }
   static {
-    this.styles = p;
+    this.styles = d;
+  }
+  _getViewOffset() {
+    const t = this.view?.container?.getBoundingClientRect(), e = this.referenceElement?.getBoundingClientRect();
+    return {
+      left: t && e ? t.left - e.left : 0,
+      top: t && e ? t.top - e.top : 0
+    };
   }
   _getPositionStyles() {
-    const { screenLocation: t, view: s } = this;
-    if (s == null || t == null)
+    const { screenLocation: t, view: e } = this;
+    if (e == null || t == null)
       return {};
-    const { padding: o } = s, e = 16;
+    const i = 16, n = e.padding.left ?? 0, s = e.padding.top ?? 0, o = this._getViewOffset();
     return {
-      "--calcite-loader-size": `${e}px`,
-      left: `${t.x - (o.left ?? 0) - e / 2}px`,
-      top: `${t.y - (o.top ?? 0) - e / 2}px`
+      "--calcite-loader-size": `${i}px`,
+      left: `${t.x - n + o.left - i / 2}px`,
+      top: `${t.y - s + o.top - i / 2}px`
     };
   }
   render() {
-    return this.screenLocation ? r`<calcite-loader class="root" .label=${this.label ?? ""} inline style=${l(this._getPositionStyles())}></calcite-loader>` : null;
+    return this.screenLocation ? l`<calcite-loader class="root" .label=${this.label ?? ""} inline style=${p(this._getPositionStyles())}></calcite-loader>` : null;
   }
 }
-i("arcgis-spinner", m);
+c("arcgis-spinner", m);
 export {
   m as ArcgisSpinner
 };

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

@@ -3,16 +3,12 @@ import type Collection from "@arcgis/core/core/Collection.js";
 import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type SceneView from "@arcgis/core/views/SceneView.js";
-import type TableItemCollection from "@arcgis/core/layers/list/TableItemCollection.js";
-import type TableItem from "@arcgis/core/layers/list/TableItem.js";
 import type WebMap from "@arcgis/core/WebMap.js";
 import type WebScene from "@arcgis/core/WebScene.js";
-import type Layer from "@arcgis/core/layers/Layer.js";
-import type Sublayer from "@arcgis/core/layers/support/Sublayer.js";
-import type { TableItemCollectionEvents, TableItemModifier } from "@arcgis/core/layers/list/TableItemCollection.js";
+import type { State, TableItemLayer } from "@arcgis/core/layers/list/types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, HeadingLevel, IconName } from "../types.js";
-import type { CanSortFunction, FilterPredicate } from "./types.js";
+import type { CanSortFunction, FilterPredicate, TableItem, TableItemModifier, TableListTriggerActionEvent } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { List as List } from "@esri/calcite-components/components/calcite-list";
 import type { ReadonlyCollection } from "@arcgis/core/core/Collection.js";
@@ -240,7 +236,7 @@ export abstract class ArcgisTableListNext extends LitElement {
    * ```
    * 
    */
-  accessor listItemCreatedFunction: TableItemModifier | null | undefined;
+  accessor listItemCreatedFunction: TableItemModifier | undefined;
   /**
    * Specifies whether to ignore the [listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode) property to display all layers. A common use case for `listModeDisabled` is when you want to use the component to manage and configure a layer's `listMode` value.
    *
@@ -463,9 +459,9 @@ export abstract class ArcgisTableListNext extends LitElement {
    */
   accessor showTemporaryTableIndicators: boolean;
   /** The current state of the component. */
-  get state(): TableItemCollection["state"];
+  get state(): State;
   /**
-   * The collection of table [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) displayed within the component.
+   * The collection of table items displayed within the component.
    *
    * @example
    * ```js
@@ -478,7 +474,7 @@ export abstract class ArcgisTableListNext extends LitElement {
    *
    * @internal
    */
-  accessor tables: ReadonlyCollection<Layer | Sublayer> | null | undefined;
+  accessor tables: ReadonlyCollection<TableItemLayer> | null | undefined;
   /**
    * 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-table-list-next component will be associated with a map or scene component rather than using the `view` property.
@@ -499,7 +495,7 @@ export abstract class ArcgisTableListNext extends LitElement {
   /** Emitted when the collection of [tableItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-table-list-next/#tableItems) changes. */
   readonly arcgisTableItemsChanged: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Emitted when an action is triggered on the component. */
-  readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, TableItemCollectionEvents["trigger-action"]>;
+  readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, TableListTriggerActionEvent>;
   readonly "@eventTypes": {
     arcgisClose: ArcgisTableListNext["arcgisClose"]["detail"];
     arcgisFilterChange: ArcgisTableListNext["arcgisFilterChange"]["detail"];