@arcgis/map-components 5.1.0-next.7 → 5.1.0-next.70

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

@@ -2,25 +2,25 @@
 import { c as T } from "../../chunks/runtime.js";
 import { css as k, html as o } from "lit";
 import { keyed as P } from "lit/directives/keyed.js";
-import { debounce as q } from "@arcgis/toolkit/function";
-import { LitElement as H, renderElement as x, safeClassMap as E } from "@arcgis/lumina";
-import { templateHasKey as D, stripHTML as N } from "@arcgis/core/applications/Components/stringUtils.js";
+import { debounce as $ } from "@arcgis/toolkit/function";
+import { LitElement as H, renderElement as D, safeClassMap as x } from "@arcgis/lumina";
+import { templateHasKey as E, stripHTML as N } from "@arcgis/core/applications/Components/stringUtils.js";
 import { isRelatableFeatureSupportedLayer as K, findRelatedLayer as W } from "@arcgis/core/applications/Components/featureUtils.js";
 import { substitute as Z, formatNumber as O } from "@arcgis/core/intl.js";
 import { watch as f, on as z } from "@arcgis/core/core/reactiveUtils.js";
-import { p as G } from "../../chunks/feature-utils.js";
+import { m as G } from "../../chunks/feature-utils.js";
 import V from "@arcgis/core/core/Collection.js";
-import M from "@arcgis/core/rest/support/RelationshipQuery.js";
-import { ignoreAbortErrors as $ } from "@arcgis/core/core/promiseUtils.js";
-import J from "@arcgis/core/widgets/Feature/FeatureViewModel.js";
-import { classes as S } from "@arcgis/toolkit/dom";
-import { createRef as U, ref as X } from "lit/directives/ref.js";
+import S from "@arcgis/core/rest/support/RelationshipQuery.js";
+import { ignoreAbortErrors as q } from "@arcgis/core/core/promiseUtils.js";
+import { classes as M } from "@arcgis/toolkit/dom";
+import { createRef as J, ref as U } from "lit/directives/ref.js";
+import X from "@arcgis/core/popup/Feature.js";
 const Y = k`:host{position:relative;flex:1 1 auto}.list{min-height:var(--calcite-spacing-xxxl)}.list-item-hidden{display:none}.feature-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.sticky-loading-container{display:flex;position:sticky;bottom:var(--calcite-spacing-sm);align-items:center;justify-content:center;z-index:2;margin:0;padding:0;height:var(--calcite-spacing-xxxl);pointer-events:none}`, ee = (g) => {
   const e = [];
   if (g.formTemplate) {
     const { description: t, title: r } = g.formTemplate;
     g.fields?.forEach((s) => {
-      const i = r && D(r, s.name), a = t && D(t, s.name);
+      const i = r && E(r, s.name), a = t && E(t, s.name);
       (i || a) && e.push(s.name);
     });
   }
@@ -47,20 +47,20 @@ class te extends H {
     }, this._queryController = async () => {
       this._cancelQuery();
       const e = new AbortController();
-      this._queryAbortController = e, await $(this._query()), this._queryAbortController === e && (this._queryAbortController = null);
+      this._queryAbortController = e, await q(this._query()), this._queryAbortController === e && (this._queryAbortController = null);
     }, this._queryFeatureCountController = async () => {
       this._loaded = !1, this._cancelQueryFeatureCount();
       const e = new AbortController();
-      this._queryFeatureCountAbortController = e, await $(this._queryFeatureCount()), this._queryFeatureCountAbortController === e && (this._queryFeatureCountAbortController = null), this._loaded = !0;
+      this._queryFeatureCountAbortController = e, await q(this._queryFeatureCount()), this._queryFeatureCountAbortController === e && (this._queryFeatureCountAbortController = null), this._loaded = !0;
     }, this._queryPageController = async () => {
       const e = new AbortController();
-      this._queryPageAbortController = e, await $(this._queryPage()), this._queryPageAbortController === e && (this._queryPageAbortController = null);
-    }, this._queryDebounced = q(this._queryController, L), this._queryFeatureCountDebounced = q(this._queryFeatureCountController, L), this._queryPageDebounced = q(this._queryPageController, L), this._query = async () => {
+      this._queryPageAbortController = e, await q(this._queryPage()), this._queryPageAbortController === e && (this._queryPageAbortController = null);
+    }, this._queryDebounced = $(this._queryController, L), this._queryFeatureCountDebounced = $(this._queryFeatureCountController, L), this._queryPageDebounced = $(this._queryPageController, L), this._query = async () => {
       const { _queryAbortController: e, relatedFeatures: t } = this;
       !this.featureCount || this.relatedLayer?.type === "subtype-group" && !this.activeCategory || (this.relatedFeatureViewModels.destroyAll(), this.featurePage = 1, t.destroyAll(), t.addMany(this._sliceFeatures(await this._queryRelatedFeatures({ signal: e?.signal }))));
     }, this._addFlowItem = (e) => {
       e && this.flowItems?.push(e);
-    }, this._relatedFeatureIntersectionObserverNode = U(), this.relatedFeatures = new V(), this._queryAbortController = null, this._queryPageAbortController = null, this._queryFeatureCountAbortController = null, this.featureCount = 0, this._loaded = !1, this.relatedFeatureViewModels = new V(), this.autoDestroyDisabled = !1, this.featuresPerPage = 10, this.flowType = "feature-relationship", this.headingLevel = 2, this.hideHeading = !1, this.hideDescription = !1, this.showAllEnabled = !1;
+    }, this._relatedFeatureIntersectionObserverNode = J(), this.relatedFeatures = new V(), this._queryAbortController = null, this._queryPageAbortController = null, this._queryFeatureCountAbortController = null, this.featureCount = 0, this._loaded = !1, this.relatedFeatureViewModels = new V(), this.autoDestroyDisabled = !1, this.featuresPerPage = 10, this.flowType = "feature-relationship", this.headingLevel = 2, this.hideHeading = !1, this.hideDescription = !1, this.showAllEnabled = !1;
   }
   static {
     this.properties = { allCategories: 16, _queryAbortController: 16, _queryPageAbortController: 16, _queryFeatureCountAbortController: 16, featureCount: 16, _loaded: 16, canLoad: 16, canQuery: 16, displayShowAllButton: 16, displayListItems: 16, categories: 16, itemDescriptionFieldName: 16, relatedFeatureViewModels: 16, state: 16, autoDestroyDisabled: 5, allItemsDescription: 32, featurePage: 9, featuresPerPage: 9, flowItems: 0, flowType: 1, headingLevel: 9, messages: 0, heading: 1, description: 1, values: 0, activeCategory: 0, hideHeading: 5, hideDescription: 5, displayCount: 9, graphic: 0, layer: 0, map: 0, view: 0, spatialReference: 0, timeZone: 1, orderByFields: 0, relationshipId: 9, showAllEnabled: 5, label: 3 };
@@ -219,7 +219,7 @@ class te extends H {
       }
       return;
     }
