@arcgis/coding-components 4.31.0-next.2 → 4.31.0-next.21

package/dist/components/arcade-language-features.js

@@ -0,0 +1,271 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+ * v4.31.0-next.21
+ */
+import { editor, MarkerSeverity, Range, languages } from 'monaco-editor';
+import { DiagnosticSeverity, InsertTextFormat, CompletionItemKind } from 'vscode-languageserver-types';
+import { t as debounce } from './index2.js';
+
+//#region Diagnostic
+class DiagnosticsAdapter {
+    constructor(_languageId, _worker, { defaults, diagnosticsService, }) {
+        this._languageId = _languageId;
+        this._worker = _worker;
+        this._disposables = [];
+        this._listener = new Map();
+        this._diagnosticsService = diagnosticsService;
+        this._defaults = defaults;
+        const onModelAdd = (model) => {
+            const languageId = model.getLanguageId();
+            if (languageId !== this._languageId) {
+                return;
+            }
+            const debouncedValidate = debounce(() => {
+                this._doValidate(model, languageId).catch((err) => {
+                    throw err;
+                });
+            });
+            this._listener.set(model.uri.toString(), model.onDidChangeContent(debouncedValidate));
+            this._doValidate(model, languageId).catch(console.error);
+        };
+        const onModelRemoved = (model) => {
+            const uriStr = model.uri.toString();
+            editor.setModelMarkers(model, this._languageId, []);
+            const listener = this._listener.get(uriStr);
+            if (listener) {
+                listener.dispose();
+                this._listener.delete(uriStr);
+            }
+        };
+        this._disposables.push(editor.onDidCreateModel(onModelAdd));
+        this._disposables.push(editor.onWillDisposeModel((model) => {
+            onModelRemoved(model);
+        }));
+        this._disposables.push(editor.onDidChangeModelLanguage((event) => {
+            onModelRemoved(event.model);
+            onModelAdd(event.model);
+        }));
+        this._disposables.push(defaults.onDidChange(() => {
+            editor.getModels().forEach((model) => {
+                if (model.getLanguageId() === this._languageId) {
+                    onModelRemoved(model);
+                    onModelAdd(model);
+                }
+            });
+        }));
+        this._disposables.push(defaults.onModelContextDidChange((key) => {
+            editor.getModels().forEach((model) => {
+                if (model.getLanguageId() === this._languageId && model.uri.toString() === key) {
+                    this._doValidate(model, this._languageId).catch(console.error);
+                }
+            });
+        }));
+        this._disposables.push({
+            dispose: () => {
+                this._listener.forEach((value) => value.dispose());
+                this._listener.clear();
+            },
+        });
+        editor.getModels().forEach(onModelAdd);
+    }
+    dispose() {
+        this._disposables.forEach((d) => d.dispose());
+        this._disposables = [];
+    }
+    async _doValidate(model, languageId) {
+        if (!model.isAttachedToEditor()) {
+            return;
+        }
+        try {
+            const workerProxy = await this._worker(model.uri);
+            const context = this._defaults.getApiContextForModel(model.uri);
+            const diagnostics = await workerProxy.doValidation(model.uri.toString(), context);
+            const markers = diagnostics.map((d) => toMarker(model.uri, d));
+            this._diagnosticsService.fireDiagnosticsChange(model.uri, diagnostics);
+            editor.setModelMarkers(model, languageId, markers);
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
+}
+function toSeverity(languageServiceSeverity) {
+    switch (languageServiceSeverity) {
+        case DiagnosticSeverity.Error:
+            return MarkerSeverity.Error;
+        case DiagnosticSeverity.Warning:
+            return MarkerSeverity.Warning;
+        case DiagnosticSeverity.Information:
+            return MarkerSeverity.Info;
+        case DiagnosticSeverity.Hint:
+            return MarkerSeverity.Hint;
+        default:
+            return MarkerSeverity.Info;
+    }
+}
+function toMarker(_resource, diag) {
+    // Diagnostics positions are zero-based, MarkerData are 1-based
+    return {
+        severity: toSeverity(diag.severity),
+        startLineNumber: diag.range.start.line + 1,
+        startColumn: diag.range.start.character + 1,
+        endLineNumber: diag.range.end.line + 1,
+        endColumn: diag.range.end.character + 1,
+        message: diag.message,
+    };
+}
+//#endregion
+//#region Completion
+function fromPosition(position) {
+    // Language service is zero based
+    return { character: position.column - 1, line: position.lineNumber - 1 };
+}
+function toRange(range) {
+    return new Range(range.start.line + 1, range.start.character + 1, range.end.line + 1, range.end.character + 1);
+}
+function toTextEdit(textEdit) {
+    return {
+        range: toRange(textEdit.range),
+        text: textEdit.newText,
+    };
+}
+function isInsertReplaceEdit(edit) {
+    return (typeof edit.insert !== "undefined" &&
+        typeof edit.replace !== "undefined");
+}
+// TODO: extract this function to common util
+function toCompletionItemKind(kind) {
+    const mItemKind = languages.CompletionItemKind;
+    switch (kind) {
+        case CompletionItemKind.Text:
+            return mItemKind.Text;
+        case CompletionItemKind.Method:
+            return mItemKind.Method;
+        case CompletionItemKind.Function:
+            return mItemKind.Function;
+        case CompletionItemKind.Constructor:
+            return mItemKind.Constructor;
+        case CompletionItemKind.Field:
+            return mItemKind.Field;
+        case CompletionItemKind.Variable:
+            return mItemKind.Variable;
+        case CompletionItemKind.Class:
+            return mItemKind.Class;
+        case CompletionItemKind.Interface:
+            return mItemKind.Interface;
+        case CompletionItemKind.Module:
+            return mItemKind.Module;
+        case CompletionItemKind.Property:
+            return mItemKind.Property;
+        case CompletionItemKind.Unit:
+            return mItemKind.Unit;
+        case CompletionItemKind.Value:
+            return mItemKind.Value;
+        case CompletionItemKind.Enum:
+            return mItemKind.Enum;
+        case CompletionItemKind.Keyword:
+            return mItemKind.Keyword;
+        case CompletionItemKind.Snippet:
+            return mItemKind.Snippet;
+        case CompletionItemKind.Color:
+            return mItemKind.Color;
+        case CompletionItemKind.File:
+            return mItemKind.File;
+        case CompletionItemKind.Reference:
+            return mItemKind.Reference;
+        case CompletionItemKind.Folder:
+            return mItemKind.Folder;
+        case CompletionItemKind.EnumMember:
+            return mItemKind.EnumMember;
+        case CompletionItemKind.Constant:
+            return mItemKind.Constant;
+        case CompletionItemKind.Struct:
+            return mItemKind.Struct;
+        case CompletionItemKind.Event:
+            return mItemKind.Event;
+        case CompletionItemKind.Operator:
+            return mItemKind.Operator;
+        case CompletionItemKind.TypeParameter:
+            return mItemKind.TypeParameter;
+        default:
+            return mItemKind.Property;
+    }
+}
+class CompletionProvider {
+    constructor(_worker, _defaults) {
+        this._worker = _worker;
+        this._defaults = _defaults;
+        this.triggerCharacters = [".", "("];
+    }
+    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);
+        const wordInfo = model.getWordUntilPosition(position);
+        const wordRange = new Range(position.lineNumber, wordInfo.startColumn, position.lineNumber, wordInfo.endColumn);
+        const items = completionList.items.map((entry) => {
+            const item = {
+                label: entry.label,
+                insertText: entry.insertText || entry.label,
+                sortText: entry.sortText,
+                filterText: entry.filterText,
+                detail: entry.detail,
+                range: wordRange,
+                kind: toCompletionItemKind(entry.kind),
+            };
+            if (entry.textEdit) {
+                if (isInsertReplaceEdit(entry.textEdit)) {
+                    item.range = {
+                        insert: toRange(entry.textEdit.insert),
+                        replace: toRange(entry.textEdit.replace),
+                    };
+                }
+                else {
+                    item.range = toRange(entry.textEdit.range);
+                }
+                item.insertText = entry.textEdit.newText;
+            }
+            if (entry.additionalTextEdits) {
+                item.additionalTextEdits = entry.additionalTextEdits.map(toTextEdit);
+            }
+            if (entry.insertTextFormat === InsertTextFormat.Snippet) {
+                item.insertTextRules = languages.CompletionItemInsertTextRule.InsertAsSnippet;
+            }
+            if (entry.documentation) {
+                if (typeof entry.documentation === "string") {
+                    item.documentation = entry.documentation;
+                }
+                else {
+                    item.documentation = {
+                        supportThemeIcons: false,
+                        value: entry.documentation.value,
+                        supportHtml: true,
+                    };
+                }
+            }
+            return item;
+        });
+        return {
+            incomplete: completionList.isIncomplete,
+            suggestions: items,
+        };
+    }
+}
+//#endregion
+//#region Formatter
+class FormattingProvider {
+    constructor(_worker, _defaults) {
+        this._worker = _worker;
+        this._defaults = _defaults;
+    }
+    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);
+        return edits.map((e) => ({ range: toRange(e.range), text: e.newText }));
+    }
+}
+//#endregion
+
+export { CompletionProvider as C, DiagnosticsAdapter as D, FormattingProvider as F, toCompletionItemKind as t };

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.31/esri/copyright.txt for details.
- * v4.31.0-next.2
+ * v4.31.0-next.21
  */
