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

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

@@ -31,6 +31,15 @@ export abstract class ArcgisFeatureTemplatesLegacy extends LitElement {
    * prevent memory leaks.
    *
    * @default false
+   * @example
+   * ```html
+   * <arcgis-feature-templates-legacy auto-destroy-disabled></arcgis-feature-templates-legacy>
+   * ```
+   *
+   * ```js
+   * featureTemplatesLegacyElement.autoDestroyDisabled = true;
+   * ```
+   * 
    */
   accessor autoDestroyDisabled: boolean;
   /**
@@ -188,7 +197,7 @@ export abstract class ArcgisFeatureTemplatesLegacy extends LitElement {
    *
    * @default "none"
    */
-  accessor selectionMode: "single" | "none" | null | undefined;
+  accessor selectionMode: "none" | "single" | null | undefined;
   /**
    * The current state of the component.
    *
@@ -210,7 +219,7 @@ export abstract class ArcgisFeatureTemplatesLegacy extends LitElement {
   };
   /** 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: "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 arcgisSelect: import("@arcgis/lumina").TargetedEvent<this, SelectEvent>;
   readonly "@eventTypes": {

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as i } from "../../chunks/runtime.js";
 import { usePropertyChange as t } from "@arcgis/lumina/controllers";
-import { reEmitEvent as r } from "@arcgis/lumina/controllers/accessor";
+import { reEmitEvent as r } from "@arcgis/lumina-toolkit/reEmitEvent";
 import o from "@arcgis/core/widgets/FeatureTemplates.js";
 import { LitElement as s, createEvent as a } from "@arcgis/lumina";
 import { m as l } from "../../chunks/useWidget.js";

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

@@ -6,7 +6,8 @@ import { html as h } from "lit";
 import { createRef as o, ref as c } from "lit/directives/ref.js";
 import { LitElement as u } from "@arcgis/lumina";
 import * as s from "@arcgis/toolkit/log";
-class _ extends u {
+import { renderingSanitizer as _ } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+class d extends u {
   constructor() {
     super(...arguments), this._lastRun = 0, this._attempted = !1, this._isCurrentlyInView = !1, this._io = null, this._titleContainerSpan = o(), this._messages = l(), this._generatedTitle = null, this.isNewFeature = !1;
   }
@@ -62,7 +63,7 @@ class _ extends u {
         const t = await this._generateTitle();
         if (this._lastRun !== e || this._generatedTitle === t)
           return;
-        this._generatedTitle = t;
+        this._generatedTitle = _.sanitize(t ?? "");
       } finally {
         this._attempted = !0;
       }
@@ -77,7 +78,7 @@ class _ extends u {
       this.isConnected && (this._io = new IntersectionObserver((t) => {
         let i = !1;
         t.forEach((r) => {
-          r.intersectionRatio > 0 && !i ? (i = !0, this._isCurrentlyInView = !0, this._handleTitle().catch((p) => {
+          r.intersectionRatio > 0 && !i ? (i = !0, this._isCurrentlyInView = !0, this._handleTitle().catch((g) => {
             s.log("warn", this, "Failed processing title");
           })) : this._isCurrentlyInView = !1;
         });
@@ -88,10 +89,10 @@ class _ extends u {
     this._io?.disconnect(), this._io = null;
   }
   render() {
-    return h`<span ${c(this._titleContainerSpan)}>${this._generatedTitle ?? ""}</span>`;
+    return h`<span .innerHTML=${this._generatedTitle ?? "" ?? ""} ${c(this._titleContainerSpan)}></span>`;
   }
 }
-a("arcgis-feature-title", _);
+a("arcgis-feature-title", d);
 export {
-  _ as ArcgisFeatureTitle
+  d as ArcgisFeatureTitle
 };

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

@@ -1,46 +1,43 @@
 /* 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";
+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)}`, v = "nested";
 class A 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({ name: "feature", 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, messageOverrides: 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 a = null;
+    m(s) && s.parent ? a = s.parent.globalIdField ?? null : s && "globalIdField" in s && (a = s.globalIdField);
+    const r = a ? i?.getAttribute(a) : null, l = t.graphic, n = l?.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;
-    return !!(l && u && l === u);
+    m(n) && n.parent ? c = n.parent.globalIdField ?? null : n && "globalIdField" in n && (c = n.globalIdField);
+    const u = c ? l?.getAttribute(c) : null;
+    return !!(r && u && r === u);
   }
   _findFlowItem(e) {
     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} .messageOverrides=${this.messageOverrides} .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} .messageOverrides=${this.messageOverrides} .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} .messageOverrides=${this.messageOverrides} .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=${v} .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", a = this._findFlowItem(t), r = a < 0 && this._isParentFeature(t), l = r || a >= 0, n = `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(r, a, t)}>${this._isConnectivityAssociation(e.association) ? this._renderConnectivityIcon(e.association.associationType, n) : 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(l)}</calcite-list-item>`;
   }
   _renderAssociatedFeatureList(e) {
     return e.toArray().map((t) => this._renderAssociatedFeature(t));
@@ -108,15 +105,17 @@ 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), a = s.length < i.length, r = $(this._messagesFeature.numberRecords ?? "", {
+      number: i.length.toString()
+    }), l = 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)]}${a ? d("show-all-item", o`<calcite-list-item .description=${r} .label=${l} @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));