@arcgis/map-components 5.2.0-next.137 → 5.2.0-next.139

package/dist/components/arcgis-filter-builder/customElement.d.ts

@@ -0,0 +1,201 @@
+/// <reference path="../../index.d.ts" />
+import type Collection from "@arcgis/core/core/Collection.js";
+import type FilterConditionViewModel from "@arcgis/core/widgets/support/FilterCondition/FilterConditionViewModel.js";
+import type { AddConditionParameters } from "@arcgis/core/widgets/support/FilterBuilder/types.js";
+import type { ConditionOperatorName, OperatorNamesByFieldType } from "@arcgis/core/widgets/support/FilterCondition/types.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ArcgisReferenceElement } from "../types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { AssociationsLayerUnion } from "@arcgis/core/widgets/BatchAttributeForm/types.js";
+
+/**
+ * The Filter Builder component can be used to create and manage filter conditions for a specific layer.
+ * It provides a user interface for defining filter criteria, allowing users to build complex queries based on
+ * the attributes of the selected layer.
+ *
+ * @internal
+ */
+export abstract class ArcgisFilterBuilder extends LitElement {
+  get _conditionViewModels(): Collection<FilterConditionViewModel>;
+  /** @default false */
+  accessor autoDestroyDisabled: boolean;
+  /** The logical operator used to combine multiple filter conditions. */
+  accessor conditionOperator: ConditionOperatorName;
+  /** The number of filter conditions currently defined in the filter builder. */
+  get count(): number;
+  /**
+   * When true, the component is visually de-emphasized and does not accept user interaction.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Controls visibility of the floating action button used to add new conditions. If true, the button will be hidden.
+   *
+   * @default false
+   */
+  accessor hideFab: boolean;
+  /**
+   * Controls visibility of the header section of the filter builder. If true, the header will be hidden.
+   *
+   * @default false
+   */
+  accessor hideHeader: boolean;
+  /**
+   * Controls visibility of the menu used to delete or duplicate conditions. If true, the menu will be hidden.
+   *
+   * @default false
+   */
+  accessor hideMenu: boolean;
+  /** The layer for which the filter conditions are being defined. */
+  accessor layer: AssociationsLayerUnion | null | undefined;
+  /** @internal */
+  protected messages: Partial<{
+      componentLabel: string;
+      addNew: string;
+      allAreTrue: string;
+      anyAreTrue: string;
+      chooseAField: string;
+      condition: string;
+      conditions: {
+          and: string;
+          or: string;
+      };
+      delete: string;
+      duplicate: string;
+      filterCondition: string;
+      moreOptions: string;
+      operator: string;
+      operators: {
+          contains: string;
+          doesNotContain: string;
+          endsWith: string;
+          excludes: string;
+          includes: string;
+          inTheLast: string;
+          is: string;
+          isAfter: string;
+          isAfterOrEqual: string;
+          isAtLeast: string;
+          isAtMost: string;
+          isBefore: string;
+          isBeforeOrEqual: string;
+          isBetween: string;
+          isBlank: string;
+          isEmpty: string;
+          isGreaterThan: string;
+          isLessThan: string;
+          isNot: string;
+          isNotBetween: string;
+          isNotBlank: string;
+          isNotEmpty: string;
+          isNotInTheLast: string;
+          isNotOn: string;
+          isOn: string;
+          startsWith: string;
+      };
+      value: string;
+  }> & T9nMeta<{
+      componentLabel: string;
+      addNew: string;
+      allAreTrue: string;
+      anyAreTrue: string;
+      chooseAField: string;
+      condition: string;
+      conditions: {
+          and: string;
+          or: string;
+      };
+      delete: string;
+      duplicate: string;
+      filterCondition: string;
+      moreOptions: string;
+      operator: string;
+      operators: {
+          contains: string;
+          doesNotContain: string;
+          endsWith: string;
+          excludes: string;
+          includes: string;
+          inTheLast: string;
+          is: string;
+          isAfter: string;
+          isAfterOrEqual: string;
+          isAtLeast: string;
+          isAtMost: string;
+          isBefore: string;
+          isBeforeOrEqual: string;
+          isBetween: string;
+          isBlank: string;
+          isEmpty: string;
+          isGreaterThan: string;
+          isLessThan: string;
+          isNot: string;
+          isNotBetween: string;
+          isNotBlank: string;
+          isNotEmpty: string;
+          isNotInTheLast: string;
+          isNotOn: string;
+          isOn: string;
+          startsWith: string;
+      };
+      value: string;
+  }>;
+  /** The list of operators available for use in filter conditions. */
+  accessor operators: OperatorNamesByFieldType;
+  /**
+   * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+   *
+   * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: ArcgisReferenceElement | string | undefined;
+  /**
+   * Indicates the current state of the filter builder. This depends on the load state of
+   * the associated layer.
+   */
+  get state(): "disabled" | "loading" | "ready";
+  /**
+   * Controls the visual scale of the filter builder component.
+   *
+   * @default "m"
+   */
+  accessor visualScale: "l" | "m" | "s";
+  /** The SQL WHERE clause generated from the current filter conditions. */
+  get whereClause(): string;
+  /** An array of individual SQL WHERE clauses generated from the current filter conditions. */
+  get whereClauses(): string[];
+  /**
+   * Adds a new filter condition to the filter builder. The new condition can be configured with an optional field name, operator, and value.
+   *
+   * @param params - The configuration parameters for the new condition, including optional fieldName, operator, and value.
+   * @param index - The index at which to insert the new condition. If not provided, the condition is added to the end.
+   * @internal
+   */
+  addCondition(params?: AddConditionParameters, index?: number): Promise<void>;
+  destroy(): Promise<void>;
+  /**
+   * Duplicates the filter condition at the specified index. The duplicated condition will be inserted immediately after the original condition.
+   *
+   * @param index - The index of the condition to duplicate.
+   */
+  duplicateConditionByIndex(index: number): Promise<void>;
+  /**
+   * Removes the filter condition at the specified index from the filter builder.
+   *
+   * @param index - The index of the condition to remove.
+   */
+  removeConditionByIndex(index: number): Promise<void>;
+  /**
+   * Resets the filter builder by removing all existing conditions and clearing the generated WHERE clause.
+   * This method effectively returns the filter builder to its initial state.
+   */
+  reset(): Promise<void>;
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "whereClause"; }>;
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisPropertyChange: ArcgisFilterBuilder["arcgisPropertyChange"]["detail"];
+    arcgisReady: ArcgisFilterBuilder["arcgisReady"]["detail"];
+  };
+}

