@arcgis/map-components 4.34.0-next.110 → 4.34.0-next.111

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

@@ -1,28 +1,28 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
 import { HeadingLevel } from '../../support/heading';
-import { Nil } from '@arcgis/components-utils';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisFeature, FlowItemType, FlowItemComponent } from '../arcgis-feature/customElement.js';
+import { nil } from '@arcgis/toolkit/type';
 export interface FeatureRelationshipCategory {
     count: number;
     value: number | string;
     name: string;
 }
 type RelatableFeatureSupportedLayer = {
-    capabilities: __esri.Capabilities | Nil;
-    objectIdField: Nil | string;
-    parent: __esri.Layer["parent"] | Nil | RelatableFeatureSupportedLayer;
+    capabilities: __esri.Capabilities | nil;
+    objectIdField: nil | string;
+    parent: __esri.Layer["parent"] | nil | RelatableFeatureSupportedLayer;
     loaded: boolean;
-    relationships: __esri.Relationship[] | Nil;
-    subtypeField: Nil | string;
-    subtypes: __esri.Subtype[] | Nil;
-    gdbVersion: Nil | string;
-    historicMoment: Date | Nil;
+    relationships: __esri.Relationship[] | nil;
+    subtypeField: nil | string;
+    subtypes: __esri.Subtype[] | nil;
+    gdbVersion: nil | string;
+    historicMoment: Date | nil;
     queryRelatedFeaturesCount: __esri.FeatureLayer["queryRelatedFeaturesCount"];
     queryRelatedFeatures: __esri.FeatureLayer["queryRelatedFeatures"];
     createQuery: __esri.FeatureLayer["createQuery"];
-    formTemplate: __esri.FormTemplate | Nil;
+    formTemplate: __esri.FormTemplate | nil;
     fields?: __esri.Field[];
     findSublayerForSubtypeCode?: __esri.SubtypeGroupLayer["findSublayerForSubtypeCode"];
 } & (__esri.FeatureLayer | __esri.Layer | __esri.Sublayer | __esri.SubtypeGroupLayer | __esri.SubtypeSublayer);