-import { editor, MarkerSeverity, Range, languages, Emitter } from 'monaco-editor';
-import { CompletionItemKind, DiagnosticSeverity, InsertTextFormat } from 'vscode-languageserver-types';
-import { u as debounce } from './index2.js';
+import { editor, languages, Emitter } from 'monaco-editor';
+import { CompletionItemKind } from 'vscode-languageserver-types';
+import { C as CompletionProvider, F as FormattingProvider, D as DiagnosticsAdapter } from './arcade-language-features.js';
 
 var V={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"},Ee=["++","--"],Je=["-","+","!","~"],Qe=["=","/=","*=","%=","+=","-="],Ze=["||","&&"],Lt=["|","&",">>","<<",">>>","^","==","!=","<","<=",">",">=","+","-","*","/","%"];var U=[[],[],[]];Ee.forEach(t=>U[t.length-1]?.push(t));Je.forEach(t=>U[t.length-1]?.push(t));Ze.forEach(t=>U[t.length-1]?.push(t));Qe.forEach(t=>U[t.length-1]?.push(t));Lt.forEach(t=>U[t.length-1]?.push(t));var ft=Object.values(f),gt=Object.values(V);gt.map(t=>({label:t,kind:CompletionItemKind.Constant}));ft.map(t=>({label:t,kind:CompletionItemKind.Keyword}));
 
@@ -217,266 +217,6 @@ const arcadeMonarchLanguage = {
     },
 };
 
