@arcgis/map-components 5.2.0-next.13 → 5.2.0-next.130

package/dist/chunks/utils4.js

@@ -0,0 +1,51 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { formatNumber as i } from "@arcgis/core/intl.js";
+const p = /* @__PURE__ */ new Map([
+  ["a3-landscape", "a3-landscape"],
+  ["a3-portrait", "a3-portrait"],
+  ["a4-landscape", "a4-landscape"],
+  ["a4-portrait", "a4-portrait"],
+  ["letter-ansi-a-landscape", "ansi-a-landscape"],
+  ["letter-ansi-a-portrait", "ansi-a-portrait"],
+  ["tabloid-ansi-b-landscape", "ansi-b-landscape"],
+  ["tabloid-ansi-b-portrait", "ansi-b-portrait"]
+]), u = /^https:\/\/([a-z\d-]+)(\.maps([^.]*))?\.arcgis\.com/iu;
+function f(a) {
+  if (!a)
+    return;
+  const t = a.layoutTemplateInfo;
+  if (!t)
+    return;
+  const [e, n] = t.pageSize;
+  return `${i(e)} × ${i(n)} ${a.pageUnits}`;
+}
+function d(a, t) {
+  const { label: e, layout: n, layoutItem: o } = a, r = n && !o && t[n] ? t[n] : null;
+  return r || ((e ?? n ?? o?.id)?.replaceAll("_", " ") ?? t.untitled);
+}
+function g(a) {
+  return p.get(a);
+}
+const b = /* @__PURE__ */ new Map([
+  ["AIX", "aix"],
+  ["EPS", "eps"],
+  ["GIF", "gif"],
+  ["JPG", "jpg"],
+  ["PDF", "pdf"],
+  ["PNG32", "png32"],
+  ["PNG8", "png8"],
+  ["SVG", "svg"],
+  ["SVGZ", "svgz"],
+  ["TIFF", "tiff"]
+]), s = "map-only";
+function m(a) {
+  return a?.toLowerCase() === s;
+}
+export {
+  f as a,
+  g as b,
+  b as f,
+  d as g,
+  m as i,
+  u as r
+};

package/dist/chunks/utils5.js

@@ -0,0 +1,55 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+const r = [
+  -45,
+  0,
+  45,
+  -90,
+  90,
+  -135,
+  180,
+  135
+], s = [...r, -180], l = 200, h = {
+  0: { label: "north", iconName: "chevron-up" },
+  45: { label: "northEast", iconName: "chevron-up-right" },
+  90: { label: "east", iconName: "chevron-right" },
+  135: { label: "southEast", iconName: "chevron-down-right" },
+  180: { label: "south", iconName: "chevron-down" },
+  "-135": { label: "southWest", iconName: "chevron-down-left" },
+  "-90": { label: "west", iconName: "chevron-left" },
+  "-45": { label: "northWest", iconName: "chevron-up-left" }
+};
+function u(e) {
+  const t = i(e), o = s.map((n) => ({
+    angle: n,
+    offset: Math.abs(n - t)
+  })).sort((n, c) => n.offset - c.offset)[0].angle;
+  return o === -180 ? 180 : o;
+}
+function d(e) {
+  const t = e * Math.PI / 180;
+  return { x: Math.sin(t), y: Math.cos(t) };
+}
+function f(e, t) {
+  const a = t.y - e.y, o = t.x - e.x, n = Math.sqrt(o * o + a * a);
+  return { x: o / n, y: a / n };
+}
+function g(e) {
+  const { x: t, y: a, width: o, height: n } = e.getBoundingClientRect();
+  return { x: t + o / 2, y: a + n / 2 };
+}
+function m(e) {
+  return e?.spatialReference?.isWebMercator || e?.spatialReference?.isGeographic || !1;
+}
+function i({ x: e, y: t }) {
+  return Math.atan2(e, t) * 180 / Math.PI;
+}
+export {
+  d as a,
+  r as b,
+  m as c,
+  l as d,
+  h as e,
+  g as f,
+  f as t,
+  u as v
+};

