@arcgis/coding-components 5.2.0-next.76 → 5.2.0-next.77

package/dist/components/arcgis-arcade-results/customElement.js

@@ -6,7 +6,7 @@ import { setValuesInString as i, uncapitalize as a } from "@arcgis/toolkit/strin
 import { M as v } from "../../chunks/arcade-executor.js";
 import { u as b } from "../../chunks/useT9n.js";
 import { F as $, a as x, t as s, D as y, A as R, b as P } from "../../chunks/functional.js";
-import { d as w, g as k, c as m, b as S, G as T, a as C, S as h } from "../../chunks/debugger-value-styles.js";
+import { d as w, g as k, c as m, b as T, G as S, a as C, S as h } from "../../chunks/debugger-value-styles.js";
 import { createRef as r, ref as n } from "lit/directives/ref.js";
 import { observeAncestorsMutation as M, unsafeGetCalciteModeName as I } from "@arcgis/toolkit/dom";
 const L = g`:host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);.flex-adjustable{flex:1 1 auto;overflow:hidden}.flex-row{display:flex;flex-direction:row;overflow:hidden}.flex-column{display:flex;flex-direction:column;overflow:hidden;min-height:0}.y-scrollable-container{overflow-y:auto;block-size:100%;background-color:var(--calcite-color-foreground-1)}header{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}calcite-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.color-info{color:var(--calcite-color-status-info)}.color-error{color:var(--calcite-color-status-danger)}.color-success{color:var(--calcite-color-status-success)}[class*=result-value-]{font-size:var(--calcite-font-size--2);line-height:1.25rem;background-color:var(--calcite-color-foreground-1);margin:var(--calcite-spacing-md)}.console-logs-container{background-color:var(--calcite-color-foreground-1);padding:0 var(--calcite-spacing-md);font-family:var(--calcite-code-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal)}.result-value-table{display:flex;flex-direction:column;min-height:0;.table-scroll{overflow:auto;flex:1 1 auto;min-height:0;max-width:100%;background-color:var(--calcite-color-foreground-1)}table{min-width:max-content;border-spacing:0;border-collapse:collapse;text-align:start;white-space:nowrap;thead{background-color:var(--calcite-color-foreground-2)}tr{border-top:1px solid var(--calcite-color-border-3);border-bottom:1px solid var(--calcite-color-border-3)}th,td{border-inline-start:1px solid var(--calcite-color-border-3);border-inline-end:1px solid var(--calcite-color-border-3);text-align:start;padding:var(--calcite-spacing-xxs);.string-value{white-space:pre}}th{font-weight:var(--calcite-font-weight-medium)}}}}`, c = {
@@ -20,7 +20,7 @@ class F extends f {
     super(...arguments), this.messages = b(), this.outputRef = r(), this.consoleRef = r(), this.logRef = r(), this.openedResultPanel = "output", this.hideHeader = !1, this.arcgisInternalClosePanel = u({ bubbles: !1, composed: !1 }), this.arcgisInternalOpenedResultPanelChange = u({ bubbles: !1, composed: !1 });
   }
   static {
-    this.properties = { consoleLogs: 0, loading: 5, openedResultPanel: 3, result: 0, hideHeader: 5 };
+    this.properties = { consoleLogs: 0, loading: 5, openedResultPanel: 3, result: 0, executionTiming: 0, hideHeader: 5 };
   }
   static {
     this.styles = [L, k(), w];
@@ -55,24 +55,24 @@ class F extends f {
       return null;
     if (this.loading)
       return e`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "loading"}></calcite-loader>`;
-    const t = this.result?.type === "error" ? "color-error" : "color-success";
-    return e`<calcite-list .label=${this.messages.results ?? "Results"}>${this.result ? e`<calcite-list-item .label=${i(this.messages.lastexecutionformat, {
+    const t = this.result?.type === "error" ? "color-error" : "color-success", l = this.executionTiming ?? this.result;
+    return e`<calcite-list .label=${this.messages.results ?? "Results"}>${l ? e`<calcite-list-item .label=${i(this.messages.lastexecutionformat, {
       timeStamp: new Intl.DateTimeFormat(this.messages._t9nLocale, {
         dateStyle: "medium",
         timeStyle: "medium"
-      }).format(this.result.timeStamp)
+      }).format(l.timeStamp)
     })}><calcite-icon slot=content-start icon=information scale=s class=${o(t)}></calcite-icon></calcite-list-item><calcite-list-item .label=${i(this.messages.compilationtimeformat, {
       time: new Intl.NumberFormat(this.messages._t9nLocale, {
         style: "unit",
         unit: "millisecond",
         maximumFractionDigits: 2
-      }).format(this.result.compilationTime ?? 0)
+      }).format(l.compilationTime ?? 0)
     })}><calcite-icon slot=content-start icon=information scale=s class=${o(t)}></calcite-icon></calcite-list-item><calcite-list-item .label=${i(this.messages.executiontimeformat, {
       time: new Intl.NumberFormat(this.messages._t9nLocale, {
         style: "unit",
         unit: "millisecond",
         maximumFractionDigits: 2
-      }).format(this.result.executionTime ?? 0)
+      }).format(l.executionTime ?? 0)
     })}><calcite-icon slot=content-start icon=information scale=s class=${o(t)}></calcite-icon></calcite-list-item>` : e`<calcite-list-item .label=${this.messages.runscriptmessage}><calcite-icon slot=content-start icon=information scale=s class="color-info"></calcite-icon></calcite-list-item>`}</calcite-list>`;
   }
   renderOutputPanel() {
@@ -100,9 +100,9 @@ class F extends f {
         return e`<div class="result-value-simple"><calcite-tree .lines=${s.lines} .selectionMode=${s.selectionMode} .scale=${s.scale} @calciteTreeSelect=${s.oncalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label">${R({ arcadeResult: this.result, t9nStrings: this.messages })}</div>${P({ items: l, subtree: !0, t9nStrings: this.messages })}</calcite-tree-item></calcite-tree></div>`;
       }
       case "geometry":
-        return e`<div class="result-value-simple"><calcite-tree .lines=${s.lines} .selectionMode=${s.selectionMode} .scale=${s.scale} @calciteTreeSelect=${s.oncalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label"><bdi>${a(this.result.type)}</bdi></div>${T({ value: this.result.value, subtree: !0 })}</calcite-tree-item></calcite-tree></div>`;
+        return e`<div class="result-value-simple"><calcite-tree .lines=${s.lines} .selectionMode=${s.selectionMode} .scale=${s.scale} @calciteTreeSelect=${s.oncalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label"><bdi>${a(this.result.type)}</bdi></div>${S({ value: this.result.value, subtree: !0 })}</calcite-tree-item></calcite-tree></div>`;
       case "attachment":
-        return e`<div class="result-value-simple"><calcite-tree .lines=${s.lines} .selectionMode=${s.selectionMode} .scale=${s.scale} @calciteTreeSelect=${s.oncalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label"><bdi>${a(this.result.type)}</bdi></div>${S({ obj: this.result.value.castAsJson(), subtree: !0 })}</calcite-tree-item></calcite-tree></div>`;
+        return e`<div class="result-value-simple"><calcite-tree .lines=${s.lines} .selectionMode=${s.selectionMode} .scale=${s.scale} @calciteTreeSelect=${s.oncalciteTreeSelect}><calcite-tree-item expanded @click=${c.onClick}><div class="tree-item-label"><bdi>${a(this.result.type)}</bdi></div>${T({ obj: this.result.value.castAsJson(), subtree: !0 })}</calcite-tree-item></calcite-tree></div>`;
       case "feature":
       case "dictionary":
       case "portal":