@arcgis/map-components 5.1.0-next.123 → 5.1.0-next.125

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

@@ -1,75 +1,26 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as w } from "../../chunks/runtime.js";
-import { css as F, html as c } from "lit";
-import { LitElement as M, createEvent as f } from "@arcgis/lumina";
-import { u as S } from "../../chunks/useT9n.js";
-import { u as _ } from "../../chunks/useView.js";
-import { m as $ } from "../../chunks/useViewModel.js";
-import { property as s, subclass as g } from "@arcgis/core/core/accessorSupport/decorators.js";
-import b from "@arcgis/core/core/Accessor.js";
-import { getAllStandardFeatureTemplatesForLayer as x, getTemplatesForLayers as B } from "@arcgis/core/applications/Components/templateUtils.js";
-import { i as v, c as T } from "../../chunks/layer-utils.js";
-import { isTable as u, getEffectiveLayerCapabilities as D } from "@arcgis/core/applications/Components/layerUtils.js";
-import { usePropertyChange as L } from "@arcgis/lumina/controllers";
-import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
-import { debounce as U } from "@arcgis/toolkit/function";
-const E = F`:host{display:flex;position:relative;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}.root>*{width:100%;box-sizing:border-box}.feature-template-tabs{--calcite-tab-background-color: transparent}`;
-var I = Object.defineProperty, C = Object.getOwnPropertyDescriptor, h = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? C(e, i) : e, p = t.length - 1, n; p >= 0; p--)
-    (n = t[p]) && (o = (r ? n(e, i, o) : n(o)) || o);
-  return r && o && I(e, i, o), o;
+import { c as T } from "../../chunks/runtime.js";
+import { css as g, html as o } from "lit";
+import { LitElement as b, createEvent as h } from "@arcgis/lumina";
+import { u as w } from "../../chunks/useT9n.js";
+import { u as F } from "../../chunks/useView.js";
+import { m as M } from "../../chunks/useViewModel.js";
+import { property as l, subclass as S } from "@arcgis/core/core/accessorSupport/decorators.js";
+import _ from "@arcgis/core/core/Accessor.js";
+import u from "@arcgis/core/editing/templates/TemplateListItem.js";
+import { getAllStandardFeatureTemplatesForLayer as $, getTemplatesForLayers as x } from "@arcgis/core/applications/Components/templateUtils.js";
+import { i as y, c as v } from "../../chunks/layer-utils.js";
+import { isTable as m, getEffectiveLayerCapabilities as B } from "@arcgis/core/applications/Components/layerUtils.js";
+import { usePropertyChange as D } from "@arcgis/lumina/controllers";
+import { watch as f } from "@arcgis/core/core/reactiveUtils.js";
+import { debounce as L } from "@arcgis/toolkit/function";
+const E = g`:host{display:flex;position:relative;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}.root>*{width:100%;box-sizing:border-box}.feature-template-tabs{--calcite-tab-background-color: transparent}`;
+var U = Object.defineProperty, I = Object.getOwnPropertyDescriptor, a = (t, e, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? I(e, i) : e, p = t.length - 1, c; p >= 0; p--)
+    (c = t[p]) && (n = (r ? c(e, i, n) : c(n)) || n);
+  return r && n && U(e, i, n), n;
 };
