@arcgis/coding-components 4.30.0-next.9 → 4.30.0-next.91

package/dist/components/arcade-mode.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.9
+ * v4.30.0-next.91
  */
 import { editor, MarkerSeverity, Range, languages, Emitter } from 'monaco-editor';
 import { CompletionItemKind, DiagnosticSeverity, InsertTextFormat } from 'vscode-languageserver-types';
-import { r as re } from './index2.js';
+import { u as debounce } from './index2.js';
 
 var j={False:"false",Null:"null",True:"true"},f={Break:"break",Continue:"continue",Else:"else",For:"for",From:"from",Function:"function",If:"if",Import:"import",Export:"export",In:"in",Return:"return",Var:"var",While:"while"},Fe=["++","--"],Qe=["-","+","!","~"],Ze=["=","/=","*=","%=","+=","-="],Xe=["||","&&"],Lt=["|","&",">>","<<",">>>","^","==","!=","<","<=",">",">=","+","-","*","/","%"];var U=[[],[],[]];Fe.forEach(t=>U[t.length-1]?.push(t));Qe.forEach(t=>U[t.length-1]?.push(t));Xe.forEach(t=>U[t.length-1]?.push(t));Ze.forEach(t=>U[t.length-1]?.push(t));Lt.forEach(t=>U[t.length-1]?.push(t));var ht=Object.values(f),dt=Object.values(j);dt.map(t=>({label:t,kind:CompletionItemKind.Constant}));ht.map(t=>({label:t,kind:CompletionItemKind.Keyword}));
 
@@ -37,19 +37,19 @@ const operators = [
     "*=",
     "**=",
     "/=",
-    "%="
+    "%=",
 ];
 const arcadeLanguageConfiguration = {
     // the default separators except `@$`
     wordPattern: /(-?\d*\.\d\w*)|([^`~!#%\^&\*\(\)\-=\+\[\{\]\}\\\|;:'",\.<>\/\?\s]+)/gu,
     comments: {
         lineComment: "//",
-        blockComment: ["/*", "*/"]
+        blockComment: ["/*", "*/"],
     },
     brackets: [
         ["{", "}"],
         ["[", "]"],
-        ["(", ")"]
+        ["(", ")"],
     ],
     autoClosingPairs: [
         { open: "{", close: "}" },
@@ -57,21 +57,21 @@ const arcadeLanguageConfiguration = {
         { open: "(", close: ")" },
         { open: '"', close: '"', notIn: ["string"] },
         { open: "'", close: "'", notIn: ["string", "comment"] },
-        { open: "`", close: "`", notIn: ["string", "comment"] }
+        { open: "`", close: "`", notIn: ["string", "comment"] },
     ],
     autoCloseBefore: ";:.,=}])` \n\t",
     folding: {
         markers: {
             start: /^\s*\/\/\s*#?region\b/u,
-            end: /^\s*\/\/\s*#?endregion\b/u
-        }
+            end: /^\s*\/\/\s*#?endregion\b/u,
+        },
     },
     indentationRules: {
         // ^(.*\*/)?\s*\}.*$
         decreaseIndentPattern: /^((?!.*?\/\*).*\*\/)?\s*[\}\]\)].*$/u,
         // ^.*\{[^}"']*$
-        increaseIndentPattern: /^((?!\/\/).)*(\{[^}"'`]*|\([^)"'`]*|\[[^\]"'`]*)$/u
-    }
+        increaseIndentPattern: /^((?!\/\/).)*(\{[^}"'`]*|\([^)"'`]*|\[[^\]"'`]*)$/u,
+    },
 };
 const arcadeMonarchLanguage = {
     // Set defaultToken to invalid to see what you do not tokenize yet
@@ -107,16 +107,16 @@ const arcadeMonarchLanguage = {
                     cases: {
                         "@constants": "constant",
                         "@keywords": "keyword",
-                        "@default": "identifier"
-                    }
-                }
+                        "@default": "identifier",
+                    },
+                },
             ],
             // whitespace
             { include: "@whitespace" },
             // regular expression: ensure it is terminated before beginning (otherwise it is an opeator)
             [
                 /\/(?=([^\\\/]|\\.)+\/([gimsuy]*)(\s*)(\.|;|\/|,|\)|\]|\}|$))/u,
