@arcgis/map-components 4.34.0-next.37 → 4.34.0-next.39

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

@@ -0,0 +1,242 @@
+import { c as X } from "../../chunks/runtime.js";
+import { html as v } from "lit-html";
+import { LitElement as D, noShadowRoot as H, safeClassMap as O } from "@arcgis/lumina";
+import { watch as V, when as q } from "@arcgis/core/core/reactiveUtils.js";
+import { a as $ } from "../../chunks/maybe.js";
+import { c as w, t as k } from "../../chunks/async-utils.js";
+import z from "@arcgis/core/popup/content/MediaContent.js";
+import K from "@arcgis/core/popup/content/FieldsContent.js";
+import Q from "@arcgis/core/popup/content/TextContent.js";
+import { compileExpression as Y } from "@arcgis/core/applications/Components/arcadeFeatureUtils.js";
+import { css as Z } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.39 */
+var ee = typeof global == "object" && global && global.Object === Object && global, te = typeof self == "object" && self && self.Object === Object && self, F = ee || te || Function("return this")(), b = F.Symbol, J = Object.prototype, ne = J.hasOwnProperty, ie = J.toString, T = b ? b.toStringTag : void 0;
+function re(e) {
+  var t = ne.call(e, T), n = e[T];
+  try {
+    e[T] = void 0;
+    var i = !0;
+  } catch {
+  }
+  var r = ie.call(e);
+  return i && (t ? e[T] = n : delete e[T]), r;
+}
+var ae = Object.prototype, se = ae.toString;
+function oe(e) {
+  return se.call(e);
+}
+var ce = "[object Null]", le = "[object Undefined]", C = b ? b.toStringTag : void 0;
+function fe(e) {
+  return e == null ? e === void 0 ? le : ce : C && C in Object(e) ? re(e) : oe(e);
+}
+function ue(e) {
+  return e != null && typeof e == "object";
+}
+var de = "[object Symbol]";
+function me(e) {
+  return typeof e == "symbol" || ue(e) && fe(e) == de;
+}
+var he = /\s/;
+function pe(e) {
+  for (var t = e.length; t-- && he.test(e.charAt(t)); )
+    ;
+  return t;
+}
+var ge = /^\s+/;
+function ve(e) {
+  return e && e.slice(0, pe(e) + 1).replace(ge, "");
+}
+function _(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+var L = NaN, Te = /^[-+]0x[0-9a-f]+$/i, ye = /^0b[01]+$/i, be = /^0o[0-7]+$/i, _e = parseInt;
+function A(e) {
+  if (typeof e == "number")
+    return e;
+  if (me(e))
+    return L;
+  if (_(e)) {
+    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = _(t) ? t + "" : t;
+  }
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = ve(e);
+  var n = ye.test(e);
+  return n || be.test(e) ? _e(e.slice(2), n ? 2 : 8) : Te.test(e) ? L : +e;
+}
+var S = function() {
+  return F.Date.now();
+}, xe = "Expected a function", $e = Math.max, ke = Math.min;
+function Se(e, t, n) {
+  var i, r, s, l, o, d, f = 0, p = !1, u = !1, h = !0;
+  if (typeof e != "function")
+    throw new TypeError(xe);
+  t = A(t) || 0, _(n) && (p = !!n.leading, u = "maxWait" in n, s = u ? $e(A(n.maxWait) || 0, t) : s, h = "trailing" in n ? !!n.trailing : h);
+  function c(a) {
+    var m = i, g = r;
+    return i = r = void 0, f = a, l = e.apply(g, m), l;
+  }
+  function P(a) {
+    return f = a, o = setTimeout(y, t), p ? c(a) : l;
+  }
+  function B(a) {
+    var m = a - d, g = a - f, I = t - m;
+    return u ? ke(I, s - g) : I;
+  }
+  function j(a) {
+    var m = a - d, g = a - f;
+    return d === void 0 || m >= t || m < 0 || u && g >= s;
+  }
+  function y() {
+    var a = S();
+    if (j(a))
+      return E(a);
+    o = setTimeout(y, B(a));
+  }
+  function E(a) {
+    return o = void 0, h && i ? c(a) : (i = r = void 0, l);
+  }
+  function U() {
+    o !== void 0 && clearTimeout(o), f = 0, i = d = r = o = void 0;
+  }
+  function G() {
+    return o === void 0 ? l : E(S());
+  }
+  function x() {
+    var a = S(), m = j(a);
+    if (i = arguments, r = this, d = a, m) {
+      if (o === void 0)
+        return P(d);
+      if (u)
+        return clearTimeout(o), o = setTimeout(y, t), c(d);
+    }
+    return o === void 0 && (o = setTimeout(y, t)), l;
+  }
+  return x.cancel = U, x.flush = G, x;
+}
+var je = "Expected a function";
+function R(e, t, n) {
+  var i = !0, r = !0;
+  if (typeof e != "function")
+    throw new TypeError(je);
+  return _(n) && (i = "leading" in n ? !!n.leading : i, r = "trailing" in n ? !!n.trailing : r), Se(e, t, {
+    leading: i,
+    maxWait: t,
+    trailing: r
+  });
+}
+const Ee = Z`@layer{arcgis-feature-expression{display:block}.arcgis-feature-expression__loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}}`, N = 1, M = "arcgis-feature", W = {
+  // widget
+  base: `${M}-expression`,
+  // loading
+  loadingSpinnerContainer: `${M}__loading-container`
+};
+class Ie extends D {
+  constructor() {
+    super(...arguments), this._compileThrottled = R(this._startCompile, N), this._evaluateThrottled = R(this._startEvaluate, N), this.headingLevel = 2;
+  }
+  static {
+    this.properties = { _compileTask: 16, _evaluateTask: 16, expressionInfo: 0, graphic: 0, headingLevel: 9, interceptor: 0, location: 0, messages: 0, spatialReference: 0, map: 0, view: 0 };
+  }
+  static {
+    this.styles = Ee;
+  }
+  static {
+    this.shadowRootOptions = H;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      V(() => [this.expressionInfo, this.graphic], () => this._compileThrottled(), { initial: !0 }),
+      q(() => {
+        if (!this._compileTask?.finished)
+          return null;
+        const t = this._compileTask.value, n = t?.dependencies, { view: i } = this;
+        return [
+          t,
+          this.spatialReference,
+          this.map,
+          i,
+          n?.has("view-scale") && i && "scale" in i ? i.scale : null,
+          n?.has("view-time-extent") ? i?.timeExtent?.start : null,
+          n?.has("view-time-extent") ? i?.timeExtent?.end : null
+        ];
+      }, ([t]) => this._evaluateThrottled(t)),
+      {
+        remove: () => this._cancelThrottles()
+      }
+    ]);
+  }
+  _cancelThrottles() {
+    this._compileThrottled.cancel(), this._evaluateThrottled.cancel();
+  }
+  _startCompile() {
+    this._evaluateTask = $(this._evaluateTask), this._compileTask = $(this._compileTask), this._compileTask = w(async (t) => {
+      const { expressionInfo: n, graphic: i } = this, r = n?.expression;
+      if (!r || !i)
+        return null;
+      const s = await Y({
+        expression: r,
+        graphic: i
+      });
+      return k(t), s;
+    });
+  }
+  _startEvaluate(t) {
+    this._evaluateTask = $(this._evaluateTask), this._evaluateTask = w(async (n) => {
+      const { graphic: i } = this;
+      if (!t || !i)
+        return null;
+      const { interceptor: r, spatialReference: s, map: l, location: o, view: d } = this, f = await t.evaluate({
+        graphic: i,
+        interceptor: r,
+        location: o,
+        map: l,
+        options: { signal: n },
+        spatialReference: s,
+        view: d
+      });
+      k(n);
+      const p = f && "castAsJsonAsync" in f && typeof f.castAsJsonAsync == "function" ? f : null;
+      if (!p)
+        return null;
+      const u = await p.castAsJsonAsync(n);
+      k(n);
+      const h = u?.type, c = h === "media" ? z.fromJSON(u) : h === "text" ? Q.fromJSON(u) : h === "fields" ? K.fromJSON(u) : null;
+      return !c || c.type === "media" && !c.mediaInfos || c.type === "fields" && !c.fieldInfos || c.type === "text" && !c.text ? null : c;
+    });
+  }
+  render() {
+    const t = !this._compileTask?.finished || !this._evaluateTask?.finished;
+    return v`<div class=${O(W.base)}>${t ? this._renderLoading() : this._evaluateTask?.value ? this._renderContent() : null}</div>`;
+  }
+  _renderContent() {
+    const t = this._evaluateTask?.value, n = t?.type;
+    if (!n)
+      return null;
+    if (n === "text") {
+      const { text: i } = t;
+      return v`<arcgis-feature-content .creator=${i} .graphic=${this.graphic}></arcgis-feature-content>`;
+    } else if (n === "media") {
+      const { title: i, description: r, mediaInfos: s } = t;
+      if (!s?.length)
+        return null;
+      const l = t.attributes;
+      return v`<arcgis-feature-media .heading=${i ?? ""} .values=${l} .formattedValues=${l} .description=${r ?? ""} .mediaInfos=${s} .messages=${this.messages} .headingLevel=${this.headingLevel}></arcgis-feature-media>`;
+    } else if (n === "fields") {
+      const { title: i, description: r, fieldInfos: s } = t;
+      return s?.length ? v`<arcgis-feature-fields .fieldInfos=${s} .heading=${i ?? ""} .description=${r ?? ""} .headingLevel=${this.headingLevel} .messages=${this.messages}></arcgis-feature-fields>` : null;
+    }
+    return null;
+  }
+  _renderLoading() {
+    return v`<div class=${O(W.loadingSpinnerContainer)}><calcite-loader inline label></calcite-loader></div>`;
+  }
+}
+X("arcgis-feature-expression", Ie);
+export {
+  Ie as ArcgisFeatureExpression
+};