package/dist/components/arcgis-filter-builder/customElement.js

@@ -0,0 +1,123 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as u } from "../../chunks/runtime.js";
+import { css as h, html as s } from "lit";
+import { keyed as n } from "lit/directives/keyed.js";
+import { getEffectiveFieldAlias as p } from "@arcgis/core/editing/fieldUtils.js";
+import m from "@arcgis/core/widgets/support/FilterBuilder/FilterBuilderViewModel.js";
+import { LitElement as $, createEvent as g, safeClassMap as c } from "@arcgis/lumina";
+import { usePropertyChange as f } from "@arcgis/lumina/controllers";
+import { u as b } from "../../chunks/useT9n.js";
+import { m as v } from "../../chunks/useViewModel.js";
+const C = h`:host{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--calcite-color-background)}.root{display:flex;flex-direction:column}.operator-select-container{padding:var(--calcite-space-sm)}calcite-fab{display:flex;flex-direction:row;align-self:center;margin-block:var(--calcite-space-md)}calcite-block{margin-block:0}calcite-block div{display:flex;flex-direction:column;gap:var(--calcite-space-sm)}`, o = {
+  operatorSelectContainer: "operator-select-container",
+  conditionContainer: "condition-container"
+}, y = v(m);
+class S extends $ {
+  constructor() {
+    super(...arguments), this.#e = !1, this.messages = b(), this.viewModel = y(this), this.autoDestroyDisabled = !1, this.conditionOperator = this.viewModel.conditionOperator, this.hideFab = !1, this.hideHeader = !1, this.hideMenu = !1, this.layer = this.viewModel.layer, this.operators = this.viewModel.operators, this.visualScale = "m", this.arcgisPropertyChange = f()("whereClause"), this.arcgisReady = g();
+  }
+  static {
+    this.properties = { _conditionViewModels: 32, autoDestroyDisabled: 5, conditionOperator: 1, count: 32, disabled: 5, hideFab: 5, hideHeader: 5, hideMenu: 5, layer: 0, operators: 0, referenceElement: 1, state: 32, visualScale: 1, whereClause: 32, whereClauses: 32 };
+  }
+  static {
+    this.styles = C;
+  }
+  #e;
+  get _conditionViewModels() {
+    return this.viewModel.conditionViewModels;
+  }
+  get count() {
+    return this.viewModel.count;
+  }
+  get disabled() {
+    return this.#e || this.state === "disabled";
+  }
+  set disabled(e) {
+    this.#e = e;
+  }
+  get state() {
+    return this.viewModel.state;
+  }
+  get whereClause() {
+    return this.viewModel.whereClause;
+  }
+  get whereClauses() {
+    return this.viewModel.whereClauses;
+  }
+  async addCondition(e, t) {
+    this.viewModel.addCondition(e, t);
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async duplicateConditionByIndex(e) {
+    this.viewModel.duplicateConditionByIndex(e);
+  }
+  async removeConditionByIndex(e) {
+    this.viewModel.removeConditionByIndex(e);
+  }
+  async reset() {
+    this.viewModel.reset();
+  }
+  load() {
+    this.manager.onLifecycle(() => [this._conditionViewModels.on("after-remove", (e) => e.item.destroy())]);
+  }
+  _afterValueChange(e, t) {
+    t == null || t === "" ? e.value = null : e.isNumericField || e.isObjectIDField ? e.value = parseFloat(t) : (e.isStringField || e.isGlobalIDField) && (e.value = t);
+  }
+  #i() {
+    if (this.count < 2)
+      return;
+    const { conditionOperator: e, messages: t } = this, a = e === "AND";
+    return s`<div class=${c(o.operatorSelectContainer)}><calcite-select .label=${t.condition ?? ""} .scale=${this.visualScale} width=full @calciteSelectChange=${({ currentTarget: i }) => {
+      this.conditionOperator = i.value;
+    }}><calcite-option .label=${t.allAreTrue} .selected=${a} value=AND></calcite-option><calcite-option .label=${t.anyAreTrue} .selected=${!a} value=OR></calcite-option></calcite-select></div>`;
+  }
+  #a() {
+    return this._conditionViewModels.toArray().map((e) => this.#l(e));
+  }
+  #s() {
+    if (this.hideFab)
+      return;
+    const e = this.state === "loading";
+    return s`<calcite-fab appearance=outline-fill .disabled=${e || this.disabled} icon=plus kind=neutral .loading=${e} .scale=${this.visualScale} .text=${this.messages.addNew} text-enabled @click=${() => this.addCondition()}></calcite-fab>`;
+  }
+  #l(e) {
+    const t = this.state === "loading";
+    return n(e, s`<calcite-block class=${c(o.conditionContainer)} .disabled=${this.disabled || e.state === "disabled"} expanded .loading=${t} .heading=${this.messages.condition} .scale=${this.visualScale}><div>${this.#r(e)}${this.#n(e)}${this.#c(e)}</div>${this.#o(e)}</calcite-block>`);
+  }
+  #r(e) {
+    const { layer: t } = this, { normalizedFieldName: a } = e;
+    return s`<calcite-select .label=${this.messages.chooseAField ?? ""} .scale=${this.visualScale} width=full @calciteSelectChange=${({ currentTarget: i }) => {
+      e.value = null, e.fieldName = i.value, e.visibleOperators.includes(e.operator) || (e.operator = e.visibleOperators[0]);
+    }}>${e.fields.map((i) => this.#t(i.name, p(i, t), a))}</calcite-select>`;
+  }
+  #n(e) {
+    const { operator: t, visibleOperators: a } = e, { messages: i } = this;
+    return s`<calcite-select .label=${i.operator ?? ""} required .scale=${this.visualScale} width=full @calciteSelectChange=${(l) => {
+      e.operator = l.currentTarget.value;
+    }}>${a.map((l) => this.#t(l, i.operators?.[l], t))}</calcite-select>`;
+  }
+  #t(e, t, a) {
+    return n(e, s`<calcite-option .label=${t ?? e} .selected=${e === a} .value=${e}></calcite-option>`);
+  }
+  #c(e) {
+    const { domain: t, operator: a, valueAsString: i } = e, { messages: l } = this;
+    if (!e.valueInputIsHidden)
+      return t?.type === "coded-value" && t.codedValues.length && (a === "is" || a === "isNot") ? s`<calcite-select .label=${l.value ?? ""} required .scale=${this.visualScale} width=full @calciteSelectChange=${({ currentTarget: r }) => this._afterValueChange(e, r.value)}>${t.codedValues.map(({ code: r, name: d }) => this.#t(`${r}`, d, i))}</calcite-select>` : s`<calcite-input .label=${l.value} .scale=${this.visualScale} .type=${e.isNumericField || e.isObjectIDField ? "number" : "text"} .value=${i} @calciteInputInput=${({ currentTarget: r }) => this._afterValueChange(e, r.value)}></calcite-input>`;
+  }
+  #o(e) {
+    if (this.hideMenu)
+      return;
+    const { messages: t, viewModel: a, visualScale: i } = this;
+    return s`<div slot=header-menu-actions><calcite-action icon=trash .scale=${i} .text=${t.delete ?? ""} text-enabled @click=${() => a.removeCondition(e)}></calcite-action><calcite-action icon=copy .scale=${i} .text=${t.duplicate ?? ""} text-enabled @click=${() => a.duplicateCondition(e)}></calcite-action></div>`;
+  }
+  render() {
+    const e = this.hideHeader ? void 0 : this.messages.componentLabel;
+    return s`<calcite-panel .disabled=${this.disabled} .heading=${e} .scale=${this.visualScale}>${this.#i()}${this.#a()}${this.#s()}</calcite-panel>`;
+  }
+}
+u("arcgis-filter-builder", S);
+export {
+  S as ArcgisFilterBuilder
+};