-let d = class extends b {
-  /**
-   * @public
-   * @param properties
-   */
-  constructor(t) {
-    super(t), this.layer = null, this.template = null;
-  }
-  get description() {
-    return this.template?.description ?? "";
-  }
-  get label() {
-    return this.template?.name ?? "";
-  }
-  get id() {
-    return `${this.label ?? ""}–${this.layer?.id}`;
-  }
-  get supportsUpload() {
-    return this.layer?.type === "scene";
-  }
-};
-h([
-  s()
-], d.prototype, "description", 1);
-h([
-  s()
-], d.prototype, "label", 1);
-h([
-  s()
-], d.prototype, "layer", 2);
-h([
-  s()
-], d.prototype, "template", 2);
-h([
-  s()
-], d.prototype, "thumbnail", 2);
-h([
-  s()
-], d.prototype, "id", 1);
-h([
-  s()
-], d.prototype, "supportsUpload", 1);
-d = h([
-  g("components.feature-templates.TemplateItem")
-], d);
-var R = Object.defineProperty, A = Object.getOwnPropertyDescriptor, l = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? A(e, i) : e, p = t.length - 1, n; p >= 0; p--)
-    (n = t[p]) && (o = (r ? n(e, i, o) : n(o)) || o);
-  return r && o && R(e, i, o), o;
-};
-function P(t) {
+function C(t) {
   switch (t) {
     case "point":
     case "multipoint":
@@ -81,8 +32,8 @@ function P(t) {
   }
   return "noneSpecified";
 }
-const V = (t) => P(t.layer.geometryType ?? "");
-let a = class extends b {
+const R = (t) => C(t.layer.geometryType ?? "");
+let s = class extends _ {
   //#region Lifecycle
   constructor(t) {
     super(t), this._hasRunInitialLoad = !1, this.favoritesEnabled = !1, this.recentlyUsedEnabled = !1, this.hideTemplateDescription = !1, this.filterText = "", this.recentFilterText = "", this.favoritesFilterText = "", this.display = "grouped", this.groupBy = "layer", this.hideTemplatesMode = "never", this.disableTemplatesMode = "never", this.sectionSortBy = "system", this.templateSortBy = "alphabetical", this.sharedTemplatesDisabled = !1, this.excludeTables = !1, this.favorites = /* @__PURE__ */ new Set(), this.fetchingTemplateMetaData = !1, this.recentlyUsed = [];
@@ -105,7 +56,7 @@ let a = class extends b {
       if (await Promise.allSettled(t.map((e) => e.load())), this.sharedTemplatesDisabled) {
         const e = [];
         for (const i of t) {
-          const r = x(i);
+          const r = $(i);
           r.length > 0 && e.push({
             layer: i,
             templates: r
@@ -114,7 +65,7 @@ let a = class extends b {
         this.mapTemplates = e;
         return;
       }
-      this.mapTemplates = await B(t, this.view, void 0, {
+      this.mapTemplates = await x(t, this.view, void 0, {
         returnVisibleTemplatesOnly: !0
       }), await this._restore();
     } catch {
@@ -204,8 +155,8 @@ let a = class extends b {
         noneSpecified: 7
       };
       t = t.toSorted((i, r) => {
-        const o = e[i.sectionName] ?? 10, p = e[r.sectionName] ?? 10;
-        return o - p;
+        const n = e[i.sectionName] ?? 10, p = e[r.sectionName] ?? 10;
+        return n - p;
       });
     }
     for (const e of t)
@@ -216,16 +167,16 @@ let a = class extends b {
     if (!this.view)
       return !0;
     let e = t;
-    v(t) && (e = t.parent);
+    y(t) && (e = t.parent);
     const i = this.view.allLayerViews.find((r) => r.layer === e);
     if (!i)
       return !0;
-    if (v(t)) {
+    if (y(t)) {
       const r = this.view.scale;
       if (i.visibleAtCurrentScale) {
-        const o = t.minScale, p = t.maxScale;
-        let n = !o, m = !p;
-        return !n && r <= o && (n = !0), !m && r >= p && (m = !0), n && m;
+        const n = t.minScale, p = t.maxScale;
+        let c = !n, d = !p;
+        return !c && r <= n && (c = !0), !d && r >= p && (d = !0), c && d;
       }
     }
     return i.visibleAtCurrentScale;
@@ -233,7 +184,7 @@ let a = class extends b {
   get activeLayers() {
     const t = [];
     for (const e of this.layers ?? [])
-      if (T(e))
+      if (v(e))
         for (const i of e.sublayers)
           t.push(i);
       else
@@ -245,7 +196,7 @@ let a = class extends b {
       ])
         if (e.type === "feature" || e.type === "scene" || e.type === "geojson" || e.type === "oriented-imagery" || e.type === "knowledge-graph")
           t.push(e);
-        else if (T(e))
+        else if (v(e))
           for (const i of e.sublayers)
             t.push(i);
     }
@@ -264,10 +215,10 @@ let a = class extends b {
     return this._sortTemplates(this.templates.flatMap((t) => t.templates));
   }
   inclusionFilter(t) {
-    if (this.excludeTables && u(t.layer) || this.applicationFilterFunction?.(t) === !1)
+    if (this.excludeTables && m(t.layer) || this.applicationFilterFunction?.(t) === !1)
       return !1;
-    const e = D(t.layer)?.operations;
-    return e?.supportsEditing === !1 && !e?.supportsAdd ? !1 : u(t.layer) ? !0 : !(this.hideTemplatesMode === "visible" && !t.layer.visible || this.hideTemplatesMode === "scale" && !this._layerIsVisibleAtCurrentScale(t.layer));
+    const e = B(t.layer)?.operations;
+    return e?.supportsEditing === !1 && !e?.supportsAdd ? !1 : m(t.layer) ? !0 : !(this.hideTemplatesMode === "visible" && !t.layer.visible || this.hideTemplatesMode === "scale" && !this._layerIsVisibleAtCurrentScale(t.layer));
   }
   get templateSetKey() {
     return this._sortTemplates(this.allTemplates).map((t) => t.id).join(",");
@@ -279,7 +230,7 @@ let a = class extends b {
         t.add(e);
         continue;
       }
-      if (!u(e.layer)) {
+      if (!m(e.layer)) {
         if (this.disableTemplatesMode === "visible" && !e.layer.visible) {
           t.add(e);
           continue;
@@ -297,20 +248,20 @@ let a = class extends b {
   }
   get organizedMapTemplates() {
     if (this.groupByFunction || this.groupBy === "geometry") {
-      const t = !this.groupByFunction, e = this.groupByFunction ?? V, i = /* @__PURE__ */ new Map();
+      const t = !this.groupByFunction, e = this.groupByFunction ?? R, i = /* @__PURE__ */ new Map();
       for (const r of this.mapTemplates ?? [])
-        for (const o of r.templates) {
-          const p = new d({ template: o, layer: r.layer }), n = e(p);
-          if (n != null)
-            if (i.has(n))
-              i.get(n)?.templates.push(p);
+        for (const n of r.templates) {
+          const p = new u({ template: n, layer: r.layer }), c = e(p);
+          if (c != null)
+            if (i.has(c))
+              i.get(c)?.templates.push(p);
             else {
-              const m = {
-                sectionName: n,
+              const d = {
+                sectionName: c,
                 ...t ? { autoTranslate: !0 } : {},
                 templates: [p]
               };
-              i.set(n, m);
+              i.set(c, d);
             }
         }
       return this._sortSections(Array.from(i.values()));
@@ -318,7 +269,7 @@ let a = class extends b {
     return this._sortSections(
       (this.mapTemplates ?? []).map(({ layer: t, templates: e }) => ({
         sectionName: t.title ?? "",
-        templates: e.map((i) => new d({ layer: t, template: i }))
+        templates: e.map((i) => new u({ layer: t, template: i }))
       })).filter((t) => t.templates.length > 0)
     );
   }
@@ -344,142 +295,142 @@ let a = class extends b {
   }
   //#endregion
 };
-l([
-  s()
-], a.prototype, "loading", 1);
-l([
-  s()
-], a.prototype, "_hasRunInitialLoad", 2);
-l([
-  s()
-], a.prototype, "activeLayers", 1);
-l([
-  s()
-], a.prototype, "favoritesEnabled", 2);
-l([
-  s()
-], a.prototype, "recentlyUsedEnabled", 2);
-l([
-  s()
-], a.prototype, "hideTemplateDescription", 2);
-l([
-  s()
-], a.prototype, "filterText", 2);
-l([
-  s()
-], a.prototype, "recentFilterText", 2);
-l([
-  s()
-], a.prototype, "favoritesFilterText", 2);
-l([
-  s()
-], a.prototype, "selectedTemplateId", 2);
-l([
-  s()
-], a.prototype, "selectedTemplate", 1);
-l([
-  s()
-], a.prototype, "layers", 2);
-l([
-  s()
-], a.prototype, "restoreFavorites", 2);
-l([
-  s()
-], a.prototype, "restoreRecentlyUsed", 2);
-l([
-  s()
-], a.prototype, "applicationDisabledFunction", 2);
-l([
-  s()
-], a.prototype, "applicationFilterFunction", 2);
-l([
-  s()
-], a.prototype, "display", 2);
-l([
-  s()
-], a.prototype, "groupBy", 2);
-l([
-  s()
-], a.prototype, "hideTemplatesMode", 2);
-l([
-  s()
-], a.prototype, "disableTemplatesMode", 2);
-l([
-  s()
-], a.prototype, "groupByFunction", 2);
-l([
-  s()
-], a.prototype, "sectionSortBy", 2);
-l([
-  s()
-], a.prototype, "templateSortBy", 2);
-l([
-  s()
-], a.prototype, "sectionSortByFunction", 2);
-l([
-  s()
-], a.prototype, "templateSortByFunction", 2);
-l([
-  s()
-], a.prototype, "sharedTemplatesDisabled", 2);
-l([
-  s()
-], a.prototype, "excludeTables", 2);
-l([
-  s()
-], a.prototype, "favorites", 2);
-l([
-  s()
-], a.prototype, "effectiveTemplates", 1);
-l([
-  s()
-], a.prototype, "templateList", 1);
-l([
-  s()
-], a.prototype, "allTemplates", 1);
-l([
-  s()
-], a.prototype, "templateSetKey", 1);
-l([
-  s()
-], a.prototype, "disabledTemplates", 1);
-l([
-  s()
-], a.prototype, "templates", 1);
-l([
-  s()
-], a.prototype, "mapTemplates", 2);
-l([
-  s()
-], a.prototype, "organizedMapTemplates", 1);
-l([
-  s()
-], a.prototype, "fetchingTemplateMetaData", 2);
-l([
-  s()
-], a.prototype, "updating", 1);
-l([
-  s()
-], a.prototype, "applicationTemplates", 2);
-l([
-  s()
-], a.prototype, "favoriteTemplates", 1);
-l([
-  s()
-], a.prototype, "recentTemplates", 1);
-l([
-  s()
-], a.prototype, "recentlyUsed", 2);
-l([
-  s()
-], a.prototype, "view", 2);
-a = l([
-  g("components.feature-templates.FeatureTemplatesViewModel")
-], a);
-const O = $(a);
-class N extends M {
+a([
+  l()
+], s.prototype, "loading", 1);
+a([
+  l()
+], s.prototype, "_hasRunInitialLoad", 2);
+a([
+  l()
+], s.prototype, "activeLayers", 1);
+a([
+  l()
+], s.prototype, "favoritesEnabled", 2);
+a([
+  l()
+], s.prototype, "recentlyUsedEnabled", 2);
+a([
+  l()
+], s.prototype, "hideTemplateDescription", 2);
+a([
+  l()
+], s.prototype, "filterText", 2);
+a([
+  l()
+], s.prototype, "recentFilterText", 2);
+a([
+  l()
+], s.prototype, "favoritesFilterText", 2);
+a([
+  l()
+], s.prototype, "selectedTemplateId", 2);
+a([
+  l()
+], s.prototype, "selectedTemplate", 1);
+a([
+  l()
+], s.prototype, "layers", 2);
+a([
+  l()
+], s.prototype, "restoreFavorites", 2);
+a([
+  l()
+], s.prototype, "restoreRecentlyUsed", 2);
+a([
+  l()
+], s.prototype, "applicationDisabledFunction", 2);
+a([
+  l()
+], s.prototype, "applicationFilterFunction", 2);
+a([
+  l()
+], s.prototype, "display", 2);
+a([
+  l()
+], s.prototype, "groupBy", 2);
+a([
+  l()
+], s.prototype, "hideTemplatesMode", 2);
+a([
+  l()
+], s.prototype, "disableTemplatesMode", 2);
+a([
+  l()
+], s.prototype, "groupByFunction", 2);
+a([
+  l()
+], s.prototype, "sectionSortBy", 2);
+a([
+  l()
+], s.prototype, "templateSortBy", 2);
+a([
+  l()
+], s.prototype, "sectionSortByFunction", 2);
+a([
+  l()
+], s.prototype, "templateSortByFunction", 2);
+a([
+  l()
+], s.prototype, "sharedTemplatesDisabled", 2);
+a([
+  l()
+], s.prototype, "excludeTables", 2);
+a([
+  l()
+], s.prototype, "favorites", 2);
+a([
+  l()
+], s.prototype, "effectiveTemplates", 1);
+a([
+  l()
+], s.prototype, "templateList", 1);
+a([
+  l()
+], s.prototype, "allTemplates", 1);
+a([
+  l()
+], s.prototype, "templateSetKey", 1);
+a([
+  l()
+], s.prototype, "disabledTemplates", 1);
+a([
+  l()
+], s.prototype, "templates", 1);
+a([
+  l()
+], s.prototype, "mapTemplates", 2);
+a([
+  l()
+], s.prototype, "organizedMapTemplates", 1);
+a([
+  l()
+], s.prototype, "fetchingTemplateMetaData", 2);
+a([
+  l()
+], s.prototype, "updating", 1);
+a([
+  l()
+], s.prototype, "applicationTemplates", 2);
+a([
+  l()
+], s.prototype, "favoriteTemplates", 1);
+a([
+  l()
+], s.prototype, "recentTemplates", 1);
+a([
+  l()
+], s.prototype, "recentlyUsed", 2);
+a([
+  l()
+], s.prototype, "view", 2);
+s = a([
+  S("components.feature-templates.FeatureTemplatesViewModel")
+], s);
+const A = M(s);
+class P extends b {
   constructor() {
-    super(...arguments), this._messages = S(), this.viewModel = O(this), this.favoritesEnabled = this.viewModel.favoritesEnabled, this.favorites = this.viewModel.favorites, this.restoreFavorites = this.viewModel.restoreFavorites, this.restoreRecentlyUsed = this.viewModel.restoreRecentlyUsed, this.recentlyUsed = this.viewModel.recentlyUsed, this.sharedTemplatesDisabled = this.viewModel.sharedTemplatesDisabled, this.filterText = this.viewModel.filterText, this.recentFilterText = this.viewModel.recentFilterText, this.favoritesFilterText = this.viewModel.favoritesFilterText, this.recentlyUsedEnabled = this.viewModel.recentlyUsedEnabled, this.excludeTables = this.viewModel.excludeTables, this.effectiveTemplates = this.viewModel.effectiveTemplates, this.applicationTemplates = this.viewModel.applicationTemplates, this.selectedTemplateId = this.viewModel.selectedTemplateId, this.selectedTemplate = this.viewModel.selectedTemplate, this.applicationFilterFunction = this.viewModel.applicationFilterFunction, this.applicationDisabledFunction = this.viewModel.applicationDisabledFunction, this.display = this.viewModel.display, this.groupBy = this.viewModel.groupBy, this.sectionSortBy = this.viewModel.sectionSortBy, this.templateSortBy = this.viewModel.templateSortBy, this.templateSortByFunction = this.viewModel.templateSortByFunction, this.sectionSortByFunction = this.viewModel.sectionSortByFunction, this.hideTemplatesMode = this.viewModel.hideTemplatesMode, this.disableTemplatesMode = this.viewModel.disableTemplatesMode, this.groupByFunction = this.viewModel.groupByFunction, this.hideTemplateDescription = this.viewModel.hideTemplateDescription, this.layers = this.viewModel.layers, this.view = _(this), this.autoDestroyDisabled = !1, this.updating = this.viewModel.updating, this.disabled = !1, this.showCollapseButton = !1, this.showFilter = !1, this.arcgisPropertyChange = L()("effectiveTemplates", "filterText", "recentlyUsed", "favorites"), this.arcgisReady = f(), this.arcgisTemplatesChanged = f(), this.arcgisSelectTemplate = f();
+    super(...arguments), this._messages = w(), this.viewModel = A(this), this.favoritesEnabled = this.viewModel.favoritesEnabled, this.favorites = this.viewModel.favorites, this.restoreFavorites = this.viewModel.restoreFavorites, this.restoreRecentlyUsed = this.viewModel.restoreRecentlyUsed, this.recentlyUsed = this.viewModel.recentlyUsed, this.sharedTemplatesDisabled = this.viewModel.sharedTemplatesDisabled, this.filterText = this.viewModel.filterText, this.recentFilterText = this.viewModel.recentFilterText, this.favoritesFilterText = this.viewModel.favoritesFilterText, this.recentlyUsedEnabled = this.viewModel.recentlyUsedEnabled, this.excludeTables = this.viewModel.excludeTables, this.effectiveTemplates = this.viewModel.effectiveTemplates, this.applicationTemplates = this.viewModel.applicationTemplates, this.selectedTemplateId = this.viewModel.selectedTemplateId, this.selectedTemplate = this.viewModel.selectedTemplate, this.applicationFilterFunction = this.viewModel.applicationFilterFunction, this.applicationDisabledFunction = this.viewModel.applicationDisabledFunction, this.display = this.viewModel.display, this.groupBy = this.viewModel.groupBy, this.sectionSortBy = this.viewModel.sectionSortBy, this.templateSortBy = this.viewModel.templateSortBy, this.templateSortByFunction = this.viewModel.templateSortByFunction, this.sectionSortByFunction = this.viewModel.sectionSortByFunction, this.hideTemplatesMode = this.viewModel.hideTemplatesMode, this.disableTemplatesMode = this.viewModel.disableTemplatesMode, this.groupByFunction = this.viewModel.groupByFunction, this.hideTemplateDescription = this.viewModel.hideTemplateDescription, this.layers = this.viewModel.layers, this.view = F(this), this.autoDestroyDisabled = !1, this.updating = this.viewModel.updating, this.disabled = !1, this.showCollapseButton = !1, this.showFilter = !1, this.arcgisPropertyChange = D()("effectiveTemplates", "filterText", "recentlyUsed", "favorites"), this.arcgisReady = h(), this.arcgisTemplatesChanged = h(), this.arcgisSelectTemplate = h();
   }
   static {
     this.properties = { favoritesEnabled: 5, favorites: 32, restoreFavorites: 0, restoreRecentlyUsed: 0, recentlyUsed: 32, sharedTemplatesDisabled: 5, filterText: 1, recentFilterText: 1, favoritesFilterText: 1, recentlyUsedEnabled: 5, excludeTables: 5, effectiveTemplates: 32, applicationTemplates: 0, selectedTemplateId: 1, selectedTemplate: 32, applicationFilterFunction: 0, applicationDisabledFunction: 0, display: 1, groupBy: 1, sectionSortBy: 1, templateSortBy: 1, templateSortByFunction: 0, sectionSortByFunction: 0, hideTemplatesMode: 1, disableTemplatesMode: 1, groupByFunction: 0, hideTemplateDescription: 5, layers: 0, view: 0, referenceElement: 1, autoDestroyDisabled: 5, updating: 32, disabled: 5, showCollapseButton: 5, showFilter: 5 };
@@ -493,18 +444,18 @@ class N extends M {
   loaded() {
     this.manager.onLifecycle(() => [
       // Ensure the view is always mapped to the viewmodel
-      y(() => this.view, () => {
+      f(() => this.view, () => {
         this.viewModel.view = this.view;
       }, { initial: !0 }),
-      y(() => this.viewModel.templateSetKey, () => {
+      f(() => this.viewModel.templateSetKey, () => {
         this.arcgisTemplatesChanged.emit();
       }),
       // Watch if the list of active layers changes. This will trigger a reload
-      y(() => [
+      f(() => [
         this.viewModel.activeLayers?.map((e) => e.id).join(","),
         this.viewModel?.applicationTemplates,
         this.viewModel?.sharedTemplatesDisabled
-      ], U(() => (
+      ], L(() => (
         // Trigger refetching of templates
         this.viewModel.handleTemplateSourceDefinitionChanged()
       ), 10), { initial: !0 })
@@ -521,40 +472,40 @@ class N extends M {
     this.viewModel.removeRecent(e);
   }
   _renderTemplates() {
-    return this.effectiveTemplates.length === 0 ? c`<calcite-notice icon=list open class="filter-no-results"><div slot=message>${this._messages.noTemplates}</div></calcite-notice>` : c`<calcite-list .filterText=${this.filterText} .label=${this._messages?.templates ?? ""} .filterEnabled=${this.showFilter} selection-appearance=border selection-mode=single @calciteListFilter=${(e) => {
+    return this.effectiveTemplates.length === 0 ? o`<calcite-notice icon=list open class="filter-no-results"><div slot=message>${this._messages.noTemplates}</div></calcite-notice>` : o`<calcite-list .filterPlaceholder=${this._messages.filterPlaceholder ?? ""} .filterText=${this.filterText} .label=${this._messages?.templates ?? ""} .filterEnabled=${this.showFilter} selection-appearance=border selection-mode=single @calciteListFilter=${(e) => {
       this.filterText = e.target.filterText;
-    }}>${this.display === "grouped" ? this.effectiveTemplates.map((e) => c`<calcite-list-item-group .heading=${e.autoTranslate ? this._messages[e.sectionName] ?? "" : e.sectionName}>${e.templates.map((i) => c`<calcite-list-item .disabled=${this.viewModel.disabledTemplates.has(i)} .label=${i.label} .selected=${i.id === this.selectedTemplateId} .description=${this.hideTemplateDescription ? void 0 : i.description} .value=${i.id} @calciteListItemSelect=${() => {
+    }}>${this.display === "grouped" ? this.effectiveTemplates.map((e) => o`<calcite-list-item-group .heading=${e.autoTranslate ? this._messages[e.sectionName] ?? "" : e.sectionName}>${e.templates.map((i) => o`<calcite-list-item .disabled=${this.viewModel.disabledTemplates.has(i)} .label=${i.label} .selected=${i.id === this.selectedTemplateId} .description=${this.hideTemplateDescription ? void 0 : i.description} .value=${i.id} @calciteListItemSelect=${() => {
       this._handleSelectTemplate(i);
-    }}><arcgis-template-image slot=content-start .template=${i}></arcgis-template-image>${this._renderAddFavorite(i)}</calcite-list-item>`)}</calcite-list-item-group>`) : this.viewModel.templateList.map((e) => c`<calcite-list-item .disabled=${this.viewModel.disabledTemplates.has(e)} .label=${e.label} .selected=${e.id === this.selectedTemplateId} .description=${this.hideTemplateDescription ? void 0 : e.description} .value=${e.id} @calciteListItemSelect=${() => {
+    }}><arcgis-template-image slot=content-start .template=${i}></arcgis-template-image>${this._renderAddFavorite(i)}</calcite-list-item>`)}</calcite-list-item-group>`) : this.viewModel.templateList.map((e) => o`<calcite-list-item .disabled=${this.viewModel.disabledTemplates.has(e)} .label=${e.label} .selected=${e.id === this.selectedTemplateId} .description=${this.hideTemplateDescription ? void 0 : e.description} .value=${e.id} @calciteListItemSelect=${() => {
       this._handleSelectTemplate(e);
     }}><arcgis-template-image slot=content-start .template=${e}></arcgis-template-image>${this._renderAddFavorite(e)}</calcite-list-item>`)}${this._renderFilteredEmpty()}</calcite-list>`;
   }
   _renderAddFavorite(e) {
-    return this.viewModel.favoritesEnabled ? c`<calcite-action slot=actions-end .icon=${this.viewModel.favorites.has(e.id) ? "heart-f" : "heart"} @click=${() => {
+    return this.viewModel.favoritesEnabled ? o`<calcite-action slot=actions-end .icon=${this.viewModel.favorites.has(e.id) ? "heart-f" : "heart"} @click=${() => {
       this.viewModel.favorites.has(e.id) ? this.viewModel.removeFavorite(e) : this.viewModel.addFavorite(e);
     }} .text=${this._messages.addFavorite ?? ""}></calcite-action>` : "";
   }
   _renderList(e) {
     const i = e === "favorites" ? this.viewModel.favoriteTemplates : this.viewModel.recentTemplates;
-    return i.length === 0 ? c`<calcite-notice icon=list open class="filter-no-results"><div slot=message>${e === "favorites" ? this._messages.noFavorites : this._messages.noRecent}</div></calcite-notice>` : c`<calcite-list .filterText=${e === "favorites" ? this.favoritesFilterText : this.recentFilterText} .label=${(e === "favorites" ? this._messages.favorites : this._messages.recent) ?? ""} .filterEnabled=${this.showFilter} selection-appearance=border selection-mode=single @calciteListFilter=${(r) => {
+    return i.length === 0 ? o`<calcite-notice icon=list open class="filter-no-results"><div slot=message>${e === "favorites" ? this._messages.noFavorites : this._messages.noRecent}</div></calcite-notice>` : o`<calcite-list .filterText=${e === "favorites" ? this.favoritesFilterText : this.recentFilterText} .filterPlaceholder=${this._messages.filterPlaceholder ?? ""} .label=${(e === "favorites" ? this._messages.favorites : this._messages.recent) ?? ""} .filterEnabled=${this.showFilter} selection-appearance=border selection-mode=single @calciteListFilter=${(r) => {
       this.filterText = r.target.filterText;
-    }}>${i.map((r) => c`<calcite-list-item .disabled=${this.viewModel.disabledTemplates.has(r)} .label=${r.label} .description=${this.hideTemplateDescription ? void 0 : r.description} .value=${r.id} @calciteListItemSelect=${() => {
+    }}>${i.map((r) => o`<calcite-list-item .disabled=${this.viewModel.disabledTemplates.has(r)} .label=${r.label} .description=${this.hideTemplateDescription ? void 0 : r.description} .value=${r.id} @calciteListItemSelect=${() => {
       this._handleSelectTemplate(r);
     }}><arcgis-template-image slot=content-start .template=${r}></arcgis-template-image><calcite-action slot=actions-end icon=x @click=${() => {
       this._removeTemplateFromList(r, e);
     }} .text=${(e === "favorites" ? this._messages.removeFavorite : this._messages.removeRecent) ?? ""}></calcite-action></calcite-list-item>`)}${this._renderFilteredEmpty()}</calcite-list>`;
   }
   _renderFilteredEmpty() {
-    return c`<calcite-notice icon=filter slot=filter-no-results open class="filter-no-results"><div slot=message>${this._messages.noMatchingTemplates}</div></calcite-notice>`;
+    return o`<calcite-notice icon=filter slot=filter-no-results open class="filter-no-results"><div slot=message>${this._messages.noMatchingTemplates}</div></calcite-notice>`;
   }
   _renderContent() {
-    return this.effectiveTemplates.length === 0 && this.viewModel.loading ? null : this.favoritesEnabled || this.recentlyUsedEnabled ? c`<calcite-tabs class="feature-template-tabs"><calcite-tab-nav slot=title-group><calcite-tab-title icon-start=templates selected>${this._messages.templates}</calcite-tab-title>${this.recentlyUsedEnabled ? c`<calcite-tab-title icon-start=clock>${this._messages.recent}</calcite-tab-title>` : ""}${this.favoritesEnabled ? c`<calcite-tab-title icon-start=heart>${this._messages.favorites}</calcite-tab-title>` : ""}</calcite-tab-nav><calcite-tab selected>${this._renderTemplates()}</calcite-tab><calcite-tab>${this._renderList("recent")}</calcite-tab><calcite-tab>${this._renderList("favorites")}</calcite-tab></calcite-tabs>` : this._renderTemplates();
+    return this.effectiveTemplates.length === 0 && this.viewModel.loading ? null : this.favoritesEnabled || this.recentlyUsedEnabled ? o`<calcite-tabs class="feature-template-tabs"><calcite-tab-nav slot=title-group><calcite-tab-title icon-start=templates selected>${this._messages.templates}</calcite-tab-title>${this.recentlyUsedEnabled ? o`<calcite-tab-title icon-start=clock>${this._messages.recent}</calcite-tab-title>` : ""}${this.favoritesEnabled ? o`<calcite-tab-title icon-start=heart>${this._messages.favorites}</calcite-tab-title>` : ""}</calcite-tab-nav><calcite-tab selected>${this._renderTemplates()}</calcite-tab><calcite-tab>${this._renderList("recent")}</calcite-tab><calcite-tab>${this._renderList("favorites")}</calcite-tab></calcite-tabs>` : this._renderTemplates();
   }
   render() {
-    return c`<div class="root">${this._renderContent()}${this.viewModel.updating || this.disabled ? c`<calcite-scrim><calcite-loader scale=s label .hidden=${!this.viewModel.updating}></calcite-loader></calcite-scrim>` : null}</div>`;
+    return o`<div class="root">${this._renderContent()}${this.viewModel.updating || this.disabled ? o`<calcite-scrim><calcite-loader scale=s label .hidden=${!this.viewModel.updating}></calcite-loader></calcite-scrim>` : null}</div>`;
   }
 }
-w("arcgis-feature-templates", N);
+T("arcgis-feature-templates", P);
 export {
-  N as ArcgisFeatureTemplates
+  P as ArcgisFeatureTemplates
 };

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

@@ -493,6 +493,8 @@ export abstract class ArcgisFeatures extends LitElement {
    * no pending promises, the value is `null`. When the pending promises are
    * resolved they are removed from this array and the features they return
    * are pushed into the [features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#features) array.
+   *
+   * @deprecated since 5.1.
    */
   accessor promises: Array<Promise<Array<Graphic>>>;
   /**
@@ -576,7 +578,6 @@ export abstract class ArcgisFeatures extends LitElement {
    * - Content is displayed from the popup template of an [aggregate feature](https://developers.arcgis.com/javascript/latest/references/core/Graphic/#isAggregate) (i.e. a [cluster](https://developers.arcgis.com/javascript/latest/references/core/layers/support/FeatureReductionCluster/) or [bin](https://developers.arcgis.com/javascript/latest/references/core/layers/support/FeatureReductionBinning/)).
    * - Values from `date` and `timestamp-offset` fields should respect the view's [time zone](https://developers.arcgis.com/javascript/latest/references/core/views/View/#timeZone).
    * Alternatively, set the [timeZone](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#timeZone) property.
-   * - Using the [fetchFeatures()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#fetchFeatures) method or the `fetchFeatures` option in the [open](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#open) method.
    * - Using the `Zoom to` default action. If the `view` is not specified, set the [includeDefaultActionsDisabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#includeDefaultActionsDisabled) property to `true` to remove this default action.
    *
    * @since 4.34
@@ -599,25 +600,11 @@ export abstract class ArcgisFeatures extends LitElement {
   /**
    * Use this method to return feature(s) at a given screen location. These features are fetched from all of the [LayerViews](https://developers.arcgis.com/javascript/latest/references/core/views/layers/LayerView/) in the [view](https://developers.arcgis.com/javascript/latest/references/core/views/View/). In order to use this, a layer must already have an associated [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/) and have its [popupEnabled](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/#popupEnabled). This method allows a developer to control how the input location is handled. For example, you may want to fetch features on a `click` event or on a `pointer-move` event. This method automatically sets the location based on the input event's screen coordinates.
    *
+   * @deprecated since 5.1. Use the `fetchPopupFeatures` method on the [Map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#fetchPopupFeatures), [Scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#fetchPopupFeatures), or [Link Chart](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-link-chart/#fetchPopupFeatures) component to fetch features based on a screen location.
    * @param screenPoint
    * @param options
+   * @deprecated
    * @see [open](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/#open)
-   * @example
-   * ```js
-   * const viewElement = document.querySelector("arcgis-map");
-   * // Get viewElement's click event
-   * reactiveUtils.on(()=>viewElement, "arcgisViewClick", async (event)=>{
-   *   // Call fetchFeatures on the component and pass in the click event detail
-   *   await component.fetchFeatures(event.detail);
-   * });
-   * // Watch for changes to the features property and open the component when features are available.
-   * reactiveUtils.watch(
-   *   () => component.features,
-   *   () => {
-   *     component.open = component.features ? true : false;
-   *   },
-   * );
-   * ```
    */
   fetchFeatures(screenPoint?: ScreenPoint, options?: FetchFeaturesOptions): Promise<void>;
   /**