@arcgis/map-components 5.2.0-next.99 → 6.0.0-next.1

package/dist/components/arcgis-feature-form-utility-network-association-settings/customElement.js

@@ -0,0 +1,171 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as h } from "../../chunks/runtime.js";
+import { keyed as l } from "lit/directives/keyed.js";
+import { getGraphicLayer as b } from "@arcgis/core/applications/Components/graphicOriginUtils.js";
+import { LitElement as y } from "@arcgis/lumina";
+import { log as d, composeMissingPropertyMessage as u } from "@arcgis/toolkit/log";
+import { css as f, html as c } from "lit";
+import { u as v } from "../../chunks/useT9n.js";
+function g(r, e, t) {
+  const { associationType: i } = r;
+  switch (i) {
+    case "attachment":
+      return e === "to" ? t.attachment : t.structure;
+    case "containment":
+      return e === "to" ? t.content : t.container;
+    case "junction-edge-from-connectivity":
+    case "junction-edge-to-connectivity":
+    case "junction-edge-midspan-connectivity":
+    case "junction-junction-connectivity":
+    case "connectivity":
+      return t.connectivity;
+  }
+}
+function p(r, e) {
+  const t = b(r);
+  return t && "globalIdField" in t && t.globalIdField && e.fromNetworkElement ? r.getGlobalId() === e.fromNetworkElement.globalId : !1;
+}
+const $ = f`:host{--calcite-block-padding: 0;display:flex;flex-direction:column;background-color:transparent}calcite-block{margin-block:0;border:1px solid var(--calcite-color-border-3)}calcite-block:first-of-type{border-radius:var(--calcite-spacing-sm) var(--calcite-spacing-sm) 0 0}calcite-block:last-of-type{margin-block-end:var(--calcite-spacing-md);border-top:none;border-radius:0 0 var(--calcite-spacing-sm) var(--calcite-spacing-sm)}calcite-block calcite-label{margin-inline:var(--calcite-spacing-md)}.info-container{display:flex;flex-direction:column}.info-container>*{margin-block-end:var(--calcite-spacing-md)}`;
+class k extends y {
+  constructor() {
+    super(...arguments), this._messages = v({ name: "utility-network-associations", blocking: !0 }), this.#e = 50, this.topLayerDisabled = !1;
+  }
+  static {
+    this.properties = { association: 0, associationType: 1, percentAlong: 9, sourceFeature: 0, targetFeature: 0, topLayerDisabled: 5, utilityNetwork: 0 };
+  }
+  static {
+    this.styles = $;
+  }
+  get #o() {
+    return !this.association || !this.sourceFeature || !this.targetFeature || !this.utilityNetwork;
+  }
+  #e;
+  get associationType() {
+    return this.association?.associationType;
+  }
+  set associationType(e) {
+    const { association: t } = this;
+    !t || e === void 0 || (t.associationType = e, (e === "junction-edge-from-connectivity" || e === "junction-edge-to-connectivity") && (t.percentAlong = void 0));
+  }
+  get percentAlong() {
+    return this.#e;
+  }
+  set percentAlong(e) {
+    this.#e = e, this.association?.associationType === "junction-edge-midspan-connectivity" && (this.association.percentAlong = e / 100);
+  }
+  loaded() {
+    this.association || d("error", this, u("association")), this.sourceFeature || d("error", this, u("sourceFeature")), this.targetFeature || d("error", this, u("targetFeature")), this.utilityNetwork || d("error", this, u("utilityNetwork"));
+  }
+  willUpdate(e) {
+    e.has("association") && (this.percentAlong = (this.association?.percentAlong ?? 0.5) * 100);
+  }
+  #c(e) {
+    const t = b(e);
+    return t != null && typeof t == "object" && "geometryType" in t && t.geometryType == null;
+  }
+  #s() {
+    const { _messages: e, associationType: t } = this;
+    if (!t)
+      return null;
+    switch (t) {
+      case "attachment":
+      case "connectivity":
+      case "containment":
+      case "junction-junction-connectivity":
+        return null;
+      case "junction-edge-midspan-connectivity":
+      case "junction-edge-from-connectivity":
+      case "junction-edge-to-connectivity": {
+        const i = t === "junction-edge-midspan-connectivity" ? t : "junction-edge-from-connectivity", n = [
+          this.#i("junction-edge-midspan-connectivity", i, e.midspanEdge),
+          this.#i("junction-edge-from-connectivity", i, e.endpointEdge)
+        ];
+        return c`<div class="info-container">${l("additional-content", c`<calcite-label>${e.connectTo}<calcite-combobox .label=${e.edgeConnectionComboboxLabel} overlay-positioning=fixed selection-mode=single-persist .topLayerDisabled=${this.topLayerDisabled} @calciteComboboxChange=${({ currentTarget: o }) => {
+          this.associationType = o.value;
+        }}>${n}</calcite-combobox></calcite-label>`)}${i === "junction-edge-midspan-connectivity" ? this.#u() : this.#l()}</div>`;
+      }
+    }
+  }
+  #t(e, t, i) {
+    return c`<calcite-block .description=${t} expanded .heading=${e}>${i}</calcite-block>`;
+  }
+  #a(e, t, i) {
+    return l(`#${e}`, c`<calcite-combobox-item .heading=${i} .selected=${t === e} .value=${`${e}`}></calcite-combobox-item>`);
+  }
+  #i(e, t, i) {
+    return l(`#${e}`, c`<calcite-combobox-item .heading=${i} .selected=${t === e} .value=${e}></calcite-combobox-item>`);
+  }
+  #n(e, t) {
+    const { _messages: i, utilityNetwork: n } = this;
+    if (!n)
+      return null;
+    const a = n.getTerminalConfiguration(e)?.terminals.map((s) => this.#a(s.id, t.terminalId, s.name)) || [];
+    return c`<calcite-label>${i.terminal}<calcite-combobox .label=${i.terminalComboboxLabel} overlay-positioning=fixed selection-mode=single-persist .topLayerDisabled=${this.topLayerDisabled} @calciteComboboxChange=${({ currentTarget: s }) => {
+      t.terminalId = Number.parseInt(s.value, 10);
+    }}>${a}</calcite-combobox></calcite-label>`;
+  }
+  #r() {
+    const { _messages: e, association: t } = this;
+    if (!t)
+      return null;
+    const i = t.isContentVisible ?? !1;
+    return c`<calcite-label layout=inline>${e.visible}<calcite-switch .checked=${i} @calciteSwitchChange=${({ currentTarget: n }) => {
+      t.isContentVisible = n.checked;
+    }}></calcite-switch></calcite-label>`;
+  }
+  #l() {
+    const { _messages: e, associationType: t } = this, i = t === "junction-edge-to-connectivity";
+    return l("endpoint-edge", c`<calcite-label>${e.edgeSide}<calcite-label layout=inline>${e.fromSide}<calcite-switch .checked=${i} @calciteSwitchChange=${({ currentTarget: n }) => {
+      const a = n.checked ? "junction-edge-to-connectivity" : "junction-edge-from-connectivity";
+      this.associationType = a;
+    }}></calcite-switch>${e.toSide}</calcite-label></calcite-label>`);
+  }
+  #d() {
+    const { association: e, associationType: t, sourceFeature: i, targetFeature: n } = this;
+    if (!e || !t || !i || !n)
+      return null;
+    const o = p(i.feature, e) ? i : n, a = o.label, s = g(e, "from", this._messages.associationTypes);
+    switch (t) {
+      case "connectivity":
+      case "junction-edge-from-connectivity":
+      case "junction-edge-midspan-connectivity":
+      case "junction-edge-to-connectivity":
+      case "junction-junction-connectivity":
+        return this.#t(a, s, this.#n(o.feature, e.fromNetworkElement));
+      case "attachment":
+      case "containment":
+        return this.#t(a, s);
+    }
+  }
+  #u() {
+    const { _messages: e, percentAlong: t } = this;
+    return l("midspan-edge", c`<calcite-label>${e.midspanLocation}<calcite-input-number max=100 min=0 number-button-type=vertical suffix-text=% .value=${`${t}`} @calciteInputNumberInput=${({ currentTarget: i }) => {
+      const n = Number.parseFloat(i.value);
+      Number.isNaN(n) || (this.percentAlong = n);
+    }}></calcite-input-number></calcite-label>`);
+  }
+  #m() {
+    const { association: e, associationType: t, sourceFeature: i, targetFeature: n } = this;
+    if (!e || !t || !i || !n)
+      return null;
+    const o = p(i.feature, e) ? n : i, a = o.label, s = g(e, "to", this._messages.associationTypes);
+    let m;
+    switch (t) {
+      case "connectivity":
+      case "junction-junction-connectivity":
+        m = this.#n(o.feature, e.toNetworkElement);
+        break;
+      case "containment":
+        m = this.#c(o.feature) ? void 0 : this.#r();
+        break;
+    }
+    return this.#t(a, s, m);
+  }
+  render() {
+    return this.#o ? null : c`${this.#d()}${this.#m()}${this.#s()}`;
+  }
+}
+h("arcgis-feature-form-utility-network-association-settings", k);
+export {
+  k as ArcgisFeatureFormUtilityNetworkAssociationSettings
+};