package/dist/components/arcgis-filter-builder/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-filter-builder/index.js

@@ -0,0 +1,8 @@
+import "@esri/calcite-components/components/calcite-select";
+import "@esri/calcite-components/components/calcite-option";
+import "@esri/calcite-components/components/calcite-fab";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-input";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-panel";
+export * from "./customElement.js";

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

@@ -6,7 +6,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
-import type { LayerInfo, LegendContentState } from "@arcgis/core/legend/types.js";
+import type { LayerInfo, LegendModelState } from "@arcgis/core/legend/types.js";
 
 /**
  * The Legend component displays the symbols and labels used to represent layers in an [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/) or [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
@@ -444,7 +444,7 @@ export abstract class ArcgisLegend extends LitElement {
    *
    * @default "disabled"
    */
-  get state(): LegendContentState;
+  get state(): LegendModelState;
   /**
    * 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-legend component will be associated with a map or scene component rather than using the `view` property.

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

@@ -2,7 +2,7 @@
 import { c as d } from "../../chunks/runtime.js";
 import { css as g, html as o } from "lit";
 import { on as a, watch as n } from "@arcgis/core/core/reactiveUtils.js";
-import h from "@arcgis/core/legend/LegendContent.js";
+import h from "@arcgis/core/legend/LegendModel.js";
 import { LitElement as p, createEvent as f, safeClassMap as u } from "@arcgis/lumina";
 import { usePropertyChange as m } from "@arcgis/lumina/controllers";
 import { classes as v } from "@arcgis/toolkit/dom";

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

@@ -5,7 +5,7 @@ import { LitElement as $, safeClassMap as m, nothing as o, safeStyleMap as f } f
 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/utils2.js";
-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}}`;
+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-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;
@@ -59,11 +59,11 @@ class z extends $ {
       "imagery-layer-info-stretched": r
     }, d = {
       "imagery-layer-info-stretched": r
-    }, c = p(this.messages, t, !1) || "", n = !c && a ? a : "", v = {
-      "layer-cell-inline-title": !!n,
+    }, n = p(this.messages, t, !1) || "", c = !n && a ? a : "", v = {
+      "layer-cell-inline-title": !!c,
       ...g
     };
-    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>`;
+    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))}>${n || c}</div></div>`;
   }
   _renderPreview(e, l) {
     const { layer: a } = this;
@@ -77,10 +77,10 @@ class z extends $ {
     const { previewAriaLabel: i, src: t, opacity: r } = e, g = p(this.messages, e.label, !1), d = {
       "imagery-layer-stretched-image": a,
       symbol: !a
-    }, c = {
+    }, n = {
       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}>`;
+    }, c = b(this.messages, i || g);
+    return s`<img alt=${c ?? o} .ariaLabel=${c} class=${m(y(d))} height=${e.height ?? void 0 ?? o} src=${t ?? o} style=${f(n)} width=${e.width ?? void 0 ?? o}>`;
   }
 }
 u("arcgis-legend-classic-element", z);

package/dist/components/arcgis-link-chart/customElement.d.ts

@@ -47,7 +47,13 @@ export interface DeclareCssProperties {
   "--arcgis-layout-overlay-space-right": "*";
   /** _Since 5.0_ Specifies the focus outline color for the view. */
   "--arcgis-view-color-focus": "*";
