@arcgis/coding-components 5.1.0-next.81 → 5.1.0-next.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{FMMTDHZR.js → 3UZ3JCYW.js} +1 -1
- package/dist/cdn/{BWNHUKX6.js → 43A7UCSS.js} +1 -1
- package/dist/cdn/{UN2OGFN6.js → 4I7VT4LW.js} +1 -1
- package/dist/cdn/{J7FRFS3O.js → 6XDEGPYR.js} +1 -1
- package/dist/cdn/{34AEXDKO.js → BVNLUX5A.js} +1 -1
- package/dist/cdn/CPJ4MNMY.js +2 -0
- package/dist/cdn/{HGHT7QYL.js → G2Z2DNVW.js} +1 -1
- package/dist/cdn/{3GLSOSRL.js → GJMI6M3I.js} +1 -1
- package/dist/cdn/{T675X5HR.js → ISAWP6I3.js} +1 -1
- package/dist/cdn/{ACIMEEX7.js → IVNVT7UT.js} +1 -1
- package/dist/cdn/{7LGN7M2X.js → KD7MZWFX.js} +1 -1
- package/dist/cdn/{IGTMT2FV.js → KEROXLGY.js} +1 -1
- package/dist/cdn/{PDXBUZAV.js → LD7PM3RV.js} +1 -1
- package/dist/cdn/{ZNT3BU4T.js → MSV4QVR2.js} +1 -1
- package/dist/cdn/{RDP73Z3I.js → PX32GRG7.js} +1 -1
- package/dist/cdn/{57KYLBJZ.js → QOX2FNYP.js} +1 -1
- package/dist/cdn/{FGOZH4WZ.js → QRXX4WHP.js} +1 -1
- package/dist/cdn/TTOHS2DV.js +11 -0
- package/dist/cdn/{ETVBLUB7.js → VUYXKN7I.js} +1 -1
- package/dist/cdn/{MA7P5I6Q.js → YLJUOSJJ.js} +1 -1
- package/dist/cdn/{WFIX2Y5D.js → YMEY2NOQ.js} +1 -1
- package/dist/cdn/assets/code-editor/sql-expr.worker.js +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-arcade-results/customElement.js +53 -53
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/loader.js +1 -1
- package/package.json +5 -5
- package/dist/cdn/EAWA2XKX.js +0 -11
- package/dist/cdn/FDRBF55T.js +0 -2
- /package/dist/cdn/{SNNMG5RD.js → INPMAY4D.js} +0 -0
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import { c as
|
|
3
|
-
import { css as
|
|
4
|
-
import { nothing as
|
|
2
|
+
import { c as D } from "../../chunks/runtime.js";
|
|
3
|
+
import { css as T, html as t, unsafeCSS as O } from "lit";
|
|
4
|
+
import { nothing as S, LitElement as L, createEvent as x, safeClassMap as h } from "@arcgis/lumina";
|
|
5
5
|
import { setValuesInString as o, quoteString as g } from "@arcgis/toolkit/string";
|
|
6
|
-
import { B as
|
|
7
|
-
import { u as
|
|
8
|
-
import { s as
|
|
6
|
+
import { B as k, v as y, M as m, f as A, a as F, b as _ } from "../../chunks/arcade-executor.js";
|
|
7
|
+
import { u as j } from "../../chunks/useT9n.js";
|
|
8
|
+
import { s as z } from "../../chunks/fields.js";
|
|
9
9
|
import "@arcgis/toolkit/function";
|
|
10
|
-
import { createRef as v, ref as
|
|
11
|
-
import { t as
|
|
12
|
-
import { observeAncestorsMutation as
|
|
13
|
-
const
|
|
10
|
+
import { createRef as v, ref as $ } from "lit/directives/ref.js";
|
|
11
|
+
import { t as w } from "../../chunks/monaco-theme.js";
|
|
12
|
+
import { observeAncestorsMutation as N, unsafeGetCalciteModeName as E } from "@arcgis/toolkit/dom";
|
|
13
|
+
const V = T`: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}.ltr-container{direction:ltr}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)}}}.tree-item-label,.number-value,.string-value,.boolean-value{font-family:var(--calcite-code-family)}.tree-item-label,.value-type{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}.dictionary-property{color:var(--arcgis-editor-identifier)}.number-value{color:var(--arcgis-editor-number)}.string-value{color:var(--arcgis-editor-string);white-space:pre-wrap}.constant-value{color:var(--arcgis-editor-constant)}.date-value{color:var(--arcgis-editor-date)}}`, l = {
|
|
14
14
|
lines: !0,
|
|
15
15
|
selectionMode: "none",
|
|
16
16
|
scale: "s",
|
|
@@ -20,7 +20,7 @@ const E = w`:host{display:flex;flex-direction:column;width:100%;background-color
|
|
|
20
20
|
const a = e.currentTarget;
|
|
21
21
|
a.expanded = !a.expanded;
|
|
22
22
|
}
|
|
23
|
-
}, r = ({ name: e }) => t`<span class="dictionary-property">${e}</span><span>: </span>`,
|
|
23
|
+
}, r = ({ name: e }) => t`<span class="dictionary-property">${e}</span><span>: </span>`, P = ({ value: e, subtree: a = !1 }) => t`<calcite-tree slot=${(a ? "children" : void 0) ?? S} .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}><calcite-tree-item class="string-value">${JSON.stringify(e.castAsJson(), void 0, 2)}</calcite-tree-item></calcite-tree>`, R = ({ value: e, subtree: a = !1 }) => t`<calcite-tree slot=${(a ? "children" : void 0) ?? S} .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}><calcite-tree-item><div class="tree-item-label">${r({ name: "type" })}${e.type}</div></calcite-tree-item><calcite-tree-item><div class="tree-item-label">${r({ name: "value" })}<span class="string-value">${JSON.stringify(e, void 0, 2)}</span></div></calcite-tree-item></calcite-tree>`, p = ({ arcadeResult: e }) => {
|
|
24
24
|
switch (e.type) {
|
|
25
25
|
case "unknown":
|
|
26
26
|
case "null":
|
|
@@ -32,31 +32,31 @@ const E = w`:host{display:flex;flex-direction:column;width:100%;background-color
|
|
|
32
32
|
case "boolean":
|
|
33
33
|
return t`<span class="constant-value">${e.value.toString()}</span>`;
|
|
34
34
|
case "date":
|
|
35
|
-
return t`<span class="date-value">${
|
|
35
|
+
return t`<span class="date-value">${_(e)}</span>`;
|
|
36
36
|
case "dateOnly":
|
|
37
|
-
return t`<span class="string-value">${g(
|
|
37
|
+
return t`<span class="string-value">${g(F(e))}</span>`;
|
|
38
38
|
case "time":
|
|
39
|
-
return t`<span class="string-value">${g(
|
|
39
|
+
return t`<span class="string-value">${g(A(e))}</span>`;
|
|
40
40
|
default:
|
|
41
41
|
return null;
|
|
42
42
|
}
|
|
43
|
-
},
|
|
43
|
+
}, C = ({ arcadeResult: e, t9nStrings: a }) => {
|
|
44
44
|
const s = e.value ?? [], i = Math.max(s.length - m, 0);
|
|
45
45
|
return t`<span>${`${e.type}(${s.length ?? 0})`}</span>${i > 0 ? t`<span> ${o(a.showingfirstitemsformat, {
|
|
46
46
|
count: m.toString()
|
|
47
47
|
})}</span>` : null}`;
|
|
48
|
-
},
|
|
48
|
+
}, M = ({ value: e, subtree: a, t9nStrings: s }) => {
|
|
49
49
|
const i = e.geometry?.();
|
|
50
50
|
return t`<calcite-tree slot=${"children"} .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}>${e.keys().map((c) => {
|
|
51
|
-
const n =
|
|
52
|
-
return e.arcadeDeclaredClass === "esri.arcade.Feature" && n.type === "geometry" ? null :
|
|
53
|
-
})}${i ?
|
|
54
|
-
},
|
|
55
|
-
count:
|
|
56
|
-
})}</span>` : null}</div>`,
|
|
57
|
-
const n =
|
|
58
|
-
return
|
|
59
|
-
})}</calcite-tree>`,
|
|
51
|
+
const n = y(e.field(c));
|
|
52
|
+
return e.arcadeDeclaredClass === "esri.arcade.Feature" && n.type === "geometry" ? null : f({ arcadeResult: n, name: c, t9nStrings: s });
|
|
53
|
+
})}${i ? f({ arcadeResult: { type: "geometry", value: i }, name: "geometry", t9nStrings: s }) : null}</calcite-tree>`;
|
|
54
|
+
}, J = ({ arcadeResult: e, t9nStrings: a }) => t`<div class="value-type"><span>${e.type}:</span>${e.features.length >= k ? t`<span> ${o(a.showingfirstitemsformat, {
|
|
55
|
+
count: k.toString()
|
|
56
|
+
})}</span>` : null}</div>`, I = ({ items: e, subtree: a, t9nStrings: s }) => t`<calcite-tree slot=${"children"} .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}>${e.map((i, c) => {
|
|
57
|
+
const n = y(i);
|
|
58
|
+
return f({ arcadeResult: n, name: c, expanded: !a, t9nStrings: s });
|
|
59
|
+
})}</calcite-tree>`, f = ({ arcadeResult: e, name: a, expanded: s, t9nStrings: i }) => {
|
|
60
60
|
switch (e.type) {
|
|
61
61
|
case "null":
|
|
62
62
|
case "unknown":
|
|
@@ -69,48 +69,48 @@ const E = w`:host{display:flex;flex-direction:column;width:100%;background-color
|
|
|
69
69
|
return t`<calcite-tree-item><div class="tree-item-label">${r({ name: a })}${p({ arcadeResult: e })}</div></calcite-tree-item>`;
|
|
70
70
|
case "array": {
|
|
71
71
|
const n = (e.value ?? []).slice(0, m);
|
|
72
|
-
return t`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${r({ name: a })}${
|
|
72
|
+
return t`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${r({ name: a })}${C({ arcadeResult: e, t9nStrings: i })}</div>${I({ items: n, subtree: !0, t9nStrings: i })}</calcite-tree-item>`;
|
|
73
73
|
}
|
|
74
74
|
case "geometry":
|
|
75
|
-
return t`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${r({ name: a })}<span>${e.type}</span></div>${
|
|
75
|
+
return t`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${r({ name: a })}<span>${e.type}</span></div>${R({ value: e.value, subtree: !0 })}</calcite-tree-item>`;
|
|
76
76
|
case "attachment":
|
|
77
|
-
return t`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${r({ name: a })}<span>${e.type}</span></div>${
|
|
77
|
+
return t`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${r({ name: a })}<span>${e.type}</span></div>${P({ value: e.value, subtree: !0 })}</calcite-tree-item>`;
|
|
78
78
|
case "feature":
|
|
79
79
|
case "dictionary":
|
|
80
80
|
case "portal":
|
|
81
|
-
return t`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${r({ name: a })}<span>${e.type}</span></div>${
|
|
81
|
+
return t`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${r({ name: a })}<span>${e.type}</span></div>${M({ value: e.value, subtree: !0, t9nStrings: i })}</calcite-tree-item>`;
|
|
82
82
|
default:
|
|
83
83
|
return null;
|
|
84
84
|
}
|
|
85
|
-
},
|
|
86
|
-
const a =
|
|
85
|
+
}, G = ({ arcadeResult: e }) => {
|
|
86
|
+
const a = z(e.value.fields);
|
|
87
87
|
return t`<div class="table-scroll"><table><thead><tr>${a.map((s) => t`<th>${s.name}</th>`)}</tr></thead><tbody>${e.features.map((s) => t`<tr>${a.map((i) => {
|
|
88
88
|
try {
|
|
89
|
-
const c =
|
|
89
|
+
const c = y(s.field(i.name));
|
|
90
90
|
return t`<td>${p({ arcadeResult: c })}</td>`;
|
|
91
91
|
} catch {
|
|
92
92
|
return t`<td></td>`;
|
|
93
93
|
}
|
|
94
94
|
})}</tr>`)}</tbody></table></div>`;
|
|
95
|
-
};
|
|
96
|
-
function
|
|
95
|
+
}, b = "calcite-mode-dark";
|
|
96
|
+
function B() {
|
|
97
97
|
let e = `:host {
|
|
98
98
|
`;
|
|
99
|
-
const a =
|
|
99
|
+
const a = w["light-theme"];
|
|
100
100
|
Object.entries(a).forEach(([i, c]) => {
|
|
101
101
|
e += ` --arcgis-editor-${i}: ${c};
|
|
102
102
|
`;
|
|
103
103
|
}), e += `}
|
|
104
|
-
`, e += `:host(
|
|
104
|
+
`, e += `:host(:state(${b})) {
|
|
105
105
|
`;
|
|
106
|
-
const s =
|
|
106
|
+
const s = w["dark-theme"];
|
|
107
107
|
return Object.entries(s).forEach(([i, c]) => {
|
|
108
108
|
e += `
|
|
109
109
|
--arcgis-editor-${i}: ${c};`;
|
|
110
110
|
}), e += `
|
|
111
111
|
}
|
|
112
|
-
`,
|
|
113
|
-
${
|
|
112
|
+
`, T`
|
|
113
|
+
${O(e)}
|
|
114
114
|
`;
|
|
115
115
|
}
|
|
116
116
|
const d = {
|
|
@@ -119,19 +119,19 @@ const d = {
|
|
|
119
119
|
a.expanded = !a.expanded;
|
|
120
120
|
}
|
|
121
121
|
};
|
|
122
|
-
class
|
|
122
|
+
class q extends L {
|
|
123
123
|
constructor() {
|
|
124
|
-
super(...arguments), this.messages =
|
|
124
|
+
super(...arguments), this.messages = j(), this.outputRef = v(), this.consoleRef = v(), this.logRef = v(), this.openedResultPanel = "output", this.arcgisInternalClosePanel = x({ bubbles: !1, composed: !1 }), this.arcgisInternalOpenedResultPanelChange = x({ bubbles: !1, composed: !1 });
|
|
125
125
|
}
|
|
126
126
|
static {
|
|
127
|
-
this.properties = { consoleLogs: 0, loading: 5, openedResultPanel: 3, result: 0
|
|
127
|
+
this.properties = { consoleLogs: 0, loading: 5, openedResultPanel: 3, result: 0 };
|
|
128
128
|
}
|
|
129
129
|
static {
|
|
130
|
-
this.styles = [
|
|
130
|
+
this.styles = [V, B()];
|
|
131
131
|
}
|
|
132
132
|
load() {
|
|
133
133
|
this.manager.onLifecycle(() => {
|
|
134
|
-
const a =
|
|
134
|
+
const a = N(this.el, ["class"], this.updateTheme.bind(this));
|
|
135
135
|
return this.updateTheme(), () => a();
|
|
136
136
|
});
|
|
137
137
|
}
|
|
@@ -149,7 +149,7 @@ class B extends O {
|
|
|
149
149
|
this.arcgisInternalClosePanel.emit();
|
|
150
150
|
}
|
|
151
151
|
updateTheme() {
|
|
152
|
-
|
|
152
|
+
E(this.el) === "dark" ? this.elementInternals.states.add(b) : this.elementInternals.states.delete(b);
|
|
153
153
|
}
|
|
154
154
|
renderConsolePanel() {
|
|
155
155
|
return this.openedResultPanel !== "console" ? null : this.loading && !this.consoleLogs?.length ? t`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "loading"}></calcite-loader>` : t`<div class="console-logs-container ltr-container">${this.consoleLogs?.length ? this.consoleLogs.map((a) => t`<p>${a}</p>`) : t`<p>${this.messages.consolemessage}</p>`}</div>`;
|
|
@@ -199,19 +199,19 @@ class B extends O {
|
|
|
199
199
|
return t`<div class="result-value-simple ltr-container"><span class="value-type">${this.result.type}: </span>${p({ arcadeResult: this.result })}</div>`;
|
|
200
200
|
case "array": {
|
|
201
201
|
const s = (this.result.value ?? []).slice(0, m);
|
|
202
|
-
return t`<div class="result-value-simple ltr-container"><calcite-tree .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}><calcite-tree-item expanded @click=${d.onClick}><div class="tree-item-label">${
|
|
202
|
+
return t`<div class="result-value-simple ltr-container"><calcite-tree .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}><calcite-tree-item expanded @click=${d.onClick}><div class="tree-item-label">${C({ arcadeResult: this.result, t9nStrings: this.messages })}</div>${I({ items: s, subtree: !0, t9nStrings: this.messages })}</calcite-tree-item></calcite-tree></div>`;
|
|
203
203
|
}
|
|
204
204
|
case "geometry":
|
|
205
|
-
return t`<div class="result-value-simple ltr-container"><calcite-tree .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}><calcite-tree-item expanded @click=${d.onClick}><div class="tree-item-label">${this.result.type}</div>${
|
|
205
|
+
return t`<div class="result-value-simple ltr-container"><calcite-tree .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}><calcite-tree-item expanded @click=${d.onClick}><div class="tree-item-label">${this.result.type}</div>${R({ value: this.result.value, subtree: !0 })}</calcite-tree-item></calcite-tree></div>`;
|
|
206
206
|
case "attachment":
|
|
207
|
-
return t`<div class="result-value-simple ltr-container"><calcite-tree .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}><calcite-tree-item expanded @click=${d.onClick}><div class="tree-item-label">${this.result.type}</div>${
|
|
207
|
+
return t`<div class="result-value-simple ltr-container"><calcite-tree .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}><calcite-tree-item expanded @click=${d.onClick}><div class="tree-item-label">${this.result.type}</div>${P({ value: this.result.value, subtree: !0 })}</calcite-tree-item></calcite-tree></div>`;
|
|
208
208
|
case "feature":
|
|
209
209
|
case "dictionary":
|
|
210
210
|
case "portal":
|
|
211
211
|
case "pixel":
|
|
212
|
-
return t`<div class="result-value-simple ltr-container"><calcite-tree .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}><calcite-tree-item expanded @click=${d.onClick}><div class="tree-item-label">${this.result.type}</div>${
|
|
212
|
+
return t`<div class="result-value-simple ltr-container"><calcite-tree .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}><calcite-tree-item expanded @click=${d.onClick}><div class="tree-item-label">${this.result.type}</div>${M({ value: this.result.value, subtree: !0, t9nStrings: this.messages })}</calcite-tree-item></calcite-tree></div>`;
|
|
213
213
|
case "featureSet":
|
|
214
|
-
return t`<div class="result-value-table ltr-container">${
|
|
214
|
+
return t`<div class="result-value-table ltr-container">${J({ arcadeResult: this.result, t9nStrings: this.messages })}${G({ arcadeResult: this.result })}</div>`;
|
|
215
215
|
case "knowledgeGraph":
|
|
216
216
|
return t`<div class="result-value-simple ltr-container"><span class="value-type">${this.result.type}: </span><span class="string-value">${this.result.value.url}</span></div>`;
|
|
217
217
|
default:
|
|
@@ -219,10 +219,10 @@ class B extends O {
|
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
221
|
render() {
|
|
222
|
-
return t`<header class="flex-row"><calcite-action-bar class="flex-adjustable" layout=horizontal scale=s expanded expand-disabled><calcite-action-group scale=s><calcite-action .active=${this.openedResultPanel === "output"} .text=${this.messages.output ?? ""} text-enabled scale=s icon=list-show-all icon-flip-rtl @click=${this._switchResultPanel} data-panel-name=output ${
|
|
222
|
+
return t`<header class="flex-row"><calcite-action-bar class="flex-adjustable" layout=horizontal scale=s expanded expand-disabled><calcite-action-group scale=s><calcite-action .active=${this.openedResultPanel === "output"} .text=${this.messages.output ?? ""} text-enabled scale=s icon=list-show-all icon-flip-rtl @click=${this._switchResultPanel} data-panel-name=output ${$(this.outputRef)}></calcite-action><calcite-action .active=${this.openedResultPanel === "console"} .text=${this.messages.console ?? ""} text-enabled scale=s icon=console icon-flip-rtl @click=${this._switchResultPanel} data-panel-name=console ${$(this.consoleRef)}></calcite-action><calcite-action .active=${this.openedResultPanel === "log"} .text=${this.messages.log ?? ""} text-enabled scale=s icon=list icon-flip-rtl @click=${this._switchResultPanel} data-panel-name=log ${$(this.logRef)}></calcite-action></calcite-action-group></calcite-action-bar><calcite-action scale=s icon=x .text=${this.messages.close ?? ""} @click=${this._emitClose}></calcite-action></header><article class="flex-adjustable">${this.loading ? t`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "Loading"}></calcite-loader>` : t`<div class="flex-column y-scrollable-container">${this.renderOutputPanel()}${this.renderConsolePanel()}${this.renderLogPanel()}</div>`}</article>`;
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
|
-
|
|
225
|
+
D("arcgis-arcade-results", q);
|
|
226
226
|
export {
|
|
227
|
-
|
|
227
|
+
q as ArcgisArcadeResults
|
|
228
228
|
};
|