package/dist/chunks/zoom.js

@@ -0,0 +1,32 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { css as a } from "lit";
+function l(o) {
+  if (!o)
+    return !1;
+  if (o.type === "3d")
+    return o.ready;
+  if (!o?.ready)
+    return !1;
+  const c = e(o), r = o.constraints?.effectiveMaxScale;
+  return r === 0 || c > r;
+}
+function i(o) {
+  if (!o)
+    return !1;
+  if (o.type === "3d")
+    return o.ready;
+  if (!o?.ready)
+    return !1;
+  const c = e(o), r = o.constraints?.effectiveMinScale;
+  return r === 0 || c < r;
+}
+function e(o) {
+  const t = o?.animation?.target;
+  return (t && "then" in t ? void 0 : t?.scale) ?? o?.scale ?? 0;
+}
+const s = a`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{display:flex;max-width:fit-content}.zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.horizontal{flex-flow:row-reverse nowrap}.horizontal .zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}`;
+export {
+  i as a,
+  l as c,
+  s
+};

package/dist/components/arcgis-add-attachment-view/customElement.d.ts

@@ -0,0 +1,116 @@
+/// <reference path="../../index.d.ts" />
+import type AttachmentElementInput from "@arcgis/core/widgets/BatchAttributeForm/inputs/AttachmentElementInput.js";
+import type AttachmentInfo from "@arcgis/core/rest/query/support/AttachmentInfo.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * Displays the attachment add/replace page. Composes a file-picker,
+ * validation notices, and information about the file to be replaced,
+ * if any.
+ *
+ * @internal
+ */
+export abstract class ArcgisAddAttachmentView extends LitElement {
+  /** @internal */
+  protected _messages: Partial<{
+      componentLabel: string;
+      components: { attachments: {
+          "attachment-validation-view": { validations: {
+              errorFileUnsupported: string;
+              maximumAudioLength: string;
+              maximumImageSize: string;
+              maximumFileSize: string;
+              maximumNumberOfFiles: string;
+              maximumVideoLength: string;
+              minimumNumberOfFiles: string;
+          }; };
+          "add-attachment-view": {
+              captureMethodNotSupported: string;
+              fileToBeReplaced: string;
+              heading: string;
+          };
+      }; };
+      units: { bytes: {
+          B: string;
+          kB: string;
+          MB: string;
+          GB: string;
+          TB: string;
+      }; };
+      differentValuesPlaceholder: string;
+      empty: string;
+  }> & T9nMeta<{
+      componentLabel: string;
+      components: { attachments: {
+          "attachment-validation-view": { validations: {
+              errorFileUnsupported: string;
+              maximumAudioLength: string;
+              maximumImageSize: string;
+              maximumFileSize: string;
+              maximumNumberOfFiles: string;
+              maximumVideoLength: string;
+              minimumNumberOfFiles: string;
+          }; };
+          "add-attachment-view": {
+              captureMethodNotSupported: string;
+              fileToBeReplaced: string;
+              heading: string;
+          };
+      }; };
+      units: { bytes: {
+          B: string;
+          kB: string;
+          MB: string;
+          GB: string;
+          TB: string;
+      }; };
+      differentValuesPlaceholder: string;
+      empty: string;
+  }>;
+  /**
+   * The attachment to replace, if any. If this is defined,
+   * only single-file upload is supported, and the page renders
+   * a 'replace' experience.
+   */
+  accessor attachment: AttachmentInfo | undefined;
+  /** @default false */
+  accessor formDisabled: boolean;
+  accessor input: AttachmentElementInputLike | undefined;
+  accessor messageOverrides: {
+      componentLabel?: string | undefined;
+      components?: { attachments?: {
+          "attachment-validation-view"?: { validations?: {
+              errorFileUnsupported?: string | undefined;
+              maximumAudioLength?: string | undefined;
+              maximumImageSize?: string | undefined;
+              maximumFileSize?: string | undefined;
+              maximumNumberOfFiles?: string | undefined;
+              maximumVideoLength?: string | undefined;
+              minimumNumberOfFiles?: string | undefined;
+          } | undefined; } | undefined;
+          "add-attachment-view"?: {
+              captureMethodNotSupported?: string | undefined;
+              fileToBeReplaced?: string | undefined;
+              heading?: string | undefined;
+          } | undefined;
+      } | undefined; } | undefined;
+      units?: { bytes?: {
+          B?: string | undefined;
+          kB?: string | undefined;
+          MB?: string | undefined;
+          GB?: string | undefined;
+          TB?: string | undefined;
+      } | undefined; } | undefined;
+      differentValuesPlaceholder?: string | undefined;
+      empty?: string | undefined;
+  };
+  /** @internal */
+  readonly arcgisFilesSelect: import("@arcgis/lumina").TargetedEvent<this, { files: File[]; }>;
+  readonly "@eventTypes": {
+    arcgisFilesSelect: ArcgisAddAttachmentView["arcgisFilesSelect"]["detail"];
+  };
+}
+
+/** @internal */
+export type AttachmentElementInputLike = Pick<AttachmentElementInput, "addDisabled" | "categories" | "editable" | "effectiveAttachmentCount" | "hasUnsupportedFileTypeValidationError" | "input" | "isCaptureOnly" | "maxAttachmentCount" | "minAttachmentCount" | "validationCriterionStates">;