package/dist/components/arcgis-feature-expression/index.d.ts

@@ -0,0 +1,5 @@
+import "../arcgis-feature-content/index.js";
+import "../arcgis-feature-media/index.js";
+import "../arcgis-feature-fields/index.js";
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

package/dist/components/arcgis-feature-expression/index.js

@@ -0,0 +1,5 @@
+import "../arcgis-feature-content/index.js";
+import "../arcgis-feature-media/index.js";
+import "../arcgis-feature-fields/index.js";
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

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

@@ -11,6 +11,7 @@ export declare class ArcgisFeatureFields extends LitElement {
     expressionInfos?: __esri.ExpressionInfo[];
     fieldInfos?: __esri.FieldInfo[];
     heading?: string;
-    headingLevel?: HeadingLevel;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
     messages?: ArcgisFeature["messages"];
 }

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

@@ -1,15 +1,15 @@
-import { c as h } from "../../chunks/runtime.js";
-import { html as d } from "lit-html";
-import { g as b } from "../../chunks/globalCss.js";
-import { addLTRMark as $, classes as I } from "@arcgis/components-utils";
-import { LitElement as F, noShadowRoot as N, safeClassMap as n } from "@arcgis/lumina";
-import { replace as f } from "@arcgis/core/applications/Components/stringUtils.js";
+import { c as u } from "../../chunks/runtime.js";
+import { html as n } from "lit-html";
+import { addLTRMark as b } from "@arcgis/components-utils";
+import { LitElement as h, noShadowRoot as $, safeClassMap as c } from "@arcgis/lumina";
+import { replace as d } from "@arcgis/core/applications/Components/stringUtils.js";
 import { e as v } from "../../chunks/feature-utils.js";
