@arcgis/coding-components 5.1.0-next.91 → 5.1.0-next.92

package/dist/chunks/debugger-value-components.js

@@ -1,19 +1,19 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { html as c } from "lit";
-import { safeClassMap as M } from "@arcgis/lumina";
-import { t as w } from "./debugger-value-styles.js";
-import { uncapitalize as j, quoteString as O } from "@arcgis/toolkit/string";
-const U = /^[$A-Z_a-z][$\w]*$/u;
-function D(e) {
+import { safeClassMap as R } from "@arcgis/lumina";
+import { t as v } from "./debugger-value-styles.js";
+import { uncapitalize as A, quoteString as U } from "@arcgis/toolkit/string";
+const H = /^[$A-Z_a-z][$\w]*$/u;
+function E(e) {
   return e.replaceAll("\\", "\\\\").replaceAll('"', '\\"');
 }
-function H(e) {
-  return U.test(e);
+function J(e) {
+  return H.test(e);
 }
-function B(e) {
-  return typeof e == "number" ? `[${e}]` : e.startsWith("name:") ? `[name="${D(e.slice(5))}"]` : e.startsWith("id:") ? `[id="${D(e.slice(3))}"]` : H(e) ? `.${e}` : `["${D(e)}"]`;
+function G(e) {
+  return typeof e == "number" ? `[${e}]` : e.startsWith("name:") ? `[name="${E(e.slice(5))}"]` : e.startsWith("id:") ? `[id="${E(e.slice(3))}"]` : J(e) ? `.${e}` : `["${E(e)}"]`;
 }
-function A(e, t) {
+function F(e, t) {
   if (e[t] !== '"')
     return;
   let n = "", r = t + 1;
@@ -33,7 +33,7 @@ function A(e, t) {
     n += p, r += 1;
   }
 }
-function J(e) {
+function K(e) {
   if (!e)
     return;
   let t = 0;
@@ -66,15 +66,15 @@ function J(e) {
       n.push(e.slice(o, t)), t += 1;
       continue;
     }
-    const m = e.startsWith("name=", t) ? "name" : e.startsWith("id=", t) ? "id" : void 0;
-    if (m) {
-      const o = A(e, t + m.length + 1);
+    const $ = e.startsWith("name=", t) ? "name" : e.startsWith("id=", t) ? "id" : void 0;
+    if ($) {
+      const o = F(e, t + $.length + 1);
       if (!o || e[o.nextIndex] !== "]")
         return;
-      n.push(`${m}:${o.value}`), t = o.nextIndex + 1;
+      n.push(`${$}:${o.value}`), t = o.nextIndex + 1;
       continue;
     }
-    const s = A(e, t);
+    const s = F(e, t);
     if (!s || e[s.nextIndex] !== "]")
       return;
     n.push(s.value), t = s.nextIndex + 1;
@@ -87,29 +87,29 @@ function J(e) {
       pathSegments: a
     };
 }
-function se(e, t) {
-  return `${e}${B(t)}`;
+function de(e, t) {
+  return `${e}${G(t)}`;
 }
-function I(e, t) {
+function k(e, t) {
   return e ? `${e}.${t}` : String(t);
 }
-function k(e, t) {
+function q(e, t) {
   if (e)
-    return `${e}${B(t)}`;
+    return `${e}${G(t)}`;
 }
-function de(e) {
-  return J(e);
+function fe(e) {
+  return K(e);
 }
-function E(e, t) {
+function M(e, t) {
   return typeof t == "number" ? `${e}[${t}]` : `${e}.${t}`;
 }
-function K(e) {
+function X(e) {
   return e.name ? `name:${e.name}` : `id:${e.id}`;
 }
-function X(e) {
+function Y(e) {
   return Object.entries(e).filter(([t]) => t !== "featureSet");
 }
-function Y(e, t) {
+function z(e, t) {
   if (t) {
     const n = t.featureSet;
     return {
@@ -133,40 +133,40 @@ function Y(e, t) {
   } : null;
 }
 function C(e) {
-  return c`<calcite-tree slot=children .lines=${w.lines} .selectionMode=${w.selectionMode} .scale=${w.scale} @calciteTreeSelect=${w.oncalciteTreeSelect}>${e}</calcite-tree>`;
+  return c`<calcite-tree slot=children .lines=${v.lines} .selectionMode=${v.selectionMode} .scale=${v.scale} @calciteTreeSelect=${v.oncalciteTreeSelect}>${e}</calcite-tree>`;
 }
-function G({ lazyTreeState: e, nodePath: t, mergedCollectionItem: n, expanded: r = !1, isMetadata: p = !1, messages: a, name: f, value: m, loadPreview: s, previewLabel: o, previewSourcePath: v, previewLoading: b = !1 }) {
-  const u = Y(m, n);
+function L({ lazyTreeState: e, nodePath: t, mergedCollectionItem: n, expanded: r = !1, isMetadata: p = !1, messages: a, name: f, value: $, loadPreview: s, previewLabel: o, previewSourcePath: h, previewLoading: g = !1 }) {
+  const u = z($, n);
   if (!u)
     return null;
-  const i = e.ensureNode(t, r, u.loadRequest), g = u.kind === "feature-set" ? u.featureSetValue : void 0, $ = o ?? String(f), S = v ?? t, q = !!(s && $ && g && typeof g.querySample == "function"), d = (l) => {
+  const i = e.ensureNode(t, r, u.loadRequest), b = u.kind === "feature-set" ? u.featureSetValue : void 0, S = o ?? String(f), m = h ?? t, D = !!(s && S && b && typeof b.querySample == "function"), d = (l) => {
     l.target === l.currentTarget && e.setExpanded(t, !0, u.loadRequest);
-  }, h = (l) => {
-    l.target === l.currentTarget && e.setExpanded(t, !1, u.loadRequest);
   }, y = (l) => {
-    l.stopPropagation(), !(!s || !$ || !g) && s({
-      label: $,
-      sourcePath: S,
-      value: g
+    l.target === l.currentTarget && e.setExpanded(t, !1, u.loadRequest);
+  }, V = (l) => {
+    l.stopPropagation(), !(!s || !S || !b) && s({
+      label: S,
+      sourcePath: m,
+      value: b
     });
-  }, N = () => c`<calcite-tree-item disabled><div class="tree-item-label"><span class="constant-value">${i.errorMessage || (a.loaderror ?? "Unable to load data.")}</span></div></calcite-tree-item>`, W = () => u.kind !== "feature-set" || !i.schemaValue ? null : x({ name: "schema", value: i.schemaValue, messages: a, path: E(t, "schema"), lazyTreeState: e }), Q = () => u.kind !== "feature-set" || !u.mergedCollectionItem ? [] : X(u.mergedCollectionItem).map(([l, V]) => x({ name: l, value: z(V), messages: a, path: E(t, l), lazyTreeState: e })), L = () => {
+  }, w = () => c`<calcite-tree-item disabled><div class="tree-item-label"><span class="constant-value">${i.errorMessage || (a.loaderror ?? "Unable to load data.")}</span></div></calcite-tree-item>`, Q = () => u.kind !== "feature-set" || !i.schemaValue ? null : x({ name: "schema", value: i.schemaValue, messages: a, path: M(t, "schema"), lazyTreeState: e }), Z = () => u.kind !== "feature-set" || !u.mergedCollectionItem ? [] : Y(u.mergedCollectionItem).map(([l, I]) => x({ name: l, value: P(I), messages: a, path: M(t, l), lazyTreeState: e })), _ = () => {
     if (u.kind !== "feature-set")
       return null;
     if (!i.expanded || i.status === "loading")
       return C();
     const l = [];
     if (i.status === "error")
-      l.push(N());
+      l.push(w());
     else {
-      l.push(...Q());
-      const V = W();
-      V && l.push(V);
+      l.push(...Z());
+      const I = Q();
+      I && l.push(I);
     }
     return l.length ? C(l) : C();
-  }, Z = () => u.kind !== "collection" ? null : !i.expanded || i.status === "loading" ? C() : C(c`${i.status === "error" ? N() : null}${i.status === "loaded" ? i.collectionItems.map((l) => G({ name: l.name || l.id, mergedCollectionItem: l, messages: a, nodePath: E(t, l.id), lazyTreeState: e, value: l.featureSet, loadPreview: s, previewLabel: I(o, l.name || l.id), previewSourcePath: k(S, K(l)), previewLoading: b })) : null}`), _ = () => u.kind === "collection" ? Z() : L();
-  return c`<calcite-tree-item .expanded=${i.expanded} @calciteTreeItemExpand=${d} @calciteTreeItemCollapse=${h}><div class="tree-item-label">${T({ name: f, isMetadata: p })}<bdi>${u.displayValue}</bdi></div>${i.status === "loading" ? c`<calcite-loader slot=actions-end scale=s inline type=indeterminate .label=${a.loading ?? "Loading"} .text=${a.loading ?? "Loading"}></calcite-loader>` : null}${q ? c`<calcite-action slot=actions-end scale=s class="load-action" .text=${a.loadpreview ?? "Load preview"} text-enabled icon=play icon-flip-rtl .disabled=${b} @click=${y}></calcite-action>` : null}${_()}</calcite-tree-item>`;
+  }, j = () => u.kind !== "collection" ? null : !i.expanded || i.status === "loading" ? C() : C(c`${i.status === "error" ? w() : null}${i.status === "loaded" ? i.collectionItems.map((l) => L({ name: l.name || l.id, mergedCollectionItem: l, messages: a, nodePath: M(t, l.id), lazyTreeState: e, value: l.featureSet, loadPreview: s, previewLabel: k(o, l.name || l.id), previewSourcePath: q(m, X(l)), previewLoading: g })) : null}`), O = () => u.kind === "collection" ? j() : _();
+  return c`<calcite-tree-item .expanded=${i.expanded} @calciteTreeItemExpand=${d} @calciteTreeItemCollapse=${y}><div class="tree-item-label">${T({ name: f, isMetadata: p })}<bdi>${u.displayValue}</bdi></div>${i.status === "loading" ? c`<calcite-loader slot=actions-end scale=s inline type=indeterminate .label=${a.loading ?? "Loading"} .text=${a.loading ?? "Loading"}></calcite-loader>` : null}${D ? c`<calcite-action slot=actions-end scale=s class="load-action" .text=${a.loadpreview ?? "Load preview"} text-enabled icon=play icon-flip-rtl .disabled=${g} @click=${V}></calcite-action>` : null}${O()}</calcite-tree-item>`;
 }
-function z(e) {
+function P(e) {
   if (e == null)
     return { type: "primitive", arcadeType: "", value: null };
   switch (typeof e) {
@@ -180,73 +180,76 @@ function z(e) {
       return { type: "primitive", arcadeType: "String", value: String(e) };
   }
 }
-const R = "tree-item-metadata";
+const N = "tree-item-metadata";
 function T({ name: e, isMetadata: t = !1 }) {
-  const n = t ? `dictionary-property ${R}` : "dictionary-property", r = t ? R : void 0;
-  return c`<bdi class=${M(n)}>${e}</bdi><bdi class=${M(r)}>:&nbsp;</bdi>`;
+  const n = t ? `dictionary-property ${N}` : "dictionary-property", r = t ? N : void 0;
+  return c`<bdi class=${R(n)}>${e}</bdi><bdi class=${R(r)}>:&nbsp;</bdi>`;
 }
-function P({ lazyTreeState: e, path: t, expanded: n = !1, value: r, subtree: p, messages: a, onLoadPreview: f, previewLabel: m, previewSourcePath: s, previewLoading: o = !1 }) {
-  const v = (d) => c`<calcite-tree slot=${"children"} .lines=${w.lines} .selectionMode=${w.selectionMode} .scale=${w.scale} @calciteTreeSelect=${w.oncalciteTreeSelect}>${d}</calcite-tree>`;
+function ee({ lazyTreeState: e, path: t, expanded: n = !1, value: r, subtree: p, messages: a, onLoadPreview: f, previewLabel: $, previewSourcePath: s, previewLoading: o = !1 }) {
+  const h = (d) => c`<calcite-tree slot=${"children"} .lines=${v.lines} .selectionMode=${v.selectionMode} .scale=${v.scale} @calciteTreeSelect=${v.oncalciteTreeSelect}>${d}</calcite-tree>`;
   if (!n)
-    return v();
-  const b = e.ensureNode(t, n), u = (d) => b.visibleChildCount >= d ? null : c`<calcite-tree-item @click=${(y) => {
-    y.stopPropagation(), e.showMore(t, d);
-  }}><div class="tree-item-label"><span class=${M(R)}>${a.showmore ?? "Show more"}</span></div></calcite-tree-item>`, i = r.expand();
+    return h();
+  const g = e.ensureNode(t, n), u = (d) => g.visibleChildCount >= d ? null : c`<calcite-tree-item @click=${(V) => {
+    V.stopPropagation(), e.showMore(t, d);
+  }}><div class="tree-item-label"><span class=${R(N)}>${a.showmore ?? "Show more"}</span></div></calcite-tree-item>`, i = r.expand();
   if (Array.isArray(i)) {
-    const d = i.slice(0, b.visibleChildCount);
-    return v(c`${d.map((h, y) => x({ name: y, value: h, messages: a, path: `${t}[${y}]`, lazyTreeState: e, onLoadPreview: f, previewLabel: I(m, y), previewSourcePath: k(s, y), previewLoading: o }))}${u(i.length)}${x({ name: "length", value: { arcadeType: "Number", type: "primitive", value: i.length }, isMetadata: !0, messages: a, path: `${t}.length`, lazyTreeState: e })}`);
+    const d = i.slice(0, g.visibleChildCount), y = W(r) ? r.length : i.length;
+    return h(c`${d.map((V, w) => x({ name: w, value: V, messages: a, path: `${t}[${w}]`, lazyTreeState: e, onLoadPreview: f, previewLabel: k($, w), previewSourcePath: q(s, w), previewLoading: o }))}${u(i.length)}${x({ name: "length", value: { arcadeType: "Number", type: "primitive", value: y }, isMetadata: !0, messages: a, path: `${t}.length`, lazyTreeState: e })}`);
   }
-  const g = r.arcadeType === "Feature" ? i.get("Geometry()") : void 0, $ = Math.min(b.visibleChildCount, g ? i.size - 1 : i.size), S = [];
-  for (const [d, h] of i.entries())
+  const b = r.arcadeType === "Feature" ? i.get("Geometry()") : void 0, S = Math.min(g.visibleChildCount, b ? i.size - 1 : i.size), m = [];
+  for (const [d, y] of i.entries())
     if (!(d === "Geometry()" && r.arcadeType === "Feature")) {
-      if (S.length >= $)
+      if (m.length >= S)
         break;
-      S.push([d, h]);
+      m.push([d, y]);
     }
-  const q = !!(g && b.visibleChildCount > S.length);
-  return v(c`${S.map(([d, h]) => x({ name: d, value: h, messages: a, path: `${t}.${d}`, lazyTreeState: e, onLoadPreview: f, previewLabel: I(m, d), previewSourcePath: k(s, d), previewLoading: o }))}${q ? x({ name: "geometry", value: g, messages: a, path: `${t}.geometry`, lazyTreeState: e, onLoadPreview: f, previewLabel: I(m, "geometry"), previewSourcePath: k(s, "geometry"), previewLoading: o }) : null}${u(i.size)}`);
+  const D = !!(b && g.visibleChildCount > m.length);
+  return h(c`${m.map(([d, y]) => x({ name: d, value: y, messages: a, path: `${t}.${d}`, lazyTreeState: e, onLoadPreview: f, previewLabel: k($, d), previewSourcePath: q(s, d), previewLoading: o }))}${D ? x({ name: "geometry", value: b, messages: a, path: `${t}.geometry`, lazyTreeState: e, onLoadPreview: f, previewLabel: k($, "geometry"), previewSourcePath: q(s, "geometry"), previewLoading: o }) : null}${u(i.size)}`);
 }
-function ee(e) {
+function te(e) {
   return "expand" in e;
 }
-function te(e) {
+function re(e) {
   return e.type === "simple";
 }
-function re(e) {
+function ne(e) {
   return e.type === "primitive";
 }
-function ne(e) {
-  return e.type === "feature-set";
+function W(e) {
+  return e.type === "sequence-container";
 }
 function ie(e) {
-  return e.type === "feature-set-collection";
+  return e.type === "feature-set";
 }
 function le(e) {
-  return ne(e) || ie(e);
+  return e.type === "feature-set-collection";
+}
+function ae(e) {
+  return ie(e) || le(e);
 }
-function x({ lazyTreeState: e, path: t, name: n, value: r, messages: p, expanded: a, isMetadata: f = !1, onLoadPreview: m, previewLabel: s, previewSourcePath: o, previewLoading: v = !1 }) {
+function x({ lazyTreeState: e, path: t, name: n, value: r, messages: p, expanded: a, isMetadata: f = !1, onLoadPreview: $, previewLabel: s, previewSourcePath: o, previewLoading: h = !1 }) {
   if (r === void 0)
     return null;
   if (r === null)
     return c`<calcite-tree-item .expanded=${a}><div class="tree-item-label">${T({ name: n, isMetadata: f })}<bdi class="uninitialized-value tree-item-metadata">${p.uninitialized ?? "uninitialized"}</bdi></div></calcite-tree-item>`;
-  if (ee(r)) {
-    const b = e.ensureNode(t, a), u = ($) => {
-      $.target === $.currentTarget && e.setExpanded(t, !0);
-    }, i = ($) => {
-      $.target === $.currentTarget && e.setExpanded(t, !1);
-    }, g = typeof r.arcadeType == "string" ? r.arcadeType : "unknown";
-    return c`<calcite-tree-item .expanded=${b.expanded} @calciteTreeItemExpand=${u} @calciteTreeItemCollapse=${i}><div class="tree-item-label">${T({ name: n, isMetadata: f })}<bdi>${j(g)}</bdi></div>${P({ expanded: b.expanded, value: r, subtree: !0, messages: p, path: t, lazyTreeState: e, onLoadPreview: m, previewLabel: s, previewSourcePath: o, previewLoading: v })}</calcite-tree-item>`;
+  if (te(r)) {
+    const g = e.ensureNode(t, a), u = (m) => {
+      m.target === m.currentTarget && e.setExpanded(t, !0);
+    }, i = (m) => {
+      m.target === m.currentTarget && e.setExpanded(t, !1);
+    }, b = typeof r.arcadeType == "string" ? r.arcadeType : "unknown", S = W(r) ? `${A(b)}(${r.length})` : A(b);
+    return c`<calcite-tree-item .expanded=${g.expanded} @calciteTreeItemExpand=${u} @calciteTreeItemCollapse=${i}><div class="tree-item-label">${T({ name: n, isMetadata: f })}<bdi>${S}</bdi></div>${ee({ expanded: g.expanded, value: r, subtree: !0, messages: p, path: t, lazyTreeState: e, onLoadPreview: $, previewLabel: s, previewSourcePath: o, previewLoading: h })}</calcite-tree-item>`;
   }
-  return le(r) ? G({ name: n, value: r, nodePath: t, lazyTreeState: e, messages: p, expanded: a, isMetadata: f, loadPreview: m, previewLabel: s, previewSourcePath: o, previewLoading: v }) : te(r) ? c`<calcite-tree-item .expanded=${a}><div class="tree-item-label">${T({ name: n, isMetadata: f })}${F({ value: r })}</div></calcite-tree-item>` : re(r) ? c`<calcite-tree-item .expanded=${a}><div class="tree-item-label">${T({ name: n, isMetadata: f })}${F({ value: r })}</div></calcite-tree-item>` : null;
+  return ae(r) ? L({ name: n, value: r, nodePath: t, lazyTreeState: e, messages: p, expanded: a, isMetadata: f, loadPreview: $, previewLabel: s, previewSourcePath: o, previewLoading: h }) : re(r) ? c`<calcite-tree-item .expanded=${a}><div class="tree-item-label">${T({ name: n, isMetadata: f })}${B({ value: r })}</div></calcite-tree-item>` : ne(r) ? c`<calcite-tree-item .expanded=${a}><div class="tree-item-label">${T({ name: n, isMetadata: f })}${B({ value: r })}</div></calcite-tree-item>` : null;
 }
-const F = ({ value: e }) => {
+const B = ({ value: e }) => {
   switch (e.type) {
     case "primitive":
       if (e.value === null)
         return c`<bdi class="constant-value">null</bdi>`;
       switch (e.arcadeType) {
         case "String":
-          return c`<bdi class="string-value">${O(String(e.value))}</bdi>`;
+          return c`<bdi class="string-value">${U(String(e.value))}</bdi>`;
         case "Number":
           return c`<bdi class="number-value">${String(e.value)}</bdi>`;
         case "Boolean":
@@ -264,12 +267,12 @@ const F = ({ value: e }) => {
 };
 export {
   x as D,
-  F as S,
-  ie as a,
-  ne as b,
-  re as c,
-  te as d,
-  se as e,
-  ee as i,
-  de as p
+  B as S,
+  le as a,
+  ie as b,
+  ne as c,
+  re as d,
+  de as e,
+  te as i,
+  fe as p
 };