@arcgis/map-components 5.2.0-next.12 → 5.2.0-next.120

package/dist/components/arcgis-exploratory-analysis/customElement.d.ts

@@ -0,0 +1,206 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ArcgisAreaMeasurement2d } from "../arcgis-area-measurement-2d/customElement.js";
+import type { ArcgisAreaMeasurement3d } from "../arcgis-area-measurement-3d/customElement.js";
+import type { ArcgisDirectLineMeasurement3d } from "../arcgis-direct-line-measurement-3d/customElement.js";
+import type { ArcgisDistanceMeasurement2d } from "../arcgis-distance-measurement-2d/customElement.js";
+import type { ArcgisElevationProfile } from "../arcgis-elevation-profile/customElement.js";
+import type { ArcgisVolumeMeasurement } from "../arcgis-volume-measurement/customElement.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * The Exploratory Analysis component provides a container for measurement and analysis components and displays one active analysis at a time.
+ * Add one or more supported components as child elements.
+ *
+ * Supported components include:
+ *
+ * - [arcgis-area-measurement-2d](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-2d/)
+ * - [arcgis-area-measurement-3d](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-area-measurement-3d/)
+ * - [arcgis-direct-line-measurement-3d](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-direct-line-measurement-3d/)
+ * - [arcgis-distance-measurement-2d](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-distance-measurement-2d/)
+ * - [arcgis-elevation-profile](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-elevation-profile/)
+ * - [arcgis-volume-measurement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-volume-measurement/)
+ *
+ * When multiple measurement components are provided, their `icon` and `label` properties are used to create a toolbar for switching between them.
+ *
+ * @beta
+ * @since 5.2
+ * @example
+ * ```html
+ * <arcgis-map basemap="topo">
+ *   <arcgis-exploratory-analysis slot="top-right" show-close-button>
+ *     <arcgis-distance-measurement-2d></arcgis-distance-measurement-2d>
+ *     <arcgis-area-measurement-2d></arcgis-area-measurement-2d>
+ *   </arcgis-exploratory-analysis>
+ * </arcgis-map>
+ * ```
+ * @see [Sample: Exploratory Analysis component](https://developers.arcgis.com/javascript/latest/sample-code/exploratory-analysis/)
+ */
+export abstract class ArcgisExploratoryAnalysis extends LitElement {
+  /** @internal */
+  protected _messages: {
+      clear: string;
+      componentLabel: string;
+      toolbarLabel: string;
+      measure: string;
+      newMeasurement: string;
+      newProfile: string;
+  } & T9nMeta<{
+      clear: string;
+      componentLabel: string;
+      toolbarLabel: string;
+      measure: string;
+      newMeasurement: string;
+      newProfile: string;
+  }>;
+  /**
+   * The active child component. Set using the child component's tag name (i.e. `arcgis-distance-measurement-2d`).
+   * When set, this will display the specified analysis tool as the active component.
+   *
+   * @example
+   * ```html
+   * <arcgis-exploratory-analysis active-analysis="arcgis-distance-measurement-2d">
+   *   <arcgis-distance-measurement-2d></arcgis-distance-measurement-2d>
+   *   <arcgis-area-measurement-2d></arcgis-area-measurement-2d>
+   * </arcgis-exploratory-analysis>
+   * ```
+   */
+  get activeAnalysis(): MeasurementElement | undefined;
+  set activeAnalysis(value: MeasurementElement | MeasurementElementName | null | undefined);
+  /**
+   * 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
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-exploratory-analysis/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   * @example
+   * ```html
+   * <arcgis-exploratory-analysis auto-destroy-disabled></arcgis-exploratory-analysis>
+   * ```
+   *
+   * ```js
+   * exploratoryAnalysisElement.autoDestroyDisabled = true;
+   * ```
+   * 
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * Specifies whether selecting an analysis tool from the action bar waits for the user to start a new analysis via the button.
+   * By default, a new analysis is started once you click on the icon in the toolbar.
+   *
+   * @default false
+   * @example
+   * ```html
+   * <!-- user will have to click "New Measurement" to start measuring -->
+   * <arcgis-exploratory-analysis auto-start-disabled="true">
+   *   <arcgis-direct-line-measurement-3d></arcgis-direct-line-measurement-3d>
+   *   <arcgis-area-measurement-3d></arcgis-area-measurement-3d>
+   * </arcgis-exploratory-analysis>
+   * ```
+   */
+  accessor autoStartDisabled: boolean;
+  /**
+   * Indicates whether a component is closed. When `true`, the component will be hidden.
+   *
+   * @default false
+   * @example
+   * ```html
+   * <arcgis-exploratory-analysis closed></arcgis-exploratory-analysis>
+   * ```
+   *
+   * ```js
+   * exploratoryAnalysisElement.closed = true;
+   * ```
+   * 
+   */
+  accessor closed: boolean;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      clear?: string | undefined;
+      componentLabel?: string | undefined;
+      toolbarLabel?: string | undefined;
+      measure?: string | undefined;
+      newMeasurement?: string | undefined;
+      newProfile?: string | undefined;
+  };
+  /**
+   * This property provides the ability to show or hide the close button. When the close button is shown, the `ESC` key can be used to close the component via keyboard when the focus is within the component.
+   *
+   * @default false
+   * @example
+   * ```html
+   * <arcgis-exploratory-analysis show-close-button></arcgis-exploratory-analysis>
+   * ```
+   *
+   * ```js
+   * exploratoryAnalysisElement.showCloseButton = true;
+   * ```
+   * 
+   */
+  accessor showCloseButton: boolean;
+  /**
+   * This property provides the ability to show or hide the collapse button.
+   *
+   * @default false
+   * @example
+   * ```html
+   * <arcgis-exploratory-analysis show-collapse-button></arcgis-exploratory-analysis>
+   * ```
+   *
+   * ```js
+   * exploratoryAnalysisElement.showCollapseButton = true;
+   * ```
+   * 
+   */
+  accessor showCollapseButton: boolean;
+  /**
+   * This property provides the ability to show or hide the heading.
+   *
+   * @default false
+   * @example
+   * ```html
+   * <arcgis-exploratory-analysis show-heading></arcgis-exploratory-analysis>
+   * ```
+   *
+   * ```js
+   * exploratoryAnalysisElement.showHeading = true;
+   * ```
+   * 
+   */
+  accessor showHeading: boolean;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  "@setterTypes": {
+    activeAnalysis?: MeasurementElement | MeasurementElementName | null | undefined;
+  };
+  /** Emitted when the component's close button is clicked. */
+  readonly arcgisClose: import("@arcgis/lumina").TargetedEvent<this, 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: "activeAnalysis"; }>;
+  /** 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": {
+    arcgisClose: ArcgisExploratoryAnalysis["arcgisClose"]["detail"];
+    arcgisPropertyChange: ArcgisExploratoryAnalysis["arcgisPropertyChange"]["detail"];
+    arcgisReady: ArcgisExploratoryAnalysis["arcgisReady"]["detail"];
+  };
+}
+
+export type MeasurementElement = ArcgisAreaMeasurement2d | ArcgisAreaMeasurement3d | ArcgisDirectLineMeasurement3d | ArcgisDistanceMeasurement2d | ArcgisElevationProfile | ArcgisVolumeMeasurement;
+
+export type MeasurementElementName = (typeof measurementElementNames)[number];
+
+export const measurementElementNames: readonly [
+    "arcgis-area-measurement-2d",
+    "arcgis-area-measurement-3d",
+    "arcgis-direct-line-measurement-3d",
+    "arcgis-distance-measurement-2d",
+    "arcgis-elevation-profile",
+    "arcgis-volume-measurement"
+];

package/dist/components/arcgis-exploratory-analysis/customElement.js

@@ -0,0 +1,124 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as m } from "../../chunks/runtime.js";
+import { css as u, html as o } from "lit";
+import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as v, createEvent as r, nothing as h } from "@arcgis/lumina";
+import { usePropertyChange as g } from "@arcgis/lumina/controllers";
+import { getSlotAssignedElements as p } from "@arcgis/toolkit/dom/slots";
+import { u as f } from "../../chunks/useT9n.js";
+import { r as d } from "../../chunks/maybe.js";
+const A = u`:host{min-width:var(--arcgis-internal-panel-width, 300px)}calcite-action-bar{width:100%}.selection-notice-container{padding:var(--calcite-spacing-md)}.selection-notice-list{margin-block:0;padding-inline-start:var(--calcite-spacing-lg)}.measurement-content{--arcgis-internal-padding: var(--calcite-space-md) var(--calcite-space-none);margin-block-end:var(--calcite-space-none)}.measurement-content,slot::slotted(*){width:100%}.footer{display:grid;grid-template-columns:1fr 2fr;gap:var(--calcite-spacing-md);width:100%}`, b = [
+  "arcgis-area-measurement-2d",
+  "arcgis-area-measurement-3d",
+  "arcgis-direct-line-measurement-3d",
+  "arcgis-distance-measurement-2d",
+  "arcgis-elevation-profile",
+  "arcgis-volume-measurement"
+], _ = b.join(",");
+class C extends v {
+  constructor() {
+    super(), this._messages = f({ blocking: !0 }), this.#i = !1, this.#t = /* @__PURE__ */ new WeakMap(), this._activeAnalysisHasInput = !1, this._measurements = [], this.autoDestroyDisabled = !1, this.autoStartDisabled = !1, this.closed = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showHeading = !1, this.arcgisClose = r(), this.arcgisPropertyChange = g()("activeAnalysis"), this.arcgisReady = r(), this.listen("arcgisPropertyChange", this.#r.bind(this)), this.listen("arcgisReady", this.#r.bind(this));
+  }
+  static {
+    this.properties = { _activeAnalysisHasInput: 16, _activeAnalysisState: 16, _measurements: 16, activeAnalysis: 1, autoDestroyDisabled: 5, autoStartDisabled: 5, closed: 5, messageOverrides: 0, showCloseButton: 5, showCollapseButton: 5, showHeading: 5 };
+  }
+  static {
+    this.styles = A;
+  }
+  #a;
+  #i;
+  #t;
+  #e;
+  #n;
+  #s;
+  get activeAnalysis() {
+    return this.#a;
+  }
+  set activeAnalysis(e) {
+    this.#e = typeof e == "string" ? e : void 0, this.#l(typeof e == "string" ? this._measurements.find((s) => s.localName === e) : e ?? void 0);
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  load() {
+    this.manager.onLifecycle(() => (this.#c(), () => {
+      this.#s = d(this.#s), this.#n = void 0;
+    }));
+  }
+  async #o() {
+    await this.activeAnalysis?.clear();
+  }
+  #m() {
+    this.closed = !0, this.arcgisClose.emit(), this.autoDestroyDisabled || this.destroy();
+  }
+  async #u({ target: e }) {
+    const s = Number(e.selectedActions.at(0)?.dataset.measurementIndex), i = this._measurements[s];
+    if (i) {
+      if (this.#h(i), this.autoStartDisabled || i.interactionDisabled)
+        return;
+      await i.start();
+    } else
+      await this.#o(), this.#h(void 0);
+  }
+  #r() {
+    this._activeAnalysisState = this.activeAnalysis ? this.activeAnalysis.state ?? "disabled" : void 0, this.#c(), this.#d(), this.requestUpdate();
+  }
+  #y({ currentTarget: e }) {
+    const s = p(e, _), i = this._measurements.filter((t) => !s.includes(t));
+    for (const t of i) {
+      const n = this.#t.get(t);
+      t.hidden = n?.hidden ?? !1, t.hideStartButton = n?.hideStartButton ?? !1, "hideClearButton" in t && (t.hideClearButton = n?.hideClearButton ?? !1), "hideHeader" in t && (t.hideHeader = n?.hideHeader ?? !1), this.#t.delete(t);
+    }
+    for (const t of s)
+      this.#t.has(t) || (this.#t.set(t, {
+        hidden: t.hidden,
+        hideClearButton: "hideClearButton" in t ? t.hideClearButton : void 0,
+        hideStartButton: t.hideStartButton,
+        hideHeader: "hideHeader" in t ? t.hideHeader : void 0
+      }), t.componentOnReady().then(() => {
+        this.isConnected && t.isConnected && this._measurements.includes(t) && this.requestUpdate();
+      })), t.hideStartButton = !0, "hideClearButton" in t && (t.hideClearButton = !0), "hideHeader" in t && (t.hideHeader = !0);
+    this._measurements = s;
+    let l;
+    this.#e && (l = s.find((t) => t.localName === this.#e));
+    let c;
+    !this.#e && s.length === 1 && (c = s[0]);
+    let a;
+    this.#e ? a = l : this.#i && s.length > 1 ? a = void 0 : this.activeAnalysis && s.includes(this.activeAnalysis) ? a = this.activeAnalysis : a = c, this.#l(a), this.#i = !!c;
+  }
+  #h(e) {
+    this.#e = void 0, this.#i = !1, this.#l(e);
+  }
+  #l(e) {
+    const s = this.#a;
+    this.#a = e, this.requestUpdate("activeAnalysis", s), this.#v();
+  }
+  #v() {
+    this._activeAnalysisState = this.activeAnalysis ? this.activeAnalysis.state ?? "disabled" : void 0, this.#c(), this.#d();
+  }
+  #d() {
+    for (const e of this._measurements)
+      e.hidden = e !== this.activeAnalysis || (this.#t.get(e)?.hidden ?? !1) || e === this.activeAnalysis && this._activeAnalysisState === "ready";
+  }
+  async #g() {
+    await this.activeAnalysis?.start();
+  }
+  #c() {
+    const e = this.activeAnalysis?.analysis;
+    if (!(e === this.#n && (e == null || this.#s))) {
+      if (this.#s = d(this.#s), this.#n = e, !e) {
+        this._activeAnalysisHasInput = !1;
+        return;
+      }
+      this.#s = y(() => e.valid, (s) => this._activeAnalysisHasInput = s, { initial: !0, sync: !0 });
+    }
+  }
+  render() {
+    const { showCloseButton: e, showCollapseButton: s, showHeading: i } = this, l = this._activeAnalysisState === "disabled", c = this._measurements.length > 1, a = this.activeAnalysis?.label || this._messages.componentLabel;
+    return o`<calcite-panel .closed=${this.closed} .heading=${i ? this._messages.componentLabel : void 0} .collapsible=${s} .closable=${e} @calcitePanelClose=${this.#m}><div .hidden=${!c}><calcite-action-bar expand-toggle-disabled layout=horizontal><calcite-action-group .label=${this._messages.toolbarLabel} @calciteActionGroupChange=${this.#u} selection-mode=single>${this._measurements.map((t, n) => o`<calcite-action .active=${t === this.activeAnalysis} data-measurement-index=${n ?? h} .icon=${t.icon} .label=${t.label} .text=${t.label ?? ""} title=${t.label ?? h}></calcite-action>`)}</calcite-action-group></calcite-action-bar></div><div class="measurement-container" .hidden=${!this.activeAnalysis || l}><calcite-block class="measurement-content" .expanded=${this.isConnected && !!this.activeAnalysis && !l} .heading=${a}><slot @slotchange=${this.#y}></slot></calcite-block></div>${this.activeAnalysis ? o`<div class="footer" slot=footer><calcite-button appearance=transparent .disabled=${!this._activeAnalysisHasInput} kind=danger @click=${this.#o} width=full>${this._messages.clear}</calcite-button><calcite-button .disabled=${this.activeAnalysis.interactionDisabled || this._activeAnalysisState !== "ready" && !this._activeAnalysisHasInput} @click=${this.#g} width=full>${this.activeAnalysis?.matches("arcgis-elevation-profile") ? this._messages.newProfile : this._messages.newMeasurement}</calcite-button></div>` : null}</calcite-panel>`;
+  }
+}
+m("arcgis-exploratory-analysis", C);
+export {
+  C as ArcgisExploratoryAnalysis
+};