-  /** _Since 5.2_ Specifies the corner radius for the view. */
+  /**
+   * _Since 5.2_ Specifies the corner radius for the view.
+   *
+   * A larger corner radius may cause a visual mismatch between the view and its built-in attribution.
+   * This limitation will be addressed in a future release. In the meantime, set `border-radius`
+   * on the view component to the same value as this CSS custom property.
+   */
   "--arcgis-view-corner-radius": "*";
   /** _Since 5.1_ Specifies the background color for table rows. */
   "--arcgis-table-row-background-color": "*";
@@ -962,7 +968,7 @@ export abstract class ArcgisLinkChart extends LitElement {
   /** Fires during a pointer drag on the view. */
   readonly arcgisViewDrag: import("@arcgis/lumina").TargetedEvent<this, DragEvent>;
   /**
-   * Fires when the focus region is selected using the `Enter` or `Space` key. Use this event to react to the selection of the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#focusRegion) via keyboard input and perform any necessary actions based on that selection, such as performing a `hitTest()` on the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#focusRegion) and passing the returned graphics to the [selection toolbar](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-selection-toolbar/).
+   * Fires when the focus region is selected using the `Enter` or `Space` key. Use this event to react to the selection of the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#focusRegion) via keyboard input and perform any necessary actions based on that selection, such as performing a `hitTest()` on the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#focusRegion) and passing the returned graphics to the [selectionManager](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#selectionManager).
    *           
    * Call `event.detail.preventDefault()` to suppress the default behavior of the [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) opening with the features in the focus region.
    *

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

@@ -51,7 +51,13 @@ export interface DeclareCssProperties {
   "--arcgis-layout-overlay-space-right": "*";
   /** _Since 5.0_ Specifies the focus outline color for the view. */
   "--arcgis-view-color-focus": "*";
-  /** _Since 5.2_ Specifies the corner radius for the view. */
+  /**
+   * _Since 5.2_ Specifies the corner radius for the view.
+   *
+   * A larger corner radius may cause a visual mismatch between the view and its built-in attribution.
+   * This limitation will be addressed in a future release. In the meantime, set `border-radius`
+   * on the view component to the same value as this CSS custom property.
+   */
   "--arcgis-view-corner-radius": "*";
   /** _Since 5.1_ Specifies the background color for table rows. */
   "--arcgis-table-row-background-color": "*";
@@ -1335,7 +1341,7 @@ export abstract class ArcgisMap extends LitElement {
   /** Fires during a pointer drag on the view. */
   readonly arcgisViewDrag: import("@arcgis/lumina").TargetedEvent<this, DragEvent>;
   /**
-   * Fires when the focus region is selected using the `Enter` or `Space` key. Use this event to react to the selection of the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#focusRegion) via keyboard input and perform any necessary actions based on that selection, such as performing a `hitTest()` on the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#focusRegion) and passing the returned graphics to the [selection toolbar](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-selection-toolbar/).
+   * Fires when the focus region is selected using the `Enter` or `Space` key. Use this event to react to the selection of the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#focusRegion) via keyboard input and perform any necessary actions based on that selection, such as performing a `hitTest()` on the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#focusRegion) and passing the returned graphics to the [selectionManager](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#selectionManager).
    *           
    * Call `event.detail.preventDefault()` to suppress the default behavior of the [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) opening with the features in the focus region.
    *

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

@@ -6,6 +6,8 @@ import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { AbortOptions } from "../../utils/async-utils.js";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
+import type { ObjectId } from "@arcgis/core/views/types.js";
+import type { OrientedImageryViewerViewModelState } from "@arcgis/core/widgets/OrientedImageryViewer/types.js";
 
 /**
  * The Oriented Imagery Viewer component allows the user to explore and use their oriented images.
@@ -367,12 +369,24 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    * @since 4.29
    */
   get referencePoint(): Point | null;
+  /**
+   * This property represents the object ID of the currently selected feature in the oriented imagery viewer.
+   *
+   * @since 5.2
+   */
+  get selectedFeatureObjectId(): ObjectId | null | undefined;
   /**
    * 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;
+  get selectedPoint(): Point | null | undefined;
+  /**
+   * The current state of the oriented imagery viewer.
+   *
+   * @since 5.2
+   */
+  get state(): OrientedImageryViewerViewModelState;
   /**
    * 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.
@@ -390,11 +404,19 @@ export abstract class ArcgisOrientedImageryViewer extends LitElement {
    * @since 5.1
    */
   loadBestImage(mapPoint: Point, options?: AbortOptions): Promise<void>;
+  /**
+   * /**
+   * Resets the viewer to its initial state.
+   * This method clears the currently displayed image or video from the viewer and removes all associated graphics from the map.
+   *
+   * @since 5.2
+   */
+  reset(): void;
   "@setterTypes": {
     icon?: IconName;
   };
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
-  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "imageGalleryEnabled" | "layer"; }>;
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "imageGalleryEnabled" | "layer" | "selectedPoint" | "selectedFeatureObjectId" | "state"; }>;
   /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {

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

@@ -2,22 +2,22 @@
 import { c as t } from "../../chunks/runtime.js";
 import { usePropertyChange as o } from "@arcgis/lumina/controllers";
 import a from "@arcgis/core/layers/OrientedImageryLayer.js";
-import n from "@arcgis/core/widgets/OrientedImageryViewer.js";
-import { LitElement as s, createEvent as d } from "@arcgis/lumina";
+import s from "@arcgis/core/widgets/OrientedImageryViewer.js";
+import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { log as l } from "@arcgis/toolkit/log";
 import { m as g } from "../../chunks/useWidget.js";
 import { css as c } from "lit";
 import { s as m } from "../../chunks/esri-main.js";
 import { u as h } from "../../chunks/useLayerById.js";
-const v = c`: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;container-type:size;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__alert>[slot=message]{display:block}@container (width <= 386px) or (height <= 348px){.esri-oriented-imagery-viewer__alert>[slot=message]{display:none}}.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 = g(n), p = "map-components:arcgis-oriented-imagery-viewer";
-class y extends s {
+const v = c`: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;container-type:size;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__alert>[slot=message]{display:block}@container (width <= 386px) or (height <= 348px){.esri-oriented-imagery-viewer__alert>[slot=message]{display:none}}.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 = g(s), p = "map-components:arcgis-oriented-imagery-viewer";
+class y extends n {
   constructor() {
     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.hideAdditionalCameraLocationsToggle = this.widget.visibleElements.additionalCameraLocationsToggle, this.hideAdditionalFootprintsToggle = this.widget.visibleElements.additionalFootprintToggle, this.hideCurrentFootprintToggle = this.widget.visibleElements.currentFootprintToggle, this.hideDirectionalNavigationToggle = this.widget.visibleElements.directionalNavigation, this.hideEnhancementToolToggle = this.widget.visibleElements.enhancementTool, this.hideExploreImagesToggle = this.widget.visibleElements.exploreImages, this.hideExploreImages3dToggle = this.widget.visibleElements.exploreImages3D, this.hideHeader = this.widget.visibleElements.header, this.hideMenu = this.widget.visibleElements.menu, this.hideImageGalleryToggle = this.widget.visibleElements.imageGallery, this.hideImageNavigationGroup = this.widget.visibleElements.imageNavigationTools, this.hideImageOverlaysToggle = this.widget.visibleElements.imageOverlays, this.hideMapImageLocationToolToggle = this.widget.visibleElements.mapImageConversionTool, this.hideImageMeasurementToolsGroup = this.widget.visibleElements.measurementTools, this.hideNavigationToolToggle = this.widget.visibleElements.navigationTool, this.hideOverlaysGroup = this.widget.visibleElements.overlays, this.hideSearchGroup = this.widget.visibleElements.searchTools, this.hideSequentialNavigationToggle = this.widget.visibleElements.sequentialNavigation, this.hideDisplayImageToggle = this.widget.visibleElements.showSelectedImage, this.hidePopupsAction = this.widget.visibleElements.showPopupsAction, this.hideSuperimposeViewToggle = this.widget.visibleElements.superimpose, this.hideUtilitiesGroup = this.widget.visibleElements.utilityTools, 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 = h(this, (e) => {
       e && (e.type === "oriented-imagery" ? this.layer = e : l("warn", this, `${p} - 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();
+    }), this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.preloadMedia = this.widget.preloadMedia, this.referencePoint = this.widget.referencePoint, this.selectedFeatureObjectId = this.widget.selectedFeatureObjectId, this.selectedPoint = this.widget.selectedPoint, this.state = this.viewModel.state, this.arcgisPropertyChange = o()("imageGalleryEnabled", "layer", "selectedPoint", "selectedFeatureObjectId", "state"), this.arcgisReady = d();
   }
   static {
-    this.properties = { view: 0, autoDestroyDisabled: 5, container: 32, actionBarPosition: 1, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, hideAdditionalCameraLocationsToggle: 5, hideAdditionalFootprintsToggle: 5, hideCurrentFootprintToggle: 5, hideDirectionalNavigationToggle: 5, hideEnhancementToolToggle: 5, hideExploreImagesToggle: 5, hideExploreImages3dToggle: 5, hideHeader: 5, hideMenu: 5, hideImageGalleryToggle: 5, hideImageNavigationGroup: 5, hideImageOverlaysToggle: 5, hideMapImageLocationToolToggle: 5, hideImageMeasurementToolsGroup: 5, hideNavigationToolToggle: 5, hideOverlaysGroup: 5, hideSearchGroup: 5, hideSequentialNavigationToggle: 5, hideDisplayImageToggle: 5, hidePopupsAction: 5, hideSuperimposeViewToggle: 5, hideUtilitiesGroup: 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 };
+    this.properties = { view: 0, autoDestroyDisabled: 5, container: 32, actionBarPosition: 1, currentCoverageVisible: 5, dataCaptureEnabled: 5, disabled: 5, galleryOpened: 5, hideAdditionalCameraLocationsToggle: 5, hideAdditionalFootprintsToggle: 5, hideCurrentFootprintToggle: 5, hideDirectionalNavigationToggle: 5, hideEnhancementToolToggle: 5, hideExploreImagesToggle: 5, hideExploreImages3dToggle: 5, hideHeader: 5, hideMenu: 5, hideImageGalleryToggle: 5, hideImageNavigationGroup: 5, hideImageOverlaysToggle: 5, hideMapImageLocationToolToggle: 5, hideImageMeasurementToolsGroup: 5, hideNavigationToolToggle: 5, hideOverlaysGroup: 5, hideSearchGroup: 5, hideSequentialNavigationToggle: 5, hideDisplayImageToggle: 5, hidePopupsAction: 5, hideSuperimposeViewToggle: 5, hideUtilitiesGroup: 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, selectedFeatureObjectId: 32, selectedPoint: 32, state: 32 };
   }
   static {
     this.styles = [m, v];
@@ -25,15 +25,15 @@ class y extends s {
   get container() {
     return this.widget.container instanceof HTMLDivElement ? this.widget.container : null;
   }
-  get selectedPoint() {
-    return this.widget.selectedPoint;
-  }
   async destroy() {
     await this.manager.destroy();
   }
   async loadBestImage(e, i) {
     return await this.widget.loadBestImage(e, i);
   }
+  reset() {
+    this.widget.reset();
+  }
   willUpdate(e) {
     if (e.has("orientedImageryLayerItemId")) {
       const i = this.orientedImageryLayerItemId;