@arcgis/map-components 5.0.0-next.135 → 5.0.0-next.137

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

@@ -0,0 +1,32 @@
+/// <reference path="../../index.d.ts" />
+import type Graphic from "@arcgis/core/Graphic.js";
+import type FeatureLayer from "@arcgis/core/layers/FeatureLayer";
+import type SubtypeGroupLayer from "@arcgis/core/layers/SubtypeGroupLayer";
+import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * The Feature Title component generates a feature title for a graphic
+ * The component can be configured to only generate a title, when the element
+ * is within the visible scope of the page.
+ *
+ * @since 5.0
+ * @internal
+ */
+export abstract class ArcgisFeatureTitle extends LitElement {
+  /** @internal */
+  protected _messages: Partial<{ noTitleLabel: string; }> & T9nMeta<{ noTitleLabel: string; }>;
+  /** The graphic to generate the swatch for. */
+  accessor graphic: Graphic | undefined;
+  /**
+   * Flag to indicate that the graphic is a new feature and may not have an OID field
+   *
+   * @default false
+   */
+  accessor isNewFeature: boolean;
+  /** The layer to which the graphic belongs. This will be used to get the title for the layer */
+  accessor layer: FeatureLayer | SubtypeGroupLayer | SubtypeSublayer | undefined;
+  /** Label to show if the feature does not have a */
+  accessor noTitleLabel: string | undefined;
+}

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

@@ -0,0 +1,99 @@
+import { c as a } from "../../chunks/runtime.js";
+import n from "@arcgis/core/Graphic.js";
+import { u as l } from "../../chunks/useT9n.js";
+import { html as h } from "lit";
+import { createRef as o, ref as c } from "lit-html/directives/ref.js";
+import { LitElement as u } from "@arcgis/lumina";
+import * as s from "@arcgis/toolkit/log";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/5.0/esri/copyright.txt for details.
+v5.0.0-next.137 */
+class _ extends u {
+  constructor() {
+    super(...arguments), this._lastRun = 0, this._attempted = !1, this._isCurrentlyInView = !1, this._io = null, this._titleContainerSpan = o(), this._messages = l(), this._generatedTitle = null, this.isNewFeature = !1;
+  }
+  static {
+    this.properties = { _generatedTitle: 16, graphic: 0, layer: 0, noTitleLabel: 1, isNewFeature: 5 };
+  }
+  loaded() {
+    this.manager.onLifecycle(() => (this._addIntersectionObserver(), () => {
+      this._removeIntersectionObserver();
+    }));
+  }
+  willUpdate(e) {
+    e.has("graphic") && (this.hasUpdated || this.graphic !== null) && this._changeGraphic();
+  }
+  updated() {
+    !this._attempted && this._isCurrentlyInView && (this._attempted = !0, this._handleTitle().catch((e) => {
+      s.log("warn", this, "Failed processing title");
+    }));
+  }
+  get rootLayer() {
+    return this.layer?.type === "subtype-sublayer" ? this.layer.parent : this.layer;
+  }
+  _changeGraphic() {
+    this._changeData();
+  }
+  _changeData() {
+    this._generatedTitle = null, this._attempted = !1;
+  }
+  _createNoTitleLabel() {
+    return this.noTitleLabel === null || this.noTitleLabel === void 0 ? this._messages.noTitleLabel ?? "" : this.noTitleLabel;
+  }
+  async _generateTitle() {
+    if (!(this.layer && this.graphic))
+      return this._createNoTitleLabel();
+    if (this.layer.getFeatureTitle) {
+      let e = this.graphic;
+      if (this.isNewFeature && this.layer?.objectIdField && e) {
+        const { [this.layer.objectIdField]: i, ...r } = e.attributes ?? {};
+        e = new n({
+          geometry: e.geometry,
+          attributes: { ...r }
+        });
+      }
+      const t = await this.layer.getFeatureTitle(e);
+      return t || this._createNoTitleLabel();
+    } else
+      return this._createNoTitleLabel();
+  }
+  async _handleTitle() {
+    const e = ++this._lastRun;
+    if (!this._generatedTitle || this._generatedTitle === "")
+      try {
+        const t = await this._generateTitle();
+        if (this._lastRun !== e || this._generatedTitle === t)
+          return;
+        this._generatedTitle = t;
+      } finally {
+        this._attempted = !0;
+      }
+  }
+  _addIntersectionObserver() {
+    const e = {
+      // If the title gets within 50px in the Y axis, start the download.
+      rootMargin: "50px 0px",
+      threshold: 0.01
+    };
+    this._titleContainerSpan.value && requestAnimationFrame(() => {
+      this.isConnected && (this._io = new IntersectionObserver((t) => {
+        let i = !1;
+        t.forEach((r) => {
+          r.intersectionRatio > 0 && !i ? (i = !0, this._isCurrentlyInView = !0, this._handleTitle().catch((p) => {
+            s.log("warn", this, "Failed processing title");
+          })) : this._isCurrentlyInView = !1;
+        });
+      }, e), this._io.observe(this._titleContainerSpan.value));
+    });
+  }
+  _removeIntersectionObserver() {
+    this._io?.disconnect(), this._io = null;
+  }
+  render() {
+    return h`<span ${c(this._titleContainerSpan)}>${this._generatedTitle ?? ""}</span>`;
+  }
+}
+a("arcgis-feature-title", _);
+export {
+  _ as ArcgisFeatureTitle
+};

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

@@ -7,7 +7,7 @@ import { renderElement as p, safeClassMap as y } from "@arcgis/lumina";
 import { formatNumber as w, substitute as $ } from "@arcgis/core/intl.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.135 */
+v5.0.0-next.137 */
 const b = f`:host{position:relative;flex:1 1 auto}.list-item--hidden{display:none}.feature-observer{bottom:var(--calcite-spacing-xxl);position:relative;text-align:center;z-index:2}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.notice-container{margin-bottom:var(--calcite-spacing-xs)}`, _ = "nested";
 class A extends g {
   constructor() {

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

@@ -16,7 +16,7 @@ import { LitElement as Q, renderElement as B } from "@arcgis/lumina";
 import { debounce as L } from "@arcgis/toolkit/function";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.135 */
+v5.0.0-next.137 */
 const O = N`.list-container{min-height:var(--calcite-spacing-xxxl)}.loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.sticky-loading-container{display:flex;position:sticky;bottom:var(--calcite-spacing-sm);align-items:center;justify-content:center;z-index:2;margin:0;padding:0;height:var(--calcite-spacing-xxxl);pointer-events:none;height:500px}`, q = 100, E = {
   assetGroup: "assetgroup",
   assetType: "assettype"