package/dist/components/arcgis-feature-form-utility-network-association-settings/index.js

@@ -0,0 +1,7 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-combobox";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-combobox-item";
+import "@esri/calcite-components/components/calcite-switch";
+import "@esri/calcite-components/components/calcite-input-number";
+export * from "./customElement.js";

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

@@ -1,9 +1,9 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as B } from "../../chunks/runtime.js";
-import { css as W, html as _ } from "lit";
-import { ref as j } from "lit/directives/ref.js";
+import { css as j, html as _ } from "lit";
+import { ref as W } from "lit/directives/ref.js";
 import { keyed as K } from "lit/directives/keyed.js";
-import { useDirection as G, useMedia as q } from "@arcgis/lumina/controllers";
+import { useDirection as q, useMedia as G } from "@arcgis/lumina/controllers";
 import { getColorsFromRenderer as J } from "@arcgis/core/renderers/support/utils.js";
 import { LitElement as Q, nothing as y } from "@arcgis/lumina";
 import { substitute as Z } from "@arcgis/core/intl.js";
@@ -12,9 +12,9 @@ import te from "@arcgis/core/popup/FieldInfo.js";
 import V from "@arcgis/core/popup/content/support/ChartMediaInfoValueSeries.js";
 import { unsafeGetCalciteModeName as ie } from "@arcgis/toolkit/dom";
 import { renderingSanitizer as N } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { f as A, b as R, l as z, m as X, n as ae, o as E, i as re, p as ne, h as P, s as se } from "../../chunks/feature-utils.js";
