@arcgis/map-components 5.2.0-next.90 → 5.2.0-next.91

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

@@ -1,31 +1,31 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as _ } from "../../chunks/runtime.js";
-import { css as T, html as l } from "lit";
-import { LitElement as x } from "@arcgis/lumina";
-import { watch as y, when as $ } from "@arcgis/core/core/reactiveUtils.js";
+import { c as T } from "../../chunks/runtime.js";
+import { css as x, html as l } from "lit";
+import { LitElement as y } from "@arcgis/lumina";
+import { watch as $, when as k } from "@arcgis/core/core/reactiveUtils.js";
 import { a as u } from "../../chunks/maybe.js";
-import { c as m, t as d } from "../../chunks/async-utils.js";
-import { throttle as v } from "lodash-es";
-import k from "@arcgis/core/popup/content/MediaContent.js";
-import I from "@arcgis/core/popup/content/FieldsContent.js";
-import w from "@arcgis/core/popup/content/TextContent.js";
-import { compileExpression as L } from "@arcgis/core/applications/Components/arcadeFeatureUtils.js";
-import { b as E } from "../../chunks/feature-utils.js";
-const A = T`.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}`, g = 1;
-class b extends x {
+import { g as m, c as v, t as d } from "../../chunks/async-utils.js";
+import { throttle as g } from "lodash-es";
+import I from "@arcgis/core/popup/content/MediaContent.js";
+import w from "@arcgis/core/popup/content/FieldsContent.js";
+import L from "@arcgis/core/popup/content/TextContent.js";
+import { compileExpression as E } from "@arcgis/core/applications/Components/arcadeFeatureUtils.js";
+import { b as A } from "../../chunks/feature-utils.js";
+const b = x`.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}`, _ = 1;
+class C extends y {
   constructor() {
-    super(...arguments), this._compileThrottled = v(this._startCompile, g), this._evaluateThrottled = v(this._startEvaluate, g), this.headingLevel = 2;
+    super(...arguments), this._compileThrottled = g(this._startCompile, m(_)), this._evaluateThrottled = g(this._startEvaluate, m(_)), this.headingLevel = 2;
   }
   static {
     this.properties = { _compileTask: 16, _evaluateTask: 16, values: 0, fieldInfoMap: 0, expressionInfo: 0, expressionInfos: 0, layer: 0, graphic: 0, headingLevel: 9, interceptor: 0, location: 0, messages: 0, spatialReference: 0, map: 0, view: 0 };
   }
   static {
-    this.styles = A;
+    this.styles = b;
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      y(() => [this.expressionInfo, this.graphic], () => this._compileThrottled(), { initial: !0 }),
-      $(() => {
+      $(() => [this.expressionInfo, this.graphic], () => this._compileThrottled(), { initial: !0 }),
+      k(() => {
         if (!this._compileTask?.finished)
           return null;
         const t = this._compileTask.value, s = t?.dependencies, { view: e } = this;
@@ -48,11 +48,11 @@ class b extends x {
     this._compileThrottled.cancel(), this._evaluateThrottled.cancel();
   }
   _startCompile() {
-    this._evaluateTask = u(this._evaluateTask), this._compileTask = u(this._compileTask), this._compileTask = m(async (t) => {
+    this._evaluateTask = u(this._evaluateTask), this._compileTask = u(this._compileTask), this._compileTask = v(async (t) => {
       const { expressionInfo: s, graphic: e } = this, a = s?.expression;
       if (!a || !e)
         return null;
-      const n = await L({
+      const n = await E({
         expression: a,
         graphic: e
       });
@@ -60,7 +60,7 @@ class b extends x {
     });
   }
   _startEvaluate(t) {
-    this._evaluateTask = u(this._evaluateTask), this._evaluateTask = m(async (s) => {
+    this._evaluateTask = u(this._evaluateTask), this._evaluateTask = v(async (s) => {
       const { graphic: e } = this;
       if (!t || !e)
         return null;
@@ -80,7 +80,7 @@ class b extends x {
       const h = await f.castAsJsonAsync(s);
       d(s);
       const p = h?.type;
-      return p === "media" ? k.fromJSON(h) : p === "text" ? w.fromJSON(h) : p === "fields" ? I.fromJSON(h) : null;
+      return p === "media" ? I.fromJSON(h) : p === "text" ? L.fromJSON(h) : p === "fields" ? w.fromJSON(h) : null;
     });
   }
   render() {
@@ -95,7 +95,7 @@ class b extends x {
       const { text: i } = e;
       if (!i)
         return null;
-      const r = E({
+      const r = A({
         values: n,
         fieldInfoMap: s ?? /* @__PURE__ */ new Map(),
         globalValues: n,
@@ -116,7 +116,7 @@ class b extends x {
     return l`<div class="loading-container"><calcite-loader inline label></calcite-loader></div>`;
   }
 }
-_("arcgis-feature-expression", b);
+T("arcgis-feature-expression", C);
 export {
-  b as ArcgisFeatureExpression
+  C as ArcgisFeatureExpression
 };

package/dist/components/arcgis-feature-next/customElement.d.ts

@@ -379,7 +379,7 @@ export abstract class ArcgisFeatureNext extends LitElement {
   get state(): State;
   /**
    * Dates and times displayed in the component will be displayed in this time zone. By default this time zone is
-   * inherited from [MapView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#timeZone). When a MapView is not associated with the component,
+   * inherited from the associated [MapView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/#timeZone) or [SceneView.timeZone](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#timeZone). When a view is not associated with the component,
    * then the property will fallback to the `system` time zone.
    *
    * **Possible Values**

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

@@ -1,35 +1,36 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as B } from "../../chunks/runtime.js";
-import { css as H, html as o } from "lit";
+import { c as H } from "../../chunks/runtime.js";
+import { css as k, html as o } from "lit";
 import { debounce as A } from "@arcgis/toolkit/function";
-import { LitElement as k, renderElement as q, safeClassMap as x } from "@arcgis/lumina";
-import { templateHasKey as D, stripHTML as E } from "@arcgis/core/applications/Components/stringUtils.js";
-import { renderingSanitizer as N } from "@arcgis/core/applications/Components/sanitizerUtils.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 { o 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 { LitElement as K, renderElement as q, safeClassMap as x } from "@arcgis/lumina";
+import { templateHasKey as E, stripHTML as N } from "@arcgis/core/applications/Components/stringUtils.js";
+import { renderingSanitizer as O } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { isRelatableFeatureSupportedLayer as W, findRelatedLayer as Z } from "@arcgis/core/applications/Components/featureUtils.js";
+import { substitute as z, formatNumber as V } from "@arcgis/core/intl.js";
+import { watch as f, on as G } from "@arcgis/core/core/reactiveUtils.js";
+import { o as J } from "../../chunks/feature-utils.js";
+import M from "@arcgis/core/core/Collection.js";
+import S from "@arcgis/core/rest/support/RelationshipQuery.js";
 import { ignoreAbortErrors as L } from "@arcgis/core/core/promiseUtils.js";
-import { classes as S } from "@arcgis/toolkit/dom";
-import { createRef as J, ref as U } from "lit/directives/ref.js";
-import X from "@arcgis/core/popup/FeatureContent.js";
-const Y = H`: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 = (h) => {
+import { classes as Q } from "@arcgis/toolkit/dom";
+import { createRef as U, ref as X } from "lit/directives/ref.js";
+import Y from "@arcgis/core/popup/FeatureContent.js";
+import { g as R } from "../../chunks/async-utils.js";
+const ee = 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}`, te = (h) => {
   const e = [];
   if (h.formTemplate) {
     const { description: t, title: r } = h.formTemplate;
     h.fields?.forEach((i) => {
-      const s = r && D(r, i.name), a = t && D(t, i.name);
+      const s = r && E(r, i.name), a = t && E(t, i.name);
       (s || a) && e.push(i.name);
     });
   }
   return e;
-}, R = 100;
-function te(h) {
+}, P = 100;
+function re(h) {
   return typeof h == "string" && h.trim().length > 0;
 }
-class re extends k {
+class ie extends K {
   constructor() {
     super(...arguments), this._increaseFeaturePage = () => {
       const { state: e, showAllEnabled: t, relatedFeatures: r, featuresPerPage: i, featurePage: s } = this;
@@ -58,24 +59,24 @@ class re extends k {
     }, this._queryPageController = async () => {
       const e = new AbortController();
       this._queryPageAbortController = e, await L(this._queryPage()), this._queryPageAbortController === e && (this._queryPageAbortController = null);
-    }, this._queryDebounced = A(this._queryController, R), this._queryFeatureCountDebounced = A(this._queryFeatureCountController, R), this._queryPageDebounced = A(this._queryPageController, R), this._query = async () => {
+    }, this._queryDebounced = A(this._queryController, R(P)), this._queryFeatureCountDebounced = A(this._queryFeatureCountController, R(P)), this._queryPageDebounced = A(this._queryPageController, R(P)), 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 = 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.useFeatureNextFlowItem = !1, this.flowType = "feature-relationship", this.headingLevel = 2, this.hideHeading = !1, this.hideDescription = !1, this.showAllEnabled = !1;
+    }, this._relatedFeatureIntersectionObserverNode = U(), this.relatedFeatures = new M(), this._queryAbortController = null, this._queryPageAbortController = null, this._queryFeatureCountAbortController = null, this.featureCount = 0, this._loaded = !1, this.relatedFeatureViewModels = new M(), this.autoDestroyDisabled = !1, this.featuresPerPage = 10, this.useFeatureNextFlowItem = !1, 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, useFeatureNextFlowItem: 5, 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 };
   }
   static {
-    this.styles = Y;
+    this.styles = ee;
   }
   get orderByFieldsFixedCasing() {
     const { orderByFields: e, relatedLayer: t } = this;
     return e && t?.loaded ? e.map((r) => {
       const i = r.clone();
-      return i.field = G(r.field, t), i;
+      return i.field = J(r.field, t), i;
     }) : e ?? [];
   }
   get supportsCacheHint() {
@@ -94,8 +95,8 @@ class re extends k {
     const { layer: e, map: t, relationship: r } = this;
     if (!e?.loaded || !t || !r)
       return null;
-    const i = e.type === "subtype-sublayer" && e.parent && K(e.parent) ? e.parent : e;
-    return W(t, i, r) ?? null;
+    const i = e.type === "subtype-sublayer" && e.parent && W(e.parent) ? e.parent : e;
+    return Z(t, i, r) ?? null;
   }
   get relatedLayerKeyField() {
     const { relatedLayer: e, relationshipId: t } = this;
@@ -144,8 +145,8 @@ class re extends k {
   }
   get allItemsDescription() {
     const { messages: e, featureCount: t, allCategories: r, allCategoriesCount: i } = this;
-    return Z(e?.numberRecords ?? "", {
-      number: O(r ? i : t)
+    return z(e?.numberRecords ?? "", {
+      number: V(r ? i : t)
     });
   }
   get featurePage() {
@@ -190,7 +191,7 @@ class re extends k {
       f(() => [this.featurePage, this.showAllEnabled], () => this._queryPageDebounced()),
       f(() => [this.layer, this.relationshipId, this.objectId, this.canQuery, this.activeCategory], () => this._queryFeatureCountDebounced(), { initial: !0 }),
       f(() => [this.state, this.showAllEnabled, this._relatedFeatureIntersectionObserverNode], () => this._handleRelatedFeatureObserverChange()),
-      z(() => this.relatedFeatures, "change", () => this._setRelatedFeaturesViewModels())
+      G(() => this.relatedFeatures, "change", () => this._setRelatedFeaturesViewModels())
     ]), this.manager.onDestroy(() => {
       this.relatedFeatureViewModels.destroyAll(), this.relatedFeatures.destroyAll(), this._cancelQuery(), this._cancelQueryFeatureCount(), this._cancelQueryPage(), this._unobserveRelatedFeatureObserver();
     });
@@ -222,7 +223,7 @@ class re extends k {
       }
       return;
     }
-    const { historicMoment: p, gdbVersion: F } = e, _ = new M({
+    const { historicMoment: p, gdbVersion: F } = e, _ = new S({
       cacheHint: b,
       gdbVersion: F,
       historicMoment: p,
@@ -253,18 +254,18 @@ class re extends k {
       return [];
     const C = p ? ((i - 1) * s + r) % r : 0, w = p ? s : t, v = l.objectIdField, c = "subtypeField" in l ? l.subtypeField : void 0, g = [
       ...n.map((u) => u.field),
-      ...ee(l),
+      ...te(l),
       ...d,
       v,
       c
-    ].filter(te), m = n.map((u) => `${u.field} ${u.order}`), { historicMoment: I, gdbVersion: Q } = a, j = new M({
+    ].filter(re), m = n.map((u) => `${u.field} ${u.order}`), { historicMoment: I, gdbVersion: T } = a, j = new S({
       orderByFields: m,
       start: C,
       num: w,
       outFields: g,
       cacheHint: F,
       historicMoment: I,
-      gdbVersion: Q,
+      gdbVersion: T,
       relationshipId: b,
       returnGeometry: !1,
       objectIds: [y],
@@ -273,8 +274,8 @@ class re extends k {
       signal: e?.signal
     }))[y]?.features || [];
     return l.type === "subtype-group" && c ? $.forEach((u) => {
-      const T = u.attributes[c], P = l.findSublayerForSubtypeCode?.(T);
-      u.sourceLayer = P, u.layer = P;
+      const B = u.attributes[c], D = l.findSublayerForSubtypeCode?.(B);
+      u.sourceLayer = D, u.layer = D;
     }) : $.forEach((u) => {
       u.sourceLayer = l, u.layer = l;
     }), $;
@@ -312,7 +313,7 @@ class re extends k {
   _setRelatedFeaturesViewModels() {
     const { relatedFeatures: e, relatedFeatureViewModels: t, map: r, view: i, spatialReference: s, timeZone: a } = this;
     e?.filter(Boolean).forEach((n) => {
-      t.some((d) => this._matchesFeature(d, n)) || t.add(new X({
+      t.some((d) => this._matchesFeature(d, n)) || t.add(new Y({
         abilities: { relationshipContent: !1 },
         map: r,
         view: i,
@@ -344,7 +345,7 @@ class re extends k {
     return o`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
   }
   _renderCategory(e) {
-    const { count: t, name: r } = e, i = O(t);
+    const { count: t, name: r } = e, i = V(t);
     return o`<calcite-list-item class="list-item" .disabled=${!t} .label=${r} @calciteListItemSelect=${() => this._selectCategory(e)}><calcite-chip .label=${i} scale=s slot=content-end>${i}</calcite-chip>${this._renderChevronIconNode()}</calcite-list-item>`;
   }
   _renderRelatedFeature(e) {
@@ -352,7 +353,7 @@ class re extends k {
       ...r,
       ...i?.global
     }, l = (t && n?.[t]) ?? "";
-    return o`<calcite-list-item class=${x(S("list-item", { "list-item-hidden": s === "loading" }))} .description=${E(l.toString())} .label=${E(a)} @calciteListItemSelect=${() => this._selectRecord(e)}><div slot=heading><div .innerHTML=${N.sanitize(a ?? "") ?? ""}></div></div><div slot=description><div .innerHTML=${N.sanitize(l ?? "") ?? ""}></div></div>${this._renderChevronIconNode()}</calcite-list-item>`;
+    return o`<calcite-list-item class=${x(Q("list-item", { "list-item-hidden": s === "loading" }))} .description=${N(l.toString())} .label=${N(a)} @calciteListItemSelect=${() => this._selectRecord(e)}><div slot=heading><div .innerHTML=${O.sanitize(a ?? "") ?? ""}></div></div><div slot=description><div .innerHTML=${O.sanitize(l ?? "") ?? ""}></div></div>${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;
@@ -361,7 +362,7 @@ class re extends k {
     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" ${U(this._relatedFeatureIntersectionObserverNode)}></div>`;
+    return o`<div class="feature-observer" ${X(this._relatedFeatureIntersectionObserverNode)}></div>`;
   }
   _renderList() {
     const { relatedFeatureViewModels: e, categories: t } = this;
@@ -369,7 +370,7 @@ class re extends k {
   }
   _renderRelatedFeatures() {
     const { displayListItems: e } = this, { state: t } = this;
-    return o`<div class=${x(S("list", {
+    return o`<div class=${x(Q("list", {
       "list-querying": t === "querying"
     }))}>${e ? this._renderList() : t === "ready" ? this._renderNoRelatedFeaturesMessage() : null}${this._renderStickyLoading()}${this._renderFeatureObserver()}</div>`;
   }
@@ -377,7 +378,7 @@ class re extends k {
     return o`<calcite-notice icon=exclamation-mark-triangle kind=danger open scale=s width=full><div slot=message>${this.messages?.relationshipNotFound}</div></calcite-notice>`;
   }
 }
-B("arcgis-feature-relationship", re);
+H("arcgis-feature-relationship", ie);
 export {
-  re as ArcgisFeatureRelationship
+  ie as ArcgisFeatureRelationship
 };

package/dist/components/arcgis-feature-table/customElement.d.ts

@@ -1076,7 +1076,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * >
    * > The following considerations apply when working with date, time, and big integer field types:
    * >
-   * > By default, the [FeatureTable](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/) displays timezones for `date` and `timestamp-offset` field [types](https://developers.arcgis.com/javascript/latest/references/core/layers/support/Field/#type) reflecting the MapView's timezone. This timezone can be overridden by setting the table's [timeZone](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#timeZone) property.
+   * > By default, the [FeatureTable](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/) displays time zones for `date` and `timestamp-offset` field [types](https://developers.arcgis.com/javascript/latest/references/core/layers/support/Field/#type) using the associated view's time zone. This time zone can be overridden by setting the table's [timeZone](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#timeZone) property.
    * > If the table's [view](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#view) isn't set, and the table's [Feature#timeZone](https://developers.arcgis.com/javascript/latest/references/core/widgets/Feature/#timeZone) isn't set, the table defaults to `system` time. The only time that this is not the case is when there is a [FeatureLayer#preferredTimeZone](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#preferredTimeZone) set on the table's layer. If the latter is true, the preferred time zone is used as opposed to `system`.
    *
    * @since 4.28

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

@@ -14,13 +14,14 @@ import { isTable as m, getEffectiveLayerCapabilities as B } from "@arcgis/core/a
 import { usePropertyChange as D } from "@arcgis/lumina/controllers";
 import { watch as f } from "@arcgis/core/core/reactiveUtils.js";
 import { debounce as L } from "@arcgis/toolkit/function";
-const E = g`:host{display:flex;position:relative;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}.root>*{width:100%;box-sizing:border-box}.feature-template-tabs{--calcite-tab-background-color: transparent}`;
-var U = Object.defineProperty, I = Object.getOwnPropertyDescriptor, a = (t, e, i, r) => {
-  for (var n = r > 1 ? void 0 : r ? I(e, i) : e, p = t.length - 1, c; p >= 0; p--)
+import { g as E } from "../../chunks/async-utils.js";
+const U = g`:host{display:flex;position:relative;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}.root>*{width:100%;box-sizing:border-box}.feature-template-tabs{--calcite-tab-background-color: transparent}`;
+var I = Object.defineProperty, C = Object.getOwnPropertyDescriptor, a = (t, e, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? C(e, i) : e, p = t.length - 1, c; p >= 0; p--)
     (c = t[p]) && (n = (r ? c(e, i, n) : c(n)) || n);
-  return r && n && U(e, i, n), n;
+  return r && n && I(e, i, n), n;
 };
-function C(t) {
+function R(t) {
   switch (t) {
     case "point":
     case "multipoint":
@@ -32,7 +33,7 @@ function C(t) {
   }
   return "noneSpecified";
 }
-const R = (t) => C(t.layer.geometryType ?? "");
+const A = (t) => R(t.layer.geometryType ?? "");
 let s = class extends _ {
   //#region Lifecycle
   constructor(t) {
@@ -248,7 +249,7 @@ let s = class extends _ {
   }
   get organizedMapTemplates() {
     if (this.groupByFunction || this.groupBy === "geometry") {
-      const t = !this.groupByFunction, e = this.groupByFunction ?? R, i = /* @__PURE__ */ new Map();
+      const t = !this.groupByFunction, e = this.groupByFunction ?? A, i = /* @__PURE__ */ new Map();
       for (const r of this.mapTemplates ?? [])
         for (const n of r.templates) {
           const p = new u({ template: n, layer: r.layer }), c = e(p);
@@ -427,16 +428,16 @@ a([
 s = a([
   S("components.feature-templates.FeatureTemplatesViewModel")
 ], s);
-const A = M(s);
-class P extends b {
+const P = M(s);
+class V extends b {
   constructor() {
-    super(...arguments), this._messages = w(), this.viewModel = A(this), this.favoritesEnabled = this.viewModel.favoritesEnabled, this.favorites = this.viewModel.favorites, this.restoreFavorites = this.viewModel.restoreFavorites, this.restoreRecentlyUsed = this.viewModel.restoreRecentlyUsed, this.recentlyUsed = this.viewModel.recentlyUsed, this.sharedTemplatesDisabled = this.viewModel.sharedTemplatesDisabled, this.filterText = this.viewModel.filterText, this.recentFilterText = this.viewModel.recentFilterText, this.favoritesFilterText = this.viewModel.favoritesFilterText, this.recentlyUsedEnabled = this.viewModel.recentlyUsedEnabled, this.excludeTables = this.viewModel.excludeTables, this.effectiveTemplates = this.viewModel.effectiveTemplates, this.applicationTemplates = this.viewModel.applicationTemplates, this.selectedTemplateId = this.viewModel.selectedTemplateId, this.selectedTemplate = this.viewModel.selectedTemplate, this.applicationFilterFunction = this.viewModel.applicationFilterFunction, this.applicationDisabledFunction = this.viewModel.applicationDisabledFunction, this.display = this.viewModel.display, this.groupBy = this.viewModel.groupBy, this.sectionSortBy = this.viewModel.sectionSortBy, this.templateSortBy = this.viewModel.templateSortBy, this.templateSortByFunction = this.viewModel.templateSortByFunction, this.sectionSortByFunction = this.viewModel.sectionSortByFunction, this.hideTemplatesMode = this.viewModel.hideTemplatesMode, this.disableTemplatesMode = this.viewModel.disableTemplatesMode, this.groupByFunction = this.viewModel.groupByFunction, this.hideTemplateDescription = this.viewModel.hideTemplateDescription, this.layers = this.viewModel.layers, this.view = F(this), this.autoDestroyDisabled = !1, this.updating = this.viewModel.updating, this.disabled = !1, this.showCollapseButton = !1, this.showFilter = !1, this.minRequiredFilterCount = 2, this.arcgisPropertyChange = D()("effectiveTemplates", "filterText", "recentlyUsed", "favorites"), this.arcgisReady = h(), this.arcgisTemplatesChanged = h(), this.arcgisSelectTemplate = h();
+    super(...arguments), this._messages = w(), this.viewModel = P(this), this.favoritesEnabled = this.viewModel.favoritesEnabled, this.favorites = this.viewModel.favorites, this.restoreFavorites = this.viewModel.restoreFavorites, this.restoreRecentlyUsed = this.viewModel.restoreRecentlyUsed, this.recentlyUsed = this.viewModel.recentlyUsed, this.sharedTemplatesDisabled = this.viewModel.sharedTemplatesDisabled, this.filterText = this.viewModel.filterText, this.recentFilterText = this.viewModel.recentFilterText, this.favoritesFilterText = this.viewModel.favoritesFilterText, this.recentlyUsedEnabled = this.viewModel.recentlyUsedEnabled, this.excludeTables = this.viewModel.excludeTables, this.effectiveTemplates = this.viewModel.effectiveTemplates, this.applicationTemplates = this.viewModel.applicationTemplates, this.selectedTemplateId = this.viewModel.selectedTemplateId, this.selectedTemplate = this.viewModel.selectedTemplate, this.applicationFilterFunction = this.viewModel.applicationFilterFunction, this.applicationDisabledFunction = this.viewModel.applicationDisabledFunction, this.display = this.viewModel.display, this.groupBy = this.viewModel.groupBy, this.sectionSortBy = this.viewModel.sectionSortBy, this.templateSortBy = this.viewModel.templateSortBy, this.templateSortByFunction = this.viewModel.templateSortByFunction, this.sectionSortByFunction = this.viewModel.sectionSortByFunction, this.hideTemplatesMode = this.viewModel.hideTemplatesMode, this.disableTemplatesMode = this.viewModel.disableTemplatesMode, this.groupByFunction = this.viewModel.groupByFunction, this.hideTemplateDescription = this.viewModel.hideTemplateDescription, this.layers = this.viewModel.layers, this.view = F(this), this.autoDestroyDisabled = !1, this.updating = this.viewModel.updating, this.disabled = !1, this.showCollapseButton = !1, this.showFilter = !1, this.minRequiredFilterCount = 2, this.arcgisPropertyChange = D()("effectiveTemplates", "filterText", "recentlyUsed", "favorites"), this.arcgisReady = h(), this.arcgisTemplatesChanged = h(), this.arcgisSelectTemplate = h();
   }
   static {
     this.properties = { favoritesEnabled: 5, favorites: 32, restoreFavorites: 0, restoreRecentlyUsed: 0, recentlyUsed: 32, sharedTemplatesDisabled: 5, filterText: 1, recentFilterText: 1, favoritesFilterText: 1, recentlyUsedEnabled: 5, excludeTables: 5, effectiveTemplates: 32, applicationTemplates: 0, selectedTemplateId: 1, selectedTemplate: 32, applicationFilterFunction: 0, applicationDisabledFunction: 0, display: 1, groupBy: 1, sectionSortBy: 1, templateSortBy: 1, templateSortByFunction: 0, sectionSortByFunction: 0, hideTemplatesMode: 1, disableTemplatesMode: 1, groupByFunction: 0, hideTemplateDescription: 5, layers: 0, view: 0, referenceElement: 1, autoDestroyDisabled: 5, updating: 32, disabled: 5, showCollapseButton: 5, showFilter: 5, minRequiredFilterCount: 9 };
   }
   static {
-    this.styles = E;
+    this.styles = U;
   }
   async destroy() {
     await this.manager.destroy();
@@ -458,7 +459,7 @@ class P extends b {
       ], L(() => (
         // Trigger refetching of templates
         this.viewModel.handleTemplateSourceDefinitionChanged()
-      ), 10), { initial: !0 })
+      ), E(10)), { initial: !0 })
     ]);
   }
   _handleSelectTemplate(e) {
@@ -505,7 +506,7 @@ class P extends b {
     return o`<div class="root">${this._renderContent()}${this.viewModel.updating || this.disabled ? o`<calcite-scrim><calcite-loader scale=s label .hidden=${!this.viewModel.updating}></calcite-loader></calcite-scrim>` : null}</div>`;
   }
 }
-T("arcgis-feature-templates", P);
+T("arcgis-feature-templates", V);
 export {
-  P as ArcgisFeatureTemplates
+  V as ArcgisFeatureTemplates
 };

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

@@ -1,24 +1,25 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as S } from "../../chunks/runtime.js";
-import { css as M, html as m } from "lit";
+import { c as M } from "../../chunks/runtime.js";
+import { css as D, html as m } from "lit";
 import { keyed as C } from "lit/directives/keyed.js";
-import { b as k, q as D } from "../../chunks/layer-utils.js";
-import { createReactiveMap as I, findUtilityNetwork as V, getOrCreateMapValue as j } from "@arcgis/core/applications/Components/featureUtils.js";
-import { stripHTML as v } from "@arcgis/core/applications/Components/stringUtils.js";
+import { b as k, q as V } from "../../chunks/layer-utils.js";
+import { g as v } from "../../chunks/async-utils.js";
+import { createReactiveMap as I, findUtilityNetwork as j, getOrCreateMapValue as x } from "@arcgis/core/applications/Components/featureUtils.js";
+import { stripHTML as E } from "@arcgis/core/applications/Components/stringUtils.js";
 import w from "@arcgis/core/core/Collection.js";
-import { ignoreAbortErrors as E } from "@arcgis/core/core/promiseUtils.js";
+import { ignoreAbortErrors as q } from "@arcgis/core/core/promiseUtils.js";
 import { watch as A } from "@arcgis/core/core/reactiveUtils.js";
-import * as x from "@arcgis/core/core/sql.js";
-import P from "@arcgis/core/rest/networks/support/NetworkElement.js";
-import U from "@arcgis/core/rest/networks/support/QueryAssociationsParameters.js";
-import { LitElement as Q, renderElement as q } from "@arcgis/lumina";
-import { debounce as T } from "@arcgis/toolkit/function";
-import G from "@arcgis/core/popup/FeatureContent.js";
-const B = M`.list-container{min-height:var(--calcite-spacing-xxxl)}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.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;height:500px}`, L = 100, $ = {
+import * as P from "@arcgis/core/core/sql.js";
+import U from "@arcgis/core/rest/networks/support/NetworkElement.js";
+import Q from "@arcgis/core/rest/networks/support/QueryAssociationsParameters.js";
+import { LitElement as G, renderElement as T } from "@arcgis/lumina";
+import { debounce as L } from "@arcgis/toolkit/function";
+import B from "@arcgis/core/popup/FeatureContent.js";
+const R = D`.list-container{min-height:var(--calcite-spacing-xxxl)}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.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;height:500px}`, $ = 100, N = {
   assetGroup: "assetgroup",
   assetType: "assettype"
-}, N = "{00000000-0000-0000-0000-000000000000}";
-class R extends Q {
+}, S = "{00000000-0000-0000-0000-000000000000}";
+class O extends G {
   constructor() {
     super(...arguments), this._addFlowItem = (t) => {
       t && this.flowItems?.push(t);
@@ -37,12 +38,12 @@ class R extends Q {
     }, this._queryController = async (t) => {
       this._cancelQuery();
       const e = new AbortController();
-      this._queryAbortController = e, await E(this._query(t)), this._queryAbortController === e && (this._queryAbortController = null);
+      this._queryAbortController = e, await q(this._query(t)), this._queryAbortController === e && (this._queryAbortController = null);
     }, this._queryFeatureCountController = async () => {
       this._loaded = !1, this._cancelQueryFeatureCount();
       const t = new AbortController();
-      this._queryFeatureCountAbortController = t, await E(this._queryFeatureCount()), this._queryFeatureCountAbortController === t && (this._queryFeatureCountAbortController = null), this._loaded = !0;
-    }, this._queryDebounced = T(this._queryController, L), this._queryFeatureCountDebounced = T(this._queryFeatureCountController, L), this._structureAssociations = new w(), this._structureFeatureCount = 0, this._queryAssociationType = async () => {
+      this._queryFeatureCountAbortController = t, await q(this._queryFeatureCount()), this._queryFeatureCountAbortController === t && (this._queryFeatureCountAbortController = null), this._loaded = !0;
+    }, this._queryDebounced = L(this._queryController, v($)), this._queryFeatureCountDebounced = L(this._queryFeatureCountController, v($)), this._structureAssociations = new w(), this._structureFeatureCount = 0, this._queryAssociationType = async () => {
       this._activeAssociationType && this._queryDebounced(this._activeAssociationType);
     }, this._associationFeatures = I(), this._associationViewModels = I(), this._featureCount = 0, this._loaded = !1, this._queryAbortController = null, this._queryFeatureCountAbortController = null, this._queryPageAbortController = null, this.associationTypes = null, this.autoDestroyDisabled = !1, this.useFeatureNextFlowItem = !1, this.flowType = "feature-utility-network-associations", this.headingLevel = 2, this.source = "popup";
   }
@@ -50,7 +51,7 @@ class R extends Q {
     this.properties = { _activeAssociationType: 16, _associationFeatures: 16, _associationViewModels: 16, _canLoad: 16, _canQuery: 16, _featureCount: 16, _loaded: 16, _queryAbortController: 16, _queryFeatureCountAbortController: 16, _queryPageAbortController: 16, _state: 16, associationTypes: 0, autoDestroyDisabled: 5, description: 1, flowItems: 0, useFeatureNextFlowItem: 5, flowType: 1, graphic: 0, heading: 1, headingLevel: 9, layer: 0, map: 0, messages: 0, parentFeatureViewModel: 0, referenceElement: 1, source: 1, spatialReference: 0, timeZone: 1, view: 0 };
   }
   static {
-    this.styles = B;
+    this.styles = R;
   }
   get _globalId() {
     return (this._globalIdField && this.graphic?.attributes?.[this._globalIdField]) ?? null;
@@ -72,7 +73,7 @@ class R extends Q {
     if (!t?.loaded || !e)
       return null;
     const s = k(t) ? t.parent : t;
-    return V(e, s);
+    return j(e, s);
   }
   get _canLoad() {
     return !!this.map;
@@ -117,7 +118,7 @@ class R extends Q {
     });
   }
   _addAssociationTypeFlowItem(t) {
-    const e = this.useFeatureNextFlowItem ? q(m`<arcgis-feature-utility-network-association-list .autoDestroyDisabled=${this.autoDestroyDisabled} .associationViewModels=${this._associationViewModels} .description=${this._getParentFeatureDescription()} .flowItems=${this.flowItems} .flowType=${this.flowType} .heading=${this._getAssociationTypeTitle(t)} .messages=${this.messages} .map=${this.map} .parentFeatureViewModel=${this.parentFeatureViewModel} .referenceElement=${this.referenceElement} .state=${this._state} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} use-feature-next-flow-item .view=${this.view}></arcgis-feature-utility-network-association-list>`) : q(m`<arcgis-feature-utility-network-association-list .autoDestroyDisabled=${this.autoDestroyDisabled} .associationViewModels=${this._associationViewModels} .description=${this._getParentFeatureDescription()} .flowItems=${this.flowItems} .flowType=${this.flowType} .heading=${this._getAssociationTypeTitle(t)} .messages=${this.messages} .map=${this.map} .parentFeatureViewModel=${this.parentFeatureViewModel} .referenceElement=${this.referenceElement} .state=${this._state} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature-utility-network-association-list>`);
+    const e = this.useFeatureNextFlowItem ? T(m`<arcgis-feature-utility-network-association-list .autoDestroyDisabled=${this.autoDestroyDisabled} .associationViewModels=${this._associationViewModels} .description=${this._getParentFeatureDescription()} .flowItems=${this.flowItems} .flowType=${this.flowType} .heading=${this._getAssociationTypeTitle(t)} .messages=${this.messages} .map=${this.map} .parentFeatureViewModel=${this.parentFeatureViewModel} .referenceElement=${this.referenceElement} .state=${this._state} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} use-feature-next-flow-item .view=${this.view}></arcgis-feature-utility-network-association-list>`) : T(m`<arcgis-feature-utility-network-association-list .autoDestroyDisabled=${this.autoDestroyDisabled} .associationViewModels=${this._associationViewModels} .description=${this._getParentFeatureDescription()} .flowItems=${this.flowItems} .flowType=${this.flowType} .heading=${this._getAssociationTypeTitle(t)} .messages=${this.messages} .map=${this.map} .parentFeatureViewModel=${this.parentFeatureViewModel} .referenceElement=${this.referenceElement} .state=${this._state} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature-utility-network-association-list>`);
     this._addFlowItem(e);
   }
   _clearAssociations() {
@@ -180,7 +181,7 @@ class R extends Q {
     this._associationViewModels.forEach((t) => t.destroyAll());
   }
   _equals(t, e) {
-    if (t.globalId === N && e.globalId === N) {
+    if (t.globalId === S && e.globalId === S) {
       let s = function(d, u) {
         return d.networkSourceId === u.networkSourceId && d.globalId === u.globalId && d.terminalId === u.terminalId && d.firstUnit === u.firstUnit && d.numUnits === u.numUnits;
       };
@@ -241,7 +242,7 @@ class R extends Q {
     }
   }
   _getFeatureQueryWhereClause(t, e, s, o) {
-    const i = t.globalIdField, a = t.fieldsIndex.get($.assetGroup), r = t.fieldsIndex.get($.assetType), c = s != null, l = o != null, d = i ? x.sqlIn(i, e) : null, u = c ? `(${a?.name} = ${s})` : null, y = c && l ? `(${r?.name} = ${o})` : null;
+    const i = t.globalIdField, a = t.fieldsIndex.get(N.assetGroup), r = t.fieldsIndex.get(N.assetType), c = s != null, l = o != null, d = i ? P.sqlIn(i, e) : null, u = c ? `(${a?.name} = ${s})` : null, y = c && l ? `(${r?.name} = ${o})` : null;
     return [d, u, y].filter(Boolean).join(" AND ");
   }
   _getFeatureTitle(t) {
@@ -305,7 +306,7 @@ class R extends Q {
     const { layer: e, _globalId: s, associationTypes: o, _utilityNetwork: i, _canQuery: a } = this;
     if (await Promise.allSettled([e?.load(), i?.load()]), this._clearAssociations(), !a || !e || !o || !i || !s)
       return;
-    const r = k(e) ? e.parent : e, c = new P({
+    const r = k(e) ? e.parent : e, c = new U({
       globalId: s,
       networkSourceId: i.getSourceIdByLayerId(r.layerId)
     }), l = /* @__PURE__ */ new Set();
@@ -324,7 +325,7 @@ class R extends Q {
           break;
       }
     });
-    const d = await i?.queryAssociations(new U({
+    const d = await i?.queryAssociations(new Q({
       elements: [c],
       types: Array.from(l)
     }), {
@@ -409,14 +410,14 @@ class R extends Q {
   async _queryLayer(t, e, s, o, i) {
     const a = this._getFeatureQueryWhereClause(t, e, s, o), r = t.createQuery();
     r.where = a, r.outFields = ["*"], r.returnGeometry = !1, r.cacheHint = this._supportsCacheHint;
-    const { features: c } = await D(t, r, i);
+    const { features: c } = await V(t, r, i);
     return c;
   }
   _parseFeatureObjects(t, e) {
     const s = I();
     t.forEach((o) => {
       const a = (o?.feature).sourceLayer;
-      j(s, a, () => new w()).add(o);
+      x(s, a, () => new w()).add(o);
     });
     for (const [o, i] of s)
       this._sortFeatureObjectsByTitle(i), e.set(o, i);
@@ -441,7 +442,7 @@ class R extends Q {
           r.add({
             title: n,
             association: u,
-            featureViewModel: new G({
+            featureViewModel: new B({
               abilities: { utilityNetworkAssociationsContent: !1 },
               map: t,
               view: e,
@@ -476,7 +477,7 @@ class R extends Q {
   }
   _renderAssociationTypeListItem(t) {
     const e = this._getAssociationTypeTitle(t);
-    return C(`association-type-${t.type}`, m`<calcite-list-item .description=${v(t.description)} .label=${v(e)} .value=${t.type} @calciteListItemSelect=${() => this._selectAssociationType(t)}><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`);
+    return C(`association-type-${t.type}`, m`<calcite-list-item .description=${E(t.description)} .label=${E(e)} .value=${t.type} @calciteListItemSelect=${() => this._selectAssociationType(t)}><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`);
   }
   _renderContent() {
     const { _state: t, associationTypes: e, messages: s } = this, o = s?.associationsList ?? s?.noTitle ?? "";
@@ -492,7 +493,7 @@ class R extends Q {
     return this._state === "querying" ? m`<div class="sticky-loading-container">${this._renderLoadingIcon()}</div>` : null;
   }
 }
-S("arcgis-feature-utility-network-associations", R);
+M("arcgis-feature-utility-network-associations", O);
 export {
-  R as ArcgisFeatureUtilityNetworkAssociations
+  O as ArcgisFeatureUtilityNetworkAssociations
 };

package/dist/components/arcgis-features/customElement.d.ts

@@ -586,7 +586,7 @@ export abstract class ArcgisFeatures extends LitElement {
   get state(): State;
   /**
    * Dates and times displayed in the component will be displayed in this time zone. By default this time zone is
-   * inherited from [arcgis-map.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#timeZone) if the [view](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#view) property is set. When a MapView is not associated with the component
+   * inherited from the associated [arcgis-map.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#timeZone) or [arcgis-scene.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#timeZone) if the [view](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#view) property is set. When a view is not associated with the component
    * then the property will fallback to the `system` time zone.
    *
    * **Possible Values**

package/dist/components/arcgis-features-next/customElement.d.ts

@@ -580,7 +580,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
   get state(): State;
   /**
    * Dates and times displayed in the component will be displayed in this time zone. By default this time zone is
-   * inherited from [arcgis-map.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#timeZone) if the [view](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#view) property is set. When a MapView is not associated with the component
+   * inherited from the associated [arcgis-map.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#timeZone) or [arcgis-scene.timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#timeZone) if the [view](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/#view) property is set. When a view is not associated with the component
    * then the property will fallback to the `system` time zone.
    *
    * **Possible Values**