package/dist/components/arcgis-exploratory-analysis/index.js

@@ -0,0 +1,7 @@
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-action-bar";
+import "@esri/calcite-components/components/calcite-action-group";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-button";
+export * from "./customElement.js";

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

@@ -36,6 +36,15 @@ export abstract class ArcgisFeature extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-feature auto-destroy-disabled></arcgis-feature>
+   * ```
+   *
+   * ```js
+   * featureElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -248,20 +257,6 @@ export abstract class ArcgisFeature extends LitElement {
       noRelatedFeatures?: string | undefined;
       relationshipNotFound?: string | undefined;
       pageText?: string | undefined;
-      associationsAttachments?: string | undefined;
-      associationsConnectivity?: string | undefined;
-      associationsContainer?: string | undefined;
-      associationsContents?: string | undefined;
-      associationsJunctionEdgeFrom?: string | undefined;
-      associationsJunctionEdgeMidspan?: string | undefined;
-      associationsJunctionEdgeTo?: string | undefined;
-      associationsJunctionJunction?: string | undefined;
-      associationsList?: string | undefined;
-      associationsStructure?: string | undefined;
-      noAssociations?: string | undefined;
-      associationFilterPlaceholder?: string | undefined;
-      associationsLimitNoticeTitle?: string | undefined;
-      associationsLimitNoticeMessage?: string | undefined;
       openInApp?: string | undefined;
       view?: string | undefined;
       error?: string | undefined;
@@ -288,20 +283,6 @@ export abstract class ArcgisFeature extends LitElement {
       noRelatedFeatures: string;
       relationshipNotFound: string;
       pageText: string;
-      associationsAttachments: string;
-      associationsConnectivity: string;
-      associationsContainer: string;
-      associationsContents: string;
-      associationsJunctionEdgeFrom: string;
-      associationsJunctionEdgeMidspan: string;
-      associationsJunctionEdgeTo: string;
-      associationsJunctionJunction: string;
-      associationsList: string;
-      associationsStructure: string;
-      noAssociations: string;
-      associationFilterPlaceholder: string;
-      associationsLimitNoticeTitle: string;
-      associationsLimitNoticeMessage: string;
       openInApp: string;
       view: string;
       error: string;
@@ -326,20 +307,6 @@ export abstract class ArcgisFeature extends LitElement {
       noRelatedFeatures: string;
       relationshipNotFound: string;
       pageText: string;
-      associationsAttachments: string;
-      associationsConnectivity: string;
-      associationsContainer: string;
-      associationsContents: string;
-      associationsJunctionEdgeFrom: string;
-      associationsJunctionEdgeMidspan: string;
-      associationsJunctionEdgeTo: string;
-      associationsJunctionJunction: string;
-      associationsList: string;
-      associationsStructure: string;
-      noAssociations: string;
-      associationFilterPlaceholder: string;
-      associationsLimitNoticeTitle: string;
-      associationsLimitNoticeMessage: string;
       openInApp: string;
       view: string;
       error: string;
@@ -383,20 +350,20 @@ export abstract class ArcgisFeature extends LitElement {
   get state(): State;
   /**
    * Dates and times displayed in the component will be displayed in this time zone. By default this time zone is
-   * inherited from [MapView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#timeZone). When a MapView is not associated with the component,
+   * inherited from the associated [MapView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#timeZone) or [SceneView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#timeZone). When a view is not associated with the component,
    * then the property will fallback to the `system` time zone.
    *
    * **Possible Values**
    * - `system`: Dates and times will be displayed in the timezone of the device or browser.
-   * - `unknown`: Dates and time are not adjusted for any timezone.
+   * - `unknown`: Dates and times are not adjusted for any timezone.
    * - Specified IANA timezone: Dates and times will be displayed in the specified IANA time zone. See [wikipedia - List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
    *
    * @since 4.29
    */
   accessor timeZone: string;
   /**
-   * 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-feature component will be associated with a map or scene component rather than using the `view` property.
+   * 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-feature component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapViewOrSceneView | null | undefined;
   /**
@@ -436,7 +403,7 @@ export abstract class ArcgisFeature extends LitElement {
   updateGeometry(): 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: "flowItems" | "state"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** 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: ArcgisFeature["arcgisPropertyChange"]["detail"];

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

@@ -9,13 +9,13 @@ import { m as x } from "../../chunks/useViewModel.js";
 import { LitElement as F, createEvent as b, nothing as _, safeClassMap as L } from "@arcgis/lumina";
 import { substitute as T } from "@arcgis/core/intl.js";
 import { renderingSanitizer as A } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { a as D, g as k, c as R, b as V, s as c, i as B, d as H } from "../../chunks/feature-utils.js";
+import { c as D, g as k, d as R, e as V, b as c, i as B, f as H } from "../../chunks/feature-utils.js";
 import N from "@arcgis/core/core/Collection.js";
 import { watch as P } from "@arcgis/core/core/reactiveUtils.js";
 import { stripHTML as Z } from "@arcgis/core/applications/Components/stringUtils.js";
 import E from "@arcgis/core/widgets/Feature/FeatureViewModel.js";
-const z = w`:host{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1);--calcite-color-background: var(--calcite-color-foreground-1)}.root{flex:1 1 auto}.root calcite-icon{box-sizing:content-box}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.content-element{margin-bottom:var(--calcite-spacing-lg);padding:0 var(--calcite-spacing-sm);display:flex;flex-direction:column}.content-element:only-child,.content-element:last-child{margin-bottom:var(--calcite-spacing-xxs)}.last-edited-info{padding-top:var(--calcite-spacing-xs);font-size:var(--calcite-font-size-sm)}`, U = x(E);
-class S extends F {
+const z = w`:host{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1);--calcite-color-background: var(--calcite-color-foreground-1)}.root{flex:1 1 auto}.root calcite-icon{box-sizing:content-box}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.content-element{margin-bottom:var(--calcite-spacing-lg);padding:0 var(--calcite-spacing-sm);display:flex;flex-direction:column}.content-element[empty]{display:none}.content-element:not([empty]):only-child,.content-element:not([empty]):last-child{margin-bottom:var(--calcite-spacing-xxs)}.last-edited-info{padding-top:var(--calcite-spacing-xs);font-size:var(--calcite-font-size-sm)}`, U = x(E);
+class O extends F {
   constructor() {
     super(...arguments), this.messages = I(), this._rootFlowNode = null, this.internalFlowItems = new N(), this.flowType = "feature", this.viewModel = U(this), this.view = this.viewModel.view, this.icon = "icon", this.isFeatureFromTable = this.viewModel.isFeatureFromTable, this.graphic = this.viewModel.graphic, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.headingLevel = 2, this.spatialReference = this.viewModel.spatialReference, this.timeZone = this.viewModel.timeZone, this.heading = this.viewModel.title, this.map = this.viewModel.map, this.chartAnimationDisabled = this.viewModel.abilities.chartAnimation, this.hideHeading = !1, this.hideContent = !1, this.hideAttachmentsContent = !1, this.hideCustomContent = !1, this.hideExpressionContent = !1, this.hideFieldsContent = !1, this.hideMediaContent = !1, this.showRelationshipContent = !1, this.hideTextContent = !1, this.showUtilityNetworkContent = !1, this.hideLastEditedInfo = !1, this.autoDestroyDisabled = !1, this.location = this.viewModel.location, this.state = this.viewModel.state, this.arcgisPropertyChange = C()("flowItems", "state"), this.arcgisReady = b();
   }
@@ -180,7 +180,7 @@ class S extends F {
       layer: a,
       text: e.description
     });
-    return n`<arcgis-feature-utility-network-associations .autoDestroyDisabled=${this.autoDestroyDisabled} .associationTypes=${e.associationTypes} class="content-element" .description=${d} .flowItems=${this.flowItems ?? this.internalFlowItems} .graphic=${o ?? void 0} .heading=${l} .headingLevel=${this.headingLevel} .layer=${a} .map=${this.map ?? void 0} .messages=${s} .parentFeatureViewModel=${this.viewModel} .referenceElement=${this.referenceElement} .spatialReference=${this.spatialReference ?? void 0} .timeZone=${this.timeZone ?? void 0} .view=${this.viewModel.view ?? void 0}></arcgis-feature-utility-network-associations>`;
+    return n`<arcgis-feature-utility-network-associations .autoDestroyDisabled=${this.autoDestroyDisabled} .associationTypes=${e.associationTypes} class="content-element" .description=${d} .flowItems=${this.flowItems ?? this.internalFlowItems} .graphic=${o ?? void 0} .heading=${l} .headingLevel=${this.headingLevel} .layer=${a} .map=${this.map ?? void 0} .messageOverrides=${this.messageOverrides} .messages=${s} .parentFeatureViewModel=${this.viewModel} .referenceElement=${this.referenceElement} .spatialReference=${this.spatialReference ?? void 0} .timeZone=${this.timeZone ?? void 0} .view=${this.viewModel.view ?? void 0}></arcgis-feature-utility-network-associations>`;
   }
   _renderContentElement(e, t) {
     switch (e.type) {
@@ -225,7 +225,7 @@ class S extends F {
     return n`<div class=${L(M("last-edited-info", "content-element"))}>${r}</div>`;
   }
 }
-$("arcgis-feature", S);
+$("arcgis-feature", O);
 export {
-  S as ArcgisFeature
+  O as ArcgisFeature
 };