@arcgis/map-components 5.2.0-next.8 → 5.2.0-next.85

package/dist/components/arcgis-utility-network-trace-location-list/customElement.js

@@ -1,15 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
-import { css as h, html as n } from "lit";
-import p from "@arcgis/core/core/Collection.js";
+import { css as p, html as a } from "lit";
+import h from "@arcgis/core/core/Collection.js";
 import { substitute as u } from "@arcgis/core/intl.js";
 import { LitElement as g } from "@arcgis/lumina";
-import { log as s, composeEmptyPropertyMessage as b } from "@arcgis/toolkit/log";
+import { log as l, composeEmptyPropertyMessage as b } from "@arcgis/toolkit/log";
 import { u as f } from "../../chunks/useT9n.js";
-const v = h`:host{margin-block-start:0;padding:0 var(--calcite-spacing-sm) var(--calcite-spacing-sm) var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}calcite-list{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);overflow:hidden}calcite-list-item[selected] [slot=content-bottom]{display:block}.warning{color:var(--calcite-color-status-danger)}.terminals{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);display:flex;flex-direction:column}.filter-barrier-container{display:flex;width:100%;calcite-label{width:100%}}.filter-barrier{display:flex;justify-content:space-between;align-items:center;width:100%}`;
-class w extends g {
+const v = p`:host{padding:0 var(--calcite-spacing-sm) var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}calcite-list{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);overflow:hidden}calcite-list-item[selected] [slot=content-bottom]{display:block}.warning{color:var(--calcite-color-status-danger)}.terminals{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);display:flex;flex-direction:column}.filter-barrier{display:flex;justify-content:space-between;align-items:center;width:100%}`;
+class $ extends g {
   constructor() {
-    super(...arguments), this._messages = f({ blocking: !0 }), this.traceLocations = new p(), this.traceLocationType = "starting-point";
+    super(...arguments), this._messages = f({ blocking: !0 }), this.traceLocations = new h(), this.traceLocationType = "starting-point";
   }
   static {
     this.properties = { traceLocations: 0, traceLocationType: 1, view: 0 };
@@ -18,54 +18,53 @@ class w extends g {
     this.styles = v;
   }
   loaded() {
-    this.traceLocations.length || s("warn", this, b("traceLocations"));
+    this.traceLocations.length || l("warn", this, b("traceLocations"));
   }
-  _handleTraceLocationItemRemoved(e) {
+  #e(e) {
     const { traceLocations: i, view: t } = this;
     e.spatialProperties.flagGraphic && t && t.graphics.remove(e.spatialProperties.flagGraphic), i?.remove(e);
   }
-  _renderTerminal(e, i) {
-    const { flagProperties: t } = e, { selectedTerminals: r } = t;
-    if (!e)
-      return s("warn", this, "One or more elements in `traceLocations` are missing the required property `flag`."), null;
-    const { name: c, id: a } = i, o = r?.has(a) ?? !1;
-    return n`<calcite-label layout=inline><calcite-checkbox .value=${a} .checked=${o} @calciteCheckboxChange=${(l) => {
-      l.target.checked ? r?.add(a) : r?.delete(a), this.requestUpdate();
-    }}></calcite-checkbox>${c}</calcite-label>`;
+  #t(e, i) {
+    const { flagProperties: t } = e, { selectedTerminals: r } = t, { name: s, id: c } = i, n = r?.has(c) ?? !1;
+    return a`<calcite-label layout=inline><calcite-checkbox .value=${c} .checked=${n} @calciteCheckboxChange=${(o) => {
+      o.target.checked ? r?.add(c) : r?.delete(c), this.requestUpdate();
+    }}></calcite-checkbox>${s}</calcite-label>`;
   }
-  _renderTerminalError() {
-    const { _messages: e } = this;
-    return n`<calcite-notice kind=danger open scale=s width=auto><div slot=message>${e.errors.noTerminalSelected}</div></calcite-notice>`;
+  #i() {
+    return a`<calcite-notice kind=danger open scale=s width=auto><div slot=message>${this._messages.errors.noTerminalSelected}</div></calcite-notice>`;
   }
-  _renderFilterBarrier(e) {
-    const { _messages: i } = this, { traceLocation: t } = e;
-    return n`<div class="filter-barrier-container"><calcite-label layout=inline><div class="filter-barrier">${i.labels.filterBarrier}<calcite-switch .checked=${t.isFilterBarrier} @calciteSwitchChange=${(r) => {
-      t.isFilterBarrier = r.target.checked;
-    }}></calcite-switch></div></calcite-label></div>`;
+  #r(e) {
+    const { traceLocation: i } = e;
+    return a`<calcite-label layout=inline><div class="filter-barrier">${this._messages.labels.filterBarrier}<calcite-switch .checked=${i.isFilterBarrier} @calciteSwitchChange=${(t) => {
+      i.isFilterBarrier = t.target.checked;
+    }}></calcite-switch></div></calcite-label>`;
   }
-  _renderContents(e) {
-    const { flagProperties: i } = e, { terminalConfiguration: t, selectedTerminals: r } = i, c = e.traceLocation.type === "barrier", a = t && t.terminals.length > 0 && r?.size === 0;
-    return n`<calcite-action .icon=${i.expanded ? "chevron-up" : "chevron-down"} slot=actions-end scale=s text @click=${() => {
+  #c(e) {
+    const { flagProperties: i } = e, { terminalConfiguration: t, selectedTerminals: r } = i, s = e.traceLocation.type === "barrier", c = t && t.terminals.length > 0 && r?.size === 0;
+    return a`<calcite-action .icon=${i.expanded ? "chevron-up" : "chevron-down"} slot=actions-end scale=s text @click=${() => {
       i.expanded = !i.expanded, this.requestUpdate();
-    }}></calcite-action>${a && n`<calcite-icon class="warning" icon=exclamation-mark-triangle scale=s slot=content-start></calcite-icon>` || ""}${i.expanded && n`<div class="terminals" slot=content-bottom>${c && this._renderFilterBarrier(e) || ""}${t && this._renderTerminals(e) || ""}${a && this._renderTerminalError() || ""}</div>` || ""}`;
+    }}></calcite-action>${c && a`<calcite-icon class="warning" icon=exclamation-mark-triangle scale=s slot=content-start></calcite-icon>` || ""}${i.expanded && a`<div class="terminals" slot=content-bottom>${s && this.#r(e) || ""}${t && this.#a(e) || ""}${c && this.#i() || ""}</div>` || ""}`;
   }
-  _renderTerminals(e) {
+  #a(e) {
     const { flagProperties: i } = e, { terminalConfiguration: t } = i;
     if (!t)
-      return s("warn", this, "One or more locations are missing the required flag property `terminalConfiguration`."), [];
+      return l("warn", this, "One or more locations are missing the required flag property `terminalConfiguration`."), [];
     const r = t.terminals;
-    return !r || r.length === 0 ? (s("warn", this, "`terminalConfiguration.terminals` is required but either missing or empty.`"), []) : r.length === 1 ? [] : r.map((a) => this._renderTerminal(e, a));
+    return r.length ? r.length === 1 ? [] : r.map((c) => this.#t(e, c)) : (l("warn", this, "`terminalConfiguration.terminals` is required but either missing or empty.`"), []);
   }
-  _renderListItem(e) {
-    const { flagProperties: i } = e, { terminalConfiguration: t, expanded: r, title: c } = i, a = t && t.id !== 0, o = e.traceLocation.type === "barrier", l = a || o, d = t?.name ?? void 0;
-    return n`<calcite-list-item .label=${c} .description=${d} .value=${c} .expanded=${r}>${l ? this._renderContents(e) : n`<div slot=content-bottom></div>`}<calcite-action icon=x slot=actions-end scale=s text @click=${() => this._handleTraceLocationItemRemoved(e)}></calcite-action></calcite-list-item>`;
+  #s(e) {
+    const { flagProperties: i } = e, { terminalConfiguration: t, expanded: r, title: s } = i, c = t && t.id !== 0, n = e.traceLocation.type === "barrier", o = c || n, d = t?.name ?? void 0;
+    return a`<calcite-list-item .label=${s} .description=${d} .value=${s} .expanded=${r}>${o ? this.#c(e) : a`<div slot=content-bottom></div>`}<calcite-action icon=x slot=actions-end scale=s text @click=${() => this.#e(e)}></calcite-action></calcite-list-item>`;
   }
   render() {
-    const { _messages: e, traceLocationType: i } = this, t = u(e.labels.list, { traceLocationType: i }), r = this.traceLocations?.map((c) => this._renderListItem(c)).toArray() ?? [];
-    return r.length === 0 ? null : n`<div><calcite-list interaction-mode=static selection-mode=none .label=${t}>${r}</calcite-list></div>`;
+    const e = this.traceLocations.map((t) => this.#s(t)).toArray();
+    if (!e.length)
+      return null;
+    const i = u(this._messages.labels.list, { traceLocationType: this.traceLocationType });
+    return a`<div><calcite-list interaction-mode=static selection-mode=none .label=${i}>${e}</calcite-list></div>`;
   }
 }
-m("arcgis-utility-network-trace-location-list", w);
+m("arcgis-utility-network-trace-location-list", $);
 export {
-  w as ArcgisUtilityNetworkTraceLocationList
+  $ as ArcgisUtilityNetworkTraceLocationList
 };

package/dist/components/arcgis-utility-network-trace-location-list-next/customElement.d.ts

@@ -0,0 +1,43 @@
+/// <reference path="../../index.d.ts" />
+import type Collection from "@arcgis/core/core/Collection.js";
+import type MapView from "@arcgis/core/views/MapView.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { FlagInfo, TraceLocationType } from "../arcgis-utility-network-trace-location-next/customElement.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * This is a sub-component used by the **ArcgisUtilityNetworkTraceAnalysis** component.
+ * This sub-component renders a collection of trace locations as a list.
+ *
+ * @since 4.34
+ * @internal
+ */
+export abstract class ArcgisUtilityNetworkTraceLocationListNext extends LitElement {
+  /** @internal */
+  protected _messages: {
+      componentLabel: string;
+      errors: { noTerminalSelected: string; };
+      labels: {
+          filterBarrier: string;
+          list: string;
+      };
+      unknown: string;
+  } & T9nMeta<{
+      componentLabel: string;
+      errors: { noTerminalSelected: string; };
+      labels: {
+          filterBarrier: string;
+          list: string;
+      };
+      unknown: string;
+  }>;
+  /** @required */
+  accessor traceLocations: Collection<FlagInfo>;
+  /** @default "starting-point" */
+  accessor traceLocationType: TraceLocationType;
+  /**
+   * 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-utility-network-trace-location-list-next component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: MapView | undefined;
+}

package/dist/components/arcgis-utility-network-trace-location-list-next/customElement.js

@@ -0,0 +1,70 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as m } from "../../chunks/runtime.js";
+import { css as p, html as a } from "lit";
+import h from "@arcgis/core/core/Collection.js";
+import { substitute as u } from "@arcgis/core/intl.js";
+import { LitElement as g } from "@arcgis/lumina";
+import { log as l, composeEmptyPropertyMessage as b } from "@arcgis/toolkit/log";
+import { u as f } from "../../chunks/useT9n.js";
+const v = p`:host{padding:0 var(--calcite-spacing-sm) var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}calcite-list{border:solid 1px var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-sm);overflow:hidden}calcite-list-item[selected] [slot=content-bottom]{display:block}.warning{color:var(--calcite-color-status-danger)}.terminals{padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);display:flex;flex-direction:column}.filter-barrier{display:flex;justify-content:space-between;align-items:center;width:100%}`;
+class $ extends g {
+  constructor() {
+    super(...arguments), this._messages = f({ blocking: !0 }), this.traceLocations = new h(), this.traceLocationType = "starting-point";
+  }
+  static {
+    this.properties = { traceLocations: 0, traceLocationType: 1, view: 0 };
+  }
+  static {
+    this.styles = v;
+  }
+  loaded() {
+    this.traceLocations.length || l("warn", this, b("traceLocations"));
+  }
+  #e(e) {
+    const { traceLocations: i, view: t } = this;
+    e.spatialProperties.flagGraphic && t && t.graphics.remove(e.spatialProperties.flagGraphic), i?.remove(e);
+  }
+  #t(e, i) {
+    const { flagProperties: t } = e, { selectedTerminals: r } = t, { name: s, id: c } = i, n = r?.has(c) ?? !1;
+    return a`<calcite-label layout=inline><calcite-checkbox .value=${c} .checked=${n} @calciteCheckboxChange=${(o) => {
+      o.target.checked ? r?.add(c) : r?.delete(c), this.requestUpdate();
+    }}></calcite-checkbox>${s}</calcite-label>`;
+  }
+  #i() {
+    return a`<calcite-notice kind=danger open scale=s width=auto><div slot=message>${this._messages.errors.noTerminalSelected}</div></calcite-notice>`;
+  }
+  #r(e) {
+    const { traceLocation: i } = e;
+    return a`<calcite-label layout=inline><div class="filter-barrier">${this._messages.labels.filterBarrier}<calcite-switch .checked=${i.isFilterBarrier} @calciteSwitchChange=${(t) => {
+      i.isFilterBarrier = t.target.checked;
+    }}></calcite-switch></div></calcite-label>`;
+  }
+  #c(e) {
+    const { flagProperties: i } = e, { terminalConfiguration: t, selectedTerminals: r } = i, s = e.traceLocation.type === "barrier", c = t && t.terminals.length > 0 && r?.size === 0;
+    return a`<calcite-action .icon=${i.expanded ? "chevron-up" : "chevron-down"} slot=actions-end scale=s text @click=${() => {
+      i.expanded = !i.expanded, this.requestUpdate();
+    }}></calcite-action>${c && a`<calcite-icon class="warning" icon=exclamation-mark-triangle scale=s slot=content-start></calcite-icon>` || ""}${i.expanded && a`<div class="terminals" slot=content-bottom>${s && this.#r(e) || ""}${t && this.#a(e) || ""}${c && this.#i() || ""}</div>` || ""}`;
+  }
+  #a(e) {
+    const { flagProperties: i } = e, { terminalConfiguration: t } = i;
+    if (!t)
+      return l("warn", this, "One or more locations are missing the required flag property `terminalConfiguration`."), [];
+    const r = t.terminals;
+    return r.length ? r.length === 1 ? [] : r.map((c) => this.#t(e, c)) : (l("warn", this, "`terminalConfiguration.terminals` is required but either missing or empty.`"), []);
+  }
+  #s(e) {
+    const { flagProperties: i } = e, { terminalConfiguration: t, expanded: r, title: s } = i, c = t && t.id !== 0, n = e.traceLocation.type === "barrier", o = c || n, d = t?.name ?? void 0;
+    return a`<calcite-list-item .label=${s} .description=${d} .value=${s} .expanded=${r}>${o ? this.#c(e) : a`<div slot=content-bottom></div>`}<calcite-action icon=x slot=actions-end scale=s text @click=${() => this.#e(e)}></calcite-action></calcite-list-item>`;
+  }
+  render() {
+    const e = this.traceLocations.map((t) => this.#s(t)).toArray();
+    if (!e.length)
+      return null;
+    const i = u(this._messages.labels.list, { traceLocationType: this.traceLocationType });
+    return a`<div><calcite-list interaction-mode=static selection-mode=none .label=${i}>${e}</calcite-list></div>`;
+  }
+}
+m("arcgis-utility-network-trace-location-list-next", $);
+export {
+  $ as ArcgisUtilityNetworkTraceLocationListNext
+};

package/dist/components/arcgis-utility-network-trace-location-list-next/index.d.ts

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

package/dist/components/arcgis-utility-network-trace-location-list-next/index.js

@@ -0,0 +1,9 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-checkbox";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-switch";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-list";
+export * from "./customElement.js";

package/dist/components/arcgis-utility-network-trace-location-next/customElement.d.ts

@@ -0,0 +1,159 @@
+/// <reference path="../../index.d.ts" />
+import type Collection from "@arcgis/core/core/Collection.js";
+import type Point from "@arcgis/core/geometry/Point.js";
+import type Graphic from "@arcgis/core/Graphic.js";
+import type Layer from "@arcgis/core/layers/Layer.js";
+import type TerminalConfiguration from "@arcgis/core/networks/support/TerminalConfiguration.js";
+import type UtilityNetwork from "@arcgis/core/networks/UtilityNetwork.js";
+import type TraceLocation from "@arcgis/core/rest/networks/support/TraceLocation.js";
+import type MapView from "@arcgis/core/views/MapView.js";
+import type SketchViewModel from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * This is a sub-component used by the **ArcgisUtilityNetworkTraceAnalysis** component.
+ * It allows users to select locations on the map to use as trace inputs.
+ *
+ * @since 4.34
+ * @internal
+ */
+export abstract class ArcgisUtilityNetworkTraceLocationNext extends LitElement {
+  /** @internal */
+  protected _messages: {
+      buttons: { clear: string; };
+      componentLabel: string;
+      errors: {};
+      labels: { close: string; };
+      unknown: string;
+      types: {
+          barrier: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+          startingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+          stoppingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+      };
+  } & T9nMeta<{
+      buttons: { clear: string; };
+      componentLabel: string;
+      errors: {};
+      labels: { close: string; };
+      unknown: string;
+      types: {
+          barrier: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+          startingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+          stoppingPoint: {
+              buttonText: string;
+              description: string;
+              heading: string;
+              message: string;
+          };
+      };
+  }>;
+  /**
+   * A function to run after a hit test is performed to select a trace location. If left empty, the first graphic from the hit test results will be used as the trace location.
+   * This function allows for modification of the selected graphic before it is added as a trace location, such as changing its attributes or geometry.
+   * If the promise is rejected, the selection process will be cancelled.
+   *
+   * @internal
+   */
+  accessor afterHitTest: ((graphics: Graphic[]) => Promise<Graphic>) | 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-utility-network-trace-location-next/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * A function to run before trace location selection starts.
+   *
+   * @internal
+   */
+  accessor beforeTraceLocationSelectStart: (() => Promise<void>) | undefined;
+  accessor filterLayers: Collection<Layer> | undefined;
+  accessor sketchViewModel: SketchViewModel | undefined;
+  /** @default 0.05 */
+  accessor spatialTolerance: number;
+  accessor traceLocations: Collection<FlagInfo> | undefined;
+  /** @default "starting-point" */
+  accessor traceLocationType: TraceLocationType;
+  /** @required */
+  accessor utilityNetwork: UtilityNetwork | undefined;
+  /**
+   * The view associated with the component.
+   * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-utility-network-trace-location-next component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: MapView | undefined;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  readonly arcgisTraceLocationChange: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the user completes the selection of a trace location.
+   *
+   * @internal
+   */
+  readonly arcgisTraceLocationSelectEnd: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Fires when the user begins selection of a trace location.
+   * Can be prevented to stop the selection.
+   *
+   * @internal
+   */
+  readonly arcgisTraceLocationSelectStart: import("@arcgis/lumina").TargetedEvent<this, SelectStartPayload>;
+  readonly "@eventTypes": {
+    arcgisTraceLocationChange: ArcgisUtilityNetworkTraceLocationNext["arcgisTraceLocationChange"]["detail"];
+    arcgisTraceLocationSelectEnd: ArcgisUtilityNetworkTraceLocationNext["arcgisTraceLocationSelectEnd"]["detail"];
+    arcgisTraceLocationSelectStart: ArcgisUtilityNetworkTraceLocationNext["arcgisTraceLocationSelectStart"]["detail"];
+  };
+}
+
+/** @internal */
+export interface FlagInfo {
+  traceLocation: TraceLocation;
+  flagProperties: {
+      title: string;
+      expanded?: boolean;
+      terminalConfiguration?: TerminalConfiguration;
+      selectedTerminals?: Set<number>;
+  };
+  spatialProperties: {
+      mapPoint?: Point;
+      mapGraphic?: Graphic;
+      flagGraphic?: Graphic;
+  };
+}
+
+/** @internal */
+export type TraceLocationType = "barrier" | "starting-point" | "stopping-point";
+
+/** @internal */
+export interface SelectStartPayload {
+  cancelSelect: () => void;
+}