@arcgis/coding-components 5.1.0-next.129 → 5.1.0-next.130

package/dist/cdn/index.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{J as s,v as e}from"./REL6OK2I.js";import"./Y3KOWWO5.js";import"./3TTFCHAA.js";var i=e(s,{"arcgis-arcade-coding-assistant":[()=>import("./OYNUENPR.js"),"appVersion,closed,closePanel:,diagnostics:,disableQuestionAnswerLogging,editorRef:,feedbackServiceUrl,helpBase,insertText:,portalUrl,promptingEnabled,serviceUrl;destroy,openPrompt"],"arcgis-arcade-debugger-console":[()=>import("./U6KAPM53.js"),"debuggerStore:,modelId"],"arcgis-arcade-debugger-output":[()=>import("./7NI24N24.js"),"debuggerStore:,result:"],"arcgis-arcade-editor":[()=>import("./6NF6A3IL.js"),"arcadeAssistant:,customPanels:,disableAssistant,editorInstance:,editorOptions:,enableDebugger,externalExecutor:,hideDocumentationActions,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getTestResult,openArcadeAssistant,setFocus"],"arcgis-arcade-results":[()=>import("./B7UJ6L6F.js"),"consoleLogs:,hideHeader,loading,openedResultPanel,result:"],"arcgis-arcade-suggestions":[()=>import("./XRARLSUB.js"),"closed,suggestions:"],"arcgis-code-editor":[()=>import("./66OHRRRE.js"),"editorInstance:,editorOptions:,language,modelId,value;insertSnippet,insertText,setFocus"],"arcgis-code-editor-shell":[()=>import("./CNNHY73S.js")],"arcgis-code-viewer":[()=>import("./Q4VU6BZR.js"),"language,lineNumbers,round"],"arcgis-editor-variables":[()=>import("./2CUPMUTK.js"),"closed,heading,hideDescriptions,loading,messageOverrides:,modelId,variable:"],"arcgis-language-api-panel":[()=>import("./3YHAACIY.js"),"apiLibrary:,closed,hideDocumentationActions,languageId,loading"],"arcgis-sql-expression-editor":[()=>import("./FHSCW2PZ.js"),"hideDescriptionsInFieldsPanel,hideSideBar,messageOverrides:,messages:,profile:,script;setFocus"],"arcgis-sql-layer-editor":[()=>import("./A4IJ4IXL.js"),"editorInstance:,editorOptions:,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script;setFocus"]});i({resourcesUrl:import.meta.url});var r=new CSSStyleSheet;r.replaceSync("@layer{:not([hydrated]):is(arcgis-arcade-editor,arcgis-code-editor,arcgis-code-editor-shell,arcgis-code-viewer,arcgis-sql-expression-editor,arcgis-sql-layer-editor){visibility:hidden}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,s)
+import{J as s,v as e}from"./REL6OK2I.js";import"./Y3KOWWO5.js";import"./3TTFCHAA.js";var i=e(s,{"arcgis-arcade-coding-assistant":[()=>import("./OYNUENPR.js"),"appVersion,closed,closePanel:,diagnostics:,disableQuestionAnswerLogging,editorRef:,feedbackServiceUrl,helpBase,insertText:,portalUrl,promptingEnabled,serviceUrl;destroy,openPrompt"],"arcgis-arcade-debugger-console":[()=>import("./TKFJEUYO.js"),"debuggerStore:,modelId"],"arcgis-arcade-debugger-output":[()=>import("./62CWTCDL.js"),"debuggerStore:,result:"],"arcgis-arcade-editor":[()=>import("./NKLH4FV4.js"),"arcadeAssistant:,customPanels:,disableAssistant,editorInstance:,editorOptions:,enableDebugger,externalExecutor:,hideDocumentationActions,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getTestResult,openArcadeAssistant,setFocus"],"arcgis-arcade-results":[()=>import("./MORS3SBZ.js"),"consoleLogs:,hideHeader,loading,openedResultPanel,result:"],"arcgis-arcade-suggestions":[()=>import("./XRARLSUB.js"),"closed,suggestions:"],"arcgis-code-editor":[()=>import("./66OHRRRE.js"),"editorInstance:,editorOptions:,language,modelId,value;insertSnippet,insertText,setFocus"],"arcgis-code-editor-shell":[()=>import("./MSZINSFE.js")],"arcgis-code-viewer":[()=>import("./Q4VU6BZR.js"),"language,lineNumbers,round"],"arcgis-editor-variables":[()=>import("./2CUPMUTK.js"),"closed,heading,hideDescriptions,loading,messageOverrides:,modelId,variable:"],"arcgis-language-api-panel":[()=>import("./3YHAACIY.js"),"apiLibrary:,closed,hideDocumentationActions,languageId,loading"],"arcgis-sql-expression-editor":[()=>import("./FHSCW2PZ.js"),"hideDescriptionsInFieldsPanel,hideSideBar,messageOverrides:,messages:,profile:,script;setFocus"],"arcgis-sql-layer-editor":[()=>import("./A4IJ4IXL.js"),"editorInstance:,editorOptions:,hideSideBar,messageOverrides:,messages:,openedSidePanel,profile:,script;setFocus"]});i({resourcesUrl:import.meta.url});var r=new CSSStyleSheet;r.replaceSync("@layer{:not([hydrated]):is(arcgis-arcade-editor,arcgis-code-editor,arcgis-code-editor-shell,arcgis-code-viewer,arcgis-sql-expression-editor,arcgis-sql-layer-editor){visibility:hidden}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,s)

package/dist/chunks/ArcadeDebuggerPreviewTabsState.js

@@ -12,7 +12,7 @@ function l(t) {
 }
 function u(t) {
   const e = t.split(".").filter(Boolean).at(-1) ?? t;
-  return e.length > 9 ? `${e.slice(0, 12)}...` : e;
+  return e.length > 12 ? `${e.slice(0, 12)}...` : e;
 }
 let o = class extends p {
   constructor(t) {

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

@@ -164,7 +164,7 @@ function L({ lazyTreeState: e, nodePath: t, mergedCollectionItem: n, expanded: r
     }
     return l.length ? C(l) : C();
   }, 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>`;
+  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 .disabled=${g} @click=${V}></calcite-action>` : null}${O()}</calcite-tree-item>`;
 }
 function P(e) {
   if (e == null)

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

@@ -1,16 +1,16 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { html as a, unsafeCSS as d, css as m } from "lit";
+import { html as a, unsafeCSS as v, css as m } from "lit";
 import { nothing as y, safeClassMap as l } from "@arcgis/lumina";
 import { classes as i } from "@arcgis/toolkit/dom";
 import { uncapitalize as f, quoteString as c } from "@arcgis/toolkit/string";
-import { f as g, a as $, b } from "./arcade-executor.js";
+import { f as g, a as b, b as $ } from "./arcade-executor.js";
 import { t as o } from "./monaco-theme.js";
 const s = {
   lines: !0,
   selectionMode: "none",
   scale: "s",
   oncalciteTreeSelect: (e) => e.currentTarget.selectedItems.forEach((t) => t.selected = !1)
-}, u = "tree-item-metadata", p = ({ name: e, isMetadata: t = !1 }) => a`<span class=${l(i("dictionary-property", t && u))}>${e}</span><span class=${l(i(t && u))}>:&nbsp;</span>`, z = ({ obj: e, subtree: t }) => a`<calcite-tree slot=${"children"} .lines=${s.lines} .selectionMode=${s.selectionMode} .scale=${s.scale} @calciteTreeSelect=${s.oncalciteTreeSelect}><calcite-tree-item class="string-value">${JSON.stringify(e, void 0, 2)}</calcite-tree-item></calcite-tree>`, N = ({ value: e, subtree: t = !1 }) => a`<calcite-tree slot=${(t ? "children" : void 0) ?? y} .lines=${s.lines} .selectionMode=${s.selectionMode} .scale=${s.scale} @calciteTreeSelect=${s.oncalciteTreeSelect}><calcite-tree-item><div class="tree-item-label">${p({ name: "type" })}${f(e.type)}</div></calcite-tree-item><calcite-tree-item><div class="tree-item-label">${p({ name: "value" })}<span class="string-value">${JSON.stringify(e, void 0, 2)}</span></div></calcite-tree-item></calcite-tree>`, C = ({ type: e, value: t }) => {
+}, u = "tree-item-metadata", p = ({ name: e, isMetadata: t = !1 }) => a`<bdi class=${l(i("dictionary-property", t && u))}>${e}</bdi><bdi class=${l(i(t && u))}>:&nbsp;</bdi>`, z = ({ obj: e, subtree: t }) => a`<calcite-tree slot=${"children"} .lines=${s.lines} .selectionMode=${s.selectionMode} .scale=${s.scale} @calciteTreeSelect=${s.oncalciteTreeSelect}><calcite-tree-item class="string-value">${JSON.stringify(e, void 0, 2)}</calcite-tree-item></calcite-tree>`, N = ({ value: e, subtree: t = !1 }) => a`<calcite-tree slot=${(t ? "children" : void 0) ?? y} .lines=${s.lines} .selectionMode=${s.selectionMode} .scale=${s.scale} @calciteTreeSelect=${s.oncalciteTreeSelect}><calcite-tree-item><div class="tree-item-label">${p({ name: "type" })}<bdi>${f(e.type)}</bdi></div></calcite-tree-item><calcite-tree-item><div class="tree-item-label">${p({ name: "value" })}<span class="string-value">${JSON.stringify(e, void 0, 2)}</span></div></calcite-tree-item></calcite-tree>`, C = ({ type: e, value: t }) => {
   switch (e) {
     case "unknown":
     case "Unknown":
@@ -75,9 +75,9 @@ function V(e) {
     case "text":
       return { type: e.type, value: e.value };
     case "date":
-      return { type: e.type, value: b(e) };
-    case "dateOnly":
       return { type: e.type, value: $(e) };
+    case "dateOnly":
+      return { type: e.type, value: b(e) };
     case "time":
       return { type: e.type, value: g(e) };
   }
@@ -94,14 +94,14 @@ function A() {
 `, e += `:host(:state(${S})),
 `, e += `:host([calcite-mode-dark]) {
 `;
-  const v = o["dark-theme"];
-  return Object.entries(v).forEach(([n, r]) => {
+  const d = o["dark-theme"];
+  return Object.entries(d).forEach(([n, r]) => {
     e += `
   --arcgis-editor-${n}: ${r};`;
   }), e += `
 }
 `, m`
-    ${d(e)}
+    ${v(e)}
   `;
 }
 const E = m`

package/dist/chunks/functional.js

@@ -1,38 +1,38 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { html as r } from "lit";
+import { html as a } from "lit";
 import "@arcgis/lumina";
-import { B as b, v as $, M as d } from "./arcade-executor.js";
+import { B as y, v as p, M as $ } from "./arcade-executor.js";
 import { uncapitalize as m, setValuesInString as v } from "@arcgis/toolkit/string";
 import { s as g } from "./fields.js";
 import "@arcgis/toolkit/function";
 import { i as S, a as f, S as h, D as o, b as k, G as x } from "./debugger-value-styles.js";
-const n = {
+const i = {
   lines: !0,
   selectionMode: "none",
   scale: "s",
   oncalciteTreeSelect: (e) => e.currentTarget.selectedItems.forEach((t) => t.selected = !1)
-}, u = {
+}, d = {
   onClick: (e) => {
     const t = e.currentTarget;
     t.expanded = !t.expanded;
   }
 }, A = ({ arcadeResult: e, t9nStrings: t }) => {
-  const a = e.value ?? [], s = Math.max(a.length - d, 0);
-  return r`<span>${`${m(e.type)}(${a.length ?? 0})`}</span>${s > 0 ? r`<span>&nbsp;${v(t.showingfirstitemsformat, {
-    count: d.toString()
+  const r = e.value ?? [], c = Math.max(r.length - $, 0);
+  return a`<bdi>${`${m(e.type)}(${r.length ?? 0})`}</bdi>${c > 0 ? a`<span>&nbsp;${v(t.showingfirstitemsformat, {
+    count: $.toString()
   })}</span>` : null}`;
-}, C = ({ value: e, subtree: t, t9nStrings: a }) => {
-  const s = e.geometry?.();
-  return r`<calcite-tree slot=${"children"} .lines=${n.lines} .selectionMode=${n.selectionMode} .scale=${n.scale} @calciteTreeSelect=${n.oncalciteTreeSelect}>${e.keys().map((c) => {
-    const l = $(e.field(c));
-    return e.arcadeDeclaredClass === "esri.arcade.Feature" && l.type === "geometry" ? null : p({ arcadeResult: l, name: c, t9nStrings: a });
-  })}${s ? p({ arcadeResult: { type: "geometry", value: s }, name: "geometry", t9nStrings: a }) : null}</calcite-tree>`;
-}, B = ({ arcadeResult: e, t9nStrings: t }) => r`<div class="value-type"><span>${m(e.type)}:</span>${e.features.length >= b ? r`<span>&nbsp;${v(t.showingfirstitemsformat, {
-  count: b.toString()
-})}</span>` : null}</div>`, D = ({ items: e, subtree: t, arrayLength: a = e.length, t9nStrings: s }) => r`<calcite-tree slot=${"children"} .lines=${n.lines} .selectionMode=${n.selectionMode} .scale=${n.scale} @calciteTreeSelect=${n.oncalciteTreeSelect}>${e.map((c, l) => {
-  const i = $(c);
-  return p({ arcadeResult: i, name: l, expanded: !t, t9nStrings: s });
-})}${p({ arcadeResult: { type: "number", value: a }, name: "length", isMetadata: !0, t9nStrings: s })}</calcite-tree>`, p = ({ arcadeResult: e, name: t, isMetadata: a = !1, expanded: s, t9nStrings: c }) => {
+}, C = ({ value: e, subtree: t, t9nStrings: r }) => {
+  const c = e.geometry?.();
+  return a`<calcite-tree slot=${"children"} .lines=${i.lines} .selectionMode=${i.selectionMode} .scale=${i.scale} @calciteTreeSelect=${i.oncalciteTreeSelect}>${e.keys().map((l) => {
+    const s = p(e.field(l));
+    return e.arcadeDeclaredClass === "esri.arcade.Feature" && s.type === "geometry" ? null : u({ arcadeResult: s, name: l, t9nStrings: r });
+  })}${c ? u({ arcadeResult: { type: "geometry", value: c }, name: "geometry", t9nStrings: r }) : null}</calcite-tree>`;
+}, B = ({ arcadeResult: e, t9nStrings: t }) => a`<div class="value-type"><bdi>${m(e.type)}:</bdi>${e.features.length >= y ? a`<span>&nbsp;${v(t.showingfirstitemsformat, {
+  count: y.toString()
+})}</span>` : null}</div>`, D = ({ items: e, subtree: t, arrayLength: r = e.length, t9nStrings: c }) => a`<calcite-tree slot=${"children"} .lines=${i.lines} .selectionMode=${i.selectionMode} .scale=${i.scale} @calciteTreeSelect=${i.oncalciteTreeSelect}>${e.map((l, s) => {
+  const n = p(l);
+  return u({ arcadeResult: n, name: s, expanded: !t, t9nStrings: c });
+})}${u({ arcadeResult: { type: "number", value: r }, name: "length", isMetadata: !0, t9nStrings: c })}</calcite-tree>`, u = ({ arcadeResult: e, name: t, isMetadata: r = !1, expanded: c, t9nStrings: l }) => {
   switch (e.type) {
     case "null":
     case "unknown":
@@ -42,34 +42,34 @@ const n = {
     case "dateOnly":
     case "time":
     case "boolean":
-      const { type: l, value: i } = f(e);
-      return r`<calcite-tree-item><div class="tree-item-label">${o({ name: t, isMetadata: a })}${h({ type: l, value: i })}</div></calcite-tree-item>`;
+      const { type: s, value: n } = f(e);
+      return a`<calcite-tree-item><div class="tree-item-label">${o({ name: t, isMetadata: r })}${h({ type: s, value: n })}</div></calcite-tree-item>`;
     case "array": {
-      const y = e.value ?? [], T = y.slice(0, d);
-      return r`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${o({ name: t, isMetadata: a })}${A({ arcadeResult: e, t9nStrings: c })}</div>${D({ items: T, arrayLength: y.length, subtree: !0, t9nStrings: c })}</calcite-tree-item>`;
+      const b = e.value ?? [], T = b.slice(0, $);
+      return a`<calcite-tree-item .expanded=${c} @click=${d.onClick}><div class="tree-item-label">${o({ name: t, isMetadata: r })}${A({ arcadeResult: e, t9nStrings: l })}</div>${D({ items: T, arrayLength: b.length, subtree: !0, t9nStrings: l })}</calcite-tree-item>`;
     }
     case "geometry":
-      return r`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${o({ name: t, isMetadata: a })}<span>${m(e.type)}</span></div>${x({ value: e.value, subtree: !0 })}</calcite-tree-item>`;
+      return a`<calcite-tree-item .expanded=${c} @click=${d.onClick}><div class="tree-item-label">${o({ name: t, isMetadata: r })}<bdi>${m(e.type)}</bdi></div>${x({ value: e.value, subtree: !0 })}</calcite-tree-item>`;
     case "attachment":
-      return r`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${o({ name: t, isMetadata: a })}<span>${m(e.type)}</span></div>${k({ obj: e.value.castAsJson(), subtree: !0 })}</calcite-tree-item>`;
+      return a`<calcite-tree-item .expanded=${c} @click=${d.onClick}><div class="tree-item-label">${o({ name: t, isMetadata: r })}<bdi>${m(e.type)}</bdi></div>${k({ obj: e.value.castAsJson(), subtree: !0 })}</calcite-tree-item>`;
     case "feature":
     case "dictionary":
     case "portal":
-      return r`<calcite-tree-item .expanded=${s} @click=${u.onClick}><div class="tree-item-label">${o({ name: t, isMetadata: a })}<span>${m(e.type)}</span></div>${C({ value: e.value, subtree: !0, t9nStrings: c })}</calcite-tree-item>`;
+      return a`<calcite-tree-item .expanded=${c} @click=${d.onClick}><div class="tree-item-label">${o({ name: t, isMetadata: r })}<bdi>${m(e.type)}</bdi></div>${C({ value: e.value, subtree: !0, t9nStrings: l })}</calcite-tree-item>`;
     default:
       return null;
   }
 }, G = ({ arcadeResult: e }) => {
   const t = g(e.value.fields);
-  return r`<div class="table-scroll"><table><thead><tr>${t.map((a) => r`<th>${a.name}</th>`)}</tr></thead><tbody>${e.features.map((a) => r`<tr>${t.map((s) => {
-    const c = $(a.field(s.name));
-    if (!S(c))
-      return r`<td></td>`;
+  return a`<div class="table-scroll"><table><thead><tr>${t.map((r) => a`<th>${r.name}</th>`)}</tr></thead><tbody>${e.features.map((r) => a`<tr>${t.map((c) => {
+    const l = p(r.field(c.name));
+    if (!S(l))
+      return a`<td></td>`;
     try {
-      const { type: l, value: i } = f(c);
-      return r`<td>${h({ type: l, value: i })}</td>`;
+      const { type: s, value: n } = f(l);
+      return a`<td>${h({ type: s, value: n })}</td>`;
     } catch {
-      return r`<td></td>`;
+      return a`<td></td>`;
     }
   })}</tr>`)}</tbody></table></div>`;
 };
@@ -79,5 +79,5 @@ export {
   B as F,
   G as a,
   D as b,
-  n as t
+  i as t
 };

package/dist/components/arcgis-arcade-debugger-console/customElement.js

@@ -207,7 +207,7 @@ class N extends f {
     return r`<calcite-tabs><calcite-tab-nav slot=title-group><calcite-tab-title .tab=${p} .selected=${e === p} @calciteTabsActivate=${(t) => this.activateTab(t.target.tab)}>${this.messages.scope ?? "Scope"}</calcite-tab-title>${g(this.previewTabsState.tabs, (t) => `title-${t.id}`, (t) => r`<calcite-tab-title .tab=${t.id} title=${t.label ?? b} closable .selected=${e === t.id} @calciteTabsActivate=${(a) => this.activateTab(a.target.tab)} @calciteTabsClose=${(a) => this.closePreviewTab(a.target)}><bdi>${t.title}</bdi></calcite-tab-title>`)}</calcite-tab-nav><calcite-tab .tab=${p} .selected=${e === p}><div class="tab-panel">${this.renderScopePanel()}</div></calcite-tab>${g(this.previewTabsState.tabs, (t) => `panel-${t.id}`, (t) => r`<calcite-tab .tab=${t.id} .selected=${e === t.id}><div class="tab-panel preview-panel">${this.renderPreviewPanel(t)}</div></calcite-tab>`)}</calcite-tabs>`;
   }
   render() {
-    const { line: e } = this.debuggerStore?.executionState ?? {}, t = this.breakpoints.find((i) => i.line === e), a = this.breakpoints.findIndex((i) => i.line === e);
+    const { line: e } = this.debuggerStore?.executionState ?? {}, t = e ? this.breakpoints.find((i) => i.line === e) : this.breakpoints[0], a = e ? this.breakpoints.findIndex((i) => i.line === e) : 0;
     return r`<div class="console-shell">${this.breakpoints.length && r`<div class="breakpoint-header"><arcgis-code-viewer language=arcade class="breakpoint-code-viewer" .lineNumbers=${(i) => String(i + (t?.line ?? e ?? 1) - 1)}>${this.getBreakpointCode(t?.line ?? this.breakpoints[0]?.line ?? e ?? 1)}</arcgis-code-viewer>${this.breakpoints.length ? r`<calcite-action id=${this._breakpointPopoverId ?? b} scale=s .text=${this.getBreakpointPositionText(a >= 0 ? a + 1 : 1)} text-enabled icon=chevron-down></calcite-action>` : null}${this.renderBreakpointPopover(t?.line ?? e)}</div>` || ""}<div class="tabs-container">${this.renderTabs()}</div></div>`;
   }
 }

package/dist/components/arcgis-arcade-debugger-output/customElement.js

@@ -6,7 +6,7 @@ import { u as o } from "../../chunks/useT9n.js";
 import { d as c, g as n, c as a, t } from "../../chunks/debugger-value-styles.js";
 import { observeAncestorsMutation as u, unsafeGetCalciteModeName as d } from "@arcgis/toolkit/dom";
 import { D as m } from "../../chunks/debugger-value-components.js";
-const p = l`:host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);--calcite-block-padding: var(--calcite-spacing-sm);overflow:auto;calcite-flow{height:100%}.disabled-state-text{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);font-style:italic;display:block;margin:var(--calcite-spacing-md)}.ltr-container{direction:ltr}[class*=result-value-]{line-height:1.25rem}}`;
+const p = l`:host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);--calcite-block-padding: var(--calcite-spacing-sm);overflow:auto;calcite-flow{height:100%}.disabled-state-text{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);font-style:italic;display:block;margin:var(--calcite-spacing-md)}[class*=result-value-]{line-height:1.25rem}}`;
 class h extends i {
   constructor() {
     super(...arguments), this.messages = o();

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

@@ -599,7 +599,7 @@ class we extends ie {
     }
   }
   _onEditorMouseDown(e) {
-    if (!this.enableDebugger || ![this._monacoEditor.MouseTargetType.GUTTER_GLYPH_MARGIN].includes(e.target.type))
+    if (!this.enableDebugger || ![this._monacoEditor.MouseTargetType.GUTTER_GLYPH_MARGIN].includes(e.target.type) || e.target.element?.classList.contains("codicon-gutter-lightbulb"))
       return;
     const s = e.target.position?.lineNumber;
     s && this._debuggerState.toggleBreakpoint(s);

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

@@ -1,23 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as h } from "../../chunks/runtime.js";
+import { c as p } from "../../chunks/runtime.js";
 import { css as g, html as e } from "lit";
-import { LitElement as f, createEvent as d, safeClassMap as r } from "@arcgis/lumina";
+import { LitElement as f, createEvent as u, safeClassMap as r } from "@arcgis/lumina";
 import { setValuesInString as i, uncapitalize as a } from "@arcgis/toolkit/string";
 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 p } from "../../chunks/debugger-value-styles.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 { createRef as o, 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}.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)}}}}`, c = {
-  onClick: (u) => {
-    const t = u.currentTarget;
+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 = {
+  onClick: (d) => {
+    const t = d.currentTarget;
     t.expanded = !t.expanded;
   }
 };
 class F extends f {
   constructor() {
-    super(...arguments), this.messages = b(), this.outputRef = o(), this.consoleRef = o(), this.logRef = o(), this.openedResultPanel = "output", this.hideHeader = !1, this.arcgisInternalClosePanel = d({ bubbles: !1, composed: !1 }), this.arcgisInternalOpenedResultPanelChange = d({ bubbles: !1, composed: !1 });
+    super(...arguments), this.messages = b(), this.outputRef = o(), this.consoleRef = o(), this.logRef = o(), 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 };
@@ -48,7 +48,7 @@ class F extends f {
     I(this.el) === "dark" ? this.elementInternals.states.add(m) : this.elementInternals.states.delete(m);
   }
   renderConsolePanel() {
-    return this.openedResultPanel !== "console" ? null : this.loading && !this.consoleLogs?.length ? e`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "loading"}></calcite-loader>` : e`<div class="console-logs-container ltr-container">${this.consoleLogs?.length ? this.consoleLogs.map((t) => e`<p>${t}</p>`) : e`<p>${this.messages.consolemessage}</p>`}</div>`;
+    return this.openedResultPanel !== "console" ? null : this.loading && !this.consoleLogs?.length ? e`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "loading"}></calcite-loader>` : e`<div class="console-logs-container">${this.consoleLogs?.length ? this.consoleLogs.map((t) => e`<p>${t}</p>`) : e`<p>${this.messages.consolemessage}</p>`}</div>`;
   }
   renderLogPanel() {
     if (this.openedResultPanel !== "log")
@@ -85,7 +85,7 @@ class F extends f {
         return e`<div class="result-value-simple flex-adjustable">${i(this.messages.executionerrorformat ?? "", { message: this.result.value })}</div>`;
       case "null":
       case "unknown":
-        return e`<div class="result-value-simple ltr-container">${p({ type: this.result.type, value: a(this.result.type) })}</div>`;
+        return e`<div class="result-value-simple">${h({ type: this.result.type, value: a(this.result.type) })}</div>`;
       case "text":
       case "number":
       case "date":
@@ -93,33 +93,33 @@ class F extends f {
       case "time":
       case "boolean": {
         const { type: t, value: l } = C(this.result);
-        return e`<div class="result-value-simple ltr-container"><span class="value-type">${a(this.result.type)}:&nbsp;</span>${p({ type: t, value: l })}</div>`;
+        return e`<div class="result-value-simple"><bdi class="value-type">${a(this.result.type)}:&nbsp;</bdi>${h({ type: t, value: l })}</div>`;
       }
       case "array": {
         const l = (this.result.value ?? []).slice(0, v);
-        return e`<div class="result-value-simple ltr-container"><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>`;
+        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 ltr-container"><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">${a(this.result.type)}</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>${T({ value: this.result.value, subtree: !0 })}</calcite-tree-item></calcite-tree></div>`;
       case "attachment":
-        return e`<div class="result-value-simple ltr-container"><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">${a(this.result.type)}</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>${S({ obj: this.result.value.castAsJson(), subtree: !0 })}</calcite-tree-item></calcite-tree></div>`;
       case "feature":
       case "dictionary":
       case "portal":
-        return e`<div class="result-value-simple ltr-container"><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">${a(this.result.type)}</div>${y({ value: this.result.value, subtree: !0, t9nStrings: this.messages })}</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>${y({ value: this.result.value, subtree: !0, t9nStrings: this.messages })}</calcite-tree-item></calcite-tree></div>`;
       case "featureSet":
-        return e`<div class="result-value-table ltr-container">${$({ arcadeResult: this.result, t9nStrings: this.messages })}${x({ arcadeResult: this.result })}</div>`;
+        return e`<div class="result-value-table">${$({ arcadeResult: this.result, t9nStrings: this.messages })}${x({ arcadeResult: this.result })}</div>`;
       case "knowledgeGraph":
-        return e`<div class="result-value-simple ltr-container"><span class="value-type">${a(this.result.type)}:&nbsp;</span><span class="string-value">${this.result.value.url}</span></div>`;
+        return e`<div class="result-value-simple"><bdi class="value-type">${a(this.result.type)}:&nbsp;</bdi><bdi class="string-value">${this.result.value.url}</bdi></div>`;
       default:
-        return e`<div class="result-value-simple flex-adjustable ltr-container">${this.messages.runscriptmessage}</div>`;
+        return e`<div class="result-value-simple flex-adjustable">${this.messages.runscriptmessage}</div>`;
     }
   }
   render() {
     return e`${this.hideHeader ? null : e`<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 ${n(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 ${n(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 ${n(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 ? e`<calcite-loader scale=s type=indeterminate .label=${this.messages.loading ?? "Loading"}></calcite-loader>` : e`<div class="flex-column y-scrollable-container">${this.renderOutputPanel()}${this.renderConsolePanel()}${this.renderLogPanel()}</div>`}</article>`;
   }
 }
-h("arcgis-arcade-results", F);
+p("arcgis-arcade-results", F);
 export {
   F as ArcgisArcadeResults
 };

package/dist/components/arcgis-code-editor-shell/customElement.js

@@ -3,86 +3,91 @@ import { c as g } from "../../chunks/runtime.js";
 import { css as f, html as x } from "lit";
 import { LitElement as v } from "@arcgis/lumina";
 import { slotChangeHasContent as y } from "@arcgis/toolkit/dom";
-import { createRef as c, ref as d } from "lit/directives/ref.js";
-const w = f`:host{--internal-border: var(--arcgis-coding-components-border, 1px solid var(--calcite-color-border-3));--internal-background-color: var(--arcgis-coding-components-background-color, var(--calcite-color-foreground-1));--internal-side-action-bar-max-w: var(--arcgis-coding-components-side-action-bar-max-w, 25%);--internal-code-editor-side-panel-w: var(--arcgis-coding-components-code-editor-side-panel-w, 600px);--internal-code-editor-side-panel-max-w: var(--arcgis-coding-components-code-editor-side-panel-max-w, 45%);--internal-code-editor-results-panel-max-h: var(--arcgis-coding-components-code-editor-results-panel-max-h, 50%);--internal-code-editor-results-panel-h: var(--arcgis-coding-components-code-editor-results-panel-h, 50%);--internal-code-editor-results-panel-bottom-drawer-controls-h: 0px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--internal-border);box-sizing:border-box;background-color:var(--internal-background-color);height:100%;.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}.bottom-drawer{display:flex;flex:0 0 auto;flex-direction:column;overflow:hidden;position:relative;box-sizing:border-box;min-height:0}.bottom-drawer-resize-handle{display:none;position:absolute;inset-inline:0;inset-block-start:0;align-items:center;justify-content:center;block-size:var(--calcite-size-fixed-sm-plus);cursor:ns-resize;touch-action:none;user-select:none;z-index:var(--calcite-z-index-header);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);outline:none}.bottom-drawer-resize-handle-bar{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);transition:box-shadow .12s ease,color .12s ease,background-color .12s ease}.bottom-drawer-resize-handle-bar calcite-icon{color:inherit}}:host(:state(results-has-content)) .bottom-drawer{padding-block-start:var(--calcite-size-fixed-sm-plus);height:calc(var(--internal-code-editor-results-panel-h) + var(--internal-code-editor-results-panel-bottom-drawer-controls-h));max-height:calc(var(--internal-code-editor-results-panel-max-h) + var(--internal-code-editor-results-panel-bottom-drawer-controls-h))}:host(:state(results-has-content)) .bottom-drawer-resize-handle{display:flex}:host(:state(results-has-content)) .bottom-drawer-resize-handle:focus .bottom-drawer-resize-handle-bar{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host(:state(results-has-content)) .bottom-drawer-resize-handle:hover .bottom-drawer-resize-handle-bar,:host(:state(results-has-content)) .bottom-drawer-resize-handle .bottom-drawer-resize-handle-bar,:host(:state(is-resizing)) .bottom-drawer-resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-foreground-3))}:host(:state(results-has-content)) slot[name=bottom-action-bar]::slotted(*){border-top:0}slot[name=top-action-bar]{flex:0 0 auto}slot[name=top-action-bar]::slotted(*){border-bottom:var(--internal-border)}slot[name=bottom-action-bar]{flex:0 0 auto}slot[name=bottom-action-bar]::slotted(*){border-top:var(--internal-border)}slot[name=side-panel]::slotted(*){max-width:var(--internal-code-editor-side-panel-max-w);width:var(--internal-code-editor-side-panel-w);border-inline-start:var(--internal-border);box-sizing:border-box;flex:1 0 auto}slot[name=side-panel]::slotted(.hidden){display:none}slot[name=editor]::slotted(*){flex:auto;min-height:0}slot[name=results-panel]{display:flex;flex:1 1 auto;overflow:hidden;min-height:0}slot[name=results-panel]::slotted(*){border-top:var(--internal-border);box-sizing:border-box;flex:1 1 auto;min-height:0}slot[name=side-action-bar]::slotted(*){max-width:var(--internal-side-action-bar-max-w);border-inline-start:var(--internal-border)}`, z = 10, P = 25, u = 100, i = "results-has-content", m = "is-resizing", H = "--arcgis-coding-components-code-editor-results-panel-max-h", s = "--internal-code-editor-results-panel-h", a = "--internal-code-editor-results-panel-max-h", n = "--internal-code-editor-results-panel-bottom-drawer-controls-h";
+import { createRef as l, ref as c } from "lit/directives/ref.js";
+const w = f`:host{--internal-border: var(--arcgis-coding-components-border, 1px solid var(--calcite-color-border-3));--internal-background-color: var(--arcgis-coding-components-background-color, var(--calcite-color-foreground-1));--internal-side-action-bar-max-w: var(--arcgis-coding-components-side-action-bar-max-w, 25%);--internal-code-editor-side-panel-w: var(--arcgis-coding-components-code-editor-side-panel-w, 600px);--internal-code-editor-side-panel-max-w: var(--arcgis-coding-components-code-editor-side-panel-max-w, 45%);--internal-code-editor-results-panel-max-h: var(--arcgis-coding-components-code-editor-results-panel-max-h, 50%);--internal-code-editor-results-panel-h: var(--arcgis-coding-components-code-editor-results-panel-h, 50%);--internal-code-editor-results-panel-bottom-drawer-controls-h: 0px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--internal-border);box-sizing:border-box;background-color:var(--internal-background-color);height:100%;.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}.bottom-drawer{display:flex;flex:0 0 auto;flex-direction:column;overflow:hidden;position:relative;box-sizing:border-box;min-height:0}.bottom-drawer-resize-handle{display:none;position:absolute;inset-inline:0;inset-block-start:0;align-items:center;justify-content:center;block-size:var(--calcite-size-fixed-sm-plus);cursor:ns-resize;touch-action:none;user-select:none;z-index:var(--calcite-z-index-header);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);outline:none}.bottom-drawer-resize-handle-bar{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:var(--calcite-size-fixed-sm-plus);color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);border-block-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);transition:box-shadow .12s ease,color .12s ease,background-color .12s ease}.bottom-drawer-resize-handle-bar calcite-icon{color:inherit}}:host(:state(results-has-content)) .bottom-drawer{padding-block-start:var(--calcite-size-fixed-sm-plus);height:calc(var(--internal-code-editor-results-panel-h) + var(--internal-code-editor-results-panel-bottom-drawer-controls-h));max-height:calc(var(--internal-code-editor-results-panel-max-h) + var(--internal-code-editor-results-panel-bottom-drawer-controls-h))}:host(:state(results-has-content)) .bottom-drawer-resize-handle{display:flex}:host(:state(results-has-content)) .bottom-drawer-resize-handle:focus .bottom-drawer-resize-handle-bar{box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host(:state(results-has-content)) .bottom-drawer-resize-handle:hover .bottom-drawer-resize-handle-bar,:host(:state(results-has-content)) .bottom-drawer-resize-handle .bottom-drawer-resize-handle-bar,:host(:state(is-resizing)) .bottom-drawer-resize-handle-bar{color:var(--calcite-shell-panel-resize-icon-color, var(--calcite-color-text-1));background-color:var(--calcite-shell-panel-resize-background-color, var(--calcite-color-foreground-3))}:host(:state(results-has-content)) slot[name=bottom-action-bar]::slotted(*){border-top:0}slot[name=top-action-bar]{flex:0 0 auto}slot[name=top-action-bar]::slotted(*){border-bottom:var(--internal-border)}slot[name=bottom-action-bar]{flex:0 0 auto}slot[name=bottom-action-bar]::slotted(*){border-top:var(--internal-border)}slot[name=side-panel]::slotted(*){max-width:var(--internal-code-editor-side-panel-max-w);width:var(--internal-code-editor-side-panel-w);border-inline-start:var(--internal-border);box-sizing:border-box;flex:1 0 auto}slot[name=side-panel]::slotted(.hidden){display:none}slot[name=editor]::slotted(*){flex:auto;min-height:0}slot[name=results-panel]{display:flex;flex:1 1 auto;overflow:hidden;min-height:0}slot[name=results-panel]::slotted(*){border-top:var(--internal-border);box-sizing:border-box;flex:1 1 auto;min-height:0}slot[name=side-action-bar]::slotted(*){max-width:var(--internal-side-action-bar-max-w);border-inline-start:var(--internal-border)}`, z = 10, P = 25, h = 100, u = "results-has-content", m = "is-resizing", H = "--arcgis-coding-components-code-editor-results-panel-max-h", s = "--internal-code-editor-results-panel-h", n = "--internal-code-editor-results-panel-max-h", i = "--internal-code-editor-results-panel-bottom-drawer-controls-h";
 class R extends v {
   static {
     this.styles = [w];
   }
   #e = void 0;
-  #i = !1;
-  #n = c();
-  #d = c();
-  #a = c();
-  #t;
-  #h(e) {
-    this.#e === e.pointerId && this.#r();
-  }
-  #g = (e) => {
-    this.#e === e.pointerId && this.#r();
+  #t = !1;
+  #n = !1;
+  #a = l();
+  #h = l();
+  #l = l();
+  #r;
+  #u(e) {
+    this.#e === e.pointerId && this.#o();
+  }
+  #f = (e) => {
+    this.#e === e.pointerId && this.#o();
   };
   load() {
-    this.manager.onLifecycle(() => (this.#t = new ResizeObserver(() => {
-      this.elementInternals.states.has(i) && this.#s();
-    }), this.updateComplete.then(() => this.#b()), () => {
-      this.#r(), this.#t?.disconnect(), this.#t = void 0;
+    this.manager.onLifecycle(() => (this.#r = new ResizeObserver(() => {
+      this.#t && this.#i();
+    }), this.updateComplete.then(() => this.#g()), () => {
+      this.#o(), this.#r?.disconnect(), this.#r = void 0;
     }));
   }
-  #f() {
-    this.elementInternals.states.has(i) && this.#s(), this.#b();
-  }
-  #x(e) {
-    e.button !== 0 || !this.elementInternals.states.has(i) || (e.preventDefault(), e.currentTarget instanceof HTMLElement && (e.currentTarget.focus(), e.currentTarget.setPointerCapture(e.pointerId)), this.#e = e.pointerId, this.#i = !0, this.elementInternals.states.add(m), this.#u(e));
+  #x() {
+    this.#t && this.#i(), this.#g();
   }
   #v(e) {
-    if (!this.elementInternals.states.has(i))
-      return;
-    this.#s();
-    const t = this.#P(e);
-    t != null && (e.preventDefault(), e.stopPropagation(), this.#i = !0, this.#c(t));
+    e.button !== 0 || !this.#t || (e.preventDefault(), e.currentTarget instanceof HTMLElement && (e.currentTarget.focus(), e.currentTarget.setPointerCapture(e.pointerId)), this.#e = e.pointerId, this.#n = !0, this.elementInternals.states.add(m), this.#m(e));
   }
   #y(e) {
+    if (!this.#t)
+      return;
+    this.#i();
+    const t = this.#H(e);
+    t != null && (e.preventDefault(), e.stopPropagation(), this.#n = !0, this.#d(t));
+  }
+  #w(e) {
     if (!e.target)
       return;
     const r = y(e);
-    r || (this.#r(), this.#i || this.#R()), r ? (this.elementInternals.states.add(i), this.#s()) : this.elementInternals.states.delete(i);
+    if (this.#t = r, r) {
+      this.elementInternals.states.add(u), this.#i();
+      return;
+    }
+    this.#o(), this.#n || this.#C(), this.elementInternals.states.delete(u);
   }
-  #r() {
+  #o() {
     const e = this.#e;
     if (!e)
       return;
     this.#e = void 0;
-    const t = this.#d.value;
+    const t = this.#h.value;
     t?.hasPointerCapture(e) && t.releasePointerCapture(e), this.elementInternals.states.delete(m);
   }
-  #u(e) {
+  #m(e) {
     if (this.#e !== e.pointerId)
       return;
-    const t = this.#o(), r = this.el.getBoundingClientRect().bottom - e.clientY - t;
-    this.#c(r, t);
+    const t = this.#s(), r = this.el.getBoundingClientRect().bottom - e.clientY - t;
+    this.#d(r, t);
   }
-  #w() {
+  #z() {
     const e = Number.parseFloat(this.el.style.getPropertyValue(s));
     if (Number.isFinite(e))
       return e;
-    const t = Number.parseFloat(getComputedStyle(this.#n.value ?? this.el).height);
-    return Number.isFinite(t) ? Math.max(0, t - this.#o()) : u;
+    const t = Number.parseFloat(getComputedStyle(this.#a.value ?? this.el).height);
+    return Number.isFinite(t) ? Math.max(0, t - this.#s()) : h;
   }
-  #m() {
+  #p() {
     return this.el.querySelector(':scope > [slot="bottom-action-bar"]');
   }
-  #o() {
-    const e = this.#m()?.getBoundingClientRect().height ?? 0, t = this.#a.value?.getBoundingClientRect().height ?? 0;
+  #s() {
+    const e = this.#p()?.getBoundingClientRect().height ?? 0, t = this.#l.value?.getBoundingClientRect().height ?? 0;
     return e + t;
   }
-  #p() {
+  #b() {
     return getComputedStyle(this.el).getPropertyValue(H).trim() || null;
   }
-  #l(e, t) {
+  #c(e, t) {
     t ? this.el.style.setProperty(e, t) : this.el.style.removeProperty(e);
   }
-  #z(e) {
-    const t = this.#p();
+  #P(e) {
+    const t = this.#b();
     if (!t)
       return null;
     const r = Number.parseFloat(t);
@@ -90,26 +95,26 @@ class R extends v {
       return r;
     if (t.endsWith("%") && Number.isFinite(r))
       return this.el.getBoundingClientRect().height * r / 100;
-    const o = this.#n.value;
+    const o = this.#a.value;
     if (!o)
       return null;
-    const l = this.el.style.getPropertyValue(n), p = this.el.style.getPropertyValue(s), b = this.el.style.getPropertyValue(a);
-    this.el.style.setProperty(n, `${e}px`), this.el.style.setProperty(s, `${this.el.getBoundingClientRect().height}px`), this.el.style.setProperty(a, t);
-    const h = Number.parseFloat(getComputedStyle(o).height);
-    return this.#l(n, l), this.#l(s, p), this.#l(a, b), Number.isFinite(h) ? Math.max(0, h - e) : null;
+    const a = this.el.style.getPropertyValue(i), p = this.el.style.getPropertyValue(s), b = this.el.style.getPropertyValue(n);
+    this.el.style.setProperty(i, `${e}px`), this.el.style.setProperty(s, `${this.el.getBoundingClientRect().height}px`), this.el.style.setProperty(n, t);
+    const d = Number.parseFloat(getComputedStyle(o).height);
+    return this.#c(i, a), this.#c(s, p), this.#c(n, b), Number.isFinite(d) ? Math.max(0, d - e) : null;
   }
-  #b() {
-    const e = this.#t;
+  #g() {
+    const e = this.#r;
     if (!e)
       return;
     e.disconnect(), e.observe(this.el);
-    const t = this.#a.value;
+    const t = this.#l.value;
     t && e.observe(t);
-    const r = this.#m();
+    const r = this.#p();
     r && e.observe(r);
   }
-  #P(e) {
-    const t = e.shiftKey ? P : z, r = this.#w();
+  #H(e) {
+    const t = e.shiftKey ? P : z, r = this.#z();
     switch (e.key) {
       case "ArrowUp":
         return r + t;
@@ -119,23 +124,23 @@ class R extends v {
         return;
     }
   }
-  #H(e, t) {
-    const r = Math.max(0, this.el.getBoundingClientRect().height - t), o = this.#z(t), l = o == null ? r : Math.min(r, o);
-    return Math.min(Math.max(e, u), l);
+  #R(e, t) {
+    const r = Math.max(0, this.el.getBoundingClientRect().height - t), o = this.#P(t), a = o == null ? r : Math.min(r, o);
+    return Math.min(Math.max(e, h), a);
   }
-  #c(e, t = this.#o()) {
-    const r = this.#H(e, t), o = this.#p();
-    this.el.style.setProperty(n, `${t}px`), this.el.style.setProperty(s, `${r}px`), this.el.style.setProperty(a, o ?? `calc(100% - ${t}px)`);
+  #d(e, t = this.#s()) {
+    const r = this.#R(e, t), o = this.#b();
+    this.el.style.setProperty(i, `${t}px`), this.el.style.setProperty(s, `${r}px`), this.el.style.setProperty(n, o ?? `calc(100% - ${t}px)`);
   }
-  #R() {
-    this.el.style.removeProperty(n), this.el.style.removeProperty(s), this.el.style.removeProperty(a);
+  #C() {
+    this.el.style.removeProperty(i), this.el.style.removeProperty(s), this.el.style.removeProperty(n);
   }
-  #s() {
-    const e = this.#o(), t = Number.parseFloat(this.el.style.getPropertyValue(s));
-    return Number.isFinite(t) ? this.#c(t, e) : this.el.style.setProperty(n, `${e}px`), e;
+  #i() {
+    const e = this.#s(), t = Number.parseFloat(this.el.style.getPropertyValue(s));
+    return Number.isFinite(t) ? this.#d(t, e) : this.el.style.setProperty(i, `${e}px`), e;
   }
   render() {
-    return x`<slot name=top-action-bar></slot><div class="flex-row flex-adjustable"><div class="flex-column flex-adjustable"><slot name=editor></slot><div class="bottom-drawer" ${d(this.#n)}><div aria-label="Resize results panel" aria-orientation=horizontal class="bottom-drawer-resize-handle" role=separator tabindex=0 @pointercancel=${this.#h} @pointerdown=${this.#x} @pointermove=${this.#u} @pointerup=${this.#h} @lostpointercapture=${this.#g} @keydown=${this.#v} ${d(this.#d)}><div class="bottom-drawer-resize-handle-bar" ${d(this.#a)}><calcite-icon icon=drag-resize-vertical scale=s></calcite-icon></div></div><slot name=bottom-action-bar @slotchange=${this.#f}></slot><slot name=results-panel @slotchange=${this.#y}></slot></div></div><slot name=side-panel></slot><slot name=side-action-bar></slot></div>`;
+    return x`<slot name=top-action-bar></slot><div class="flex-row flex-adjustable"><div class="flex-column flex-adjustable"><slot name=editor></slot><div class="bottom-drawer" ${c(this.#a)}><div aria-label="Resize results panel" aria-orientation=horizontal class="bottom-drawer-resize-handle" role=separator tabindex=0 @pointercancel=${this.#u} @pointerdown=${this.#v} @pointermove=${this.#m} @pointerup=${this.#u} @lostpointercapture=${this.#f} @keydown=${this.#y} ${c(this.#h)}><div class="bottom-drawer-resize-handle-bar" ${c(this.#l)}><calcite-icon icon=drag-resize-vertical scale=s></calcite-icon></div></div><slot name=bottom-action-bar @slotchange=${this.#x}></slot><slot name=results-panel @slotchange=${this.#w}></slot></div></div><slot name=side-panel></slot><slot name=side-action-bar></slot></div>`;
   }
 }
 g("arcgis-code-editor-shell", R);