-import { renderingSanitizer as g } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { renderingSanitizer as f } from "@arcgis/core/applications/Components/sanitizerUtils.js";
+import { css as _ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
-const A = [
+v4.34.0-next.39 */
+const I = [
   {
     pattern: /^\s*(https?:\/\/([^\s]+))\s*$/iu,
     target: "_blank",
@@ -81,61 +81,63 @@ const A = [
     appName: "Microsoft Power Bi"
   }
 ];
-function _(c, s) {
-  const e = A.find((m) => m.pattern.test(s));
+function w(p, t) {
+  const e = I.find((l) => l.pattern.test(t));
   if (!e)
-    return s;
-  const i = s.match(e.pattern)?.[2], a = f(
-    f(e.label, {
-      messages: c,
-      hierPart: i
+    return t;
+  const r = t.match(e.pattern)?.[2], s = d(
+    d(e.label, {
+      messages: p,
+      hierPart: r
     }),
     {
       appName: e.appName
     }
-  ), t = e.target ? ` target="${e.target}"` : "", p = e.target === "_blank" ? ' rel="noreferrer"' : "";
-  return encodeURI(s).replace(e.pattern, `<a${t} href="$1"${p}>${a}</a>`);
+  ), i = e.target ? ` target="${e.target}"` : "", o = e.target === "_blank" ? ' rel="noreferrer"' : "";
+  return encodeURI(t).replace(e.pattern, `<a${i} href="$1"${o}>${s}</a>`);
 }
-const l = "arcgis-feature-fields", o = {
-  base: l,
-  fieldHeader: `${l}__field-header`,
-  fieldData: `${l}__field-data`,
-  fieldDataDate: `${l}__field-data--date`
+const F = _`@layer{arcgis-feature-fields{display:block}.arcgis-feature-fields__table{border:none;width:100%;border-collapse:collapse;color:var(--calcite-color-text-2)}.arcgis-feature-fields__table caption{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.arcgis-feature-fields__table tr:nth-child(odd){background-color:var(--calcite-color-foreground-1)}.arcgis-feature-fields__table tr:nth-child(2n){background-color:var(--calcite-color-foreground-2)}.arcgis-feature-fields__table tr a{color:var(--calcite-color-text-link)}.arcgis-feature-fields__table tr a:hover,.arcgis-feature-fields__table tr a:focus{color:var(--calcite-color-brand-hover)}.arcgis-feature-fields__table tr td,.arcgis-feature-fields__table tr th{padding:var(--calcite-spacing-xs) var(--calcite-spacing-sm);vertical-align:top;word-break:break-word;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-fields__table tr th{border-inline-end:var(--calcite-border-width-md) solid var(--calcite-color-border-3);width:50%;text-align:start}.arcgis-feature-fields__table tr td{width:50%}}`, g = "arcgis-feature-fields", m = {
+  base: g,
+  table: `${g}__table`
 };
-class L extends F {
+class N extends h {
+  constructor() {
+    super(...arguments), this.headingLevel = 2;
+  }
   static {
     this.properties = { values: 0, description: 1, expressionInfos: 0, fieldInfos: 0, heading: 1, headingLevel: 9, messages: 0 };
   }
   static {
-    this.shadowRootOptions = N;
+    this.styles = F;
+  }
+  static {
+    this.shadowRootOptions = $;
   }
   get formattedFieldInfos() {
-    const { expressionInfos: s, fieldInfos: e } = this, r = [];
-    return e?.forEach((i) => {
-      if (!("visible" in i ? i.visible : !0))
+    const { expressionInfos: t, fieldInfos: e } = this, a = [];
+    return e?.forEach((r) => {
+      if (!("visible" in r ? r.visible : !0))
         return;
-      const t = i.clone();
-      t.label = v(t, s), r.push(t);
-    }), r;
+      const i = r.clone();
+      i.label = v(i, t), a.push(i);
+    }), a;
   }
   render() {
-    return d`<div class=${n(o.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
+    return n`<div class=${c(m.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
   }
-  _renderFieldInfo(s) {
-    const { values: e } = this, r = s.fieldName || "", i = s.label || r, a = e ? e[r] == null ? "" : e[r] : "", t = !!s.format?.dateFormat, p = {
+  _renderFieldInfo(t) {
+    const { values: e } = this, a = t.fieldName || "", r = t.label || a, s = e ? e[a] == null ? "" : e[a] : "", i = !!t.format?.dateFormat, o = {
       openInApp: this.messages?.openInApp ?? "",
       view: this.messages?.view ?? ""
-    }, m = typeof a == "number" && !t ? $(`${a}`) : typeof a == "string" ? _(p, a) : `${a}`, u = {
-      [o.fieldDataDate]: t
-    };
-    return d`<tr><th class=${n(o.fieldHeader)} .innerHTML=${g.sanitize(i) ?? ""}></th><td class=${n(I(o.fieldData, u))} .innerHTML=${g.sanitize(m) ?? ""}></td></tr>`;
+    }, l = typeof s == "number" && !i ? b(`${s}`) : typeof s == "string" ? w(o, s) : `${s}`;
+    return n`<tr><th .innerHTML=${f.sanitize(r) ?? ""}></th><td .innerHTML=${f.sanitize(l) ?? ""}></td></tr>`;
   }
   _renderFields() {
-    const { formattedFieldInfos: s } = this;
-    return s?.length ? d`<table class=${n(b.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${s.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
+    const { formattedFieldInfos: t } = this;
+    return t?.length ? n`<table class=${c(m.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${t.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
   }
 }
-h("arcgis-feature-fields", L);
+u("arcgis-feature-fields", N);
 export {
-  L as ArcgisFeatureFields
+  N as ArcgisFeatureFields
 };

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

@@ -7,7 +7,7 @@ import { m as h } from "../../chunks/useWidget.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const l = m`@layer{arcgis-feature-form{display:block}}`, g = h(s);
 class n extends r {
   constructor() {

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

@@ -29,7 +29,8 @@ export declare class ArcgisFeatureMedia extends LitElement {
     /** @default false */
     isAggregate: boolean;
     get formattedMediaInfoCount(): number;
-    headingLevel?: HeadingLevel;
+    /** @default 2 */
+    headingLevel: HeadingLevel;
     next(): void;
     previous(): void;
     setActiveMedia(mediaInfoIndex: number): void;