-    const { historicMoment: p, gdbVersion: _ } = e, C = new M({
+    const { historicMoment: p, gdbVersion: _ } = e, C = new S({
       cacheHint: b,
       gdbVersion: _,
       historicMoment: p,
@@ -254,7 +254,7 @@ class te extends H {
       ...d,
       v,
       h
-    ].filter((u) => u != null), m = n.map((u) => `${u.field} ${u.order}`), { historicMoment: I, gdbVersion: Q } = a, j = new M({
+    ].filter((u) => u != null), m = n.map((u) => `${u.field} ${u.order}`), { historicMoment: I, gdbVersion: Q } = a, j = new S({
       orderByFields: m,
       start: F,
       num: w,
@@ -282,10 +282,10 @@ class te extends H {
   }
   _selectRecord(e) {
     const { flowItems: t } = this;
-    t && this._addFlowItem(x(P(e, o`<arcgis-feature .flowItems=${t} .flowType=${this.flowType} .graphic=${e.graphic} .map=${this.map} show-relationship-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature>`)));
+    t && this._addFlowItem(D(P(e, o`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${this.flowType} .graphic=${e.graphic} .map=${this.map} show-relationship-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature>`)));
   }
   _addRelationshipFlowItem({ showAllEnabled: e = !1, activeCategory: t }) {
-    this._addFlowItem(x(P(t, o`<arcgis-feature-relationship .messages=${this.messages} .activeCategory=${t} .displayCount=${this.displayCount} .flowItems=${this.flowItems} .flowType=${this.flowType} .graphic=${this.graphic} .heading=${this.heading} hide-description .showAllEnabled=${e} hide-heading .layer=${this.layer} .map=${this.map} .orderByFields=${this.orderByFields} .relationshipId=${this.relationshipId} .spatialReference=${this.spatialReference} .values=${this.values} .view=${this.view}></arcgis-feature-relationship>`)));
+    this._addFlowItem(D(P(t, o`<arcgis-feature-relationship .autoDestroyDisabled=${this.autoDestroyDisabled} .messages=${this.messages} .activeCategory=${t} .displayCount=${this.displayCount} .flowItems=${this.flowItems} .flowType=${this.flowType} .graphic=${this.graphic} .heading=${this.heading} hide-description .showAllEnabled=${e} hide-heading .layer=${this.layer} .map=${this.map} .orderByFields=${this.orderByFields} .relationshipId=${this.relationshipId} .spatialReference=${this.spatialReference} .values=${this.values} .view=${this.view}></arcgis-feature-relationship>`)));
   }
   _showAllRecords() {
     const { flowItems: e } = this;
@@ -306,7 +306,7 @@ class te extends H {
   _setRelatedFeaturesViewModels() {
     const { relatedFeatures: e, relatedFeatureViewModels: t, map: r, view: s, spatialReference: i, timeZone: a } = this;
     e?.filter(Boolean).forEach((n) => {
-      t.some((d) => this._matchesFeature(d, n)) || t.add(new J({
+      t.some((d) => this._matchesFeature(d, n)) || t.add(new X({
         abilities: { relationshipContent: !1 },
         map: r,
         view: s,
@@ -342,11 +342,11 @@ class te extends H {
     return o`<calcite-list-item class="list-item" .disabled=${!t} .label=${r} @calciteListItemSelect=${() => this._selectCategory(e)}><calcite-chip .label=${s} scale=s slot=content-end>${s}</calcite-chip>${this._renderChevronIconNode()}</calcite-list-item>`;
   }
   _renderRelatedFeature(e) {
-    const { itemDescriptionFieldName: t, values: r } = this, { formattedAttributes: s, state: i, title: a } = e, n = {
+    const { itemDescriptionFieldName: t, values: r } = this, { formattedAttributes: s, state: i, heading: a } = e, n = {
       ...r,
       ...s?.global
     }, l = (t && n?.[t]) ?? "";
-    return o`<calcite-list-item class=${E(S("list-item", { "list-item-hidden": i === "loading" }))} .description=${N(l.toString())} .label=${N(a)} @calciteListItemSelect=${() => this._selectRecord(e)}>${this._renderChevronIconNode()}</calcite-list-item>`;
+    return o`<calcite-list-item class=${x(M("list-item", { "list-item-hidden": i === "loading" }))} .description=${N(l.toString())} .label=${N(a)} @calciteListItemSelect=${() => this._selectRecord(e)}>${this._renderChevronIconNode()}</calcite-list-item>`;
   }
   _renderShowAllListItem() {
     return this.displayShowAllButton ? o`<calcite-list-item .description=${this.allItemsDescription} .label=${this.messages?.showAll} @calciteListItemSelect=${() => this._showAllRecords()}>${this._renderShowAllIconNode()}</calcite-list-item>` : null;
@@ -355,7 +355,7 @@ class te extends H {
     return o`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noRelatedFeatures}</div></calcite-notice>`;
   }
   _renderFeatureObserver() {
-    return o`<div class="feature-observer" ${X(this._relatedFeatureIntersectionObserverNode)}></div>`;
+    return o`<div class="feature-observer" ${U(this._relatedFeatureIntersectionObserverNode)}></div>`;
   }
   _renderList() {
     const { relatedFeatureViewModels: e, categories: t } = this;
@@ -363,7 +363,7 @@ class te extends H {
   }
   _renderRelatedFeatures() {
     const { displayListItems: e } = this, { state: t } = this;
-    return o`<div class=${E(S("list", {
+    return o`<div class=${x(M("list", {
       "list-querying": t === "querying"
     }))}>${e ? this._renderList() : t === "ready" ? this._renderNoRelatedFeaturesMessage() : null}${this._renderStickyLoading()}${this._renderFeatureObserver()}</div>`;
   }