@arcgis/map-components 5.2.0-next.113 → 5.2.0-next.115

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

@@ -4,17 +4,17 @@ import { css as I, html as a } from "lit";
 import _ from "@arcgis/core/rest/query/support/AttachmentInfo.js";
 import L from "@arcgis/core/rest/support/AttachmentQuery.js";
 import z from "@arcgis/core/core/Collection.js";
-import b from "@arcgis/core/core/Error.js";
-import { LitElement as S, nothing as p, safeClassMap as w, safeStyleMap as v } from "@arcgis/lumina";
+import A from "@arcgis/core/core/Error.js";
+import { LitElement as S, nothing as u, safeClassMap as $, safeStyleMap as w } from "@arcgis/lumina";
 import { bypassReadOnly as P } from "@arcgis/lumina/controllers";
-import { classes as A } from "@arcgis/toolkit/dom";
-import { g as u } from "../../chunks/feature-utils.js";
+import { classes as v } from "@arcgis/toolkit/dom";
+import { g as b } from "../../chunks/feature-utils.js";
 import { watch as C } from "@arcgis/core/core/reactiveUtils.js";
-function $(i) {
+function y(i) {
   const t = i.toLowerCase();
   return t === "image/bmp" || t === "image/emf" || t === "image/exif" || t === "image/gif" || t === "image/x-icon" || t === "image/jpeg" || t === "image/png" || t === "image/tiff" || t === "image/x-wmf";
 }
-function y(i) {
+function x(i) {
   return i ? i === "text/plain" ? "file-text" : i === "application/pdf" ? "file-pdf" : i === "text/csv" ? "file-csv" : i === "application/gpx+xml" ? "file-gpx" : i === "application/x-dwf" ? "file-cad" : i === "application/postscript" || i === "application/json" || i === "text/xml" || i === "model/vrml" ? "file-code" : i === "application/x-zip-compressed" || i === "application/x-7z-compressed" || i === "application/x-gzip" || i === "application/x-tar" || i === "application/x-gtar" || i === "application/x-bzip2" || i === "application/gzip" || i === "application/x-compress" || i === "application/x-apple-diskimage" || i === "application/x-rar-compressed" || i === "application/zip" ? "file-zip" : i.includes("image/") ? "file-image" : i.includes("audio/") ? "file-sound" : i.includes("video/") ? "file-video" : i.includes("msexcel") || i.includes("ms-excel") || i.includes("spreadsheetml") ? "file-excel" : i.includes("msword") || i.includes("ms-word") || i.includes("wordprocessingml") ? "file-word" : i.includes("powerpoint") || i.includes("presentationml") ? "file-report" : "file" : "file";
 }
 const j = I`:host([empty]){display:none}.item-link{display:flex;flex-grow:1;color:var(--calcite-color-text-3)}.item-link:visited,.item-link:hover,.item-link:focus-visible,.item-link:active{color:var(--calcite-color-text-1)}.item-link img{max-width:100%;max-height:100%;object-fit:contain}.item-link--list{align-items:center;justify-content:center;width:64px;max-height:64px;overflow:hidden;border-radius:var(--calcite-corner-radius-sm)}.item-link--list img{border-radius:var(--calcite-corner-radius-sm)}.item-link--list-icon{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.item-link--list calcite-icon{margin:var(--calcite-spacing-lg)}.item-link--preview{align-items:center;justify-content:center}.item-link--preview calcite-icon{margin-block:var(--calcite-spacing-lg)}.item-description{text-align:center;word-wrap:break-word;word-break:break-word}calcite-link{--calcite-link-text-color: var(--calcite-color-text-3);padding-inline:var(--calcite-spacing-sm);word-wrap:break-word;word-break:break-word}calcite-card{width:100%}`, E = z.ofType(_);
@@ -32,7 +32,7 @@ class R extends S {
     const { graphic: t } = this;
     if (!t)
       return !1;
-    const e = u(t);
+    const e = b(t);
     return e?.loaded && "capabilities" in e && e.capabilities && "attachment" in e.capabilities && e.capabilities.attachment && "supportsResize" in e.capabilities.attachment && e.capabilities.attachment.supportsTypeWildcard || !1;
   }
   get effectiveDisplayType() {
@@ -40,13 +40,13 @@ class R extends S {
     return !t || t === "auto" ? this.supportsResizeAttachments ? "preview" : "list" : t;
   }
   get _hasContent() {
-    return this._attachmentInfos.length > 0 || !!this.graphic && this.getAttachmentsPromise !== null;
+    return this._attachmentInfos.length > 0 || this.getAttachmentsPromise != null;
   }
   get supportsResizeAttachments() {
     const { graphic: t } = this;
     if (!t)
       return !1;
-    const e = u(t);
+    const e = b(t);
     return e?.loaded && "capabilities" in e && e.capabilities && "attachment" in e.capabilities && e.capabilities.attachment && "supportsResize" in e.capabilities.attachment && e.capabilities.attachment.supportsResize || !1;
   }
   loaded() {
@@ -55,28 +55,28 @@ class R extends S {
     ]);
   }
   async getAttachments() {
-    const { _attachmentLayer: t, _attachmentInfos: e, orderByFields: o, attachmentTypes: m, attachmentKeywords: s, _supportsTypeWildcard: g } = this;
+    const { _attachmentLayer: t, _attachmentInfos: e, orderByFields: r, attachmentTypes: c, attachmentKeywords: l, _supportsTypeWildcard: o } = this;
     if (!t || typeof t.queryAttachments != "function")
-      throw new b("invalid-layer", "getAttachments(): A valid layer is required.");
-    const h = this.graphic?.getObjectId();
-    if (typeof h != "number")
-      throw new b("invalid-object-id", "getAttachments(): Numeric object id is required");
-    const r = o?.map((n) => `${n.field} ${n.order === "descending" ? "DESC" : "ASC"}`), f = new L({
-      objectIds: [h],
+      throw new A("invalid-layer", "getAttachments(): A valid layer is required.");
+    const m = this.graphic?.getObjectId();
+    if (typeof m != "number")
+      throw new A("invalid-object-id", "getAttachments(): Numeric object id is required");
+    const g = r?.map((s) => `${s.field} ${s.order === "descending" ? "DESC" : "ASC"}`), n = new L({
+      objectIds: [m],
       returnMetadata: !0,
-      orderByFields: r,
-      attachmentTypes: g ? m?.filter(Boolean).map((n) => `${n}/*`) : void 0,
-      keywords: s
-    }), c = [], d = t.queryAttachments(f).then((n) => n[h] || c).catch(() => c);
-    this.getAttachmentsPromise = d, this._setEmpty(!1);
-    const l = await d;
-    e.destroyAll(), l.length && e.addMany(l), this.getAttachmentsPromise = null, this._setEmpty(!this._hasContent);
+      orderByFields: g,
+      attachmentTypes: o ? c?.filter(Boolean).map((s) => `${s}/*`) : void 0,
+      keywords: l
+    }), h = [], p = t.queryAttachments(n).then((s) => s[m] || h).catch(() => h);
+    this.getAttachmentsPromise = p, this._setEmpty(!1);
+    const d = await p;
+    e.destroyAll(), d.length && e.addMany(d), this.getAttachmentsPromise = null, this._setEmpty(!this._hasContent);
   }
   _setEmpty(t) {
     P(() => this.empty = t);
   }
   setAttachmentLayer() {
-    const { graphic: t } = this, e = u(t);
+    const { graphic: t } = this, e = b(t);
     this._attachmentLayer = e ? e.type === "scene" && e.associatedLayer != null ? e.associatedLayer : e : null;
   }
   graphicChanged() {
@@ -96,7 +96,7 @@ class R extends S {
     ].join(" ") : "";
   }
   render() {
-    return a`<div class="root"><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this.renderAttachments()}</div>`;
+    return this.empty ? null : a`<div class="root"><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this.renderAttachments()}</div>`;
   }
   renderAttachmentsList(t) {
     return a`<calcite-list .loading=${!!this.getAttachmentsPromise} .label=${this.messages?.componentLabel ?? ""} interaction-mode=static selection-mode=none>${t.toArray().filter(Boolean).map((e) => this.renderAttachmentListItem(e))}</calcite-list>`;
@@ -104,19 +104,23 @@ class R extends S {
   renderAttachmentsPreview(t) {
     return a`<calcite-card-group .label=${this.messages?.componentLabel ?? ""}>${this.getAttachmentsPromise ? a`<calcite-card loading></calcite-card>` : t.toArray().filter(Boolean).map((e) => this.renderAttachmentPreviewItem(e))}</calcite-card-group>`;
   }
+  renderAttachmentsCarousel(t) {
+    const e = t.toArray().filter(Boolean);
+    return a`<calcite-carousel .paginationDisabled=${e.length < 2} .label=${this.messages?.componentLabel ?? ""} pagination-position=top>${this.getAttachmentsPromise ? a`<calcite-carousel-item .label=${this.messages?.componentLabel ?? ""}><calcite-card loading></calcite-card></calcite-carousel-item>` : e.map((r) => a`<calcite-carousel-item .label=${r.name || this.messages?.noTitle || ""}>${this.renderAttachmentPreviewItem(r, !0)}</calcite-carousel-item>`)}</calcite-carousel>`;
+  }
   renderAttachments() {
     const { effectiveDisplayType: t, _attachmentInfos: e } = this;
-    return t === "preview" ? this.renderAttachmentsPreview(e) : this.renderAttachmentsList(e);
+    return t === "carousel" ? this.renderAttachmentsCarousel(e) : t === "preview" ? this.renderAttachmentsPreview(e) : this.renderAttachmentsList(e);
   }
   renderAttachmentListItem(t) {
-    const { supportsResizeAttachments: e } = this, { contentType: o, name: m, url: s, size: g } = t, h = 64, r = m || this.messages?.noTitle, f = y(o), c = this.getCSSTransform(t), d = c ? { transform: c, "image-orientation": "none" } : {}, l = e && $(o), n = a`<a class=${w(A("item-link", "item-link--list", {
-      "item-link--list-icon": !l
-    }))} slot=content-start href=${s ?? void 0 ?? p} rel=noreferrer target=_blank>${l ? a`<img alt=${m ?? p} src=${`${s}${s?.includes("?") ? "&" : "?"}w=${h}&s=${g}`} style=${v(d)} title=${m ?? p}>` : a`<calcite-icon .icon=${f}></calcite-icon>`}</a>`, x = a`<calcite-link slot=content .href=${s ?? void 0} rel=noreferrer target=_blank>${r}</calcite-link>`;
-    return a`<calcite-list-item .label=${r}>${n}${x}</calcite-list-item>`;
-  }
-  renderAttachmentPreviewItem(t) {
-    const { supportsResizeAttachments: e } = this, { contentType: o, name: m, url: s, size: g } = t, h = 225, r = m || this.messages?.noTitle, f = y(o), c = this.getCSSTransform(t), d = c ? { transform: c, "image-orientation": "none" } : {}, l = e && $(o), n = a`<a class=${w(A("item-link", "item-link--preview"))} slot=thumbnail href=${s ?? void 0 ?? p} rel=noreferrer target=_blank aria-label=${r ?? p} title=${r ?? p}>${l ? a`<img alt=${r ?? p} src=${`${s}${s?.includes("?") ? "&" : "?"}w=${h}&s=${g}`} style=${v(d)}>` : a`<calcite-icon scale=l .icon=${f}></calcite-icon>`}</a>`;
-    return a`<calcite-card .label=${r}>${n}${this.hidePreviewImageAttachmentName && l ? null : a`<span class="item-description" slot=description>${r}</span>`}</calcite-card>`;
+    const { supportsResizeAttachments: e } = this, { contentType: r, name: c, url: l, size: o } = t, m = 64, g = c || this.messages?.noTitle, n = x(r), h = this.getCSSTransform(t), p = h ? { transform: h, "image-orientation": "none" } : {}, d = e && y(r), s = a`<a class=${$(v("item-link", "item-link--list", {
+      "item-link--list-icon": !d
+    }))} slot=content-start href=${l ?? void 0 ?? u} rel=noreferrer target=_blank>${d ? a`<img alt=${c ?? u} src=${`${l}${l?.includes("?") ? "&" : "?"}w=${m}&s=${o}`} style=${w(p)} title=${c ?? u}>` : a`<calcite-icon .icon=${n}></calcite-icon>`}</a>`, f = a`<calcite-link slot=content .href=${l ?? void 0} rel=noreferrer target=_blank>${g}</calcite-link>`;
+    return a`<calcite-list-item .label=${g}>${s}${f}</calcite-list-item>`;
+  }
+  renderAttachmentPreviewItem(t, e = !1) {
+    const { supportsResizeAttachments: r } = this, { contentType: c, name: l, url: o, size: m } = t, g = 225, n = l || this.messages?.noTitle, h = x(c), p = this.getCSSTransform(t), d = p ? { transform: p, "image-orientation": "none" } : {}, s = r && y(c), f = a`<a class=${$(v("item-link", "item-link--preview"))} slot=thumbnail href=${o ?? void 0 ?? u} rel=noreferrer target=_blank aria-label=${n ?? u} title=${n ?? u}>${s ? a`<img alt=${n ?? u} src=${`${o}${o?.includes("?") ? "&" : "?"}w=${g}&s=${m}`} style=${w(d)}>` : a`<calcite-icon scale=l .icon=${h}></calcite-icon>`}</a>`;
+    return a`<calcite-card .label=${n}>${f}${(e || this.hidePreviewImageAttachmentName) && s ? null : a`<span class="item-description" slot=description>${n}</span>`}</calcite-card>`;
   }
 }
 k("arcgis-feature-attachments", R);

package/dist/components/arcgis-feature-attachments/index.js

@@ -2,6 +2,8 @@ import "../arcgis-feature-element-info/index.js";
 import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-card-group";
 import "@esri/calcite-components/components/calcite-card";
+import "@esri/calcite-components/components/calcite-carousel";
+import "@esri/calcite-components/components/calcite-carousel-item";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-list-item";

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

@@ -0,0 +1,174 @@
+/* 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 { keyed as r } from "lit/directives/keyed.js";
+import { ref as g } from "lit/directives/ref.js";
+import { stripHTML as l } from "@arcgis/core/applications/Components/stringUtils.js";
+import { formatNumber as f, substitute as y } from "@arcgis/core/intl.js";
+import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
+import { ArcgisUtilityNetworkAssociationList as v } from "../arcgis-utility-network-association-list/customElement.js";
+import { e as $ } from "../../chunks/layer-utils.js";
+import { u as b } from "../../chunks/useT9n.js";
+import { H as F } from "../../chunks/heading.js";
+const _ = p`:host{background-color:var(--calcite-color-surface-2)}.feature-observer{position:relative;bottom:var(--calcite-space-2xl);z-index:2;text-align:center}.header{calcite-block{margin-block-start:calc(var(--calcite-size-3xs) * -1.5);margin-inline:calc(var(--calcite-size-xs) * -1)}}.header>*{margin-block-end:var(--calcite-size-3xs)}.header>:last-child{color:var(--calcite-color-text-3)}.heading-content{display:flex;align-items:center;calcite-icon{margin-inline-end:var(--calcite-size-3xs)}}.list-container{display:flex;flex-direction:column;min-height:var(--calcite-space-3xl);calcite-fab{align-self:center;margin-block:var(--calcite-space-md)}}`;
+function A(n) {
+  const { percentAlong: t } = n;
+  return t == null ? "" : f(t, {
+    style: "percent",
+    maximumFractionDigits: 2
+  });
+}
+async function L(n) {
+  const t = n.attributes, e = $(n) ? n.sourceLayer : void 0, i = n.origin, s = i && "layer" in i ? i.layer : e ?? n.layer;
+  if (!t || !s)
+    return "";
+  if ("getFeatureTitle" in s)
+    return await s.getFeatureTitle(n);
+  const c = "displayField" in s ? s.displayField : null;
+  let o = c != null ? t[c.toString()] : null;
+  return o != null && typeof o != "string" && (o = o.toString()), o || n.getObjectId()?.toString() || "";
+}
+function u(n) {
+  const { associationType: t } = n;
+  return t === "connectivity" || t === "junction-edge-from-connectivity" || t === "junction-edge-midspan-connectivity" || t === "junction-edge-to-connectivity" || t === "junction-junction-connectivity";
+}
+function T(n) {
+  return n.associationType === "junction-edge-midspan-connectivity";
+}
+class I extends v {
+  constructor() {
+    super(...arguments), this._messagesFeature = b({ blocking: !0 }), this.#e = 0, this.#t = !1, this._filteredItemCount = 0, this.addAssociation = () => {
+    }, this.headingLevel = 5, this.hideAssociationDetails = !1, this.selectAssociatedFeature = async () => {
+    }, this.selectAssociatedLayer = () => {
+    }, this.topLayerDisabled = !1;
+  }
+  static {
+    this.properties = { _featureTitle: 16, _filteredItemCount: 16, _featureInfosPage: 16, _featureInfos: 16, addAssociation: 0, associatedFeatureCount: 32, associationInput: 0, headingLevel: 9, hideAssociationDetails: 5, selectAssociatedFeature: 0, selectAssociatedLayer: 0, topLayerDisabled: 5 };
+  }
+  static {
+    this.styles = _;
+  }
+  #e;
+  #t;
+  get _featureInfosPage() {
+    return this._featureInfos.slice(0, this.endIndex);
+  }
+  get _featureInfos() {
+    const t = this.associationInput?.associatedFeatures;
+    return t ? t.toArray() : [];
+  }
+  get associatedFeatureCount() {
+    return this._featureInfos.length;
+  }
+  loaded() {
+    super.loaded(), this.manager.onLifecycle(() => [
+      d(() => [
+        this.associationInput,
+        this.associationInput?.associationFeature,
+        this.associationInput?.featureItem?.label
+      ], () => {
+        this.#c();
+      }, { initial: !0 }),
+      d(() => this.associationInput?.updating ?? !1, (t) => this.state = t ? "querying" : "ready", { initial: !0 })
+    ]);
+  }
+  #s(t) {
+    const e = t.activeAssociationType?.type;
+    if (!e)
+      return;
+    const { attachment: i, connectivity: s, container: c, content: o, structure: h } = this._messages.associationTypes;
+    switch (e) {
+      case "attachment":
+        return i;
+      case "connectivity":
+        return s;
+      case "container":
+        return c;
+      case "content":
+        return o;
+      case "structure":
+        return h;
+      default:
+        return;
+    }
+  }
+  #i(t) {
+    return `association-${t.association.globalId}`;
+  }
+  #a(t) {
+    this._filteredItemCount = t ? this.associatedFeatureCount : 0;
+  }
+  async #n(t) {
+    if (!this.#t) {
+      this.#t = !0;
+      try {
+        await this.selectAssociatedFeature({ feature: t.feature, association: t.association });
+      } finally {
+        this.#t = !1;
+      }
+    }
+  }
+  async #c() {
+    const { associationInput: t } = this, e = ++this.#e;
+    if (!t?.associationFeature || t.featureItem?.label) {
+      this._featureTitle = void 0;
+      return;
+    }
+    const i = await L(t.associationFeature);
+    e === this.#e && (this._featureTitle = i);
+  }
+  #o(t) {
+    const e = t.title || this._messagesCommon.untitled, i = this.#i(t), s = T(t.association), c = s ? A(t.association) : "";
+    return r(i, a`<calcite-list-item .description=${l(t.terminalName ?? "")} .label=${l(e)} @calciteListItemSelect=${() => this.#n(t)}>${u(t.association) ? this._renderConnectivityIcon(t.association.associationType, i) : null}${s ? a`<calcite-chip .label=${c} scale=s slot=content-end>${c}</calcite-chip>` : null}<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`);
+  }
+  #r() {
+    const t = this._featureInfosPage, e = t.map((s) => this.#h(s)), i = t.map((s) => this.#o(s));
+    return [...e, ...i];
+  }
+  #l(t) {
+    const e = this.#s(t) ?? "", i = t.featureItem?.label || this._featureTitle || "";
+    return a`<calcite-block .description=${e} .heading=${i}></calcite-block>`;
+  }
+  #d(t, e) {
+    return a`${this.#u(t, e)}<div class="list-container">${this._renderFeatureCountWarning()}${r(`associated-features-list-${e.id}`, a`<calcite-list filter-enabled .filterLabel=${this._messages.associationFilterPlaceholder} .filterPlaceholder=${this._messages.associationFilterPlaceholder} .label=${this._messages.associatedFeatures} @calciteListFilter=${(i) => this._filteredItemCount = i.currentTarget?.filteredItems.length} ${g(this.#a)}>${this.#r()}${this._renderFeatureObserver()}</calcite-list>`)}</div>`;
+  }
+  #u(t, e) {
+    return a`<div class="header">${this.hideAssociationDetails ? null : this.#l(t)}${this.#g(e)}${this.#f(e)}</div>`;
+  }
+  #h(t) {
+    const { tooltipReferenceMap: e } = this, i = this.#i(t);
+    return u(t.association) ? r(`tooltip-${i}`, a`<calcite-tooltip overlay-positioning=fixed .referenceElement=${e.get(i)} .topLayerDisabled=${this.topLayerDisabled}>${this.getConnectivityTooltip(t.association.associationType)}</calcite-tooltip>`) : null;
+  }
+  #m(t, e) {
+    const { associatedFeatureInfos: i } = t, s = i.get(e)?.length ?? 0;
+    return r(`${e.id}-show-all`, a`<calcite-list-item expanded .label=${e.title ?? this._messagesCommon.untitled} .value=${e.id} @calciteListItemSelect=${() => this.selectAssociatedLayer({ layer: e })}><calcite-chip .label=${s.toString()} scale=s slot=content-end>${s}</calcite-chip><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`);
+  }
+  #p(t) {
+    const { associatedFeatureInfos: e, associationFeature: i, editable: s } = t;
+    return i ? a`<div class="list-container"><calcite-list .label=${this._messages.associatedLayers}>${Array.from(e.keys(), (c) => this.#m(t, c))}</calcite-list>${s ? a`<calcite-fab appearance=outline-fill icon=plus kind=neutral .text=${this._messagesCommon.add} text-enabled @click=${() => this.addAssociation({
+      feature: i,
+      associationType: t.activeAssociationType,
+      utilityNetwork: t.utilityNetwork
+    })}></calcite-fab>` : void 0}</div>` : null;
+  }
+  #g(t) {
+    return t.title ? r("title", F({ level: this.headingLevel, children: a`<div class="heading-content"><calcite-icon icon=layer></calcite-icon>${t.title}</div>` })) : null;
+  }
+  #f(t) {
+    const e = y(this._messagesFeature?.numberRecords, {
+      number: this._filteredItemCount
+    });
+    return r(t.id, a`<div>${e}</div>`);
+  }
+  render() {
+    const { associationInput: t } = this;
+    if (!t)
+      return a`<div></div>`;
+    const { associatedLayer: e } = t;
+    return t.updating ? a`<div>${this._renderLoading()}</div>` : e ? a`<div>${this.#d(t, e)}</div>` : a`<div>${this.#p(t)}</div>`;
+  }
+}
+m("arcgis-feature-form-utility-network-association-list", I);
+export {
+  I as ArcgisFeatureFormUtilityNetworkAssociationList
+};

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

@@ -0,0 +1,9 @@
+import "../arcgis-utility-network-association-list/index.js";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-fab";
+export * from "./customElement.js";

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

@@ -77,10 +77,10 @@ class k extends y {
       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)
+          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.associations.connectTo}<calcite-combobox .label=${e.associations.edgeConnectionComboboxLabel} overlay-positioning=fixed selection-mode=single-persist .topLayerDisabled=${this.topLayerDisabled} @calciteComboboxChange=${({ currentTarget: o }) => {
+        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>`;
       }
@@ -100,7 +100,7 @@ class k extends y {
     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 }) => {
+    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>`;
   }
@@ -109,16 +109,16 @@ class k extends y {
     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 }) => {
+    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.associations.edgeSide}<calcite-label layout=inline>${e.associations.fromSide}<calcite-switch .checked=${i} @calciteSwitchChange=${({ currentTarget: n }) => {
+    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.associations.toSide}</calcite-label></calcite-label>`);
+    }}></calcite-switch>${e.toSide}</calcite-label></calcite-label>`);
   }
   #d() {
     const { association: e, associationType: t, sourceFeature: i, targetFeature: n } = this;
@@ -139,7 +139,7 @@ class k extends y {
   }
   #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 }) => {
+    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>`);
@@ -167,5 +167,5 @@ class k extends y {
 }
 h("arcgis-feature-form-utility-network-association-settings", k);
 export {
-  k as FeatureFormUtilityNetworkAssociationSettings
+  k as ArcgisFeatureFormUtilityNetworkAssociationSettings
 };

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

@@ -1,35 +1,32 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as f } from "../../chunks/runtime.js";
-import { css as g, html as n } from "lit";
+import { css as g, html as o } from "lit";
 import { keyed as d } from "lit/directives/keyed.js";
 import { ArcgisUtilityNetworkAssociationList as y } from "../arcgis-utility-network-association-list/customElement.js";
 import { stripHTML as p } from "@arcgis/core/applications/Components/stringUtils.js";
 import { formatNumber as w, substitute as $ } from "@arcgis/core/intl.js";
 import { renderElement as h, safeClassMap as b } from "@arcgis/lumina";
+import { u as F } from "../../chunks/useT9n.js";
 import { i as m } from "../../chunks/layer-utils.js";
-const F = g`:host{position:relative;flex:1 1 auto}.list-item--hidden{display:none}.feature-observer{bottom:var(--calcite-spacing-xxl);position:relative;text-align:center;z-index:2}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.notice-container{margin-bottom:var(--calcite-spacing-xs)}`, _ = "nested";
-class A extends y {
+const _ = g`:host{position:relative;flex:1 1 auto}.list-item--hidden{display:none}.feature-observer{bottom:var(--calcite-spacing-xxl);position:relative;text-align:center;z-index:2}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.notice-container{margin-bottom:var(--calcite-spacing-xs)}`, A = "nested";
+class I extends y {
   constructor() {
-    super(...arguments), this.autoDestroyDisabled = !1, this.displayCount = 3, this.useFeatureNextFlowItem = !1, this.flowType = "feature-utility-network-association-type";
+    super(...arguments), this._messagesFeature = F({ blocking: !0 }), this.autoDestroyDisabled = !1, this.displayCount = 3, this.useFeatureNextFlowItem = !1, this.flowType = "feature-utility-network-association-type";
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, description: 1, displayCount: 9, endIndex: 32, flowItems: 0, useFeatureNextFlowItem: 5, flowType: 1, heading: 1, map: 0, referenceElement: 1, spatialReference: 0, timeZone: 1, view: 0 };
+    this.properties = { autoDestroyDisabled: 5, description: 1, displayCount: 9, flowItems: 0, useFeatureNextFlowItem: 5, flowType: 1, heading: 1, map: 0, referenceElement: 1, spatialReference: 0, timeZone: 1, view: 0 };
   }
   static {
-    this.styles = F;
-  }
-  get endIndex() {
-    const { currentFeaturePage: e, featuresPerPage: t, maxFeatureCount: s } = this;
-    return Math.min(e * t, s);
+    this.styles = _;
   }
   async destroy() {
     await this.manager.destroy();
   }
   _featureViewModelMatch(e, t) {
-    const s = e.graphic, i = s?.layer;
-    let o = null;
-    m(i) && i.parent ? o = i.parent.globalIdField ?? null : i && "globalIdField" in i && (o = i.globalIdField);
-    const l = o ? s?.getAttribute(o) : null, r = t.graphic, a = r?.layer;
+    const i = e.graphic, s = i?.layer;
+    let n = null;
+    m(s) && s.parent ? n = s.parent.globalIdField ?? null : s && "globalIdField" in s && (n = s.globalIdField);
+    const l = n ? i?.getAttribute(n) : null, r = t.graphic, a = r?.layer;
     let c = null;
     m(a) && a.parent ? c = a.parent.globalIdField ?? null : a && "globalIdField" in a && (c = a.globalIdField);
     const u = c ? r?.getAttribute(c) : null;
@@ -39,8 +36,8 @@ class A extends y {
     return this.flowItems?.findIndex((t) => {
       if (t.flowType !== "feature-association")
         return !1;
-      const s = t.viewModel;
-      return this._featureViewModelMatch(s, e);
+      const i = t.viewModel;
+      return this._featureViewModelMatch(i, e);
     }) ?? -1;
   }
   _formatPercentAlong(e) {
@@ -50,18 +47,18 @@ class A extends y {
       maximumFractionDigits: 2
     });
   }
-  async _handleFeatureClick(e, t, s) {
-    const { flowItems: i } = this;
+  async _handleFeatureClick(e, t, i) {
+    const { flowItems: s } = this;
     if (e) {
-      i?.destroyAll();
+      s?.destroyAll();
       return;
     }
-    if (t < 0 || !i) {
-      await this._selectAssociation(s);
+    if (t < 0 || !s) {
+      await this._selectAssociation(i);
       return;
     }
-    for (; i.length > t + 1; )
-      i.pop();
+    for (; s.length > t + 1; )
+      s.pop();
   }
   _isConnectivityAssociation(e) {
     const { associationType: t } = e;
@@ -74,31 +71,31 @@ class A extends y {
     const t = this.flowItems?.getItemAt(0);
     if (!t)
       return !1;
-    const s = t.parentFeatureViewModel;
-    return this._featureViewModelMatch(s, e);
+    const i = t.parentFeatureViewModel;
+    return this._featureViewModelMatch(i, e);
   }
   async _selectAssociation(e) {
     const { flowItems: t } = this;
     if (!t)
       return;
-    const s = this.useFeatureNextFlowItem ? h(d(this.parentFeatureViewModel, n`<arcgis-feature-next .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${"feature-association"} .graphic=${e.graphic} .map=${this.map} .referenceElement=${this.referenceElement} show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature-next>`)) : h(d(this.parentFeatureViewModel, n`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${"feature-association"} .graphic=${e.graphic} .map=${this.map} .referenceElement=${this.referenceElement} show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature>`));
-    t.push(s);
+    const i = this.useFeatureNextFlowItem ? h(d(this.parentFeatureViewModel, o`<arcgis-feature-next .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${"feature-association"} .graphic=${e.graphic} .map=${this.map} .referenceElement=${this.referenceElement} show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature-next>`)) : h(d(this.parentFeatureViewModel, o`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${"feature-association"} .graphic=${e.graphic} .map=${this.map} .referenceElement=${this.referenceElement} show-utility-network-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature>`));
+    t.push(i);
   }
   _showAllAssociations(e) {
-    const { flowItems: t, description: s } = this;
+    const { flowItems: t, description: i } = this;
     if (!t || !e)
       return;
     this.showAllEnabled = !0;
-    const i = e?.title ?? "";
-    t.push(h(n`<arcgis-feature-utility-network-association-list .autoDestroyDisabled=${this.autoDestroyDisabled} .associationViewModels=${this.associationViewModels} .description=${s} .flowItems=${t} .flowType=${this.flowType} .heading=${i} .messages=${this.messages} .parentFeatureViewModel=${this.parentFeatureViewModel} .referenceElement=${this.referenceElement} .selectedLayer=${e} .showAllEnabled=${this.showAllEnabled} .useFeatureNextFlowItem=${this.useFeatureNextFlowItem}></arcgis-feature-utility-network-association-list>`));
+    const s = e?.title ?? "";
+    t.push(h(o`<arcgis-feature-utility-network-association-list .autoDestroyDisabled=${this.autoDestroyDisabled} .associationViewModels=${this.associationViewModels} .description=${i} .flowItems=${t} .flowType=${this.flowType} .heading=${s} .parentFeatureViewModel=${this.parentFeatureViewModel} .referenceElement=${this.referenceElement} .selectedLayer=${e} .showAllEnabled=${this.showAllEnabled} .useFeatureNextFlowItem=${this.useFeatureNextFlowItem}></arcgis-feature-utility-network-association-list>`));
   }
   render() {
-    const { associationViewModels: e, state: t } = this, s = this.selectedLayer?.title ?? this.messages?.noTitle ?? "";
-    return n`<div class="root">${t === "loading" || t === "querying" ? this._renderLoading() : n`<calcite-list .displayMode=${_} .filterEnabled=${this.showAllEnabled && !!this.selectedLayer} .filterLabel=${this.messages?.associationFilterPlaceholder} .filterPlaceholder=${this.messages?.associationFilterPlaceholder} .label=${s}>${this.showAllEnabled && this.selectedLayer ? n`${this._renderFeatureCountWarning()}${this._renderAssociatedFeatureListPage()}${this._renderFeatureObserver()}` : Array.from(e.keys(), (i) => this._renderTypeList(i))}</calcite-list>`}</div>`;
+    const { associationViewModels: e, state: t } = this, i = this.selectedLayer?.title ?? this._messagesFeature.noTitle ?? "";
+    return o`<div class="root">${t === "loading" || t === "querying" ? this._renderLoading() : o`<calcite-list .displayMode=${A} .filterEnabled=${this.showAllEnabled && !!this.selectedLayer} .filterLabel=${this._messages.associationFilterPlaceholder} .filterPlaceholder=${this._messages.associationFilterPlaceholder} .label=${i}>${this.showAllEnabled && this.selectedLayer ? o`${this._renderFeatureCountWarning()}${this._renderAssociatedFeatureListPage()}${this._renderFeatureObserver()}` : Array.from(e.keys(), (s) => this._renderTypeList(s))}</calcite-list>`}</div>`;
   }
   _renderAssociatedFeature(e) {
-    const { featureViewModel: t, title: s } = e, i = this.state === "loading", o = this._findFlowItem(t), l = o < 0 && this._isParentFeature(t), r = l || o >= 0, a = `associated-feature-${e.association.globalId}`;
-    return n`<calcite-list-item class=${b(i ? "list-item--hidden" : "")} .description=${p(e.terminalName ?? "")} .label=${p(s)} @calciteListItemSelect=${async () => await this._handleFeatureClick(l, o, t)}>${this._isConnectivityAssociation(e.association) ? this._renderConnectivityIcon(e.association.associationType, a) : null}${this._isConnectivityMidspanAssociation(e.association) ? n`<calcite-chip .label=${this._formatPercentAlong(e.association)} scale=s slot=content-end>${this._formatPercentAlong(e.association)}</calcite-chip>` : null}${this._renderChevronIconNode(r)}</calcite-list-item>`;
+    const { featureViewModel: t, title: i } = e, s = this.state === "loading", n = this._findFlowItem(t), l = n < 0 && this._isParentFeature(t), r = l || n >= 0, a = `associated-feature-${e.association.globalId}`;
+    return o`<calcite-list-item class=${b(s ? "list-item--hidden" : "")} .description=${p(e.terminalName ?? "")} .label=${p(i)} @calciteListItemSelect=${async () => await this._handleFeatureClick(l, n, t)}>${this._isConnectivityAssociation(e.association) ? this._renderConnectivityIcon(e.association.associationType, a) : null}${this._isConnectivityMidspanAssociation(e.association) ? o`<calcite-chip .label=${this._formatPercentAlong(e.association)} scale=s slot=content-end>${this._formatPercentAlong(e.association)}</calcite-chip>` : null}${this._renderChevronIconNode(r)}</calcite-list-item>`;
   }
   _renderAssociatedFeatureList(e) {
     return e.toArray().map((t) => this._renderAssociatedFeature(t));
@@ -108,21 +105,23 @@ class A extends y {
     return [...this._renderTooltips(e), ...this._renderAssociatedFeatureList(e)];
   }
   _renderChevronIconNode(e) {
-    return n`<calcite-icon flip-rtl .icon=${e ? "move-up" : "chevron-right"} scale=s slot=content-end></calcite-icon>`;
+    return o`<calcite-icon flip-rtl .icon=${e ? "move-up" : "chevron-right"} scale=s slot=content-end></calcite-icon>`;
   }
   _renderItemTooltip(e) {
-    const { tooltipReferenceMap: t } = this, s = `associated-feature-${e.association.globalId}`;
-    return this._isConnectivityAssociation(e.association) ? n`<calcite-tooltip overlay-positioning=fixed .referenceElement=${t.get(s)}>${this.getConnectivityTooltip(e.association.associationType)}</calcite-tooltip>` : null;
+    const { tooltipReferenceMap: t } = this, i = `associated-feature-${e.association.globalId}`;
+    return this._isConnectivityAssociation(e.association) ? o`<calcite-tooltip overlay-positioning=fixed .referenceElement=${t.get(i)}>${this.getConnectivityTooltip(e.association.associationType)}</calcite-tooltip>` : null;
   }
   _renderTypeList(e) {
-    const { messages: t } = this, { displayCount: s } = this, i = this.associationViewModels.get(e), o = i.slice(0, s), l = o.length < i.length, r = $(t?.numberRecords ?? "", { number: i.length.toString() }), a = t?.showAll ?? "";
-    return d("show-all", n`<calcite-list-item expanded .label=${e.title} .value=${e.id}><calcite-chip .label=${String(i.length)} scale=s slot=content-end>${i.length}</calcite-chip><calcite-list .group=${e.id} .label=${e.title ?? ""}>${[this._renderTooltips(o), this._renderAssociatedFeatureList(o)]}${l ? d("show-all-item", n`<calcite-list-item .description=${r} .label=${a} @calciteListItemSelect=${() => this._showAllAssociations(e)}><calcite-icon icon=list scale=s slot=content-end></calcite-icon></calcite-list-item>`) : null}</calcite-list></calcite-list-item>`);
+    const { displayCount: t } = this, i = this.associationViewModels.get(e), s = i.slice(0, t), n = s.length < i.length, l = $(this._messagesFeature.numberRecords ?? "", {
+      number: i.length.toString()
+    }), r = this._messagesFeature.showAll ?? "";
+    return d("show-all", o`<calcite-list-item expanded .label=${e.title} .value=${e.id}><calcite-chip .label=${String(i.length)} scale=s slot=content-end>${i.length}</calcite-chip><calcite-list .group=${e.id} .label=${e.title ?? ""}>${[this._renderTooltips(s), this._renderAssociatedFeatureList(s)]}${n ? d("show-all-item", o`<calcite-list-item .description=${l} .label=${r} @calciteListItemSelect=${() => this._showAllAssociations(e)}><calcite-icon icon=list scale=s slot=content-end></calcite-icon></calcite-list-item>`) : null}</calcite-list></calcite-list-item>`);
   }
   _renderTooltips(e) {
     return e.toArray().map((t) => this._renderItemTooltip(t));
   }
 }
-f("arcgis-feature-utility-network-association-list", A);
+f("arcgis-feature-utility-network-association-list", I);
 export {
-  A as ArcgisFeatureUtilityNetworkAssociationList
+  I as ArcgisFeatureUtilityNetworkAssociationList
 };