package/dist/components/arcgis-add-attachment-view/customElement.js

@@ -0,0 +1,43 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as u } from "../../chunks/runtime.js";
+import { css as f, html as a } from "lit";
+import { LitElement as h, createEvent as p } from "@arcgis/lumina";
+import { u as g } from "../../chunks/useT9n.js";
+import { f as v } from "../../chunks/formattingUtils.js";
+const b = f`.container{display:flex;flex-direction:column;gap:var(--calcite-space-sm)}`;
+class $ extends h {
+  constructor() {
+    super(...arguments), this._messages = g({ name: "feature-form-next" }), this.formDisabled = !1, this.arcgisFilesSelect = p();
+  }
+  static {
+    this.properties = { _effectiveDisabled: 16, input: 0, attachment: 0, formDisabled: 5, messageOverrides: 0 };
+  }
+  static {
+    this.styles = b;
+  }
+  get _effectiveDisabled() {
+    return this.formDisabled ? !0 : this.attachment ? !this.input?.editable : this.input?.addDisabled !== !1;
+  }
+  get _multipleEnabled() {
+    if (this.attachment)
+      return !1;
+    if (!this.input)
+      return !0;
+    const { maxAttachmentCount: e, effectiveAttachmentCount: t } = this.input;
+    return e == null ? !0 : t < e - 1;
+  }
+  _handleFilesSelect(e) {
+    e.stopPropagation(), this.arcgisFilesSelect.emit({ files: e.detail.files });
+  }
+  render() {
+    const { _effectiveDisabled: e, input: t, _multipleEnabled: l, attachment: i } = this;
+    if (!t)
+      return;
+    const { units: n } = this._messages, s = this._messages.components?.attachments?.["add-attachment-view"], c = !!this.attachment, r = c && i ? a`<calcite-label>${s?.fileToBeReplaced}<calcite-card><div slot=heading>${i.name}</div><div slot=description>${n?.bytes ? v(n, i.size) : ""}</div></calcite-card></calcite-label>` : void 0, o = c ? "refresh" : "upload", d = !c, m = t.isCaptureOnly ? a`<calcite-notice data-testid=notice icon kind=warning open scale=s width=full><div slot=message>${s?.captureMethodNotSupported}</div></calcite-notice>` : a`<arcgis-file-picker data-testid=filepicker .disabled=${e} .fileTypeCategories=${t.categories} .heading=${i ? s?.heading : void 0} .icon=${o} .multipleEnabled=${l} @arcgisFilesSelect=${this._handleFilesSelect}></arcgis-file-picker><arcgis-attachment-validation-view data-testid=validations .includeCountCriteria=${d} .input=${t}></arcgis-attachment-validation-view>${r}`;
+    return a`<div class="container" data-testid=add-attachment-view-root>${m}</div>`;
+  }
+}
+u("arcgis-add-attachment-view", $);
+export {
+  $ as ArcgisAddAttachmentView
+};

