@arcgis/map-components 5.0.0-next.14 → 5.0.0-next.141

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

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

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

@@ -1,14 +1,15 @@
 import { c as h } from "../../chunks/runtime.js";
 import { css as b, html as p } from "lit";
 import { renderingSanitizer as c } from "@arcgis/core/applications/Components/sanitizerUtils.js";
-import { LitElement as $, safeClassMap as g } from "@arcgis/lumina";
+import { LitElement as $, safeClassMap as f } from "@arcgis/lumina";
 import { addLtrMark as v } from "@arcgis/toolkit/string";
-import { h as _, k as I, l as w, m as F } from "../../chunks/feature-utils.js";
-import { replace as f } from "@arcgis/core/applications/Components/stringUtils.js";
+import { h as _, j as I, k as w } from "../../chunks/feature-utils.js";
+import { replace as g } from "@arcgis/core/applications/Components/stringUtils.js";
+import { s as F } from "../../chunks/layer-utils.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.14 */
-const A = [
+v5.0.0-next.141 */
+const N = [
   {
     pattern: /^\s*(https?:\/\/([^\s]+))\s*$/iu,
     target: "_blank",
@@ -80,22 +81,22 @@ const A = [
     appName: "Microsoft Power Bi"
   }
 ];
-function N(d, t) {
-  const e = A.find((n) => n.pattern.test(t));
+function y(d, t) {
+  const e = N.find((n) => n.pattern.test(t));
   if (!e)
     return t;
-  const i = t.match(e.pattern)?.[2], s = f(
-    f(e.label, {
+  const i = t.match(e.pattern)?.[2], s = g(
+    g(e.label, {
       messages: d,
       hierPart: i
     }),
     {
       appName: e.appName
     }
-  ), l = e.target ? ` target="${e.target}"` : "", r = e.target === "_blank" ? ' rel="noreferrer"' : "";
-  return c.sanitizeUrl(new URL(t, window.location.origin).toString()).replace(e.pattern, `<a${l} href="$1"${r}>${s}</a>`);
+  ), o = e.target ? ` target="${e.target}"` : "", r = e.target === "_blank" ? ' rel="noreferrer"' : "";
+  return c.sanitizeUrl(new URL(t, window.location.origin).toString()).replace(e.pattern, `<a${o} href="$1"${r}>${s}</a>`);
 }
-const y = b`.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);line-height:var(--calcite-font-line-height-relative-normal)}.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%}`, m = "arcgis-feature-fields", u = {
+const A = b`.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);line-height:var(--calcite-font-line-height-relative-normal)}.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%}`, m = "arcgis-feature-fields", u = {
   base: m,
   table: `${m}__table`
 };
@@ -104,37 +105,37 @@ class k extends $ {
     super(...arguments), this.headingLevel = 2;
   }
   static {
-    this.properties = { values: 0, description: 1, expressionInfos: 0, fieldInfos: 0, heading: 1, isContentFieldInfos: 5, isAggregate: 5, layer: 0, headingLevel: 9, messages: 0 };
+    this.properties = { values: 0, description: 1, expressionInfos: 0, fieldInfos: 0, heading: 1, isContentFieldInfos: 5, graphic: 0, layer: 0, headingLevel: 9, messages: 0 };
   }
   static {
-    this.styles = y;
+    this.styles = A;
   }
   get formattedFieldInfos() {
-    const { expressionInfos: t, fieldInfos: e, layer: a, isAggregate: i, isContentFieldInfos: s } = this, l = [];
+    const { expressionInfos: t, fieldInfos: e, layer: a, graphic: i, isContentFieldInfos: s } = this, o = [];
     return e?.forEach((r) => {
       if (!("visible" in r ? r.visible : !0))
         return;
-      const o = r.clone();
-      o.label = _({ fieldInfo: o, expressionInfos: t, layer: a, isAggregate: i, isContentFieldInfos: s }), I(a) && w({ fieldInfo: r, isAggregate: i }) && (o.fieldFormat = F({
-        fieldInfo: o,
+      const l = r.clone();
+      l.label = _({ fieldInfo: l, expressionInfos: t, layer: a, graphic: i, isContentFieldInfos: s }), F(a) && I({ fieldInfo: r, graphic: i }) && (l.fieldFormat = w({
+        fieldInfo: l,
         isContentFieldInfos: s,
         layer: a
-      })), l.push(o);
-    }), l;
+      })), o.push(l);
+    }), o;
   }
   render() {
-    return p`<div class=${g(u.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
+    return p`<div class=${f(u.base)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderFields()}</div>`;
   }
   _renderFieldInfo(t) {
-    const { values: e } = this, a = t.fieldName || "", i = t.label || a, s = e ? e[a] == null ? "" : e[a] : "", l = t?.fieldFormat?.type === "date-time", r = {
+    const { values: e } = this, a = t.fieldName || "", i = t.label || a, s = e ? e[a] == null ? "" : e[a] : "", o = t?.fieldFormat?.type === "date-time", r = {
       openInApp: this.messages?.openInApp ?? "",
       view: this.messages?.view ?? ""
-    }, n = typeof s == "number" && !l ? v(`${s}`) : typeof s == "string" ? N(r, s) : `${s}`;
+    }, n = typeof s == "number" && !o ? v(`${s}`) : typeof s == "string" ? y(r, s) : `${s}`;
     return p`<tr><th .innerHTML=${c.sanitize(i) ?? ""}></th><td .innerHTML=${c.sanitize(n) ?? ""}></td></tr>`;
   }
   _renderFields() {
     const { formattedFieldInfos: t } = this;
-    return t?.length ? p`<table class=${g(u.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${t.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
+    return t?.length ? p`<table class=${f(u.table)}><caption>${this.messages?.fieldsSummary}</caption><tbody>${t.map((e) => this._renderFieldInfo(e))}</tbody></table>` : null;
   }
 }
 h("arcgis-feature-fields", k);