-//#region Diagnostic
-class DiagnosticsAdapter {
-    constructor(_languageId, _worker, { defaults, diagnosticsService, }) {
-        this._languageId = _languageId;
-        this._worker = _worker;
-        this._disposables = [];
-        this._listener = new Map();
-        this._diagnosticsService = diagnosticsService;
-        this._defaults = defaults;
-        const onModelAdd = (model) => {
-            const languageId = model.getLanguageId();
-            if (languageId !== this._languageId) {
-                return;
-            }
-            const debouncedValidate = debounce(() => {
-                this._doValidate(model, languageId).catch((err) => {
-                    throw err;
-                });
-            });
-            this._listener.set(model.uri.toString(), model.onDidChangeContent(debouncedValidate));
-            this._doValidate(model, languageId).catch(console.error);
-        };
-        const onModelRemoved = (model) => {
-            const uriStr = model.uri.toString();
-            editor.setModelMarkers(model, this._languageId, []);
-            const listener = this._listener.get(uriStr);
-            if (listener) {
-                listener.dispose();
-                this._listener.delete(uriStr);
-            }
-        };
-        this._disposables.push(editor.onDidCreateModel(onModelAdd));
-        this._disposables.push(editor.onWillDisposeModel((model) => {
-            onModelRemoved(model);
-        }));
-        this._disposables.push(editor.onDidChangeModelLanguage((event) => {
-            onModelRemoved(event.model);
-            onModelAdd(event.model);
-        }));
-        this._disposables.push(defaults.onDidChange(() => {
-            editor.getModels().forEach((model) => {
-                if (model.getLanguageId() === this._languageId) {
-                    onModelRemoved(model);
-                    onModelAdd(model);
-                }
-            });
-        }));
-        this._disposables.push(defaults.onModelContextDidChange((key) => {
-            editor.getModels().forEach((model) => {
-                if (model.getLanguageId() === this._languageId && model.uri.toString() === key) {
-                    this._doValidate(model, this._languageId).catch(console.error);
-                }
-            });
-        }));
-        this._disposables.push({
-            dispose: () => {
-                this._listener.forEach((value) => value.dispose());
-                this._listener.clear();
-            },
-        });
-        editor.getModels().forEach(onModelAdd);
-    }
-    dispose() {
-        this._disposables.forEach((d) => d.dispose());
-        this._disposables = [];
-    }
-    async _doValidate(model, languageId) {
-        if (!model.isAttachedToEditor()) {
-            return;
-        }
-        try {
-            const workerProxy = await this._worker(model.uri);
-            const context = this._defaults.getApiContextForModel(model.uri);
-            const diagnostics = await workerProxy.doValidation(model.uri.toString(), context);
-            const markers = diagnostics.map((d) => toMarker(model.uri, d));
-            this._diagnosticsService.fireDiagnosticsChange(model.uri, diagnostics);
-            editor.setModelMarkers(model, languageId, markers);
-        }
-        catch (err) {
-            console.error(err);
-        }
-    }
-}
-function toSeverity(languageServiceSeverity) {
-    switch (languageServiceSeverity) {
-        case DiagnosticSeverity.Error:
-            return MarkerSeverity.Error;
-        case DiagnosticSeverity.Warning:
-            return MarkerSeverity.Warning;
-        case DiagnosticSeverity.Information:
-            return MarkerSeverity.Info;
-        case DiagnosticSeverity.Hint:
-            return MarkerSeverity.Hint;
-        default:
-            return MarkerSeverity.Info;
-    }
-}
-function toMarker(_resource, diag) {
-    // Diagnostics positions are zero-based, MarkerData are 1-based
-    return {
-        severity: toSeverity(diag.severity),
-        startLineNumber: diag.range.start.line + 1,
-        startColumn: diag.range.start.character + 1,
-        endLineNumber: diag.range.end.line + 1,
-        endColumn: diag.range.end.character + 1,
-        message: diag.message,
-    };
-}
-//#endregion
-//#region Completion
-function fromPosition(position) {
-    // Language service is zero based
-    return { character: position.column - 1, line: position.lineNumber - 1 };
-}
-function toRange(range) {
-    return new Range(range.start.line + 1, range.start.character + 1, range.end.line + 1, range.end.character + 1);
-}
-function toTextEdit(textEdit) {
-    return {
-        range: toRange(textEdit.range),
-        text: textEdit.newText,
-    };
-}
-function isInsertReplaceEdit(edit) {
-    return (typeof edit.insert !== "undefined" &&
-        typeof edit.replace !== "undefined");
-}
-function toCompletionItemKind(kind) {
-    const mItemKind = languages.CompletionItemKind;
-    switch (kind) {
-        case CompletionItemKind.Text:
-            return mItemKind.Text;
-        case CompletionItemKind.Method:
-            return mItemKind.Method;
-        case CompletionItemKind.Function:
-            return mItemKind.Function;
-        case CompletionItemKind.Constructor:
-            return mItemKind.Constructor;
-        case CompletionItemKind.Field:
-            return mItemKind.Field;
-        case CompletionItemKind.Variable:
-            return mItemKind.Variable;
-        case CompletionItemKind.Class:
-            return mItemKind.Class;
-        case CompletionItemKind.Interface:
-            return mItemKind.Interface;
-        case CompletionItemKind.Module:
-            return mItemKind.Module;
-        case CompletionItemKind.Property:
-            return mItemKind.Property;
-        case CompletionItemKind.Unit:
-            return mItemKind.Unit;
-        case CompletionItemKind.Value:
-            return mItemKind.Value;
-        case CompletionItemKind.Enum:
-            return mItemKind.Enum;
-        case CompletionItemKind.Keyword:
-            return mItemKind.Keyword;
-        case CompletionItemKind.Snippet:
-            return mItemKind.Snippet;
-        case CompletionItemKind.Color:
-            return mItemKind.Color;
-        case CompletionItemKind.File:
-            return mItemKind.File;
-        case CompletionItemKind.Reference:
-            return mItemKind.Reference;
-        case CompletionItemKind.Folder:
-            return mItemKind.Folder;
-        case CompletionItemKind.EnumMember:
-            return mItemKind.EnumMember;
-        case CompletionItemKind.Constant:
-            return mItemKind.Constant;
-        case CompletionItemKind.Struct:
-            return mItemKind.Struct;
-        case CompletionItemKind.Event:
-            return mItemKind.Event;
-        case CompletionItemKind.Operator:
-            return mItemKind.Operator;
-        case CompletionItemKind.TypeParameter:
-            return mItemKind.TypeParameter;
-        default:
-            return mItemKind.Property;
-    }
-}
-class CompletionProvider {
-    constructor(_worker, _defaults) {
-        this._worker = _worker;
-        this._defaults = _defaults;
-        this.triggerCharacters = [".", "("];
-    }
-    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);
-        const wordInfo = model.getWordUntilPosition(position);
-        const wordRange = new Range(position.lineNumber, wordInfo.startColumn, position.lineNumber, wordInfo.endColumn);
-        const items = completionList.items.map((entry) => {
-            const item = {
-                label: entry.label,
-                insertText: entry.insertText || entry.label,
-                sortText: entry.sortText,
-                filterText: entry.filterText,
-                detail: entry.detail,
-                range: wordRange,
-                kind: toCompletionItemKind(entry.kind),
-            };
-            if (entry.textEdit) {
-                if (isInsertReplaceEdit(entry.textEdit)) {
-                    item.range = {
-                        insert: toRange(entry.textEdit.insert),
-                        replace: toRange(entry.textEdit.replace),
-                    };
-                }
-                else {
-                    item.range = toRange(entry.textEdit.range);
-                }
-                item.insertText = entry.textEdit.newText;
-            }
-            if (entry.additionalTextEdits) {
-                item.additionalTextEdits = entry.additionalTextEdits.map(toTextEdit);
-            }
-            if (entry.insertTextFormat === InsertTextFormat.Snippet) {
-                item.insertTextRules = languages.CompletionItemInsertTextRule.InsertAsSnippet;
-            }
-            if (entry.documentation) {
-                if (typeof entry.documentation === "string") {
-                    item.documentation = entry.documentation;
-                }
-                else {
-                    item.documentation = {
-                        supportThemeIcons: false,
-                        value: entry.documentation.value,
-                        supportHtml: true,
-                    };
-                }
-            }
-            return item;
-        });
-        return {
-            incomplete: completionList.isIncomplete,
-            suggestions: items,
-        };
-    }
-}
-//#endregion
-//#region Formatter
-class FormattingProvider {
-    constructor(_worker, _defaults) {
-        this._worker = _worker;
-        this._defaults = _defaults;
-    }
-    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);
-        return edits.map((e) => ({ range: toRange(e.range), text: e.newText }));
-    }
-}
-//#endregion
-
 /**
  * Manager to create our arcade worker and client proxy
  */