package/dist/components/arcgis-add-attachment-view/index.js

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-card";
+import "@esri/calcite-components/components/calcite-notice";
+import "../arcgis-file-picker/index.js";
+import "../arcgis-attachment-validation-view/index.js";
+export * from "./customElement.js";

package/dist/components/arcgis-aggregated-features/customElement.js

@@ -1,22 +1,21 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as h } from "../../chunks/runtime.js";
-import { css as m, html as n } from "lit";
-import "@arcgis/core/core/Collection.js";
-import F from "@arcgis/core/popup/Feature.js";
-import _ from "@arcgis/core/Graphic.js";
+import { c } from "../../chunks/runtime.js";
+import { css as m, html as o } from "lit";
+import F from "@arcgis/core/popup/FeatureContent.js";
+import p from "@arcgis/core/Graphic.js";
 import y from "@arcgis/core/symbols/SimpleFillSymbol.js";
-import { LitElement as A, renderElement as p } from "@arcgis/lumina";
-import { a as w } from "../../chunks/maybe.js";
-import { usePropertyChange as f, bypassReadOnly as d } from "@arcgis/lumina/controllers";
-import { getDisplayedSymbol as I } from "@arcgis/core/symbols/support/symbolUtils.js";
+import { LitElement as _, renderElement as A } from "@arcgis/lumina";
+import { a as f } from "../../chunks/maybe.js";
+import { usePropertyChange as w, bypassReadOnly as d } from "@arcgis/lumina/controllers";
+import { getDisplayedSymbol as C } from "@arcgis/core/symbols/support/symbolUtils.js";
+import { i as I } from "../../chunks/async-utils.js";
 import { g as v } from "../../chunks/feature-utils.js";
-import { i as b } from "../../chunks/async-utils.js";
-import { stripHTML as S } from "@arcgis/core/applications/Components/stringUtils.js";
-import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
+import { stripHTML as b } from "@arcgis/core/applications/Components/stringUtils.js";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
 const x = m`calcite-notice{padding:var(--calcite-space-lg)}`;