-                { token: "regexp", bracket: "@open", next: "@regexp" }
+                { token: "regexp", bracket: "@open", next: "@regexp" },
             ],
             // delimiters and operators
             [/[()\[\]]/u, "@brackets"],
@@ -126,9 +126,9 @@ const arcadeMonarchLanguage = {
                 {
                     cases: {
                         "@operators": "delimiter",
-                        "@default": ""
-                    }
-                }
+                        "@default": "",
+                    },
+                },
             ],
             // numbers
             [/(@digits)[eE]([\-+]?(@digits))?/u, "number"],
@@ -144,7 +144,7 @@ const arcadeMonarchLanguage = {
             [/'([^'\\]|\\.)*$/u, "string.invalid"],
             [/"/u, "string", "@string_double"],
             [/'/u, "string", "@string_single"],
-            [/`/u, "string", "@string_backtick"]
+            [/`/u, "string", "@string_backtick"],
         ],
         import: [
             // import keyword
@@ -156,24 +156,24 @@ const arcadeMonarchLanguage = {
             // whitespace
             { include: "@whitespace" },
             // from keyword
-            [/from/u, { token: "keyword", next: "@popall" }]
+            [/from/u, { token: "keyword", next: "@popall" }],
         ],
         whitespace: [
             [/[ \t\r\n]+/u, ""],
             [/\/\*/u, "comment", "@comment"],
-            [/\/\/.*$/u, "comment"]
+            [/\/\/.*$/u, "comment"],
         ],
         comment: [
             [/[^\/*]+/u, "comment"],
             [/\*\//u, "comment", "@pop"],
-            [/[\/*]/u, "comment"]
+            [/[\/*]/u, "comment"],
         ],
         // We match regular expression quite precisely
         regexp: [
             [/(\{)(\d+(?:,\d*)?)(\})/u, ["regexp.escape.control", "regexp.escape.control", "regexp.escape.control"]],
             [
                 /(\[)(\^?)(?=(?:[^\]\\\/]|\\.)+)/u,
-                ["regexp.escape.control", { token: "regexp.escape.control", next: "@regexrange" }]
+                ["regexp.escape.control", { token: "regexp.escape.control", next: "@regexrange" }],
             ],
             [/(\()(\?:|\?=|\?!)/u, ["regexp.escape.control", "regexp.escape.control"]],
             [/[()]/u, "regexp.escape.control"],
@@ -181,45 +181,45 @@ const arcadeMonarchLanguage = {
             [/[^\\\/]/u, "regexp"],
             [/@regexpesc/u, "regexp.escape"],
             [/\\\./u, "regexp.invalid"],
-            [/(\/)([gimsuy]*)/u, [{ token: "regexp", bracket: "@close", next: "@pop" }, "keyword.other"]]
+            [/(\/)([gimsuy]*)/u, [{ token: "regexp", bracket: "@close", next: "@pop" }, "keyword.other"]],
         ],
         regexrange: [
             [/-/u, "regexp.escape.control"],
             [/\^/u, "regexp.invalid"],
             [/@regexpesc/u, "regexp.escape"],
             [/[^\]]/u, "regexp"],
-            [/\]/u, { token: "regexp.escape.control", next: "@pop", bracket: "@close" }]
+            [/\]/u, { token: "regexp.escape.control", next: "@pop", bracket: "@close" }],
         ],
         string_double: [
             [/[^\\"]+/u, "string"],
             [/@escapes/u, "string.escape"],
             [/\\./u, "string.escape.invalid"],
-            [/"/u, "string", "@pop"]
+            [/"/u, "string", "@pop"],
         ],
         string_single: [
             [/[^\\']+/u, "string"],
             [/@escapes/u, "string.escape"],
             [/\\./u, "string.escape.invalid"],
-            [/'/u, "string", "@pop"]
+            [/'/u, "string", "@pop"],
         ],
         string_backtick: [
             [/\$\{/u, { token: "delimiter.bracket", next: "@bracketCounting" }],
             [/[^\\`$]+/u, "string"],
             [/@escapes/u, "string.escape"],
             [/\\./u, "string.escape.invalid"],
-            [/`/u, "string", "@pop"]
+            [/`/u, "string", "@pop"],
         ],
         bracketCounting: [
             [/\{/u, "delimiter.bracket", "@bracketCounting"],
             [/\}/u, "delimiter.bracket", "@pop"],
-            { include: "common" }
-        ]
-    }
+            { include: "common" },
+        ],
+    },
 };
 
 //#region Diagnostic
 class DiagnosticsAdapter {
-    constructor(_languageId, _worker, { defaults, diagnosticsService }) {
+    constructor(_languageId, _worker, { defaults, diagnosticsService, }) {
         this._languageId = _languageId;
         this._worker = _worker;
         this._disposables = [];
@@ -231,7 +231,7 @@ class DiagnosticsAdapter {
             if (languageId !== this._languageId) {
                 return;
             }
-            const debouncedValidate = re(() => {
+            const debouncedValidate = debounce(() => {
                 this._doValidate(model, languageId).catch((err) => {
                     throw err;
                 });
@@ -275,7 +275,7 @@ class DiagnosticsAdapter {
             dispose: () => {
                 this._listener.forEach((value) => value.dispose());
                 this._listener.clear();
-            }
+            },
         });
         editor.getModels().forEach(onModelAdd);
     }
@@ -322,7 +322,7 @@ function toMarker(_resource, diag) {
         startColumn: diag.range.start.character + 1,
         endLineNumber: diag.range.end.line + 1,
         endColumn: diag.range.end.character + 1,
-        message: diag.message
+        message: diag.message,
     };
 }
 //#endregion
@@ -337,7 +337,7 @@ function toRange(range) {
 function toTextEdit(textEdit) {
     return {
         range: toRange(textEdit.range),
-        text: textEdit.newText
+        text: textEdit.newText,
     };
 }
 function isInsertReplaceEdit(edit) {
@@ -407,10 +407,7 @@ class CompletionProvider {
         this._defaults = _defaults;
         this.triggerCharacters = [".", "("];
     }
-    async provideCompletionItems(model, position
-    // _context: languages.CompletionContext,
-    // _token: CancellationToken,
-    ) {
+    async provideCompletionItems(model, position) {
         const worker = await this._worker(model.uri);
         const context = this._defaults.getApiContextForModel(model.uri);
         const completionList = await worker.doComplete(model.uri.toString(), fromPosition(position), context);
@@ -424,13 +421,13 @@ class CompletionProvider {
                 filterText: entry.filterText,
                 detail: entry.detail,
                 range: wordRange,
-                kind: toCompletionItemKind(entry.kind)
+                kind: toCompletionItemKind(entry.kind),
             };
             if (entry.textEdit) {
                 if (isInsertReplaceEdit(entry.textEdit)) {
                     item.range = {
                         insert: toRange(entry.textEdit.insert),
-                        replace: toRange(entry.textEdit.replace)
+                        replace: toRange(entry.textEdit.replace),
                     };
                 }
                 else {
@@ -452,7 +449,7 @@ class CompletionProvider {
                     item.documentation = {
                         supportThemeIcons: false,
                         value: entry.documentation.value,
-                        supportHtml: true
+                        supportHtml: true,
                     };
                 }
             }
@@ -460,7 +457,7 @@ class CompletionProvider {
         });
         return {
             incomplete: completionList.isIncomplete,
-            suggestions: items
+            suggestions: items,
         };
     }
 }
@@ -471,10 +468,7 @@ class FormattingProvider {
         this._worker = _worker;
         this._defaults = _defaults;
     }
-    async provideDocumentFormattingEdits(model
-    // _options: languages.FormattingOptions,
-    // _token: CancellationToken,
-    ) {
+    async provideDocumentFormattingEdits(model) {
         const worker = await this._worker(model.uri);
         const context = this._defaults.getApiContextForModel(model.uri.toString());
         const edits = await worker.doFormat(model.uri.toString(), context);
@@ -515,8 +509,8 @@ class WorkerManager {
                 label: languageId,
                 createData: {
                     languageId,
-                    languageOptions
-                }
+                    languageOptions,
+                },
             });
             this._client = this._worker.getProxy();
         }
@@ -591,7 +585,7 @@ function setupMode(arcadeDefaults) {
     // eslint-disable-next-line no-new
     new DiagnosticsAdapter(arcadeDefaults.languageId, workerAccessor, {
         defaults: arcadeDefaults,
-        diagnosticsService: arcadeDiagnosticService
+        diagnosticsService: arcadeDiagnosticService,
     });
 }
 

package/dist/components/arcade-results.js

@@ -1,11 +1,13 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.30/esri/copyright.txt for details.
- * v4.30.0-next.9
+ * v4.30.0-next.91
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Fragment, Host } from '@stencil/core/internal/client';
 import { g as importArcade, s as supportedFields } from './fields.js';
-import { B, q, Z, D } from './index2.js';
+import { u as useControllerManager } from './chunk-IHYYRFLQ.js';
+import { s as setValuesInString, r as quoteString } from './index2.js';
+import { u as useT9n } from './useT9n.js';
 import "@esri/calcite-components/dist/components/calcite-tree.js";
 import "@esri/calcite-components/dist/components/calcite-tree-item.js";
 import "@esri/calcite-components/dist/components/calcite-loader.js";
@@ -15,7 +17,6 @@ import "@esri/calcite-components/dist/components/calcite-icon.js";
 import "@esri/calcite-components/dist/components/calcite-action-bar.js";
 import "@esri/calcite-components/dist/components/calcite-action-group.js";
 import "@esri/calcite-components/dist/components/calcite-action.js";
-import { getArcgisAssetPath as getAssetPath } from "./arcgis-assets.js";
 
 const DevelopersWebSitePath = "https://developers.arcgis.com/arcade/";
 const MaxArrayItems = 100;
@@ -200,7 +201,7 @@ async function executeScript(editorProfile, script, testContext, console) {
         // Setup an executor with the script
         const arcade = await importArcade();
         const executor = await arcade.createArcadeExecutor(script ?? "", {
-            variables: editorProfile?.variables ?? []
+            variables: editorProfile?.variables ?? [],
         });
         // We want to measure the execution time
         const t1 = performance.now();
@@ -210,7 +211,7 @@ async function executeScript(editorProfile, script, testContext, console) {
             spatialReference,
             timeZone,
             rawOutput: true,
-            console
+            console,
         };
         // Execute the script
         const scriptOutput = await executor.executeAsync(profileVariableInstances, executeContext);
@@ -234,25 +235,25 @@ async function executeScript(editorProfile, script, testContext, console) {
             error,
             timeStamp,
             compilationTime: 0,
-            executionTime: 0
+            executionTime: 0,
         };
     }
 }
 
-const arcadeResultsCss = ":host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2)}:host .flex-adjustable{flex:1 1 auto;overflow:hidden}:host .flex-row{display:flex;flex-direction:row;overflow:hidden}:host .flex-column{display:flex;flex-direction:column;overflow:hidden}:host .y-scrollable-container{overflow-y:auto;block-size:100%;background-color:var(--calcite-color-foreground-1)}:host header{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}:host .ltr-container{direction:ltr}:host calcite-action-bar calcite-action-group{padding-inline-end:var(--calcite-spacing-half)}:host calcite-action-bar calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-half)}:host calcite-action-bar calcite-action-group calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-half)}:host calcite-action-bar calcite-action-group:last-child{border-inline-end-width:0px}:host calcite-action-bar calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-half)}:host .notice-container{margin:var(--calcite-spacing-quarter);padding:var(--calcite-spacing-half);background-color:var(--calcite-color-foreground-1)}:host .color-info{color:var(--calcite-color-status-info)}:host .color-error{color:var(--calcite-color-status-danger)}:host .color-success{color:var(--calcite-color-status-success)}:host [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-three-quarter)}:host .console-logs-container{background-color:var(--calcite-color-foreground-1);padding:0 var(--calcite-spacing-three-quarter);font-family:var(--calcite-code-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal)}:host .result-value-table table{display:block;max-width:fit-content;overflow-x:auto;border-spacing:0;border-collapse:collapse;text-align:start;white-space:nowrap}:host .result-value-table table thead{background-color:var(--calcite-color-foreground-2)}:host .result-value-table table tr{border-top:1px solid var(--calcite-color-border-3);border-bottom:1px solid var(--calcite-color-border-3)}:host .result-value-table table th,:host .result-value-table table 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-quarter)}:host .result-value-table table th .string-value,:host .result-value-table table td .string-value{white-space:pre}:host .result-value-table table th{font-weight:var(--calcite-font-weight-medium)}:host .tree-item-label,:host .number-value,:host .string-value,:host .boolean-value{font-family:var(--calcite-code-family)}:host .tree-item-label,:host .value-type{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}:host .dictionary-property{color:var(--arcgis-arcade-editor-identifier)}:host .number-value{color:var(--arcgis-arcade-editor-number)}:host .string-value{color:var(--arcgis-arcade-editor-string);white-space:pre-wrap}:host .constant-value{color:var(--arcgis-arcade-editor-constant)}:host .date-value{color:var(--arcgis-arcade-editor-date)}";
+const arcadeResultsCss = ":host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2)}:host .flex-adjustable{flex:1 1 auto;overflow:hidden}:host .flex-row{display:flex;flex-direction:row;overflow:hidden}:host .flex-column{display:flex;flex-direction:column;overflow:hidden}:host .y-scrollable-container{overflow-y:auto;block-size:100%;background-color:var(--calcite-color-foreground-1)}:host header{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}:host .ltr-container{direction:ltr}:host calcite-action-bar calcite-action-group{padding-inline-end:var(--calcite-spacing-sm)}:host calcite-action-bar calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-sm)}:host calcite-action-bar calcite-action-group calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}:host calcite-action-bar calcite-action-group:last-child{border-inline-end-width:0px}:host calcite-action-bar calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}:host .notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}:host .color-info{color:var(--calcite-color-status-info)}:host .color-error{color:var(--calcite-color-status-danger)}:host .color-success{color:var(--calcite-color-status-success)}:host [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)}:host .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)}:host .result-value-table table{display:block;max-width:fit-content;overflow-x:auto;border-spacing:0;border-collapse:collapse;text-align:start;white-space:nowrap}:host .result-value-table table thead{background-color:var(--calcite-color-foreground-2)}:host .result-value-table table tr{border-top:1px solid var(--calcite-color-border-3);border-bottom:1px solid var(--calcite-color-border-3)}:host .result-value-table table th,:host .result-value-table table 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)}:host .result-value-table table th .string-value,:host .result-value-table table td .string-value{white-space:pre}:host .result-value-table table th{font-weight:var(--calcite-font-weight-medium)}:host .tree-item-label,:host .number-value,:host .string-value,:host .boolean-value{font-family:var(--calcite-code-family)}:host .tree-item-label,:host .value-type{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}:host .dictionary-property{color:var(--arcgis-arcade-editor-identifier)}:host .number-value{color:var(--arcgis-arcade-editor-number)}:host .string-value{color:var(--arcgis-arcade-editor-string);white-space:pre-wrap}:host .constant-value{color:var(--arcgis-arcade-editor-constant)}:host .date-value{color:var(--arcgis-arcade-editor-date)}";
 
 //#region Specialized Constants
 const treeProps = {
     lines: true,
     selectionMode: "none",
     scale: "s",
-    onCalciteTreeSelect: (e) => e.target.selectedItems.forEach((itemElt) => (itemElt.selected = false))
+    onCalciteTreeSelect: (e) => e.target.selectedItems.forEach((itemElt) => (itemElt.selected = false)),
 };
 const expandableTreeItemProps = {
     onClick: (e) => {
         const item = e.currentTarget;
         item.expanded = !item.expanded;
-    }
+    },
 };
 //#endregion
 //#region Helper Functions
@@ -271,7 +272,7 @@ function renderSimpleValue(arcadeResult) {
         case "null":
             return h("span", { class: "constant-value" }, arcadeResult.type);
         case "text":
-            return h("span", { class: "string-value" }, D(arcadeResult.value));
+            return h("span", { class: "string-value" }, quoteString(arcadeResult.value));
         case "number":
             return h("span", { class: "number-value" }, arcadeResult.value.toString());
         case "boolean":
@@ -279,9 +280,9 @@ function renderSimpleValue(arcadeResult) {
         case "date":
             return h("span", { class: "date-value" }, formatArcadeResultDate(arcadeResult));
         case "dateOnly":
-            return h("span", { class: "string-value" }, D(formatArcadeResultDateOnly(arcadeResult)));
+            return h("span", { class: "string-value" }, quoteString(formatArcadeResultDateOnly(arcadeResult)));
         case "time":
-            return h("span", { class: "string-value" }, D(formatArcadeResultTimeOnly(arcadeResult)));
+            return h("span", { class: "string-value" }, quoteString(formatArcadeResultTimeOnly(arcadeResult)));
         default:
             return null;
     }
@@ -298,13 +299,18 @@ function renderFeatureSetTable(arcadeResult) {
         }
     })))))));
 }
+const __cmpMeta = [1,"arcgis-arcade-results",{"loading":[1028],"openedResultPanel":[1537,"opened-result-panel"],"result":[1040],"consoleLogs":[1040]}];
 const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeResults extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         this.__attachShadow();
-        this.openedResultPanelChange = createEvent(this, "openedResultPanelChange", 3);
-        this.close = createEvent(this, "close", 3);
+        this.arcgisOpenedResultPanelChange = createEvent(this, "arcgisOpenedResultPanelChange", 3);
+        this.arcgisClose = createEvent(this, "arcgisClose", 3);
+        this.manager = useControllerManager(this,forceUpdate);
+        //#region Private Properties
+        this.messages = useT9n();
         this._switchResultPanel = (e) => {
             if (!e.target) {
                 return;
@@ -315,28 +321,17 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
             }
             this.updateResultPanel(panelName);
         };
-        this._emitClose = () => this.close.emit();
-        this._lang = "";
-        this._t9nLocale = "";
-        this._t9nStrings = undefined;
+        this._emitClose = () => this.arcgisClose.emit();
         this.loading = true;
         this.openedResultPanel = "output";
         this.result = undefined;
         this.consoleLogs = undefined;
     }
     //#endregion
-    // #region Component lifecycle events
-    async componentWillLoad() {
-        await B(this, getAssetPath("./assets"));
-    }
-    disconnectedCallback() {
-        q(this);
-    }
-    // #endregion
     //#region Private Methods
     updateResultPanel(resultPanelType) {
         this.openedResultPanel = resultPanelType;
-        this.openedResultPanelChange.emit(resultPanelType);
+        this.arcgisOpenedResultPanelChange.emit(resultPanelType);
     }
     //#endregion
     //#region Rendering
@@ -347,7 +342,7 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
         if (this.loading && !this.consoleLogs?.length) {
             return h("calcite-loader", { scale: "s", type: "indeterminate", label: "" });
         }
-        return (h("div", { class: "console-logs-container ltr-container" }, this.consoleLogs?.length ? (this.consoleLogs.map((log) => h("p", null, log))) : (h("p", null, this._t9nStrings?.consolemessage))));
+        return (h("div", { class: "console-logs-container ltr-container" }, this.consoleLogs?.length ? this.consoleLogs.map((log) => h("p", null, log)) : h("p", null, this.messages.consolemessage)));
     }
     renderLogPanel() {
         if (this.openedResultPanel !== "log") {
@@ -357,24 +352,24 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
             return h("calcite-loader", { scale: "s", type: "indeterminate", label: "" });
         }
         const iconClass = this.result?.type === "error" ? "color-error" : "color-success";
-        return (h("calcite-list", null, this.result ? (h(Fragment, null, h("calcite-list-item", { label: Z(this._t9nStrings?.lastexecutionformat, {
-                timeStamp: new Intl.DateTimeFormat(this._t9nLocale, {
+        return (h("calcite-list", null, this.result ? (h(Fragment, null, h("calcite-list-item", { label: setValuesInString(this.messages.lastexecutionformat, {
+                timeStamp: new Intl.DateTimeFormat(this.messages._t9nLocale, {
                     dateStyle: "medium",
-                    timeStyle: "medium"
-                }).format(this.result.timeStamp)
-            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: Z(this._t9nStrings?.compilationtimeformat, {
-                time: new Intl.NumberFormat(this._t9nLocale, {
+                    timeStyle: "medium",
+                }).format(this.result.timeStamp),
+            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: setValuesInString(this.messages.compilationtimeformat, {
+                time: new Intl.NumberFormat(this.messages._t9nLocale, {
                     style: "unit",
                     unit: "millisecond",
-                    maximumFractionDigits: 2
-                }).format(this.result.compilationTime ?? 0)
-            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: Z(this._t9nStrings?.executiontimeformat, {
-                time: new Intl.NumberFormat(this._t9nLocale, {
+                    maximumFractionDigits: 2,
+                }).format(this.result.compilationTime ?? 0),
+            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: setValuesInString(this.messages.executiontimeformat, {
+                time: new Intl.NumberFormat(this.messages._t9nLocale, {
                     style: "unit",
                     unit: "millisecond",
-                    maximumFractionDigits: 2
-                }).format(this.result.executionTime ?? 0)
-            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })))) : (h("calcite-list-item", { label: this._t9nStrings?.runscriptmessage ?? "No output, run the script once." }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: "color-info" })))));
+                    maximumFractionDigits: 2,
+                }).format(this.result.executionTime ?? 0),
+            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })))) : (h("calcite-list-item", { label: this.messages.runscriptmessage ?? "No output, run the script once." }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: "color-info" })))));
     }
     renderOutputPanel() {
         if (this.openedResultPanel !== "output") {
@@ -385,8 +380,8 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
         }
         switch (this.result?.type) {
             case "error":
-                return (h("div", { class: "result-value-simple flex-adjustable" }, Z(this._t9nStrings?.executionerrorformat, {
-                    message: this.result.value
+                return (h("div", { class: "result-value-simple flex-adjustable" }, setValuesInString(this.messages.executionerrorformat, {
+                    message: this.result.value,
                 })));
             case "null":
             case "unknown":
@@ -416,14 +411,14 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
             case "knowledgeGraph":
                 return (h("div", { class: "result-value-simple ltr-container" }, h("span", { class: "value-type" }, this.result.type, ":\u00A0"), h("span", { class: "string-value" }, this.result.value.url)));
             default:
-                return (h("div", { class: "result-value-simple flex-adjustable ltr-container" }, this._t9nStrings?.runscriptmessage));
+                return h("div", { class: "result-value-simple flex-adjustable ltr-container" }, this.messages.runscriptmessage);
         }
     }
     renderArrayHeader(arcadeResult) {
         const items = arcadeResult.value ?? [];
         const leftoverCount = Math.max(items.length - MaxArrayItems, 0);
-        return (h(Fragment, null, h("span", null, `${arcadeResult.type}(${items.length ?? 0})`), leftoverCount > 0 ? (h("span", null, "\u00A0", Z(this._t9nStrings?.showingfirstitemsformat, {
-            count: MaxArrayItems.toString()
+        return (h(Fragment, null, h("span", null, `${arcadeResult.type}(${items.length ?? 0})`), leftoverCount > 0 ? (h("span", null, "\u00A0", setValuesInString(this.messages.showingfirstitemsformat, {
+            count: MaxArrayItems.toString(),
         }))) : null));
     }
     renderArrayTree(items, subtree = false) {
@@ -468,25 +463,17 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
         }
     }
     renderFeatureSetLabel(arcadeResult) {
-        return (h("div", { class: "value-type" }, h("span", null, arcadeResult.type, ":"), arcadeResult.features.length >= BatchSize ? (h("span", null, "\u00A0", Z(this._t9nStrings?.showingfirstitemsformat, {
-            count: BatchSize.toString()
+        return (h("div", { class: "value-type" }, h("span", null, arcadeResult.type, ":"), arcadeResult.features.length >= BatchSize ? (h("span", null, "\u00A0", setValuesInString(this.messages.showingfirstitemsformat, {
+            count: BatchSize.toString(),
         }))) : null));
     }
     render() {
-        return (h(Host, null, h("header", { class: "flex-row" }, h("calcite-action-bar", { class: "flex-adjustable", layout: "horizontal", scale: "s", expanded: true, "expand-disabled": true }, h("calcite-action-group", { scale: "s" }, h("calcite-action", { active: this.openedResultPanel === "output", text: this._t9nStrings?.output ?? "Output", "text-enabled": true, scale: "s", icon: "list-show-all", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "output" }), h("calcite-action", { active: this.openedResultPanel === "console", text: this._t9nStrings?.console ?? "Console", "text-enabled": true, scale: "s", icon: "console", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "console" }), h("calcite-action", { active: this.openedResultPanel === "log", text: this._t9nStrings?.log ?? "Log", "text-enabled": true, scale: "s", icon: "list", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "log" }))), h("calcite-action", { scale: "s", icon: "x", text: this._t9nStrings?.close ?? "", onClick: this._emitClose })), h("article", { class: "flex-adjustable" }, this.loading ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: "" })) : (h("div", { class: "flex-column y-scrollable-container" }, this.renderOutputPanel(), this.renderConsolePanel(), this.renderLogPanel())))));
+        return (h(Host, null, h("header", { class: "flex-row" }, h("calcite-action-bar", { class: "flex-adjustable", layout: "horizontal", scale: "s", expanded: true, "expand-disabled": true }, h("calcite-action-group", { scale: "s" }, h("calcite-action", { active: this.openedResultPanel === "output", text: this.messages.output ?? "Output", "text-enabled": true, scale: "s", icon: "list-show-all", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "output" }), h("calcite-action", { active: this.openedResultPanel === "console", text: this.messages.console ?? "Console", "text-enabled": true, scale: "s", icon: "console", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "console" }), h("calcite-action", { active: this.openedResultPanel === "log", text: this.messages.log ?? "Log", "text-enabled": true, scale: "s", icon: "list", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "log" }))), h("calcite-action", { scale: "s", icon: "x", text: this.messages.close ?? "", onClick: this._emitClose })), h("article", { class: "flex-adjustable" }, this.loading ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: "" })) : (h("div", { class: "flex-column y-scrollable-container" }, this.renderOutputPanel(), this.renderConsolePanel(), this.renderLogPanel())))));
     }
     static get assetsDirs() { return ["assets"]; }
-    get _hostElement() { return this; }
+    get el() { return this; }
     static get style() { return arcadeResultsCss; }
-}, [1, "arcgis-arcade-results", {
-        "loading": [4],
-        "openedResultPanel": [1537, "opened-result-panel"],
-        "result": [16],
-        "consoleLogs": [16],
-        "_lang": [32],
-        "_t9nLocale": [32],
-        "_t9nStrings": [32]
-    }]);
+}, __cmpMeta);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;