@arcgis/coding-components 4.32.0-next.83 → 4.32.0-next.84

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-01-15T04:57:21",
+  "timestamp": "2025-01-16T04:57:13",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.32.0-next.83",
+    "version": "4.32.0-next.84",
     "typescriptVersion": "5.6.3"
   },
   "components": [
@@ -24,6 +24,32 @@
       "dependencies": [],
       "dependencyGraph": {},
       "props": [
+        {
+          "name": "customPanels",
+          "type": "(Array<{\n    id: string;\n    name: string;\n    icon: string;\n    description?: string | undefined;\n    useFlows?: boolean | undefined;\n    renderer: ({ closePanel, insertText, }: {\n        closePanel: (e: Event) => void;\n        insertText: (text: string) => void;\n    }) => JsxNode;\n}>)",
+          "complexType": {
+            "original": "(Array<{\n    id: string;\n    name: string;\n    icon: string;\n    description?: string | undefined;\n    useFlows?: boolean | undefined;\n    renderer: ({ closePanel, insertText, }: {\n        closePanel: (e: Event) => void;\n        insertText: (text: string) => void;\n    }) => JsxNode;\n}>)",
+            "resolved": "(Array<{\n    id: string;\n    name: string;\n    icon: string;\n    description?: string | undefined;\n    useFlows?: boolean | undefined;\n    renderer: ({ closePanel, insertText, }: {\n        closePanel: (e: Event) => void;\n        insertText: (text: string) => void;\n    }) => JsxNode;\n}>)",
+            "references": {
+              "Array": {
+                "location": "import",
+                "path": "typescript/lib/lib.es5.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "Custom panels to be displayed in the side panel.\nWill be placed below the default panels but above the help panel.",
+          "docsTags": [
+            {
+              "name": "internal"
+            }
+          ],
+          "values": [],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "editorOptions",
           "type": "(IEditorOptions & IGlobalEditorOptions)",
@@ -97,36 +123,24 @@
         },
         {
           "name": "openedSidePanel",
-          "type": "\"api\" | \"none\" | \"suggestions\" | \"variables\"",
+          "type": "T extends {\n    customPanels: Array<ICustomPanel>;\n} ? \"none\" | \"variables\" | \"suggestions\" | \"api\" : string",
           "complexType": {
-            "original": "\"api\" | \"none\" | \"suggestions\" | \"variables\"",
-            "resolved": "\"api\" | \"none\" | \"suggestions\" | \"variables\"",
-            "references": {}
+            "original": "T extends {\n    customPanels: Array<ICustomPanel>;\n} ? \"none\" | \"variables\" | \"suggestions\" | \"api\" : string",
+            "resolved": "T extends {\n    customPanels: Array<ICustomPanel>;\n} ? \"none\" | \"variables\" | \"suggestions\" | \"api\" : string",
+            "references": {
+              "T": {
+                "location": "local",
+                "path": "dist/components/arcgis-arcade-editor/customElement.d.ts",
+                "id": "notImplemented"
+              }
+            }
           },
           "mutable": true,
-          "attr": "opened-side-panel",
           "reflectToAttr": true,
           "docs": "The name of the opened side panel. 'none' means 'no panel opened'.",
           "docsTags": [],
           "default": "\"none\"",
-          "values": [
-            {
-              "value": "api",
-              "type": "string"
-            },
-            {
-              "value": "none",
-              "type": "string"
-            },
-            {
-              "value": "suggestions",
-              "type": "string"
-            },
-            {
-              "value": "variables",
-              "type": "string"
-            }
-          ],
+          "values": [],
           "optional": true,
           "required": false
         },

package/dist/docs/vscode.html-custom-data.json

@@ -16,24 +16,6 @@
           "description": "If true, it will hide the side actions bar. The editor will be in a minimalistic UX.",
           "values": []
         },
-        {
-          "name": "opened-side-panel",
-          "description": "The name of the opened side panel. 'none' means 'no panel opened'.",
-          "values": [
-            {
-              "name": "api"
-            },
-            {
-              "name": "none"
-            },
-            {
-              "name": "suggestions"
-            },
-            {
-              "name": "variables"
-            }
-          ]
-        },
         {
           "name": "script",
           "description": "The arcade script. Use this property to define or update the script.",

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/coding-components",
-  "version": "4.32.0-next.83",
+  "version": "4.32.0-next.84",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -26,19 +26,6 @@
                 "type": "boolean"
               }
             },
-            {
-              "name": "opened-side-panel",
-              "description": "The name of the opened side panel. 'none' means 'no panel opened'.",
-              "default": "\"none\"",
-              "value": {
-                "type": [
-                  "\"api\"",
-                  "\"none\"",
-                  "\"suggestions\"",
-                  "\"variables\""
-                ]
-              }
-            },
             {
               "name": "script",
               "description": "The arcade script. Use this property to define or update the script.",
@@ -70,6 +57,11 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "customPanels",
+                "description": "Custom panels to be displayed in the side panel.\nWill be placed below the default panels but above the help panel.",
+                "type": "(Array<{\n    id: string;\n    name: string;\n    icon: string;\n    description?: string | undefined;\n    useFlows?: boolean | undefined;\n    renderer: ({ closePanel, insertText, }: {\n        closePanel: (e: Event) => void;\n        insertText: (text: string) => void;\n    }) => JsxNode;\n}>)"
+              },
               {
                 "name": "editorOptions",
                 "description": "Options to update on the editor.\nFor example:\n```json\n{\n  \"fontSize\": 18\n}\n```\n\nTo get the full list of available options, see the Monaco Editor options documentation for more details.",
@@ -88,7 +80,7 @@
               {
                 "name": "openedSidePanel",
                 "description": "The name of the opened side panel. 'none' means 'no panel opened'.",
-                "type": "\"api\" | \"none\" | \"suggestions\" | \"variables\""
+                "type": "T extends {\n    customPanels: Array<ICustomPanel>;\n} ? \"none\" | \"variables\" | \"suggestions\" | \"api\" : string"
               },
               {
                 "name": "profile",

package/dist/index.js

@@ -3,7 +3,7 @@ import { a as c } from "./chunks/arcade-defaults.js";
 import { s as p } from "./chunks/sql-expr-defaults.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.83 */
+v4.32.0-next.84 */
 const a = s, r = t;
 export {
   c as arcade,

package/dist/loader.js

@@ -2,9 +2,9 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as i } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.83 */
+v4.32.0-next.84 */
 const o = i(e, {
-  "arcgis-arcade-editor": [() => import("./components/arcgis-arcade-editor/customElement.js"), "editorInstance:,editorOptions:,hideDocumentationActions,hideSideBar,openedSidePanel,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getEditorInstance,getScript,getTestResult,setFocus"],
+  "arcgis-arcade-editor": [() => import("./components/arcgis-arcade-editor/customElement.js"), "customPanels:,editorInstance:,editorOptions:,hideDocumentationActions,hideSideBar,openedSidePanel:,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getEditorInstance,getScript,getTestResult,setFocus"],
   "arcgis-arcade-results": [() => import("./components/arcgis-arcade-results/customElement.js"), "consoleLogs:,loading,openedResultPanel,result:"],
   "arcgis-arcade-suggestions": [() => import("./components/arcgis-arcade-suggestions/customElement.js"), "suggestions:"],
   "arcgis-code-editor": [() => import("./components/arcgis-code-editor/customElement.js"), "editorInstance:,editorOptions:,language,modelId,value;getEditorInstance,getValue,insertSnippet,insertText,setFocus,setValue"],

package/dist/types/lumina.d.ts

@@ -4,7 +4,7 @@ import type { ArcgisCodeEditor } from "../components/arcgis-code-editor";
 import type { ArcgisSqlExpressionEditor } from "../components/arcgis-sql-expression-editor";
 import type { h, EventHandler } from "@arcgis/lumina";
 
-interface LuminaArcgisArcadeEditor extends Partial<Pick<ArcgisArcadeEditor, 'editorOptions' | 'hideDocumentationActions' | 'hideSideBar' | 'openedSidePanel' | 'profile' | 'script' | 'sideActionBarExpanded' | 'snippets' | 'suggestions' | 'testData'>>, h.JSX.HTMLAttributes<HTMLArcgisArcadeEditorElement> {
+interface LuminaArcgisArcadeEditor extends Partial<Pick<ArcgisArcadeEditor, 'customPanels' | 'editorOptions' | 'hideDocumentationActions' | 'hideSideBar' | 'openedSidePanel' | 'profile' | 'script' | 'sideActionBarExpanded' | 'snippets' | 'suggestions' | 'testData'>>, h.JSX.HTMLAttributes<HTMLArcgisArcadeEditorElement> {
   onarcgisDiagnosticsChange?: EventHandler<HTMLArcgisArcadeEditorElement["arcgisDiagnosticsChange"]>;
   onarcgisScriptChange?: EventHandler<HTMLArcgisArcadeEditorElement["arcgisScriptChange"]>;
 }

package/dist/types/preact.d.ts

@@ -5,7 +5,7 @@ import type { ArcgisSqlExpressionEditor } from "../components/arcgis-sql-express
 import { JSX as PreactJsx } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
-interface PreactArcgisArcadeEditor extends Partial<Pick<ArcgisArcadeEditor, 'editorOptions' | 'hideDocumentationActions' | 'hideSideBar' | 'openedSidePanel' | 'profile' | 'script' | 'sideActionBarExpanded' | 'snippets' | 'suggestions' | 'testData'>>, PreactJsx.HTMLAttributes<HTMLArcgisArcadeEditorElement> {
+interface PreactArcgisArcadeEditor extends Partial<Pick<ArcgisArcadeEditor, 'customPanels' | 'editorOptions' | 'hideDocumentationActions' | 'hideSideBar' | 'openedSidePanel' | 'profile' | 'script' | 'sideActionBarExpanded' | 'snippets' | 'suggestions' | 'testData'>>, PreactJsx.HTMLAttributes<HTMLArcgisArcadeEditorElement> {
   onarcgisDiagnosticsChange?: EventHandler<HTMLArcgisArcadeEditorElement["arcgisDiagnosticsChange"]>;
   onarcgisScriptChange?: EventHandler<HTMLArcgisArcadeEditorElement["arcgisScriptChange"]>;
 }

package/dist/types/react.d.ts

@@ -2,20 +2,21 @@
 import type { ArcgisArcadeEditor } from "../components/arcgis-arcade-editor";
 import type { ArcgisCodeEditor } from "../components/arcgis-code-editor";
 import type { ArcgisSqlExpressionEditor } from "../components/arcgis-sql-expression-editor";
-import type { Ref, HTMLProps, EventHandler, SyntheticEvent } from 'react';
+import type { HTMLProps } from 'react';
+import type { EventHandler } from "@arcgis/lumina"; 
 
-interface ReactArcgisArcadeEditor extends Partial<Pick<ArcgisArcadeEditor, 'editorOptions' | 'hideDocumentationActions' | 'hideSideBar' | 'openedSidePanel' | 'profile' | 'script' | 'sideActionBarExpanded' | 'snippets' | 'suggestions' | 'testData'>>, HTMLProps<HTMLArcgisArcadeEditorElement> {
-  onarcgisDiagnosticsChange?: EventHandler<SyntheticEvent<HTMLArcgisArcadeEditorElement, HTMLArcgisArcadeEditorElement["arcgisDiagnosticsChange"]>>;
-  onarcgisScriptChange?: EventHandler<SyntheticEvent<HTMLArcgisArcadeEditorElement, HTMLArcgisArcadeEditorElement["arcgisScriptChange"]>>;
+interface ReactArcgisArcadeEditor extends Partial<Pick<ArcgisArcadeEditor, 'customPanels' | 'editorOptions' | 'hideDocumentationActions' | 'hideSideBar' | 'openedSidePanel' | 'profile' | 'script' | 'sideActionBarExpanded' | 'snippets' | 'suggestions' | 'testData'>>, HTMLProps<HTMLArcgisArcadeEditorElement> {
+  onarcgisDiagnosticsChange?: EventHandler<HTMLArcgisArcadeEditorElement["arcgisDiagnosticsChange"]>;
+  onarcgisScriptChange?: EventHandler<HTMLArcgisArcadeEditorElement["arcgisScriptChange"]>;
 }
 
 interface ReactArcgisCodeEditor extends Partial<Pick<ArcgisCodeEditor, 'editorOptions' | 'language' | 'modelId' | 'value'>>, HTMLProps<HTMLArcgisCodeEditorElement> {
-  onarcgisSelectionChange?: EventHandler<SyntheticEvent<HTMLArcgisCodeEditorElement, HTMLArcgisCodeEditorElement["arcgisSelectionChange"]>>;
-  onarcgisValueChange?: EventHandler<SyntheticEvent<HTMLArcgisCodeEditorElement, HTMLArcgisCodeEditorElement["arcgisValueChange"]>>;
+  onarcgisSelectionChange?: EventHandler<HTMLArcgisCodeEditorElement["arcgisSelectionChange"]>;
+  onarcgisValueChange?: EventHandler<HTMLArcgisCodeEditorElement["arcgisValueChange"]>;
 }
 
 interface ReactArcgisSqlExpressionEditor extends Partial<Pick<ArcgisSqlExpressionEditor, 'hideSideBar' | 'profile' | 'script'>>, HTMLProps<HTMLArcgisSqlExpressionEditorElement> {
-  onarcgisScriptChange?: EventHandler<SyntheticEvent<HTMLArcgisSqlExpressionEditorElement, HTMLArcgisSqlExpressionEditorElement["arcgisScriptChange"]>>;
+  onarcgisScriptChange?: EventHandler<HTMLArcgisSqlExpressionEditorElement["arcgisScriptChange"]>;
 }
 
 declare module "react" {

package/dist/types/stencil.d.ts

@@ -5,7 +5,7 @@ import type { ArcgisSqlExpressionEditor } from "../components/arcgis-sql-express
 import { JSXBase as StencilJsx } from "@stencil/core/internal";
 import type { EventHandler } from "@arcgis/lumina";
 
-interface StencilArcgisArcadeEditor extends Partial<Pick<ArcgisArcadeEditor, 'editorOptions' | 'hideDocumentationActions' | 'hideSideBar' | 'openedSidePanel' | 'profile' | 'script' | 'sideActionBarExpanded' | 'snippets' | 'suggestions' | 'testData'>>, StencilJsx.HTMLAttributes<HTMLArcgisArcadeEditorElement> {
+interface StencilArcgisArcadeEditor extends Partial<Pick<ArcgisArcadeEditor, 'customPanels' | 'editorOptions' | 'hideDocumentationActions' | 'hideSideBar' | 'openedSidePanel' | 'profile' | 'script' | 'sideActionBarExpanded' | 'snippets' | 'suggestions' | 'testData'>>, StencilJsx.HTMLAttributes<HTMLArcgisArcadeEditorElement> {
   onArcgisDiagnosticsChange?: EventHandler<HTMLArcgisArcadeEditorElement["arcgisDiagnosticsChange"]>;
   onArcgisScriptChange?: EventHandler<HTMLArcgisArcadeEditorElement["arcgisScriptChange"]>;
 }

package/dist/utils/custom-panel.d.ts

@@ -0,0 +1,23 @@
+import { JsxNode } from '@arcgis/lumina';
+export type ICustomPanel = {
+    /** Unique ID */
+    id: string;
+    /** Panel name - will be used in tooltip for side action bar and heading */
+    name: string;
+    /** Calcite icon */
+    icon: string;
+    /** Optional description */
+    description?: string;
+    /** Optional flag to indicate that the user is providing custom flow items */
+    useFlows?: boolean;
+    /** Renderer function that returns a JSX node */
+    renderer: ({ closePanel, insertText, }: {
+        closePanel: (e: Event) => void;
+        insertText: (text: string) => void;
+    }) => JsxNode;
+};
+/**
+ * validates that the renderer function returns a a jsx node that includes a calcite-flow-item.
+ * TODO: this should be improved to check that actual render result, and perform sanitation.
+ */
+export declare const validateUseFlowsRenderer: (renderer: ICustomPanel["renderer"]) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/coding-components",
-  "version": "4.32.0-next.83",
+  "version": "4.32.0-next.84",
   "description": "Contains components for editing code in different languages. The currently supported languages are html, css, json, TypeScript, JavaScript, and Arcade.",
   "keywords": [
     "ArcGIS",
@@ -36,12 +36,12 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/arcade-languageservice": "4.32.0-next.83",
-    "@arcgis/components-controllers": "4.32.0-next.83",
-    "@arcgis/components-utils": "4.32.0-next.83",
-    "@arcgis/core-adapter": "4.32.0-next.83",
-    "@arcgis/languages-api-utils": "4.32.0-next.83",
-    "@arcgis/lumina": "4.32.0-next.83",
+    "@arcgis/arcade-languageservice": "4.32.0-next.84",
+    "@arcgis/components-controllers": "4.32.0-next.84",
+    "@arcgis/components-utils": "4.32.0-next.84",
+    "@arcgis/core-adapter": "4.32.0-next.84",
+    "@arcgis/languages-api-utils": "4.32.0-next.84",
+    "@arcgis/lumina": "4.32.0-next.84",
     "monaco-editor": "^0.52.0",
     "tslib": "^2.7.0",
     "vscode-languageserver-types": "^3.17.5"

package/dist/arcgis-coding-components/DITB2IHG.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.83 */
-import{a as b,h as c}from"./UDC3ATPR.js";import{a as P,b as A}from"./QR6WVNQI.js";import{a as E}from"./LWVJU2TB.js";import{a as f,b as v,d as s}from"./KRSQQ5UL.js";import"./4HUHKO2F.js";import"./26D2TEEA.js";import"./EOMSLJPL.js";import"./ESXQSD7A.js";import"./5QRWOYYV.js";import{b as h,e as g,f as t,h as n,r,s as u,w as _,x as m}from"./JTRK76CP.js";import{a as d,h as p}from"./P6HD6APH.js";import{Hl as x,kk as y}from"./V3N4TSTX.js";import"./V6XSS2WT.js";y();var D=g`arcgis-arcade-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border);box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%;.flex-adjustable{flex:1 1 auto;overflow:hidden}.flex-panel{flex:1 0 auto}.position-relative{position:relative}.flex-row{display:flex;flex-direction:row;overflow:hidden}.flex-column{display:flex;flex-direction:column;overflow:hidden}.border-inline-start{border-inline-start:var(--arcgis-coding-components-border);box-sizing:border-box}.border-inline-end{border-inline-end:var(--arcgis-coding-components-border);box-sizing:border-box}.sticky{position:sticky;top:0;z-index:10}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);text-align:center}.side-action-bar{max-width:var(--arcgis-coding-components-side-action-bar-max-w)}.side-panel{max-width:var(--arcgis-coding-components-side-panel-max-w);width:var(--arcgis-coding-components-side-panel-w);calcite-flow{height:100%}}.main-action-bar{border-bottom:var(--arcgis-coding-components-border);flex:0 0 auto;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)}}arcgis-arcade-results{border-top:var(--arcgis-coding-components-border);box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}calcite-flow{[slot=footer]{word-break:break-word}}}`,l=class extends u{constructor(){super(...arguments),this._codeEditorElt=P(),this._componentReadyDefer=new d,this._disposables=[],this._editorProfilePromise=Promise.resolve(void 0),this.messages=E(),this._modelId=p(),this._openArcadeHelp=()=>void window.open(b,"Arcade Help"),this._toggleSidePanel=e=>{if(!e.target)return;let i=e.target?.dataset.panelName??"none";this.openedSidePanel=i===this.openedSidePanel?"none":i,this.openedSidePanel==="none"&&this._codeEditorElt.value?.setFocus().catch(console.error)},this._consoleLogs=[],this._executingScript=!1,this._preparingArcade=!1,this._resultPanel="output",this._showExecutionPanel=!1,this.hideDocumentationActions=!1,this.hideSideBar=!1,this.openedSidePanel="none",this.script="",this.sideActionBarExpanded=!1,this.arcgisDiagnosticsChange=r({bubbles:!1}),this.arcgisScriptChange=r({bubbles:!1})}static{this.properties={_apiLibrary:16,_consoleLogs:16,_editorProfile:16,_executingScript:16,_executionResult:16,_preparingArcade:16,_resultPanel:16,_showExecutionPanel:16,editorInstance:32,editorOptions:0,hideDocumentationActions:5,hideSideBar:5,openedSidePanel:3,profile:0,script:1,sideActionBarExpanded:7,snippets:0,suggestions:0,testData:0}}static{this.shadowRootOptions=h}static{this.styles=D}get editorInstance(){return this._codeEditorElt.value?.editorInstance}async getEditorInstance(){return await this._componentReadyDefer.promise,this._codeEditorElt.value?.editorInstance}async getScript(){return await this._componentReadyDefer.promise,this._codeEditorElt.value?.value}async getTestResult(){if(!this.testData)return{type:"error",value:"Missing test data",error:null};let e=await this._editorProfilePromise;if(!e)return{type:"error",value:"Missing editor profile",error:null};await this._componentReadyDefer.promise;let i=this._codeEditorElt.value?.value;return await c(e.definition,i,this.testData)}async setFocus(){await this._componentReadyDefer.promise,await this._codeEditorElt.value?.setFocus()}async load(){let e=m("./assets");f(e),await this._updateEditorProfile()}willUpdate(e){(e.has("messages")||e.has("profile"))&&this._updateDataModelDeps(),e.has("testData")&&this._testDataChanged(),e.has("snippets")&&s.updateApiContextForModel(this._modelId,{snippets:this.snippets})}async loaded(){this._componentReadyDefer.resolve(),await this._updateApiLibrary();let e=await v();this._disposables.push(e.onDiagnosticsChange(i=>!this._preparingArcade&&this.arcgisDiagnosticsChange.emit(i.diagnostics))),this.testData&&this._addExecuteScriptAction(),await this._codeEditorElt.value?.setFocus()}disconnectedCallback(){for(super.disconnectedCallback();this._disposables.length;)this._disposables.pop()?.dispose()}async _updateDataModelDeps(){await this._updateEditorProfile(),await this._updateApiLibrary()}_testDataChanged(){!this.testData&&this._executeScriptAction&&(this._disposeSafely(this._executeScriptAction),this._executeScriptAction=void 0),this.testData&&!this._executeScriptAction&&this._addExecuteScriptAction(),this._showExecutionPanel&&this._executeScript().catch(console.error)}async _updateEditorProfile(){this._preparingArcade=!0;try{await s.setProfileForModel(this._modelId,this.profile,{locale:this.messages._t9nLocale,snippets:this.snippets}),this._editorProfile=s.getEditorProfileForModel(this._modelId)}catch{this._editorProfile=void 0}finally{this._editorProfilePromise=Promise.resolve(this._editorProfile),this._preparingArcade=!1}}async _updateApiLibrary(){this._apiLibrary=await s.getApiLibraryForModel(this._modelId)}async _executeScript(){let e=this.testData;if(!this._codeEditorElt.value||!e)return;let i=await this._editorProfilePromise;if(!i){this._executionResult={type:"error",value:"Missing editor profile",error:null};return}this._showExecutionPanel=!0,this._executingScript=!0,this._consoleLogs=[],setTimeout(()=>void(async()=>{let a=this._codeEditorElt.value?.value;this._executionResult=await c(i.definition,a,e,o=>setTimeout(()=>this._consoleLogs=[...this._consoleLogs,o],0)),this._executingScript=!1})(),0)}_toggleShowExecutionPanel(){this._showExecutionPanel=!this._showExecutionPanel}_toggleSideActionBarExpanded(){this.sideActionBarExpanded=!this.sideActionBarExpanded}_onCodeEditorValueChange(e){e.stopPropagation(),this.script=e.detail,this.arcgisScriptChange.emit(e.detail)}_insertAsSnippet(e){this._codeEditorElt.value?.insertSnippet(e.detail).catch(console.error)}_insertAsText(e){this._codeEditorElt.value?.insertText(e.detail).catch(console.error)}_onResultPanelChange(e){this._resultPanel=e.detail}_onExecutionPanelClose(){this._showExecutionPanel=!1}_addExecuteScriptAction(){let e=this.editorInstance?.addAction({id:"run-script",label:"Run Arcade Expression",keybindings:[x.F5],contextMenuGroupId:"code",contextMenuOrder:1,run:()=>{this.testData&&this._executeScript().catch(console.error)}});e&&(this._executeScriptAction=e,this._disposables.push(e))}_disposeSafely(e){let i=this._disposables.indexOf(e);i!==-1&&this._disposables.splice(i,1),e.dispose()}renderMainActionBar(){return this.testData?t`<calcite-action-bar class="main-action-bar" layout=horizontal scale=s expanded expand-disabled><calcite-action-group scale=s><calcite-action .text=${this.messages.run??""} text-enabled icon=play scale=s .loading=${this._preparingArcade} @click=${()=>void this._executeScript().catch(console.error)}></calcite-action>${this._executionResult?t`<calcite-action .text=${this.messages.lastresults??""} .active=${this._showExecutionPanel} text-enabled icon=access-string-results icon-flip-rtl scale=s @click=${this._toggleShowExecutionPanel}></calcite-action>`:null}</calcite-action-group></calcite-action-bar>`:null}renderMainPanel(){return t`<arcgis-code-editor class="flex-adjustable" .editorOptions=${this.editorOptions} .language=${s.languageId} .value=${this.script??""} .modelId=${this._modelId} @arcgisValueChange=${this._onCodeEditorValueChange} ${A(this._codeEditorElt)}></arcgis-code-editor>`}renderAction({id:e,label:i,icon:a,active:o,panelName:S,iconFlipRtl:w=!1,onClick:$=this._toggleSidePanel}){return t`<calcite-action id=${e??n} .text=${i} .icon=${a} .active=${o} @click=${$} data-panel-name=${S??n} .iconFlipRtl=${w}></calcite-action>${!this.sideActionBarExpanded&&t`<calcite-tooltip .referenceElement=${e}><span>${i}</span></calcite-tooltip>`||""}`}renderSideActionBar(){return this.hideSideBar?null:t`<calcite-action-bar class="side-action-bar border-inline-start" .expanded=${!!this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action-group>${this.renderAction({id:"profile-variables-action",label:this.messages.profilevariables??"",icon:"profile-variables",active:this.openedSidePanel==="variables",panelName:"variables"})}${this.renderAction({id:"function-action",label:this.messages.constantsandfunctions??"",icon:"function",active:this.openedSidePanel==="api",panelName:"api"})}${this.suggestions?.length?this.renderAction({id:"suggestions-action",label:this.messages.suggestions??"",icon:"lightbulb",active:this.openedSidePanel==="suggestions",panelName:"suggestions"}):null}${this.hideDocumentationActions?null:this.renderAction({id:"developer-website-action",label:this.messages.help??"",icon:"question",active:!1,panelName:"none",iconFlipRtl:this.messages._lang==="ar",onClick:this._openArcadeHelp})}</calcite-action-group></calcite-action-bar>`}renderSidePanel(){if(this.hideSideBar)return null;switch(this.openedSidePanel){case"api":return t`<arcgis-language-api-panel class="side-panel flex-panel border-inline-start" .loading=${this._preparingArcade} .apiLibrary=${this._apiLibrary} .hideDocumentationActions=${this.hideDocumentationActions} @arcgisItemSelected=${this._insertAsSnippet} @arcgisClose=${this._toggleSidePanel} data-panel-name=none></arcgis-language-api-panel>`;case"variables":return t`<arcgis-editor-variables class="side-panel flex-panel border-inline-start" .loading=${this._preparingArcade} .modelId=${this._modelId} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${this._toggleSidePanel} data-panel-name=none .variable=${this._editorProfile}></arcgis-editor-variables>`;case"suggestions":return t`<arcgis-arcade-suggestions class="side-panel flex-panel border-inline-start" .suggestions=${this.suggestions} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${this._toggleSidePanel} data-panel-name=none></arcgis-arcade-suggestions>`;default:return null}}renderResultsPanel(){return this._showExecutionPanel?t`<arcgis-arcade-results class="flex-adjustable" .openedResultPanel=${this._resultPanel} .loading=${this._executingScript} .result=${this._executionResult} .consoleLogs=${this._consoleLogs} @arcgisOpenedResultPanelChange=${this._onResultPanelChange} @arcgisClose=${this._onExecutionPanelClose}></arcgis-arcade-results>`:null}render(){return t`${this.renderMainActionBar()}<div class="flex-row flex-adjustable"><div class="flex-column flex-adjustable">${this.renderMainPanel()}${this.renderResultsPanel()}</div>${this.renderSidePanel()}${this.renderSideActionBar()}</div>`}};_("arcgis-arcade-editor",l);export{l as ArcgisArcadeEditor};