+import { f as A, b as R, m as z, n as X, o as ae, p as E, i as re, q as ne, j as P, s as se } from "../../chunks/feature-utils.js";
 import { b as oe, a as le, c as ce } from "../../chunks/keyboard-utils.js";
-const de = W`.container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.container .pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.container .pagination-button:hover,.container .pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.item-title{margin:0;font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-snug)}.item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-snug)}.item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.item-text{margin-inline-end:var(--calcite-spacing-xs)}.pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.pagination:only-child{margin-inline-start:auto}.pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.item-container{flex:0 1 auto;width:100%}.item-container img{max-width:100%}.item-container img[src$=".SVG"],.item-container img[src$=".svg"]{width:100%}.chart{width:100%;height:155px}`;
+const de = j`.container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.container .pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.container .pagination-button:hover,.container .pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.item-title{margin:0;font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-snug)}.item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-snug)}.item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.item-text{margin-inline-end:var(--calcite-spacing-xs)}.pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.pagination:only-child{margin-inline-start:auto}.pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.item-container{flex:0 1 auto;width:100%}.item-container img{max-width:100%}.item-container img[src$=".SVG"],.item-container img[src$=".svg"]{width:100%}.chart{width:100%;height:155px}`;
 function $(S) {
   if (!A(S))
     return null;
@@ -24,7 +24,7 @@ function $(S) {
 const k = 15, C = "category", w = "value", ue = "rgba(50, 50, 50, 1)", he = 250, fe = 500, me = 200;
 class pe extends Q {
   constructor() {
-    super(...arguments), this._direction = G(), this._prefersReducedMotion = q("(prefers-reduced-motion)"), this.activeMediaInfoIndex = 0, this.chartAnimationDisabled = !1, this.headingLevel = 2;
+    super(...arguments), this._direction = q(), this._prefersReducedMotion = G("(prefers-reduced-motion)"), this.activeMediaInfoIndex = 0, this.chartAnimationDisabled = !1, this.headingLevel = 2;
   }
   static {
     this.properties = { _refreshIntervalInfo: 16, messages: 0, values: 0, expressionValues: 0, activeMediaInfoIndex: 9, chartAnimationDisabled: 5, activeMediaInfo: 32, formattedMediaInfos: 32, description: 1, fieldInfoMap: 0, layer: 0, mediaInfos: 0, popupTemplate: 0, relatedInfos: 0, formattedValues: 0, heading: 1, graphic: 0, formattedMediaInfoCount: 32, headingLevel: 9 };
@@ -508,7 +508,7 @@ class pe extends Q {
   }
   _renderChartMediaInfo(e) {
     const { activeMediaInfoIndex: t, formattedMediaInfoCount: i } = this;
-    return K(`media-${e.type}-${t}-${i}`, _`<div class="chart" ${j(this._updateChartElement)}></div>`);
+    return K(`media-${e.type}-${t}-${i}`, _`<div class="chart" ${W(this._updateChartElement)}></div>`);
   }
   _renderMediaInfoType() {
     const { activeMediaInfo: e } = this;

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

@@ -1,10 +1,12 @@
 /// <reference path="../../index.d.ts" />
+import type Collection from "@arcgis/core/core/Collection.js";
 import type Graphic from "@arcgis/core/Graphic.js";
 import type SpatialReference from "@arcgis/core/geometry/SpatialReference.js";
 import type Map from "@arcgis/core/Map.js";
 import type Point from "@arcgis/core/geometry/Point.js";
 import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PopupAction } from "@arcgis/core/widgets/Popup/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 import type { State } from "@arcgis/core/popup/types.js";
@@ -28,6 +30,12 @@ import type { State } from "@arcgis/core/popup/types.js";
  * @since 5.1
  */
 export abstract class ArcgisFeatureNext extends LitElement {
+  /**
+   * A collection of the actions available for the feature.
+   *
+   * @since 5.2
+   */
+  get allActions(): Collection<PopupAction>;
   /**
    * 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
@@ -62,6 +70,14 @@ export abstract class ArcgisFeatureNext extends LitElement {
    * @default false
    */
   accessor defaultPopupTemplateEnabled: boolean;
+  /**
+   * When `true`, the component will trap focus when opened.
+   * This ensures that keyboard navigation is contained within the component when it opens.
+   *
+   * @default false
+   * @since 5.2
+   */
+  accessor focusTrapEnabled: boolean;
   /**
    * The [Graphic](https://developers.arcgis.com/javascript/latest/references/core/Graphic/) used to represent the feature.
    *
@@ -391,7 +407,7 @@ export abstract class ArcgisFeatureNext extends LitElement {
    *
    * **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).
    */
   accessor timeZone: string;
@@ -432,7 +448,7 @@ export abstract class ArcgisFeatureNext 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: ArcgisFeatureNext["arcgisPropertyChange"]["detail"];

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

@@ -6,33 +6,33 @@ import { u as I } from "../../chunks/useT9n.js";
 import { classes as M } from "@arcgis/toolkit/dom";
 import { usePropertyChange as C } from "@arcgis/lumina/controllers";
 import { m as x } from "../../chunks/useViewModel.js";
-import { LitElement as b, createEvent as F, 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 { c as R, g as E, d as D, e as V, b as d, i as k, f as B } from "../../chunks/feature-utils.js";
+import { LitElement as b, createEvent as F, nothing as _, safeClassMap as A } from "@arcgis/lumina";
+import { substitute as L } from "@arcgis/core/intl.js";
+import { renderingSanitizer as T } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { c as D, g as E, d as R, e as V, b as d, i as k, f as B } from "../../chunks/feature-utils.js";
 import N from "@arcgis/core/core/Collection.js";
-import { watch as H } from "@arcgis/core/core/reactiveUtils.js";
-import { stripHTML as P } from "@arcgis/core/applications/Components/stringUtils.js";
-import Z from "@arcgis/core/popup/FeatureContent.js";
+import { watch as P } from "@arcgis/core/core/reactiveUtils.js";
+import { stripHTML as H } from "@arcgis/core/applications/Components/stringUtils.js";
+import Z from "@arcgis/core/popup/FeatureModel.js";
 const z = y`: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(Z);
-class S extends b {
+class O extends b {
   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.heading, this.map = this.viewModel.map, this.chartAnimationDisabled = this.viewModel.abilities.chartAnimation, this.hideHeading = !1, this.hideContent = !1, this.hideAttachmentsContent = !1, this.hideEmptyRelationshipContent = !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 = F();
+    super(...arguments), this.messages = I(), this._rootFlowNode = null, this.internalFlowItems = new N(), this.flowType = "feature", this.viewModel = U(this), this.actions = this.viewModel.actions, this.includeDefaultActions = this.viewModel.includeDefaultActions, this.focusTrapEnabled = !1, 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.heading, this.map = this.viewModel.map, this.chartAnimationDisabled = this.viewModel.abilities.chartAnimation, this.hideHeading = !1, this.hideContent = !1, this.hideAttachmentsContent = !1, this.hideEmptyRelationshipContent = !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 = F();
   }
   static {
-    this.properties = { popupTemplate: 16, sourceLayer: 16, fieldInfoMap: 16, values: 16, globalValues: 16, internalFlowItems: 16, flowType: 1, viewModel: 0, view: 0, flowItems: 0, referenceElement: 1, icon: 1, isFeatureFromTable: 36, graphic: 0, defaultPopupTemplateEnabled: 5, headingLevel: 9, spatialReference: 0, timeZone: 1, heading: 0, map: 0, chartAnimationDisabled: 5, hideHeading: 5, hideContent: 5, hideAttachmentsContent: 5, hideEmptyRelationshipContent: 5, hideCustomContent: 5, hideExpressionContent: 5, hideFieldsContent: 5, hideMediaContent: 5, showRelationshipContent: 5, hideTextContent: 5, showUtilityNetworkContent: 5, hideLastEditedInfo: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, location: 0, state: 32 };
+    this.properties = { popupTemplate: 16, sourceLayer: 16, fieldInfoMap: 16, values: 16, globalValues: 16, internalFlowItems: 16, flowType: 1, viewModel: 0, actions: 0, includeDefaultActions: 5, focusTrapEnabled: 5, view: 0, flowItems: 0, referenceElement: 1, icon: 1, isFeatureFromTable: 36, graphic: 0, allActions: 32, defaultPopupTemplateEnabled: 5, headingLevel: 9, spatialReference: 0, timeZone: 1, heading: 0, map: 0, chartAnimationDisabled: 5, hideHeading: 5, hideContent: 5, hideAttachmentsContent: 5, hideEmptyRelationshipContent: 5, hideCustomContent: 5, hideExpressionContent: 5, hideFieldsContent: 5, hideMediaContent: 5, showRelationshipContent: 5, hideTextContent: 5, showUtilityNetworkContent: 5, hideLastEditedInfo: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, location: 0, state: 32 };
   }
   static {
     this.styles = z;
   }
   get popupTemplate() {
-    return R(this.graphic, this.defaultPopupTemplateEnabled) ?? void 0;
+    return D(this.graphic, this.defaultPopupTemplateEnabled) ?? void 0;
   }
   get sourceLayer() {
     return E(this.graphic);
   }
   get fieldInfoMap() {
-    return D(V(this.popupTemplate), this.sourceLayer);
+    return R(V(this.popupTemplate), this.sourceLayer);
   }
   get values() {
     return this.graphic?.attributes ?? {};
@@ -40,6 +40,9 @@ class S extends b {
   get globalValues() {
     return this.viewModel.formattedAttributes?.global ?? {};
   }
+  get allActions() {
+    return this.viewModel.allActions;
+  }
   async destroy() {
     this._removeFlowItems(), await this.manager.destroy();
   }
@@ -64,7 +67,7 @@ class S extends b {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      H(() => [this.internalFlowItems?.length], () => this._setFocus())
+      P(() => [this.internalFlowItems?.length], () => this._setFocus())
     ]);
   }
   _setContentElementMedia(e, t) {
@@ -192,7 +195,7 @@ class S extends b {
       layer: o,
       text: e.description
     });
-    return r`<arcgis-feature-relationship .autoDestroyDisabled=${this.autoDestroyDisabled} class="content-element" .flowItems=${this.flowItems ?? this.internalFlowItems} .description=${v} .layer=${o} .map=${this.map ?? void 0} .displayCount=${l} .graphic=${a ?? void 0} .heading=${m} .headingLevel=${this.headingLevel} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .messages=${this.messages} .orderByFields=${c ?? void 0} .relationshipId=${h ?? void 0} .spatialReference=${this.spatialReference ?? void 0} .timeZone=${this.timeZone ?? void 0} use-feature-next-flow-item .values=${f} .view=${u ?? void 0}></arcgis-feature-relationship>`;
+    return r`<arcgis-feature-relationship .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} class="content-element" .flowItems=${this.flowItems ?? this.internalFlowItems} .description=${v} .layer=${o} .map=${this.map ?? void 0} .displayCount=${l} .graphic=${a ?? void 0} .heading=${m} .headingLevel=${this.headingLevel} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .includeDefaultActions=${this.includeDefaultActions} .messages=${this.messages} .orderByFields=${c ?? void 0} .relationshipId=${h ?? void 0} .spatialReference=${this.spatialReference ?? void 0} .timeZone=${this.timeZone ?? void 0} use-feature-next-flow-item .values=${f} .view=${u ?? void 0}></arcgis-feature-relationship>`;
   }
   _renderAssociation(e) {
     const { fieldInfoMap: t, globalValues: i, graphic: a, messages: s, sourceLayer: o, values: n } = this, l = d({
@@ -208,7 +211,7 @@ class S extends b {
       layer: o,
       text: e.description
     });
-    return r`<arcgis-feature-utility-network-associations .autoDestroyDisabled=${this.autoDestroyDisabled} .associationTypes=${e.associationTypes} class="content-element" .description=${c} .flowItems=${this.flowItems ?? this.internalFlowItems} .graphic=${a ?? void 0} .heading=${l} .headingLevel=${this.headingLevel} .layer=${o} .map=${this.map ?? void 0} .messages=${s} .parentFeatureViewModel=${this.viewModel} .referenceElement=${this.referenceElement} .spatialReference=${this.spatialReference ?? void 0} .timeZone=${this.timeZone ?? void 0} use-feature-next-flow-item .view=${this.viewModel.view ?? void 0}></arcgis-feature-utility-network-associations>`;
+    return r`<arcgis-feature-utility-network-associations .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .associationTypes=${e.associationTypes} class="content-element" .description=${c} .flowItems=${this.flowItems ?? this.internalFlowItems} .graphic=${a ?? void 0} .heading=${l} .headingLevel=${this.headingLevel} .includeDefaultActions=${this.includeDefaultActions} .layer=${o} .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} use-feature-next-flow-item .view=${this.viewModel.view ?? void 0}></arcgis-feature-utility-network-associations>`;
   }
   _renderContentElement(e, t) {
     switch (e.type) {
@@ -252,7 +255,7 @@ class S extends b {
   }
   _renderContentContainer() {
     const { flowItems: e, hideContent: t, internalFlowItems: i, headingLevel: a, state: s, messages: o, heading: n, hideHeading: l } = this, c = t ? null : r`<div class="main">${[this._renderContent(), this._renderLastEditInfo()]}</div>`, h = o.returnToInitialFeature ?? "";
-    return e ? c : r`<calcite-flow ${w(this._storeRootFlowNode)}><calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} .loading=${s === "loading"} .headingLevel=${a} .heading=${l ? void 0 : P(n)} .selected=${!i.length}>${!l && n ? r`<div slot=heading><div .innerHTML=${A.sanitize(n ?? "") ?? ""}></div></div>` : null}${c}</calcite-flow-item>${i.toArray().map((p, u) => r`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} @calciteFlowItemBack=${(f) => {
+    return e ? c : r`<calcite-flow ${w(this._storeRootFlowNode)}><calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} .loading=${s === "loading"} .headingLevel=${a} .heading=${l ? void 0 : H(n)} .selected=${!i.length}>${!l && n ? r`<div slot=heading><div .innerHTML=${T.sanitize(n ?? "") ?? ""}></div></div>` : null}${c}</calcite-flow-item>${i.toArray().map((p, u) => r`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} @calciteFlowItemBack=${(f) => {
       f.preventDefault(), this._handleDrillInBackClick();
     }} .loading=${s === "loading"} .headingLevel=${a} .selected=${u === i.length - 1}><calcite-action icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${h} title=${h ?? _}></calcite-action>${p}</calcite-flow-item>`)}</calcite-flow>`;
   }
@@ -260,14 +263,14 @@ class S extends b {
     const { hideLastEditedInfo: e, messages: t } = this, { lastEditInfo: i } = this.viewModel;
     if (!i || e)
       return null;
-    const { date: a, user: s } = i, o = i.type === "edit" ? s ? t.lastEditedByUser : t.lastEdited : s ? t.lastCreatedByUser : t.lastCreated, n = T(o ?? "", {
+    const { date: a, user: s } = i, o = i.type === "edit" ? s ? t.lastEditedByUser : t.lastEdited : s ? t.lastCreatedByUser : t.lastCreated, n = L(o ?? "", {
       date: a,
       user: s
     });
-    return r`<div class=${L(M("last-edited-info", "content-element"))}>${n}</div>`;
+    return r`<div class=${A(M("last-edited-info", "content-element"))}>${n}</div>`;
   }
 }
-$("arcgis-feature-next", S);
+$("arcgis-feature-next", O);
 export {
-  S as ArcgisFeatureNext
+  O as ArcgisFeatureNext
 };