@@ -39,6 +39,7 @@ export declare class ArcgisFeatureRelationship extends LitElement {
      * @default false
      */
     autoDestroyDisabled: boolean;
+    get allItemsDescription(): string;
     get featurePage(): number;
     set featurePage(value: number);
     /** @default 10 */

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

@@ -1,47 +1,47 @@
-import { c as W } from "../../chunks/runtime.js";
-import { ref as R } from "lit/directives/ref.js";
-import { keyed as S } from "lit/directives/keyed.js";
-import { render as N, html as l } from "lit-html";
-import { d as E, c as Q } from "../../chunks/index.js";
-import { LitElement as Z, safeClassMap as y } from "@arcgis/lumina";
-import { css as z } from "lit";
-import { templateHasKey as V, stripHTML as M } from "@arcgis/core/applications/Components/stringUtils.js";
-import { isRelatableFeatureSupportedLayer as G, findRelatedLayer as J } from "@arcgis/core/applications/Components/featureUtils.js";
-import { substitute as U, formatNumber as j } from "@arcgis/core/intl.js";
-import { watch as C, on as X } from "@arcgis/core/core/reactiveUtils.js";
-import { g as Y } from "../../chunks/feature-utils.js";
-import k from "@arcgis/core/core/Collection.js";
-import B from "@arcgis/core/rest/support/RelationshipQuery.js";
-import { ignoreAbortErrors as x } from "@arcgis/core/core/promiseUtils.js";
-import ee from "@arcgis/core/widgets/Feature/FeatureViewModel.js";
+import { c as H } from "../../chunks/runtime.js";
+import { css as K, html as n } from "lit";
+import { keyed as O } from "lit/directives/keyed.js";
+import { debounce as R } from "@arcgis/toolkit/function";
+import { LitElement as W, renderElement as D, safeClassMap as g } from "@arcgis/lumina";
+import { templateHasKey as S, stripHTML as N } from "@arcgis/core/applications/Components/stringUtils.js";
+import { isRelatableFeatureSupportedLayer as Z, findRelatedLayer as z } from "@arcgis/core/applications/Components/featureUtils.js";
+import { substitute as G, formatNumber as V } from "@arcgis/core/intl.js";
+import { watch as C, on as J } from "@arcgis/core/core/reactiveUtils.js";
+import { a as U } from "../../chunks/feature-utils.js";
+import Q from "@arcgis/core/core/Collection.js";
+import M from "@arcgis/core/rest/support/RelationshipQuery.js";
+import { ignoreAbortErrors as P } from "@arcgis/core/core/promiseUtils.js";
+import X from "@arcgis/core/widgets/Feature/FeatureViewModel.js";
+import { classes as j } from "@arcgis/toolkit/dom";
+import { createRef as Y, ref as ee } from "lit/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.110 */
-const te = z`.arcgis-feature-relationship{position:relative}.arcgis-feature-relationship__list{min-height:var(--calcite-spacing-xxxl)}.arcgis-feature-relationship__list-item--hidden{display:none}.arcgis-feature-relationship__feature-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.arcgis-feature-relationship__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}`, re = (f) => {
+v4.34.0-next.111 */
+const te = K`:host{position:relative;flex:1 1 auto}.arcgis-feature-relationship__list{min-height:var(--calcite-spacing-xxxl)}.arcgis-feature-relationship__list-item--hidden{display:none}.arcgis-feature-relationship__feature-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.arcgis-feature-relationship__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}`, re = (m) => {
   const e = [];
-  if (f.formTemplate) {
-    const { description: t, title: r } = f.formTemplate;
-    f.fields?.forEach((s) => {
-      const i = r && V(r, s.name), a = t && V(t, s.name);
+  if (m.formTemplate) {
+    const { description: t, title: r } = m.formTemplate;
+    m.fields?.forEach((s) => {
+      const i = r && S(r, s.name), a = t && S(t, s.name);
       (i || a) && e.push(s.name);
     });
   }
   return e;
-}, O = 100, F = "arcgis-feature", m = `${F}-relationship`, d = {
+}, x = 100, se = "arcgis-feature", h = `${se}-relationship`, c = {
   // widget
-  base: m,
-  listContainer: `${m}__list`,
-  listItem: `${m}__list-item`,
-  listItemHidden: `${m}__list-item--hidden`,
-  listContainerQuerying: `${m}__list--querying`,
-  featureObserver: `${F}__feature-observer`,
+  base: h,
+  listContainer: `${h}__list`,
+  listItem: `${h}__list-item`,
+  listItemHidden: `${h}__list-item--hidden`,
+  listContainerQuerying: `${h}__list--querying`,
+  featureObserver: `${h}__feature-observer`,
   // loading
-  stickySpinnerContainer: `${F}__sticky-loading-container`,
-  loadingSpinnerContainer: `${F}__loading-container`
+  stickySpinnerContainer: `${h}__sticky-loading-container`,
+  loadingSpinnerContainer: `${h}__loading-container`
 };
-class se extends Z {
+class ie extends W {
   constructor() {
-    super(...arguments), this._flowItemContainerEl = document.createElement("div"), this._increaseFeaturePage = () => {
+    super(...arguments), this._increaseFeaturePage = () => {
       const { state: e, showAllEnabled: t, relatedFeatures: r, featuresPerPage: s, featurePage: i } = this;
       e === "ready" && t && r.length >= s * i && this.featurePage++;
     }, this._relatedFeatureIntersectionObserver = new IntersectionObserver(([e]) => {
@@ -60,24 +60,23 @@ class se extends Z {
     }, this._queryController = async () => {
       this._cancelQuery();
       const e = new AbortController();
-      this._queryAbortController = e, await x(this._query()), this._queryAbortController === e && (this._queryAbortController = null);
+      this._queryAbortController = e, await P(this._query()), this._queryAbortController === e && (this._queryAbortController = null);
     }, this._queryFeatureCountController = async () => {
       this._loaded = !1, this._cancelQueryFeatureCount();
       const e = new AbortController();
-      this._queryFeatureCountAbortController = e, await x(this._queryFeatureCount()), this._queryFeatureCountAbortController === e && (this._queryFeatureCountAbortController = null), this._loaded = !0;
+      this._queryFeatureCountAbortController = e, await P(this._queryFeatureCount()), this._queryFeatureCountAbortController === e && (this._queryFeatureCountAbortController = null), this._loaded = !0;
     }, this._queryPageController = async () => {
       const e = new AbortController();
-      this._queryPageAbortController = e, await x(this._queryPage()), this._queryPageAbortController === e && (this._queryPageAbortController = null);
-    }, this._queryDebounced = E(this._queryController, O), this._queryFeatureCountDebounced = E(this._queryFeatureCountController, O), this._queryPageDebounced = E(this._queryPageController, O), this._query = async () => {
+      this._queryPageAbortController = e, await P(this._queryPage()), this._queryPageAbortController === e && (this._queryPageAbortController = null);
+    }, this._queryDebounced = R(this._queryController, x), this._queryFeatureCountDebounced = R(this._queryFeatureCountController, x), this._queryPageDebounced = R(this._queryPageController, x), 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) => {
-      const { flowItems: t } = this;
-      !t || !e || t.push(e);
-    }, this._relatedFeatureIntersectionObserverNode = null, this.relatedFeatures = new k(), this._queryAbortController = null, this._queryPageAbortController = null, this._queryFeatureCountAbortController = null, this.featureCount = 0, this._loaded = !1, this.relatedFeatureViewModels = new k(), this.autoDestroyDisabled = !1, this.featuresPerPage = 10, this.flowType = "feature-relationship", this.headingLevel = 2, this.hideHeading = !1, this.hideDescription = !1, this.showAllEnabled = !1;
+      e && this.flowItems?.push(e);
+    }, this._relatedFeatureIntersectionObserverNode = Y(), this.relatedFeatures = new Q(), this._queryAbortController = null, this._queryPageAbortController = null, this._queryFeatureCountAbortController = null, this.featureCount = 0, this._loaded = !1, this.relatedFeatureViewModels = new Q(), 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, allItemsDescription: 16, categories: 16, itemDescriptionFieldName: 16, relatedFeatureViewModels: 16, state: 16, autoDestroyDisabled: 5, 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 };
+    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 };
   }
   static {
     this.styles = te;
@@ -86,7 +85,7 @@ class se extends Z {
     const { orderByFields: e, relatedLayer: t } = this;
     return e && t?.loaded ? e.map((r) => {
       const s = r.clone();
-      return s.field = Y(r.field, t), s;
+      return s.field = U(r.field, t), s;
     }) : e ?? [];
   }
   get supportsCacheHint() {
@@ -105,8 +104,8 @@ class se extends Z {
     const { layer: e, map: t, relationship: r } = this;
     if (!e?.loaded || !t || !r)
       return null;
-    const s = e.type === "subtype-sublayer" && e.parent && G(e.parent) ? e.parent : e;
-    return J(t, s, r) ?? null;
+    const s = e.type === "subtype-sublayer" && e.parent && Z(e.parent) ? e.parent : e;
+    return z(t, s, r) ?? null;
   }
   get relatedLayerKeyField() {
     const { relatedLayer: e, relationshipId: t } = this;
@@ -142,12 +141,6 @@ class se extends Z {
     const { relatedFeatures: e, allCategoriesCount: t } = this;
     return this.displayShowAllButton || !!e.length || !!t;
   }
-  get allItemsDescription() {
-    const { messages: e, featureCount: t, allCategories: r, allCategoriesCount: s } = this;
-    return U(e?.numberRecords ?? "", {
-      number: j(r ? s : t)
-    });
-  }
   get categories() {
     const { allCategories: e } = this;
     return this.showAllEnabled ? e : e?.slice(0, this.displayCount) ?? null;
@@ -159,6 +152,12 @@ class se extends Z {
     const { _queryAbortController: e, _queryFeatureCountAbortController: t, _queryPageAbortController: r, canQuery: s, _loaded: i, canLoad: a } = this;
     return t || a && !i ? "loading" : e || r ? "querying" : s ? "ready" : "disabled";
   }
+  get allItemsDescription() {
+    const { messages: e, featureCount: t, allCategories: r, allCategoriesCount: s } = this;
+    return G(e?.numberRecords ?? "", {
+      number: V(r ? s : t)
+    });
+  }
   get featurePage() {
     return this._featurePage;
   }
@@ -199,9 +198,9 @@ class se extends Z {
         this.activeCategory
       ], () => this._queryDebounced(), { initial: !0 }),
       C(() => [this.featurePage, this.showAllEnabled], () => this._queryPageDebounced()),
-      C(() => [this.layer, this.relationshipId, this.objectId, this.canQuery, this.activeCategory], () => this._queryFeatureCountDebounced()),
+      C(() => [this.layer, this.relationshipId, this.objectId, this.canQuery, this.activeCategory], () => this._queryFeatureCountDebounced(), { initial: !0 }),
       C(() => [this.state, this.showAllEnabled, this._relatedFeatureIntersectionObserverNode], () => this._handleRelatedFeatureObserverChange()),
-      X(() => this.relatedFeatures, "change", () => this._setRelatedFeaturesViewModels())
+      J(() => this.relatedFeatures, "change", () => this._setRelatedFeaturesViewModels())
     ]), this.manager.onDestroy(() => {
       this.relatedFeatureViewModels.destroyAll(), this.relatedFeatures.destroyAll(), this._cancelQuery(), this._cancelQueryFeatureCount(), this._cancelQueryPage(), this._unobserveRelatedFeatureObserver();
     });
@@ -209,42 +208,42 @@ class se extends Z {
   async _queryFeatureCount() {
     const { layer: e, relatedLayer: t } = this;
     await e?.load(), await t?.load();
-    const { _queryFeatureCountAbortController: r, activeCategory: s, canQuery: i, objectId: a, relatedLayerKeyField: o, relationshipId: n, relationshipKey: c, supportsCacheHint: w } = this;
+    const { _queryFeatureCountAbortController: r, activeCategory: s, canQuery: i, objectId: a, relatedLayerKeyField: o, relationshipId: l, relationshipKey: d, supportsCacheHint: F } = this;
     if (!i || !e || !t || a == null) {
       this.featureCount = 0, this.allCategories = void 0;
       return;
     }
     if (t?.type === "subtype-group" && !s) {
-      if (this.featureCount = 0, this.relatedFeatureViewModels.destroyAll(), this.featurePage = 1, this.relatedFeatures.destroyAll(), o && c != null) {
-        const { default: $ } = await import("@arcgis/core/smartMapping/statistics/uniqueValues.js"), { uniqueValueInfos: A } = await $({
+      if (this.featureCount = 0, this.relatedFeatureViewModels.destroyAll(), this.featurePage = 1, this.relatedFeatures.destroyAll(), o && d != null) {
+        const { default: I } = await import("@arcgis/core/smartMapping/statistics/uniqueValues.js"), { uniqueValueInfos: $ } = await I({
           layer: t,
-          sqlWhere: `${o} = '${c}'`,
+          sqlWhere: `${o} = '${d}'`,
           field: t.subtypeField ?? void 0,
           signal: r?.signal
-        }), q = A.map(({ count: h, value: p }) => {
-          const b = t.subtypes?.find((L) => L.code === p)?.name;
-          return p != null && b ? {
-            count: h,
-            value: p,
+        }), A = $.map(({ count: y, value: f }) => {
+          const b = t.subtypes?.find((q) => q.code === f)?.name;
+          return f != null && b ? {
+            count: y,
+            value: f,
             name: b
           } : void 0;
-        }).filter((h) => h != null);
-        this.allCategories = q;
+        }).filter((y) => y != null);
+        this.allCategories = A;
       }
       return;
     }
-    const { historicMoment: _, gdbVersion: I } = e, v = new B({
-      cacheHint: w,
-      gdbVersion: I,
+    const { historicMoment: _, gdbVersion: w } = e, v = new M({
+      cacheHint: F,
+      gdbVersion: w,
       historicMoment: _,
-      relationshipId: n,
+      relationshipId: l,
       returnGeometry: !1,
       objectIds: [a],
       where: this._getRelationshipWhereClause(t)
-    }), g = await e.queryRelatedFeaturesCount(v, {
+    }), p = await e.queryRelatedFeaturesCount(v, {
       signal: r?.signal
     });
-    this.allCategories = void 0, this.featureCount = g[a] || 0;
+    this.allCategories = void 0, this.featureCount = p[a] || 0;
   }
   _getRelationshipWhereClause(e) {
     const { activeCategory: t } = this, r = e.createQuery(), s = "subtypeField" in e ? e.subtypeField : void 0, i = t && s ? `${s} = ${t.value}` : void 0, a = r.where;
@@ -259,62 +258,59 @@ class se extends Z {
     !r || t < 2 || !i || this.relatedLayer?.type === "subtype-group" && !this.activeCategory || e.addMany(await this._queryRelatedFeatures({ signal: s?.signal }));
   }
   async _queryRelatedFeatures(e) {
-    const { displayCount: t, featureCount: r, featurePage: s, featuresPerPage: i, layer: a, orderByFieldsFixedCasing: o, relatedLayer: n, relatedLayerKeyFields: c, relationshipId: w, showAllEnabled: _, supportsCacheHint: I } = this, { canQuery: v, objectId: g } = this;
-    if (!v || !a || !n || g == null)
+    const { displayCount: t, featureCount: r, featurePage: s, featuresPerPage: i, layer: a, orderByFieldsFixedCasing: o, relatedLayer: l, relatedLayerKeyFields: d, relationshipId: F, showAllEnabled: _, supportsCacheHint: w } = this, { canQuery: v, objectId: p } = this;
+    if (!v || !a || !l || p == null)
       return [];
-    const $ = _ ? ((s - 1) * i + r) % r : 0, A = _ ? i : t, q = n.objectIdField, h = "subtypeField" in n ? n.subtypeField : void 0, p = [
+    const I = _ ? ((s - 1) * i + r) % r : 0, $ = _ ? i : t, A = l.objectIdField, y = "subtypeField" in l ? l.subtypeField : void 0, f = [
       ...o.map((u) => u.field),
-      ...re(n),
-      ...c,
-      q,
-      h
-    ].filter((u) => u != null), b = o.map((u) => `${u.field} ${u.order}`), { historicMoment: L, gdbVersion: T } = a, H = new B({
+      ...re(l),
+      ...d,
+      A,
+      y
+    ].filter((u) => u != null), b = o.map((u) => `${u.field} ${u.order}`), { historicMoment: q, gdbVersion: k } = a, B = new M({
       orderByFields: b,
-      start: $,
-      num: A,
-      outFields: p,
-      cacheHint: I,
-      historicMoment: L,
-      gdbVersion: T,
-      relationshipId: w,
+      start: I,
+      num: $,
+      outFields: f,
+      cacheHint: w,
+      historicMoment: q,
+      gdbVersion: k,
+      relationshipId: F,
       returnGeometry: !1,
-      objectIds: [g],
-      where: this._getRelationshipWhereClause(n)
-    }), P = (await a.queryRelatedFeatures(H, {
+      objectIds: [p],
+      where: this._getRelationshipWhereClause(l)
+    }), L = (await a.queryRelatedFeatures(B, {
       signal: e?.signal
-    }))[g]?.features || [];
-    return n.type === "subtype-group" && h ? P.forEach((u) => {
-      const K = u.attributes[h], D = n.findSublayerForSubtypeCode?.(K);
-      u.sourceLayer = D, u.layer = D;
-    }) : P.forEach((u) => {
-      u.sourceLayer = n, u.layer = n;
-    }), P;
-  }
-  async _selectCategory(e) {
+    }))[p]?.features || [];
+    return l.type === "subtype-group" && y ? L.forEach((u) => {
+      const T = u.attributes[y], E = l.findSublayerForSubtypeCode?.(T);
+      u.sourceLayer = E, u.layer = E;
+    }) : L.forEach((u) => {
+      u.sourceLayer = l, u.layer = l;
+    }), L;
+  }
+  _selectCategory(e) {
     const { flowItems: t } = this;
-    t && (this.activeCategory = e, this.showAllEnabled = !0, this._addRelationshipFlowItem());
+    t && this._addRelationshipFlowItem({ showAllEnabled: !0, activeCategory: e });
   }
-  async _selectRecord(e) {
+  _selectRecord(e) {
     const { flowItems: t } = this;
-    t && N(S(e.graphic, l`<arcgis-feature .flowItems=${this.flowItems} .flowType=${this.flowType} .graphic=${e.graphic} .map=${this.map} show-relationship-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view} ${R(this._addFlowItem)}></arcgis-feature>`), this._flowItemContainerEl);
+    t && this._addFlowItem(D(O(e, n`<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>`)));
   }
-  _addRelationshipFlowItem() {
-    N(S(this.activeCategory, l`<arcgis-feature-relationship .messages=${this.messages} .displayCount=${this.displayCount} .flowItems=${this.flowItems} .flowType=${this.flowType} .graphic=${this.graphic} hide-description hide-heading .layer=${this.layer} .map=${this.map} .orderByFields=${this.orderByFields} .relationshipId=${this.relationshipId} .spatialReference=${this.spatialReference} .values=${this.values} .view=${this.view} ${R(this._addFlowItem)}></arcgis-feature-relationship>`), this._flowItemContainerEl);
+  _addRelationshipFlowItem({ showAllEnabled: e = !1, activeCategory: t }) {
+    this._addFlowItem(D(O(t, n`<arcgis-feature-relationship .messages=${this.messages} .activeCategory=${t} .displayCount=${this.displayCount} .flowItems=${this.flowItems} .flowType=${this.flowType} .graphic=${this.graphic} 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;
-    e && (this.showAllEnabled = !0, this._addRelationshipFlowItem());
+    e && this._addRelationshipFlowItem({ showAllEnabled: !0 });
   }
   _handleRelatedFeatureObserverChange() {
     this._unobserveRelatedFeatureObserver();
     const { state: e, showAllEnabled: t } = this;
-    this._relatedFeatureIntersectionObserverNode && e === "ready" && t && this._relatedFeatureIntersectionObserver.observe(this._relatedFeatureIntersectionObserverNode);
-  }
-  _relatedFeatureIntersectionObserverCreated(e) {
-    this._relatedFeatureIntersectionObserverNode = e;
+    this._relatedFeatureIntersectionObserverNode.value && e === "ready" && t && this._relatedFeatureIntersectionObserver.observe(this._relatedFeatureIntersectionObserverNode.value);
   }
   _unobserveRelatedFeatureObserver() {
-    this._relatedFeatureIntersectionObserverNode && this._relatedFeatureIntersectionObserver.unobserve(this._relatedFeatureIntersectionObserverNode);
+    this._relatedFeatureIntersectionObserverNode.value && this._relatedFeatureIntersectionObserver.unobserve(this._relatedFeatureIntersectionObserverNode.value);
   }
   _matchesFeature(e, t) {
     const r = e?.graphic?.getObjectId(), s = t?.getObjectId();
@@ -323,7 +319,7 @@ class se extends Z {
   _setRelatedFeaturesViewModels() {
     const { relatedFeatures: e, relatedFeatureViewModels: t, map: r, view: s, spatialReference: i, timeZone: a } = this;
     e?.filter(Boolean).forEach((o) => {
-      t.some((c) => this._matchesFeature(c, o)) || t.add(new ee({
+      t.some((d) => this._matchesFeature(d, o)) || t.add(new X({
         abilities: { relationshipContent: !1 },
         map: r,
         view: s,
@@ -332,60 +328,63 @@ class se extends Z {
         graphic: o
       }));
     }), t.forEach((o) => {
-      e?.find((c) => this._matchesFeature(o, c)) || t.remove(o);
+      e?.find((d) => this._matchesFeature(o, d)) || t.remove(o);
     });
   }
   render() {
     const { state: e } = this;
-    return l`<div class=${y(d.base)}><arcgis-feature-element-info .heading=${this.heading} .headingLevel=${this.headingLevel} .description=${this.description}></arcgis-feature-element-info>${e === "loading" ? this._renderLoading() : e === "disabled" ? this._renderRelationshipNotFound() : this._renderRelatedFeatures()}</div>`;
+    return n`<div class=${g(c.base)}><arcgis-feature-element-info .heading=${this.heading} .headingLevel=${this.headingLevel} .description=${this.description}></arcgis-feature-element-info>${e === "loading" ? this._renderLoading() : e === "disabled" ? this._renderRelationshipNotFound() : this._renderRelatedFeatures()}</div>`;
   }
   _renderStickyLoading() {
-    return this.state === "querying" ? l`<div class=${y(d.stickySpinnerContainer)}>${this._renderLoadingIcon()}</div>` : null;
+    return this.state === "querying" ? n`<div class=${g(c.stickySpinnerContainer)}>${this._renderLoadingIcon()}</div>` : null;
   }
   _renderLoadingIcon() {
-    return l`<calcite-loader inline label></calcite-loader>`;
+    return n`<calcite-loader inline label></calcite-loader>`;
   }
   _renderLoading() {
-    return l`<div class=${y(d.loadingSpinnerContainer)}>${this._renderLoadingIcon()}</div>`;
+    return n`<div class=${g(c.loadingSpinnerContainer)}>${this._renderLoadingIcon()}</div>`;
   }
   _renderShowAllIconNode() {
-    return l`<calcite-icon icon=list scale=s slot=content-end></calcite-icon>`;
+    return n`<calcite-icon icon=list scale=s slot=content-end></calcite-icon>`;
   }
   _renderChevronIconNode() {
-    return l`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
+    return n`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
   }
   _renderCategory(e) {
-    const { count: t, name: r } = e, s = j(t);
-    return l`<calcite-list-item class=${y(d.listItem)} .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>`;
+    const { count: t, name: r } = e, s = V(t);
+    return n`<calcite-list-item class=${g(c.listItem)} .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, s = e.title, i = (t && r?.[t]) ?? "", a = e.state === "loading";
-    return l`<calcite-list-item class=${y(Q(d.listItem, { [d.listItemHidden]: a }))} .description=${M(i.toString())} .label=${M(s)} @calciteListItemSelect=${() => this._selectRecord(e)}>${this._renderChevronIconNode()}</calcite-list-item>`;
+    const { itemDescriptionFieldName: t, values: r } = this, { formattedAttributes: s, state: i, title: a } = e, o = {
+      ...s?.global,
+      ...r
+    }, l = (t && o?.[t]) ?? "", d = i === "loading";
+    return n`<calcite-list-item class=${g(j(c.listItem, { [c.listItemHidden]: d }))} .description=${N(l.toString())} .label=${N(a)} @calciteListItemSelect=${() => this._selectRecord(e)}>${this._renderChevronIconNode()}</calcite-list-item>`;
   }
   _renderShowAllListItem() {
-    return this.displayShowAllButton ? l`<calcite-list-item .description=${this.allItemsDescription} .label=${this.messages?.showAll} @calciteListItemSelect=${() => this._showAllRecords()}>${this._renderShowAllIconNode()}</calcite-list-item>` : null;
+    return this.displayShowAllButton ? n`<calcite-list-item .description=${this.allItemsDescription} .label=${this.messages?.showAll} @calciteListItemSelect=${() => this._showAllRecords()}>${this._renderShowAllIconNode()}</calcite-list-item>` : null;
   }
   _renderNoRelatedFeaturesMessage() {
-    return l`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noRelatedFeatures}</div></calcite-notice>`;
+    return n`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noRelatedFeatures}</div></calcite-notice>`;
   }
   _renderFeatureObserver() {
-    return l`<div class=${y(d.featureObserver)} ${R(this._relatedFeatureIntersectionObserverCreated)}></div>`;
+    return n`<div class=${g(c.featureObserver)} ${ee(this._relatedFeatureIntersectionObserverNode)}></div>`;
   }
   _renderList() {
     const { relatedFeatureViewModels: e, categories: t } = this;
-    return l`<calcite-list display-mode=flat .label=${this.messages?.relatedFeaturesList ?? ""}>${t?.map((r) => this._renderCategory(r)) ?? e.toArray().map((r) => this._renderRelatedFeature(r))}${this._renderShowAllListItem()}</calcite-list>`;
+    return n`<calcite-list display-mode=flat .label=${this.messages?.relatedFeaturesList ?? ""}>${t?.map((r) => this._renderCategory(r)) ?? e.toArray().map((r) => this._renderRelatedFeature(r))}${this._renderShowAllListItem()}</calcite-list>`;
   }
   _renderRelatedFeatures() {
     const { displayListItems: e } = this, { state: t } = this;
-    return l`<div class=${y(Q(d.listContainer, {
-      [d.listContainerQuerying]: t === "querying"
+    return n`<div class=${g(j(c.listContainer, {
+      [c.listContainerQuerying]: t === "querying"
     }))}>${e ? this._renderList() : t === "ready" ? this._renderNoRelatedFeaturesMessage() : null}${this._renderStickyLoading()}${this._renderFeatureObserver()}</div>`;
   }
   _renderRelationshipNotFound() {
-    return l`<calcite-notice icon=exclamation-mark-triangle kind=danger open scale=s width=full><div slot=message>${this.messages?.relationshipNotFound}</div></calcite-notice>`;
+    return n`<calcite-notice icon=exclamation-mark-triangle kind=danger open scale=s width=full><div slot=message>${this.messages?.relationshipNotFound}</div></calcite-notice>`;
   }
 }
-W("arcgis-feature-relationship", se);
+H("arcgis-feature-relationship", ie);
 export {
-  se as ArcgisFeatureRelationship
+  ie as ArcgisFeatureRelationship
 };

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

@@ -10,7 +10,7 @@ import { e as g, g as m } from "../../chunks/component-utils.js";
 import { css as u } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.110 */
+v4.34.0-next.111 */
 const p = u`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:1.3em}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:#303030}.esri-menu__list-item:active{background-color:#000}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:#2493f2}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:1.3em}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{--lumo-primary-color: var(--calcite-color-brand);--lumo-primary-color-10pct: color-mix(in srgb, var(--calcite-color-brand) 10%, transparent);--lumo-contrast-20pct: var(--calcite-color-text-3);--lumo-contrast-30pct: color-mix(in srgb, var(--calcite-color-text-3) 60%, var(--calcite-color-text-1) 40%);--lumo-contrast-10pct: var(--calcite-color-foreground-2);--lumo-row-background-hover: var(--calcite-color-foreground-2)}:host([calcite-mode="dark"]){--lumo-primary-color: var(--calcite-color-text-2);--lumo-primary-color-10pct: color-mix(in srgb, var(--calcite-color-text-2) 10%, transparent);--lumo-contrast-20pct: var(--calcite-color-text-2);--lumo-contrast-30pct: color-mix(in srgb, var(--calcite-color-text-2) 60%, var(--calcite-color-inverse) 40%);--lumo-contrast-10pct: var(--calcite-color-foreground-1);--lumo-row-background-hover: var(--calcite-color-foreground-1)}.esri-feature-table{--icon-size: 64px;flex-direction:column;width:100%;height:100%;display:flex}.esri-feature-table__content{overflow:hidden}.esri-feature-table__content calcite-pagination{justify-content:center}.esri-feature-table__collapsed{min-width:500px}.esri-feature-table__collapsed:not(:last-child){border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-text-2);min-width:300px;max-width:300px}.esri-feature-table__expanded{min-width:300px;display:flex}.esri-feature-table__expanded:not(:last-child){border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-text-2)}.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child{flex:2 1 0}.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child calcite-panel{min-width:fit-content}.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child calcite-panel>div:first-child{flex:2 1 0}.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child .esri-feature-table__collapsed{max-width:inherit}.esri-feature-table__table-container{flex:1 1 0;min-height:0;margin:0;padding:0;display:flex}.esri-feature-table__table-container calcite-panel>div{overflow-y:auto}.esri-feature-table__table-container calcite-panel div{flex:1 1 0;display:flex}.esri-feature-table__table-container calcite-panel div .esri-feature-table__attachments-view__list{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-text-2);flex:1 1 0;min-width:480px;overflow-y:auto}.esri-feature-table__table-container calcite-panel div .esri-feature-table__attachments-view__list__filesize{cursor:default;align-items:center;height:100%;margin-inline-end:var(--calcite-spacing-md);display:flex}.esri-feature-table__table-navigation{--calcite-label-margin-bottom: 0;background-color:var(--calcite-color-foreground-1);width:100%;line-height:initial;align-items:center;padding-block-start:var(--calcite-spacing-base);display:flex}.esri-feature-table__table-navigation calcite-action:first-child{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);transform:scaleX(-1)}.esri-feature-table__table-navigation calcite-chip{--calcite-chip-close-icon-color: var(--calcite-color-text-inverse);margin-inline-end:var(--calcite-spacing-md)}.esri-feature-table__table-navigation calcite-label{border-inline-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);padding-inline:var(--calcite-spacing-md);height:100%}.esri-feature-table__table-navigation calcite-action{display:flex;overflow:hidden}.esri-feature-table__table-navigation div:last-child{float:inline-end;align-items:center;height:100%;margin-inline:auto 0;display:flex}.esri-feature-table__table-navigation calcite-action:last-child{float:inline-end;margin-inline:auto 0;display:flex}.esri-feature-table__attachments-view{border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-text-2);min-width:300px}.esri-feature-table__attachments-view__content{padding:var(--calcite-spacing-md);flex-direction:column;justify-content:center;align-items:center;width:100%}.esri-feature-table__attachments-view__drop-area{border:var(--calcite-border-width-sm) dashed var(--calcite-color-border-input);border-radius:var(--calcite-corner-radius-round);flex-direction:column;justify-content:center;align-items:center;width:100%}.esri-feature-table__attachments-view__drop-area form{justify-content:center;display:flex}.esri-feature-table__attachments-view__drop-area form fieldset{border:none}.esri-feature-table__attachments-view__drop-area form fieldset calcite-label{word-break:break-all}.esri-feature-table__attachments-view__drop-area form fieldset calcite-button{margin-bottom:var(--calcite-spacing-sm)}.esri-feature-table__attachments-view__icon{margin-bottom:var(--calcite-spacing-md);block-size:var(--icon-size);inline-size:var(--icon-size)}.esri-feature-table__attachments-view__information{padding:var(--calcite-spacing-md);flex-direction:column;max-width:200px;padding-inline-start:0;overflow-y:auto}.esri-feature-table__attachments-view__information calcite-icon,.esri-feature-table__attachments-view__information img{margin-block-end:var(--calcite-spacing-md)}.esri-feature-table__attachments-view__information label{color:var(--calcite-color-text-3);font-weight:400}.esri-feature-table__attachments-view__information span{color:var(--calcite-color-text-1);margin-block-end:var(--calcite-spacing-md)}.esri-feature-table__attachments-view__list-item--delete{border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.esri-feature-table__attachments-view__list__thumbnail{margin-block:var(--calcite-spacing-sm);justify-content:center;align-items:center}.esri-feature-table__attachments-view__list__thumbnail a{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-round);width:var(--icon-size);height:var(--icon-size);color:var(--calcite-color-text-3);justify-content:center;align-items:center;display:flex;overflow:hidden}.esri-feature-table__menu-popover calcite-list{max-width:300px;max-height:260px;overflow-y:auto}.esri-feature-table .esri-grid{background-color:inherit}.esri-feature-table .esri-grid__grid{width:100%;height:100%}.esri-feature-table vaadin-grid{--_lumo-grid-secondary-border-color: var(--calcite-color-border-3);border-bottom:none;background-color:inherit;color:inherit;border-inline:none;font-family:inherit;font-size:var(--calcite-font-size)}.esri-feature-table vaadin-grid::part(body-cell){font-size:var(--calcite-font-size)}.esri-feature-table vaadin-grid::part(body-cell):hover{background-color:var(--calcite-color-foreground-2)}.esri-feature-table vaadin-grid::part(header-cell invalid){font-weight:var(--calcite-font-weight-bold)}.esri-feature-table vaadin-grid::part(body-cell invalid){color:var(--calcite-color-text-3);font-style:italic}.esri-feature-table vaadin-grid::part(header-cell){background-color:var(--calcite-color-background)}.esri-feature-table vaadin-grid::part(header-cell direction){border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1)}.esri-feature-table vaadin-grid::part(body-cell highlight){background-color:var(--calcite-color-foreground-3)}.esri-feature-table calcite-scrim>div:first-child{max-width:400px;max-height:100%;position:relative}.esri-feature-table__layer-switcher-menu{align-items:center;display:flex}.esri-attachments-column__button,.esri-column__show-related-records-button{--calcite-offset-invert-focus: 2}.esri-column__show-related-records-button{height:100%;display:flex}.esri-attachments-column__button{overflow:hidden}.esri-attachments-column__button>div{display:flex;overflow:hidden}.esri-attachments-column__button>div>div:first-child{text-overflow:ellipsis;width:100%;margin-inline-end:var(--calcite-spacing-xxl);overflow:hidden}.esri-attachments-column__button>div span{align-self:center;position:absolute;inset-inline-end:var(--calcite-spacing-xxxl)}.esri-attachments-column__content{flex-direction:row;justify-content:space-between;width:100%;height:100%;display:flex;overflow:hidden}.esri-attachments-column__content>div:first-child{text-overflow:ellipsis;line-height:0;overflow:hidden}.esri-attachments-column__button calcite-icon,.esri-attachments-column__button img,.esri-attachments-column__content calcite-icon,.esri-attachments-column__content img{max-width:var(--calcite-app-sizing-9);max-height:var(--calcite-app-sizing-9);vertical-align:middle;margin-inline-end:var(--calcite-spacing-xxs);display:inline-flex}.esri-grid{--lumo-base-color: var(--calcite-color-foreground-1);--lumo-primary-text-color: var(--lumo-primary-color);width:100%;height:100%}.esri-grid .esri-grid__content{background-color:inherit;width:100%;height:100%}.esri-grid .esri-grid__grid{width:100%;height:100%}.esri-grid .esri-grid__grid a{color:var(--calcite-color-text-3);text-decoration:underline}.esri-grid .esri-grid__grid a:hover,.esri-grid .esri-grid__grid a:focus{color:var(--calcite-color-transparent-hover)}.esri-grid .esri-column__content--full{width:100%;height:100%;position:absolute;top:0;left:0}.esri-grid .esri-column__header-content{text-align:start;align-items:flex-start;width:100%;height:100%;font-weight:var(--calcite-font-weight-normal);display:flex;overflow:hidden}.esri-grid .esri-column__header-content:has(calcite-icon:only-child){justify-content:center;align-items:center}.esri-grid .esri-column__header-content div{width:100%;min-height:var(--calcite-app-sizing-11);flex-flow:column wrap;display:flex;overflow:hidden}.esri-grid .esri-column__header-content div span{text-overflow:ellipsis;width:100%;line-height:var(--calcite-app-font-line-height-fixed-3);overflow:hidden}.esri-grid .esri-column__header-content calcite-icon{height:var(--calcite-app-sizing-9);margin-inline-end:var(--calcite-spacing-xxs)}.esri-grid .esri-column__header-content calcite-dropdown{float:inline-end;max-height:180px}.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-group{max-width:200px;overflow-x:auto}.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-group:only-of-type{max-height:180px;overflow:visible}.esri-grid .esri-column__header-content calcite-dropdown[open] calcite-dropdown-item{display:flex}.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-item,.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-item[hidden]{display:none}.esri-grid .esri-column__header-description{height:var(--calcite-app-sizing-9);color:var(--calcite-color-text-3);font-size:12px}.esri-grid .esri-column__sorter:hover{cursor:pointer}.esri-grid .esri-column__sorter,.esri-grid .esri-column__header-label{height:var(--calcite-app-sizing-9);color:var(--calcite-color-text-1);flex-grow:1;align-items:center;display:flex;overflow:hidden}.esri-column__header-menu-icon{margin-inline-end:15px}.esri-column__cell-input{border:none;flex:1 1 0;width:100%;height:100%}.esri-column__cell__input-container{flex-direction:column;align-items:center;width:100%;display:flex}.esri-column__cell__input-container input,.esri-column__cell__input-container select{padding:0;position:absolute;top:0;left:0}.esri-column__cell__input-container div,.esri-column__cell__input-container input,.esri-column__cell__input-container select{width:100%;display:flex}.esri-column__cell__input-container calcite-action-bar{background-color:var(--calcite-color-foreground-1)}.esri-column__cell__input-container div:first-child{flex-direction:column}.esri-column__cell__input-container calcite-input-time-zone{--calcite-dropdown-width: 200px}.esri-column__cell__input-container calcite-input-time-picker:last-child,.esri-column__cell__input-container calcite-input-time-picker:nth-child(2),.esri-column__cell__input-container calcite-input-time-zone{margin-top:-1px}`, _ = h(n);
 class b extends s {
   constructor() {

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

@@ -7,7 +7,7 @@ import { m as s } from "../../chunks/useWidget.js";
 import { css as n } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.110 */
+v4.34.0-next.111 */
 const l = n`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{--esri-widget-padding-x: 15px;--esri-widget-padding-y: var(--calcite-spacing-md);--esri-widget-padding: var(--esri-widget-padding-y) var(--esri-widget-padding-x);box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:1.3em}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:#303030}.esri-menu__list-item:active{background-color:#000}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:#2493f2}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:1.3em}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-feature-templates{background:var(--calcite-color-background);width:100%}.esri-feature-templates__list-item-icon{flex:0;justify-content:center;align-items:center;width:48px;min-width:48px;display:flex}.esri-feature-templates__list-item-icon>div{display:flex}.esri-ui .esri-feature-templates{width:300px}.esri-ui .esri-widget .esri-feature-templates{width:100%}`, d = s(r);
 class c extends o {
   constructor() {

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

@@ -0,0 +1,20 @@
+export declare const css: {
+    readonly icon: "arcgis-features__icon";
+    readonly actionImage: "arcgis-features__action-image";
+    readonly base: "arcgis-features";
+    readonly container: "arcgis-features__container";
+    readonly contentContainer: "arcgis-features__content-container";
+    readonly contentFeature: "arcgis-features__content-feature";
+    readonly flowItemCollapsed: "arcgis-features__flow-item--collapsed";
+    readonly header: "arcgis-features__header";
+    readonly footer: "arcgis-features__footer";
+    readonly featureMenuObserver: "arcgis-features__feature-menu-observer";
+    readonly actionExit: "arcgis-features__action--exit";
+    readonly loader: "arcgis-features__loader";
+    readonly featuresHeading: "arcgis-features__heading";
+    readonly paginationText: "arcgis-features__pagination-text";
+    readonly paginationActionBar: "arcgis-features__pagination-action-bar";
+    readonly paginationMenuButton: "arcgis-features__pagination-menu-button";
+    readonly paginationPrevious: "arcgis-features__pagination-previous";
+    readonly paginationNext: "arcgis-features__pagination-next";
+};