@arcgis/map-components 5.2.0-next.101 → 5.2.0-next.103

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({ 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.associations.midspanEdge),
+          this.#i("junction-edge-from-connectivity", i, e.associations.endpointEdge)
+        ];
+        return c`<div class="info-container">${l("additional-content", c`<calcite-label>${e.associations.connectTo}<calcite-combobox .label=${e.associations.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.associations.terminal}<calcite-combobox .label=${i.associations.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.associations.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.associations.edgeSide}<calcite-label layout=inline>${e.associations.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.associations.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.associations.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 FeatureFormUtilityNetworkAssociationSettings
+};

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";