-class C extends A {
+class $ extends _ {
   constructor() {
-    super(...arguments), this._aggregatedGraphicsSet = /* @__PURE__ */ new Set(), this.aggregatedFeatureCount = 0, this.selectedAggregatedFeatureIndex = -1, this.aggregatedFeatureItems = [], this.aggregatedFeatures = [], this.autoDestroyDisabled = !1, this.loading = !1, this.selectedAggregateBoundaryFeature = new _({
+    super(...arguments), this._aggregatedGraphicsSet = /* @__PURE__ */ new Set(), this.aggregatedFeatureCount = 0, this.selectedAggregatedFeatureIndex = -1, this.aggregatedFeatureItems = [], this.aggregatedFeatures = [], this.autoDestroyDisabled = !1, this.chartAnimationDisabled = !1, this.defaultPopupTemplateEnabled = !1, this.headingLevel = 2, this.hideHeading = !1, this.hideContent = !1, this.hideAttachmentsContent = !1, this.hideEmptyRelationshipContent = !1, this.hideCustomContent = !1, this.hideExpressionContent = !1, this.hideFieldsContent = !1, this.hideMediaContent = !1, this.showRelationshipContent = !1, this.hideTextContent = !1, this.showUtilityNetworkContent = !1, this.hideLastEditedInfo = !1, this.loading = !1, this.selectedAggregateBoundaryFeature = new p({
       symbol: new y({
         outline: {
           width: 1.5,
@@ -24,10 +23,10 @@ class C extends A {
         },
         style: "none"
       })
-    }), this.arcgisPropertyChange = f()("aggregatedFeatureCount", "selectedAggregatedFeatureIndex", "aggregatedFeatureItems", "aggregatedFeatures", "loading"), this._renderableAggregatedFeatureItems = [];
+    }), this.arcgisPropertyChange = w()("aggregatedFeatureCount", "selectedAggregatedFeatureIndex", "aggregatedFeatureItems", "aggregatedFeatures", "loading"), this._renderableAggregatedFeatureItems = [];
   }
   static {
-    this.properties = { _abortController: 16, aggregatedFeatureCount: 32, selectedAggregatedFeatureIndex: 32, aggregatedFeatureItems: 32, aggregatedFeatures: 32, autoDestroyDisabled: 5, feature: 0, flowItems: 0, loading: 32, map: 0, messages: 0, selectedAggregateBoundaryFeature: 32, spatialReference: 0, timeZone: 1, view: 0 };
+    this.properties = { _abortController: 16, aggregatedFeatureCount: 32, selectedAggregatedFeatureIndex: 32, aggregatedFeatureItems: 32, aggregatedFeatures: 32, autoDestroyDisabled: 5, chartAnimationDisabled: 5, defaultPopupTemplateEnabled: 5, headingLevel: 9, location: 0, messageOverrides: 0, hideHeading: 5, hideContent: 5, hideAttachmentsContent: 5, hideEmptyRelationshipContent: 5, hideCustomContent: 5, hideExpressionContent: 5, hideFieldsContent: 5, hideMediaContent: 5, showRelationshipContent: 5, hideTextContent: 5, showUtilityNetworkContent: 5, hideLastEditedInfo: 5, feature: 0, flowItems: 0, loading: 32, map: 0, messages: 0, selectedAggregateBoundaryFeature: 32, spatialReference: 0, timeZone: 1, view: 0 };
   }
   static {
     this.styles = x;
@@ -43,13 +42,13 @@ class C extends A {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      l(() => [this.feature, this.view], () => {
+      h(() => [this.feature, this.view], () => {
         this._updateAggregatedFeatures();
       }, { initial: !0 }),
-      l(() => this._getAggregatedFeatureItemsHeadingSignature(), () => this.requestUpdate()),
-      l(() => this.flowItems?.length, () => {
-        const { flowItems: e } = this, r = e?.getItemAt((e.length ?? 0) - 1)?.graphic ?? void 0;
-        this._setSelectedAggregatedFeatureIndex(r ? this.aggregatedFeatures.indexOf(r) : -1), this._removeSelectedAggregatedFeature(), r && this._aggregatedGraphicsSet.has(r) && this._addSelectedAggregatedFeature(r);
+      h(() => this._getAggregatedFeatureItemsHeadingSignature(), () => this.requestUpdate()),
+      h(() => this.flowItems?.length, () => {
+        const { flowItems: e } = this, a = e?.getItemAt((e.length ?? 0) - 1)?.graphic ?? void 0;
+        this._setSelectedAggregatedFeatureIndex(a ? this.aggregatedFeatures.indexOf(a) : -1), this._removeSelectedAggregatedFeature(), a && this._aggregatedGraphicsSet.has(a) && this._addSelectedAggregatedFeature(a);
       })
     ]);
   }
@@ -80,7 +79,7 @@ class C extends A {
     d(() => this.loading = e);
   }
   _cancelQuery() {
-    this._abortController = w(this._abortController), this._setLoading(!1);
+    this._abortController = f(this._abortController), this._setLoading(!1);
   }
   _removeBoundaryGraphicFromView(e) {
     e?.graphics.remove(this.selectedAggregateBoundaryFeature);
@@ -101,22 +100,22 @@ class C extends A {
     this._removeBoundaryGraphicFromView(this._boundaryGraphicView), this.selectedAggregateBoundaryFeature.geometry = null, this._boundaryGraphicView = void 0;
   }
   _updateAggregateBoundaryFeature(e) {
-    const { view: t } = this, r = this._boundaryGraphicView;
+    const { view: t } = this, a = this._boundaryGraphicView;
     if (!t) {
       this._removeAggregateBoundaryFeature();
       return;
     }
-    r !== t && this._removeBoundaryGraphicFromView(r), this.selectedAggregateBoundaryFeature.geometry = e, this._boundaryGraphicView = t, t.graphics.includes(this.selectedAggregateBoundaryFeature) || t.graphics.add(this.selectedAggregateBoundaryFeature);
+    a !== t && this._removeBoundaryGraphicFromView(a), this.selectedAggregateBoundaryFeature.geometry = e, this._boundaryGraphicView = t, t.graphics.includes(this.selectedAggregateBoundaryFeature) || t.graphics.add(this.selectedAggregateBoundaryFeature);
   }
   async _getLayerViewAndQuery(e) {
-    const { view: t } = this, r = v(e);
-    if (!t || !r)
+    const { view: t } = this, a = v(e);
+    if (!t || !a)
       return null;
-    const a = await t.whenLayerView(r);
-    if (!a?.createQuery || !a?.queryFeatures || !a?.queryExtent)
+    const r = await t.whenLayerView(a);
+    if (!r?.createQuery || !r?.queryFeatures || !r?.queryExtent)
       return null;
-    const g = a.createQuery(), i = e.getObjectId();
-    return g.aggregateIds = i != null ? [i] : [], [a, g];
+    const i = r.createQuery(), g = e.getObjectId();
+    return i.aggregateIds = g != null ? [g] : [], [r, i];
   }
   async _updateAggregatedFeatures() {
     this._cancelQuery();
@@ -130,20 +129,20 @@ class C extends A {
       this._resetAggregatedFeaturesState();
       return;
     }
-    const [r, s] = t, a = new AbortController();
-    this._abortController = a, this._setLoading(!0);
+    const [a, s] = t, r = new AbortController();
+    this._abortController = r, this._setLoading(!0);
     try {
-      const [g, i] = await Promise.all([
-        r.queryFeatures(s, { signal: a.signal }),
-        r.queryExtent(s, { signal: a.signal })
+      const [i, g] = await Promise.all([
+        a.queryFeatures(s, { signal: r.signal }),
+        a.queryExtent(s, { signal: r.signal })
       ]);
-      if (this._abortController !== a || a.signal.aborted)
+      if (this._abortController !== r || r.signal.aborted)
         return;
       this._abortController = null, this._setLoading(!1);
-      const o = g.features ?? [];
-      this._setAggregatedFeaturesState(o), i.extent ? this._updateAggregateBoundaryFeature(i.extent) : this._removeAggregateBoundaryFeature();
-    } catch (g) {
-      if (this._abortController !== a || (this._abortController = null, this._setLoading(!1), b(g)))
+      const n = i.features ?? [];
+      this._setAggregatedFeaturesState(n), g.extent ? this._updateAggregateBoundaryFeature(g.extent) : this._removeAggregateBoundaryFeature();
+    } catch (i) {
+      if (this._abortController !== r || (this._abortController = null, this._setLoading(!1), I(i)))
         return;
       this._resetAggregatedFeaturesState();
     }
@@ -154,47 +153,47 @@ class C extends A {
   async _addSelectedAggregatedFeature(e) {
     const { view: t } = this;
     if (e && t) {
-      const r = await I(e), s = e.clone();
-      s.symbol = r, this._selectedAggregatedFeature = s, t.graphics.add(this._selectedAggregatedFeature);
+      const a = await C(e), s = e.clone();
+      s.symbol = a, this._selectedAggregatedFeature = s, t.graphics.add(this._selectedAggregatedFeature);
     }
   }
   _removeSelectedAggregatedFeature() {
     this._selectedAggregatedFeature && this.view && (this.view.graphics.remove(this._selectedAggregatedFeature), this._selectedAggregatedFeature = void 0);
   }
   async _selectFeature(e) {
-    const { flowItems: t, view: r } = this;
-    t && this._addFlowItem(p(n`<arcgis-feature-next .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .graphic=${e.graphic} .map=${this.map} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${r ?? void 0}></arcgis-feature-next>`));
+    const { flowItems: t, view: a } = this;
+    t && this._addFlowItem(A(o`<arcgis-feature-next .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${t} .graphic=${e.graphic} .headingLevel=${this.headingLevel} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} .hideHeading=${this.hideHeading} .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .messageOverrides=${this.messageOverrides} .showRelationshipContent=${this.showRelationshipContent} .showUtilityNetworkContent=${this.showUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${a ?? void 0}></arcgis-feature-next>`));
   }
   async _selectRelativeAggregatedFeature(e) {
-    const { aggregatedFeatures: t, aggregatedFeatureItems: r, flowItems: s } = this;
-    if (!s || t.length === 0 || r.length === 0)
+    const { aggregatedFeatures: t, aggregatedFeatureItems: a, flowItems: s } = this;
+    if (!s || t.length === 0 || a.length === 0)
       return;
-    const a = t.length;
-    let g = this.selectedAggregatedFeatureIndex >= 0 && this.selectedAggregatedFeatureIndex < a ? this.selectedAggregatedFeatureIndex : -1;
-    if (g === -1) {
+    const r = t.length;
+    let i = this.selectedAggregatedFeatureIndex >= 0 && this.selectedAggregatedFeatureIndex < r ? this.selectedAggregatedFeatureIndex : -1;
+    if (i === -1) {
       const u = s.getItemAt(s.length - 1)?.graphic;
-      g = u ? t.indexOf(u) : -1;
+      i = u ? t.indexOf(u) : -1;
     }
-    const i = g === -1 ? e > 0 ? 0 : a - 1 : (g + e + a) % a, o = r[i];
-    if (!o?.graphic)
+    const g = i === -1 ? e > 0 ? 0 : r - 1 : (i + e + r) % r, n = a[g];
+    if (!n?.graphic)
       return;
-    this._setSelectedAggregatedFeatureIndex(i);
-    const c = s.getItemAt(s.length - 1);
-    if (c?.flowType === "feature") {
-      c.graphic = o.graphic, this._removeSelectedAggregatedFeature(), await this._addSelectedAggregatedFeature(o.graphic);
+    this._setSelectedAggregatedFeatureIndex(g);
+    const l = s.getItemAt(s.length - 1);
+    if (l?.flowType === "feature") {
+      l.graphic = n.graphic, this._removeSelectedAggregatedFeature(), await this._addSelectedAggregatedFeature(n.graphic);
       return;
     }
-    await this._selectFeature(o);
+    await this._selectFeature(n);
   }
   _renderChevronIconNode() {
-    return n`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
+    return o`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`;
   }
   render() {
     const { _renderableAggregatedFeatureItems: e } = this, { loading: t } = this;
-    return t || e.length > 0 ? n`<calcite-list .loading=${t} display-mode=flat .label=${this.messages?.aggregatedFeatures ?? ""} selection-mode=none>${e.map((s) => n`<calcite-list-item .label=${s.heading ? S(s.heading) : void 0} @calciteListItemSelect=${() => this._selectFeature(s)}>${this._renderChevronIconNode()}</calcite-list-item>`)}</calcite-list>` : n`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noAggregatedFeatures}</div></calcite-notice>`;
+    return t || e.length > 0 ? o`<calcite-list .loading=${t} display-mode=flat .label=${this.messages?.aggregatedFeatures ?? ""} selection-mode=none>${e.map((s) => o`<calcite-list-item .label=${s.heading ? b(s.heading) : void 0} @calciteListItemSelect=${() => this._selectFeature(s)}>${this._renderChevronIconNode()}</calcite-list-item>`)}</calcite-list>` : o`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noAggregatedFeatures}</div></calcite-notice>`;
   }
 }
-h("arcgis-aggregated-features", C);
+c("arcgis-aggregated-features", $);
 export {
-  C as ArcgisAggregatedFeatures
+  $ as ArcgisAggregatedFeatures
 };