package/dist/components/arcade-results.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.2
+ * v4.31.0-next.21
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host, forceUpdate } from '@stencil/core/internal/client';
 import { g as importArcade, s as supportedFields } from './fields.js';
-import { u as useControllerManager } from './chunk-IHYYRFLQ.js';
-import { s as setValuesInString, q as quoteString } from './index2.js';
+import { u as useControllerManager } from './chunk-2JTWBRMN.js';
+import { c as setValuesInString, q 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";
@@ -302,6 +302,8 @@ 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 {
+    connectedCallback() { this.manager._connectedCallback(); }
+    disconnectedCallback() { this.manager._disconnectedCallback(); }
     constructor() {
         super();
         this.__registerHost();
@@ -370,7 +372,7 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
                     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.messages.runscriptmessage ?? "No output, run the script once." }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: "color-info" })))));
+            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })))) : (h("calcite-list-item", { label: this.messages.runscriptmessage }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: "color-info" })))));
     }
     renderOutputPanel() {
         if (this.openedResultPanel !== "output") {
@@ -469,7 +471,7 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         }))) : null));
     }
     render() {
-        return (h(Host, { key: 'a614339d095dcaa6ba426f3fc104f3628979a019' }, h("header", { key: 'cafdb89380b6a1db8fb478ef61d8dc328907977d', class: "flex-row" }, h("calcite-action-bar", { key: '542065aba5cc9e26ee9259c47e8c067d39aee748', class: "flex-adjustable", layout: "horizontal", scale: "s", expanded: true, "expand-disabled": true }, h("calcite-action-group", { key: 'ca20537be7a679c37ae72ba6556a2448c3ff3a3b', scale: "s" }, h("calcite-action", { key: 'b9bdd5a0687931d2b40103ec1e506b18292d2bfa', active: this.openedResultPanel === "output", text: this.messages.output ?? "Output", textEnabled: true, scale: "s", icon: "list-show-all", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "output" }), h("calcite-action", { key: '74fc4b880b1a60221b06ea758c45bc965723b3f0', active: this.openedResultPanel === "console", text: this.messages.console ?? "Console", textEnabled: true, scale: "s", icon: "console", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "console" }), h("calcite-action", { key: 'fc747cc2177d5fcd08ba1dcfa052893e963b28c0', active: this.openedResultPanel === "log", text: this.messages.log ?? "Log", textEnabled: true, scale: "s", icon: "list", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "log" }))), h("calcite-action", { key: '6fd3159fd471b10d76f7906fec19298301126829', scale: "s", icon: "x", text: this.messages.close ?? "", onClick: this._emitClose })), h("article", { key: 'a60c039cec36a4408044e37d8b46d29bcda6e6a3', 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, { key: 'a9686019caaf1b001b0500d36539817f5de98bde' }, h("header", { key: 'ab5192ba30c67df933b0b61d8ab1875278aef3a5', class: "flex-row" }, h("calcite-action-bar", { key: '6ed2b45b6d1257c1d0d21bcb7158485e3133035a', class: "flex-adjustable", layout: "horizontal", scale: "s", expanded: true, "expand-disabled": true }, h("calcite-action-group", { key: '85fccd7ecd4d87f1d83e19c561b8020008ffe323', scale: "s" }, h("calcite-action", { key: 'c6e8663a817c53f7c9864cd4acaa734f4d80b1c5', active: this.openedResultPanel === "output", text: this.messages.output ?? "", textEnabled: true, scale: "s", icon: "list-show-all", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "output" }), h("calcite-action", { key: 'b38da4019d3f2acde28e4c528be9fcdc8db04728', active: this.openedResultPanel === "console", text: this.messages.console ?? "", textEnabled: true, scale: "s", icon: "console", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "console" }), h("calcite-action", { key: 'da45ab9baa6cab3d1ad88dc15547395e86cb3f08', active: this.openedResultPanel === "log", text: this.messages.log ?? "", textEnabled: true, scale: "s", icon: "list", iconFlipRtl: true, onClick: this._switchResultPanel, "data-panel-name": "log" }))), h("calcite-action", { key: '0110dc0164551a5b3f560fbd4ddac4c73109707b', scale: "s", icon: "x", text: this.messages.close ?? "", onClick: this._emitClose })), h("article", { key: 'fb31b6f32eae1d7ee0ff5ea78e057f79c95ea8d2', 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 el() { return this; }

package/dist/components/arcade-suggestions.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.31/esri/copyright.txt for details.
- * v4.31.0-next.2
+ * v4.31.0-next.21
  */
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, a as colorizeCodeElement } from './markdown.js';
 import { f as filterCollection } from './utilities.js';
-import { u as useControllerManager } from './chunk-IHYYRFLQ.js';
-import { t as setFocusOnElement } from './index2.js';
+import { u as useControllerManager } from './chunk-2JTWBRMN.js';
+import { r as setFocusOnElement } from './index2.js';
 import { u as useT9n } from './useT9n.js';
 import "@esri/calcite-components/dist/components/calcite-list-item-group.js";
 import "@esri/calcite-components/dist/components/calcite-list-item.js";
@@ -34,6 +34,7 @@ const ArcgisArcadeSuggestionsStyle0 = arcadeSuggestionsCss;
 
 const __cmpMeta = [1,"arcgis-arcade-suggestions",{"suggestions":[1040],"_selectedSuggestion":[32],"_filterValue":[32],"_colorizeStyle":[32]},undefined,{"suggestions":["suggestionsPropChanged"]}];
 const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeSuggestions extends HTMLElement {
+    connectedCallback() { this.manager._connectedCallback(); }
     constructor() {
         super();
         this.__registerHost();
@@ -86,6 +87,7 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         this._themeChangedListener = onColorizeThemeChanged(() => (this._colorizeStyle = generateColorizeStyles()));
     }
     disconnectedCallback() {
+        this.manager._disconnectedCallback();
         this._flowObserver?.disconnect();
         this._themeChangedListener?.dispose();
     }
@@ -123,7 +125,7 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
     renderSuggestionListItems(suggestions) {
         suggestions = filterCollection(suggestions, "label", this._filterValue);
         if (!suggestions.length) {
-            return h("div", { class: "notice-container" }, this.messages.noitems ?? "No item");
+            return h("div", { class: "notice-container" }, this.messages.noitems);
         }
         return suggestions.map((suggestion) => (h("calcite-list-item", { label: suggestion.label, description: suggestion.description, onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": suggestion }, h("calcite-action", { slot: "actions-end", text: this.messages.expand ?? "", scale: "s", icon: "chevron-right", iconFlipRtl: true, onClick: this._showSuggestionDetail, "data-item": suggestion }))));
     }
@@ -135,7 +137,7 @@ this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         return (h("calcite-flow-item", { heading: this.messages.suggestions, closable: true, onCalciteFlowItemClose: this._emitClose, beforeBack: this._beforeBack }, h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", iconStart: "code", scale: "s", onClick: this._emitItemSelected, ref: (e) => void e?.setFocus(), "data-item": suggestion }, this.messages.insert), h("calcite-block", { open: true, heading: suggestion.label, description: suggestion.description }, h("div", { innerHTML: convertMarkdownString(suggestion.documentation) }), h("pre", null, h("code", { ref: (e) => e === undefined ? undefined : void colorizeCodeElement(e, suggestion.code).catch(console.error) })))));
     }
     render() {
-        return (h(Host, { key: 'fa11f8f0541f31b0979b1efb8cfa48e8808eff67' }, h("style", { key: 'b3cb5ad5e4f9b29b499482b6bd908283a7b3a639' }, this._colorizeStyle), h("calcite-flow", { key: '2827b51aa567edd908a84183ced66999eea3a0a8', ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { key: 'd35292ff615f7cfb26f5d8b88074a9191a7d190c', heading: this.messages.suggestions, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-input", { key: 'f62fe1c21a55a0bb21b65638554735803b620283', value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), h("calcite-list", { key: 'bb4c1d9d41a7005f9f768d3ab619200fd697e4f8' }, this.renderSuggestionGroups())), this.renderSuggestionFlowItem())));
+        return (h(Host, { key: 'fc55be12efad3be68c0612c086f468826a9b13b7' }, h("style", { key: '5274396deaed7ea9f9275773bb9a2090f6713ad8' }, this._colorizeStyle), h("calcite-flow", { key: '94643eecc38f1cea329db6e2b4c4ec6477e6a081', ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { key: '9fd69601bbeb818527bb521cc288706a5cebc4b2', heading: this.messages.suggestions, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-input", { key: 'd95ed08a58313c952e397e641d6d9d55a1d5d3d9', value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), h("calcite-list", { key: 'c63c404469b5c21f867e763a3865f60104e0c23c' }, this.renderSuggestionGroups())), this.renderSuggestionFlowItem())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }