@arcgis/map-components 5.2.0-next.5 → 5.2.0-next.6

package/dist/components/arcgis-daylight/customElement.js

@@ -10,11 +10,11 @@ import { createRef as G, ref as Y } from "lit/directives/ref.js";
 import { u as be } from "../../chunks/useT9n.js";
 import { u as ve } from "../../chunks/useView.js";
 import { m as N } from "../../chunks/handle.js";
-import { o as P, i as f, b as q, d as z, g as we } from "../../chunks/time-utils.js";
+import { o as D, i as f, b as q, d as z, g as we } from "../../chunks/time-utils.js";
 import { r as ye, b as xe, d as Se } from "../../chunks/async-utils.js";
 import { createTrackingTarget as De, runTracked as Z, signal as Te } from "@arcgis/core/applications/Components/reactiveUtils.js";
 import { C as W } from "../../chunks/component-wrapper.js";
-import { V as D } from "../../chunks/visible-element.js";
+import { V as T } from "../../chunks/visible-element.js";
 function ke(i, e) {
   return i / 15;
 }
@@ -64,19 +64,19 @@ class Ce {
 function A(i) {
   return new Ce(i);
 }
-var U = Math.PI, u = Math.sin, T = Math.cos, ze = Math.asin, Me = Math.acos, y = U / 180, ne = 1e3 * 60 * 60 * 24, se = 2440588, oe = 2451545;
-function Oe(i) {
+var U = Math.PI, u = Math.sin, k = Math.cos, ze = Math.asin, Oe = Math.acos, y = U / 180, ne = 1e3 * 60 * 60 * 24, se = 2440588, oe = 2451545;
+function Me(i) {
   return i.valueOf() / ne - 0.5 + se;
 }
-function M(i) {
+function O(i) {
   return new Date((i + 0.5 - se) * ne);
 }
 function Le(i) {
-  return Oe(i) - oe;
+  return Me(i) - oe;
 }
 var K = y * 23.4397;
 function Ue(i, e) {
-  return ze(u(e) * T(K) + T(e) * u(K) * u(i));
+  return ze(u(e) * k(K) + k(e) * u(K) * u(i));
 }
 function Ee(i) {
   return y * (357.5291 + 0.98560028 * i);
@@ -116,7 +116,7 @@ function X(i, e, t) {
   return oe + i + 53e-4 * u(e) - 69e-4 * u(2 * t);
 }
 function Ne(i, e, t) {
-  return Me((u(i) - u(e) * u(t)) / (T(e) * T(t)));
+  return Oe((u(i) - u(e) * u(t)) / (k(e) * k(t)));
 }
 S.getTimes = function(i, e, t) {
   var r = y * -t, n = y * e, s = Le(i), o = Ie(s, r), a = Q(0, r, o), c = Ee(a), d = He(c), l = Ae(c, d), h = Ue(l, 0), g = X(a, c, l);
@@ -125,16 +125,16 @@ S.getTimes = function(i, e, t) {
     return X(le, c, l);
   }
   function x(H) {
-    var C = (u(H) - u(n) * u(h)) / (T(n) * T(h));
+    var C = (u(H) - u(n) * u(h)) / (k(n) * k(h));
     return C < -1 ? S.PolarException.MIDNIGHT_SUN : C > 1 ? S.PolarException.POLAR_NIGHT : S.PolarException.NORMAL;
   }
   var _ = {
-    solarNoon: M(g),
-    nadir: M(g - 0.5),
+    solarNoon: O(g),
+    nadir: O(g - 0.5),
     polarException: S.PolarException.NORMAL
   }, b, m, $, E, F;
   for (b = 0, m = I.length; b < m; b += 1)
-    $ = I[b], E = w($[0] * y), F = g - (E - g), _[$[1]] = M(F), _[$[2]] = M(E);
+    $ = I[b], E = w($[0] * y), F = g - (E - g), _[$[1]] = O(F), _[$[2]] = O(E);
   return _.polarException = x(I[0][0] * y), _;
 };
 const Je = {
@@ -147,7 +147,7 @@ const Je = {
   winter: { dayOfMonth: 21, month: 11 }
   // Northern Winter solstice in 2014 - December 21
 }, J = ["spring", "summer", "fall", "winter"];
-function k(i, e, t) {
+function P(i, e, t) {
   const r = V(e, t), { dayOfMonth: n, month: s } = Je[r], o = new Date(i.getTime());
   return o.setMonth(s, n), o;
 }
@@ -156,7 +156,7 @@ function Re(i, e) {
   return V(t, e);
 }
 function Ve(i) {
-  const e = i.getTime(), t = k(i, "spring", "northern").getTime(), r = k(i, "summer", "northern").getTime(), n = k(i, "fall", "northern").getTime(), s = k(i, "winter", "northern").getTime();
+  const e = i.getTime(), t = P(i, "spring", "northern").getTime(), r = P(i, "summer", "northern").getTime(), n = P(i, "fall", "northern").getTime(), s = P(i, "winter", "northern").getTime();
   return e >= t && e < r ? "spring" : e >= r && e < n ? "summer" : e >= n && e < s ? "fall" : "winter";
 }
 function V(i, e) {
@@ -171,7 +171,7 @@ function Fe(i) {
 }
 const je = 1440, Be = 864e5;
 function Ge(i, e, t, r) {
-  const n = S.getTimes(i, e, t), s = n.sunrise, o = n.sunset, a = P(i, r), c = P(s, r), d = P(o, r);
+  const n = S.getTimes(i, e, t), s = n.sunrise, o = n.sunset, a = D(i, r), c = D(s, r), d = D(o, r);
   if (a.getUTCDate() !== c.getUTCDate() || a.getUTCDate() !== d.getUTCDate()) {
     const l = a.getTime() - c.getTime() > 0 ? 1 : -1;
     s.setUTCDate(s.getUTCDate() + l), o.setUTCDate(o.getUTCDate() + l);
@@ -181,7 +181,7 @@ function Ge(i, e, t, r) {
     sunset: o
   };
 }
-const Ye = 100, qe = 1e3, v = 12e5, O = 72e5;
+const Ye = 100, qe = 1e3, v = 12e5, M = 72e5;
 function te(i, e) {
   return re(i + e, 24);
 }
@@ -225,7 +225,7 @@ function We(i, e, t, r) {
   } = r, a = n * L, c = s * L, d = o * L;
   if (i == null || e == null || Number.isNaN(i.getTime()) && Number.isNaN(e.getTime()))
     return a;
-  const l = t.getTime(), h = i.getTime(), g = e.getTime(), w = h - O / 2, x = h + O / 2, _ = g - O / 3 * 2, b = g + O / 3;
+  const l = t.getTime(), h = i.getTime(), g = e.getTime(), w = h - M / 2, x = h + M / 2, _ = g - M / 3 * 2, b = g + M / 3;
   let m = a;
   return l >= w && l <= x ? l - w <= v ? m = c - (l - w) / v * (c - d) : x - l <= v / 2 ? m = a - (x - l) / v * 2 * (a - d) : m = d : l >= _ && l <= b ? l - _ <= v / 2 ? m = a - (l - _) / v * 2 * (a - d) : b - l <= v ? m = c - (b - l) / v * (c - d) : m = d : (l < h || l > g) && (m = c), m;
 }
@@ -270,7 +270,7 @@ class Xe extends fe {
       return;
     const e = ye(() => {
       if (this.#i?.remove(), f(this._lighting)) {
-        const t = this.utcOffset ?? 0, r = this.timeSliderPosition ?? 0, n = this.localDate, s = r - t * 60, o = P(n, s, "minutes");
+        const t = this.utcOffset ?? 0, r = this.timeSliderPosition ?? 0, n = this.localDate, s = r - t * 60, o = D(n, s, "minutes");
         this._lighting.date = o, this._lighting.displayUTCOffset = t;
       }
     }, { timeout: this.#d });
@@ -283,7 +283,7 @@ class Xe extends fe {
     return p`<calcite-label .scale=${e} class="date-picker-container">${r.date}${et({ disabled: t, scale: e, date: this.localDateAsString, onDateChange: (n) => {
       const s = n.currentTarget.value, o = Array.isArray(s) ? s[0] : s;
       this._stopPlaying(), this.localDate = o, this._emitUserDateTimeChangeEvent();
-    } })}</calcite-label>${D({ hidden: this.hidePlayButtons, children: ie({ playing: this.yearPlaying, disabled: t, label: r.playYear, onClick: () => {
+    } })}</calcite-label>${T({ hidden: this.hidePlayButtons, children: ie({ playing: this.yearPlaying, disabled: t, label: r.playYear, onClick: () => {
       this._playingState === "year" ? this._playingState = "none" : this._playingState = "year";
     }, scale: e }) })}`;
   }
@@ -298,7 +298,7 @@ class Xe extends fe {
     return this.#l?.value?.startTime;
   }
   get localDateAsString() {
-    return this._localDate.value ?? "";
+    return this._localDate.value ?? void 0;
   }
   get _playingState() {
     return this.#r;
@@ -326,7 +326,14 @@ class Xe extends fe {
     f(r) && (s.cameraTrackingEnabled = r.cameraTrackingEnabled);
     const o = e ? "virtual" : "sun";
     let a;
-    n?.type === o ? a = n : a = e ? new me() : new pe(), a.set(s), t.lighting = a, e || (this._stopPlaying(), this.#o.value && (this.#o.value.open = !1));
+    n?.type === o ? a = n : a = e ? new me() : new pe({
+      date: D(
+        D(this.localDate, this.timeSliderPosition ?? 0, "minutes"),
+        // this.localDate already includes the UTC offset, so we need to remove the offset to get the correct UTC date for the SunLighting configuration
+        this.utcOffset ?? 0
+      ),
+      displayUTCOffset: this.utcOffset
+    }), a.set(s), t.lighting = a, e || (this._stopPlaying(), this.#o.value && (this.#o.value.open = !1));
   }
   get currentSeason() {
     const e = this._view?.camera?.position?.latitude ?? 0, t = ee(e);
@@ -335,7 +342,7 @@ class Xe extends fe {
   set currentSeason(e) {
     this._stopPlaying();
     const t = this._view?.camera?.position?.latitude ?? 0, r = ee(t), n = V(e, r);
-    this.localDate = k(this.localDate, n, "northern"), this._emitUserDateTimeChangeEvent();
+    this.localDate = P(this.localDate, n, "northern"), this._emitUserDateTimeChangeEvent();
   }
   get dayPlaying() {
     return this._playingState === "day";
@@ -406,7 +413,7 @@ class Xe extends fe {
   }
   willUpdate(e) {
     if (super.willUpdate(e), !!this.#c && f(this._lighting) && e.has("utcOffset")) {
-      const t = this.utcOffset ?? 0, r = this._lighting.displayUTCOffset ?? 0, n = this.timeSliderPosition ?? 0, s = this.localDate, o = n - r * 60, a = P(s, o, "minutes"), { minutesSinceMidnight: c, localDate: d } = z(a, t);
+      const t = this.utcOffset ?? 0, r = this._lighting.displayUTCOffset ?? 0, n = this.timeSliderPosition ?? 0, s = this.localDate, o = n - r * 60, a = D(s, o, "minutes"), { minutesSinceMidnight: c, localDate: d } = z(a, t);
       this._timesliderPosition.mutate(c), this._localDate.mutate(d);
     }
   }
@@ -481,14 +488,14 @@ class Xe extends fe {
     const o = (this.utcOffset ?? 0) * 60, a = this.view?.ready === !0, c = Array.isArray(this.timeSliderSteps) ? this.timeSliderSteps.at(0) : this.timeSliderSteps;
     return W({ class: { root: !0, loading: !a }, label: e.componentLabel, title: e.title, hideHeader: this.hideHeader, headingLevel: this.headingLevel, children: p`${a ? void 0 : p`<calcite-scrim loading></calcite-scrim>`}<div class="time-configuration" style=${B({ columnGap: this.hidePlayButtons ? "0" : void 0 })}><calcite-label class="slider-container" .scale=${n}>${e.timeSliderLabel}<arcgis-time-of-day-slider class="slider" .disabled=${this._sunlightingDisabled} mode=single .startTime=${this.timeSliderPosition ?? 0} .steps=${c} style=${B({ gridArea: "slider" })} @arcgisTimeChange=${({ currentTarget: d }) => {
       this._stopPlaying(), this._emitUserDateTimeChangeEvent(), this.timeSliderPosition = d.startTime;
-    }} ${Y(this.#l)}></arcgis-time-of-day-slider></calcite-label>${D({ hidden: this.hidePlayButtons, children: ie({ disabled: this._sunlightingDisabled, playing: this.dayPlaying, label: e.playDay, onClick: () => {
+    }} ${Y(this.#l)}></arcgis-time-of-day-slider></calcite-label>${T({ hidden: this.hidePlayButtons, children: ie({ disabled: this._sunlightingDisabled, playing: this.dayPlaying, label: e.playDay, onClick: () => {
       this._playingState === "day" ? this._stopPlaying() : this._playingState = "day";
-    }, scale: n }) })}${D({ hidden: this.hideTimezone, children: p`<calcite-label .scale=${n} class="timezone-input-container">${e.timezone}<calcite-input-time-zone mode=offset overlay-positioning=fixed .scale=${n} .disabled=${this._sunlightingDisabled} .value=${`${o}`} .referenceDate=${this.localDateAsString} @calciteInputTimeZoneChange=${(d) => {
+    }, scale: n }) })}${T({ hidden: this.hideTimezone, children: p`<calcite-label .scale=${n} class="timezone-input-container">${e.timezone}<calcite-input-time-zone mode=offset overlay-positioning=fixed .scale=${n} .disabled=${this._sunlightingDisabled} .value=${`${o}`} .referenceDate=${this.localDateAsString} @calciteInputTimeZoneChange=${(d) => {
       const l = +d.target.value;
       this.utcOffset = l / 60, this._stopPlaying();
-    }} ${Y(this.#o)}></calcite-input-time-zone></calcite-label><span></span>` })}${D({ hidden: this.hideDatePicker, children: t === "date" ? this.#g({ scale: n, disabled: r }) : this.#u({ scale: n, disabled: r }) })}</div>${D({ hidden: this.hideSunLightingToggle, children: it({ scale: n, messages: e.sunLightingToggle, sunlightingEnabled: !this._sunlightingDisabled, onSunLightingToggle: (d) => {
+    }} ${Y(this.#o)}></calcite-input-time-zone></calcite-label><span></span>` })}${T({ hidden: this.hideDatePicker, children: t === "date" ? this.#g({ scale: n, disabled: r }) : this.#u({ scale: n, disabled: r }) })}</div>${T({ hidden: this.hideSunLightingToggle, children: it({ scale: n, messages: e.sunLightingToggle, sunlightingEnabled: !this._sunlightingDisabled, onSunLightingToggle: (d) => {
       this._sunlightingDisabled = !d;
-    } }) })}${D({ hidden: this.hideShadowsToggle, children: rt({ scale: n, messages: e.shadowsToggle, onShadowCheckboxChange: (d) => {
+    } }) })}${T({ hidden: this.hideShadowsToggle, children: rt({ scale: n, messages: e.shadowsToggle, onShadowCheckboxChange: (d) => {
       this._directShadowsDisabled = !d;
     }, shadowEnabled: !this._directShadowsDisabled }) })}` });
   }

package/dist/components/arcgis-feature-templates/TemplateItem.d.ts

@@ -0,0 +1,33 @@
+import type Accessor from "@arcgis/core/core/Accessor.js";
+import type SharedTemplateMetadata from "@arcgis/core/editing/sharedTemplates/SharedTemplateMetadata.js";
+import type FeatureTemplate from "@arcgis/core/layers/support/FeatureTemplate.js";
+import type { LayerWithFeatureTemplatesUnion } from "@arcgis/core/layers/types.js";
+
+export interface TemplateItemProperties extends Partial<Pick<TemplateItem, "layer" | "template" | "thumbnail">> {}
+
+/**
+ * The item displayed within the FeatureTemplates component.
+ *
+ * @since 5.1
+ */
+export default class TemplateItem extends Accessor {
+  constructor(properties?: TemplateItemProperties);
+  /**
+   * The description that is displayed for the template item.
+   * This is similar to the description provided in layers/support/FeatureTemplate#description.
+   */
+  get description(): string;
+  get id(): string;
+  /** The label that is displayed for the template item. */
+  get label(): string;
+  /** The layer associated with the template item. */
+  accessor layer: LayerWithFeatureTemplatesUnion;
+  get supportsUpload(): boolean;
+  /** The associated FeatureTemplate for the item. */
+  accessor template: FeatureTemplate | SharedTemplateMetadata;
+  /**
+   * An object used to create a thumbnail image that represents a feature type in the feature template.
+   * This is similar to layers/support/FeatureTemplate#thumbnail.
+   */
+  accessor thumbnail: HTMLElement | undefined;
+}

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

@@ -0,0 +1,275 @@
+/// <reference path="../../index.d.ts" />
+import type MapView from "@arcgis/core/views/MapView.js";
+import type SceneView from "@arcgis/core/views/SceneView.js";
+import type TemplateItem from "./TemplateItem.js";
+import type SubtypeGroupLayer from "@arcgis/core/layers/SubtypeGroupLayer.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ArcgisReferenceElement } from "../types.js";
+import type { LayerWithFeatureTemplatesUnion } from "@arcgis/core/layers/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * The FeatureTemplates component is part of an editing workflow. Its main purpose is to display [FeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/) templates from one or more feature layers.
+ *
+ * @since 5.1
+ * @internal
+ */
+export abstract class ArcgisFeatureTemplates extends LitElement {
+  /** @internal */
+  protected _messages: Partial<{
+      componentLabel: string;
+      templates: string;
+      recent: string;
+      favorites: string;
+      updating: string;
+      point: string;
+      multipoint: string;
+      polyline: string;
+      polygon: string;
+      extent: string;
+      mesh: string;
+      noneSpecified: string;
+      removeFavorite: string;
+      removeRecent: string;
+      addFavorite: string;
+      noFavorites: string;
+      noTemplates: string;
+      noRecent: string;
+      noMatchingTemplates: string;
+  }> & T9nMeta<{
+      componentLabel: string;
+      templates: string;
+      recent: string;
+      favorites: string;
+      updating: string;
+      point: string;
+      multipoint: string;
+      polyline: string;
+      polygon: string;
+      extent: string;
+      mesh: string;
+      noneSpecified: string;
+      removeFavorite: string;
+      removeRecent: string;
+      addFavorite: string;
+      noFavorites: string;
+      noTemplates: string;
+      noRecent: string;
+      noMatchingTemplates: string;
+  }>;
+  /** Provide a function to dynamically enable or disable templates in the component. */
+  accessor applicationDisabledFunction: ((template: TemplateItem) => boolean) | undefined;
+  /** Provide a function to dynamically hide/remove templates from the component. */
+  accessor applicationFilterFunction: ((template: TemplateItem) => boolean) | undefined;
+  /** Provide a list of sections and templates. If not supplied, the component will load the templates from the layers in the view. */
+  accessor applicationTemplates: Array<ITemplateSection> | undefined;
+  /**
+   * If true, the component will not be destroyed automatically when it is
+   * disconnected from the document. This is useful when you want to move the
+   * component to a different place on the page, or temporarily hide it. If this
+   * is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-templates/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * When true, the component is visually withdrawn and cannot receive user interaction.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /**
+   * Decide if templates should be disabled when the layer is not visible, or not visible at the current scale.
+   *
+   * @default "never"
+   */
+  accessor disableTemplatesMode: "never" | "scale" | "visible";
+  /**
+   * Determine if templates should be shown grouped, or in a single flat list
+   *
+   * @default "grouped"
+   */
+  accessor display: "flat" | "grouped";
+  /** The list of templates in the component */
+  get effectiveTemplates(): Array<ITemplateSection>;
+  /**
+   * Determines if feature templates for tables should be shown
+   *
+   * @default false
+   */
+  accessor excludeTables: boolean;
+  /**
+   * The list of templates in the component
+   *
+   * @interface
+   */
+  get favorites(): Set<string>;
+  /**
+   * Include a favorites used tab
+   *
+   * @default false
+   * @internal
+   */
+  accessor favoritesEnabled: boolean;
+  /**
+   * The text the user has entered to filter the list on the favorites tab
+   *
+   * @default ""
+   * @internal
+   */
+  accessor favoritesFilterText: string;
+  /**
+   * The text the user has entered to filter the list
+   *
+   * @default ""
+   */
+  accessor filterText: string;
+  /**
+   * When templates are grouped, determine the group by policy. Note: if the component has been supplied with applicationTemplates, the templates will keep the supplied groupings.
+   *
+   * @default "layer"
+   */
+  accessor groupBy: "geometry" | "layer";
+  /** If a group by function is supplied, then the templates will be grouped by this function. */
+  accessor groupByFunction: ((template: TemplateItem) => string) | undefined;
+  /**
+   * Determine if the template description should be displayed
+   *
+   * @default false
+   */
+  accessor hideTemplateDescription: boolean;
+  /**
+   * Decide if templates should be hidden when the layer is not visible, or not visible at the current scale.
+   *
+   * @default "never"
+   */
+  accessor hideTemplatesMode: "never" | "scale" | "visible";
+  /** List of layers for which to show Templates. If not provided, the layers will be derived from the View. */
+  accessor layers: (LayerWithFeatureTemplatesUnion | SubtypeGroupLayer)[] | undefined;
+  /**
+   * The text the user has entered to filter the list on the recent tab
+   *
+   * @default ""
+   * @internal
+   */
+  accessor recentFilterText: string;
+  /**
+   * The list of recently used template ids.
+   *
+   * @interface
+   */
+  get recentlyUsed(): Array<string>;
+  /**
+   * Include a recently used tab
+   *
+   * @default false
+   * @internal
+   */
+  accessor recentlyUsedEnabled: boolean;
+  /**
+   * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+   *
+   * @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: ArcgisReferenceElement | string | undefined;
+  /**
+   * Function which restores the list of favorites from a previous session
+   *
+   * @internal
+   */
+  accessor restoreFavorites: (() => Promise<Array<string>>) | undefined;
+  /**
+   * Function which restores the list of recently used templates from a previous session
+   *
+   * @internal
+   */
+  accessor restoreRecentlyUsed: (() => Promise<Array<string>>) | undefined;
+  /**
+   * When templates are grouped, determine how the groups are sorted. If the component has been supplied with a sectionSortByFunction then this will be used instead.
+   *
+   * @default "system"
+   */
+  accessor sectionSortBy: "alphabetical" | "system";
+  /** If provided, this function can be used to re-order the sections. */
+  accessor sectionSortByFunction: ((sections: ITemplateSection[]) => ITemplateSection[]) | undefined;
+  /** Currently selected template */
+  get selectedTemplate(): TemplateItem | undefined;
+  /** Currently selected template id */
+  accessor selectedTemplateId: string | undefined;
+  /**
+   * Fetch shared templates, if the layer's in the view have shared Templates.
+   *
+   * @default false
+   * @internal
+   */
+  accessor sharedTemplatesDisabled: boolean;
+  /**
+   * Indicates whether to display the collapse button.
+   *
+   * @default false
+   * @since 5.1
+   */
+  accessor showCollapseButton: boolean;
+  /**
+   * Indicates whether to show the templates filter
+   *
+   * @default false
+   * @since 5.1
+   */
+  accessor showFilter: boolean;
+  /**
+   * Determines how templates are ordered. This will either be in alphabetical order
+   * or the order they are defined in the layer schema.
+   *
+   * @default "alphabetical"
+   */
+  accessor templateSortBy: "alphabetical" | "system";
+  /** If provided, this function can be used to re-order the templates. */
+  accessor templateSortByFunction: ((templates: TemplateItem[]) => TemplateItem[]) | undefined;
+  /**
+   * Determine if the templates list is updating.
+   *
+   * @default false
+   */
+  get updating(): boolean;
+  /**
+   * The view associated with the component. 
+   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-feature-templates component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: MapView | SceneView | undefined;
+  /** Permanently destroy the component */
+  destroy(): Promise<void>;
+  /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+  readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "effectiveTemplates" | "filterText" | "recentlyUsed" | "favorites"; }>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** The user has selected a template */
+  readonly arcgisSelectTemplate: import("@arcgis/lumina").TargetedEvent<this, { template: TemplateItem; }>;
+  /** The source of templates has changed. */
+  readonly arcgisTemplatesChanged: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisPropertyChange: ArcgisFeatureTemplates["arcgisPropertyChange"]["detail"];
+    arcgisReady: ArcgisFeatureTemplates["arcgisReady"]["detail"];
+    arcgisSelectTemplate: ArcgisFeatureTemplates["arcgisSelectTemplate"]["detail"];
+    arcgisTemplatesChanged: ArcgisFeatureTemplates["arcgisTemplatesChanged"]["detail"];
+  };
+}
+
+/**
+ * Template section
+ *
+ * @internal
+ */
+export type ITemplateSection = {
+  /** Name of the section */
+  sectionName: string;
+  /**
+   * Whether to translate the section name
+   *
+   * @internal
+   */
+  autoTranslate?: boolean;
+  /** List of Template items in the section */
+  templates: TemplateItem[];
+};