@arcgis/coding-components 4.29.0-beta.4 → 4.29.0-beta.41

package/dist/cjs/loader.cjs.js

@@ -2,20 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f8a85eb8.js');
-
-/*
- Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
+const index = require('./index-6a382a34.js');
 
 const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["arcgis-arcade-api_6.cjs",[[0,"arcgis-arcade-editor",{"profile":[16],"script":[1],"testData":[16],"suggestions":[16],"snippets":[16],"hideDocumentationActions":[4,"hide-documentation-actions"],"hideSideBar":[4,"hide-side-bar"],"sideActionBarExpanded":[1540,"side-action-bar-expanded"],"openedSidePanel":[1537,"opened-side-panel"],"_locale":[32],"_t9nStrings":[32],"_standaloneCodeEditor":[32],"_preparingProfile":[32],"_editorProfile":[32],"_showExecutionPanel":[32],"_resultPanel":[32],"_executingScript":[32],"_consoleLogs":[32],"_executionResult":[32],"getScript":[64],"setFocus":[64],"getEditorInstance":[64],"getTestResult":[64],"getOutputType":[64],"updateThemeColors":[64]}],[1,"arcgis-arcade-api",{"hideDocumentationActions":[4,"hide-documentation-actions"],"modelId":[1,"model-id"],"_locale":[32],"_t9nStrings":[32],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32],"_preparingApi":[32],"_apiLibrary":[32]}],[1,"arcgis-arcade-results",{"loading":[4],"openedResultPanel":[1537,"opened-result-panel"],"result":[16],"consoleLogs":[16],"_locale":[32],"_t9nStrings":[32]}],[1,"arcgis-arcade-suggestions",{"suggestions":[16],"_locale":[32],"_t9nStrings":[32],"_selectedSuggestion":[32],"_filterValue":[32],"_colorizeStyle":[32]}],[1,"arcgis-arcade-variables",{"loading":[4],"modelId":[1,"model-id"],"_locale":[32],"_t9nStrings":[32],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32]}],[0,"arcgis-code-editor",{"value":[1],"language":[1],"modelId":[1,"model-id"],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]}]]]], options);
-  });
+  if (typeof window === 'undefined') return undefined;
+  return index.bootstrapLazy([["arcgis-arcade-api_6.cjs",[[0,"arcgis-arcade-editor",{"profile":[16],"script":[1],"testData":[16],"suggestions":[16],"snippets":[16],"hideDocumentationActions":[4,"hide-documentation-actions"],"hideSideBar":[4,"hide-side-bar"],"sideActionBarExpanded":[1540,"side-action-bar-expanded"],"openedSidePanel":[1537,"opened-side-panel"],"_lang":[32],"_t9nLocale":[32],"_t9nStrings":[32],"_standaloneCodeEditor":[32],"_preparingProfile":[32],"_editorProfile":[32],"_showExecutionPanel":[32],"_resultPanel":[32],"_executingScript":[32],"_consoleLogs":[32],"_executionResult":[32],"getScript":[64],"setFocus":[64],"getEditorInstance":[64],"getTestResult":[64],"getOutputType":[64],"updateThemeColors":[64]},null,{"profile":["_profileChanged"],"testData":["_testDataChanged"],"snippets":["_snippetChanged"]}],[1,"arcgis-arcade-api",{"hideDocumentationActions":[4,"hide-documentation-actions"],"modelId":[1,"model-id"],"_lang":[32],"_t9nLocale":[32],"_t9nStrings":[32],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32],"_preparingApi":[32],"_apiLibrary":[32]}],[1,"arcgis-arcade-results",{"loading":[4],"openedResultPanel":[1537,"opened-result-panel"],"result":[16],"consoleLogs":[16],"_lang":[32],"_t9nLocale":[32],"_t9nStrings":[32]}],[1,"arcgis-arcade-suggestions",{"suggestions":[16],"_lang":[32],"_t9nLocale":[32],"_t9nStrings":[32],"_selectedSuggestion":[32],"_filterValue":[32],"_colorizeStyle":[32]},null,{"suggestions":["suggestionsPropChanged"]}],[1,"arcgis-arcade-variables",{"loading":[4],"modelId":[1,"model-id"],"_lang":[32],"_t9nLocale":[32],"_t9nStrings":[32],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32]},null,{"modelId":["modelIdPropChanged"]}],[0,"arcgis-code-editor",{"value":[1],"language":[1],"modelId":[1,"model-id"],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"value":["valuePropChange"],"language":["languagePropChange"],"modelId":["modelIdPropChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{tsMode-8cb72aa2.js → tsMode-6ac3dd97.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-55c18abe.js');
-require('./index-f8a85eb8.js');
+const arcadeDefaults = require('./arcade-defaults-0bd884a4.js');
+require('./index-6a382a34.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
- * Version: 0.39.0(ff3621a3fa6389873be5412d17554294ea1b0941)
+ * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)
  * Released under the MIT license
  * https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt
  *-----------------------------------------------------------------------------*/

package/dist/cjs/{typescript-edaad128.js → typescript-e8854a4f.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-55c18abe.js');
-require('./index-f8a85eb8.js');
+const arcadeDefaults = require('./arcade-defaults-0bd884a4.js');
+require('./index-6a382a34.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
- * Version: 0.39.0(ff3621a3fa6389873be5412d17554294ea1b0941)
+ * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)
  * Released under the MIT license
  * https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt
  *-----------------------------------------------------------------------------*/

package/dist/components/arcade-api.js

@@ -3,9 +3,9 @@ import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertM
 import { S as StickyFilterInput } from './functional-components.js';
 import { f as filterCollection } from './utilities.js';
 import { Uri } from 'monaco-editor';
-import { $, F, O, q } from './index2.js';
+import { $, F, C, q } from './index2.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
-import { a as getArcadeWorker } from './arcade-contribution.js';
+import { g as getArcadeWorker } from './arcade-contribution.js';
 import '@esri/calcite-components/dist/components/calcite-list-item-group.js';
 import '@esri/calcite-components/dist/components/calcite-list-item.js';
 import '@esri/calcite-components/dist/components/calcite-action.js';
@@ -18,7 +18,7 @@ import '@esri/calcite-components/dist/components/calcite-list.js';
 
 const arcadeApiCss = ":host{background-color:var(--calcite-ui-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-quarter);padding:var(--calcite-spacing-half);background-color:var(--calcite-ui-foreground-1)}:host .sticky{position:sticky;top:0px;z-index:10}:host calcite-flow{height:100%}:host calcite-block p:first-of-type{margin-top:0}:host calcite-block code{font-family:var(--calcite-code-family)}:host calcite-block pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-ui-foreground-2);padding:var(--calcite-spacing-half)}:host calcite-block pre code{font-size:var(--calcite-font-size--2)}";
 
-const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -62,7 +62,8 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     };
     // @ts-expect-error
     this._updateFilterValue = (e) => (this._filterValue = e.target?.["value"] ?? "");
-    this._locale = "";
+    this._lang = "";
+    this._t9nLocale = "";
     this._t9nStrings = undefined;
     this._selectedApiItem = undefined;
     this._filterValue = "";
@@ -131,7 +132,7 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     // When switching between flow the same reference is reused
     this._flowObserver = new MutationObserver(() => {
       // Get the last panel and try to set focus on the input element
-      O(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+      C(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
     });
     this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
   }
@@ -149,7 +150,7 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (!apiItem) {
       return null;
     }
-    return (h("calcite-flow-item", { heading: this._t9nStrings?.constantsandfunctions, beforeBack: this._unselectItem, closable: true, onCalciteFlowItemClose: this._emitClose }, this.hideDocumentationActions ? null : (h("calcite-button", { width: "half", slot: "footer-actions", appearance: "outline", kind: "brand", scale: "s", href: apiItem.link, target: "Arcade Help", "icon-start": "information" }, this._t9nStrings?.moreinformation)), h("calcite-button", { width: "half", slot: "footer-actions", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelectedAndClose, "data-item": apiItem, ref: (e) => e?.setFocus() }, this._t9nStrings?.insert ?? "Insert"), h("calcite-block", { open: true, heading: q(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
+    return (h("calcite-flow-item", { heading: this._t9nStrings?.constantsandfunctions, beforeBack: this._unselectItem, closable: true, onCalciteFlowItemClose: this._emitClose }, this.hideDocumentationActions ? null : (h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", scale: "s", href: apiItem.link, target: "Arcade Help", "icon-start": "information" }, this._t9nStrings?.moreinformation)), h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelectedAndClose, "data-item": apiItem, ref: (e) => e?.setFocus() }, this._t9nStrings?.insert ?? "Insert"), h("calcite-block", { open: true, heading: q(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
         if (!e) {
           return;
         }
@@ -163,12 +164,13 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     return (h(Host, null, h("style", null, this._colorizeStyle), h("calcite-flow", { ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { heading: this._t9nStrings?.constantsandfunctions, closable: true, onCalciteFlowItemClose: this._emitClose }, h(StickyFilterInput, { filterValue: this._filterValue, onCalciteInputInput: this._updateFilterValue }), this._preparingApi ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: this._t9nStrings?.loading ?? "Loading" })) : (h("calcite-list", null, empty ? h("div", { class: "notice-container" }, this._t9nStrings?.noitems ?? "No items") : categories))), this.renderApiItemFlowItem())));
   }
   static get assetsDirs() { return ["assets"]; }
-  get _hostElt() { return this; }
+  get _hostElement() { return this; }
   static get style() { return arcadeApiCss; }
 }, [1, "arcgis-arcade-api", {
     "hideDocumentationActions": [4, "hide-documentation-actions"],
     "modelId": [1, "model-id"],
-    "_locale": [32],
+    "_lang": [32],
+    "_t9nLocale": [32],
     "_t9nStrings": [32],
     "_selectedApiItem": [32],
     "_filterValue": [32],

package/dist/components/arcade-contribution.js

@@ -108,4 +108,4 @@ languages.onLanguage(arcadeDefaults.languageId, async () => {
   mode.setupMode(arcadeDefaults);
 });
 
-export { getArcadeWorker as a, getArcadeDiagnosticService as g, setupMonacoEnvironment as s };
+export { getArcadeDiagnosticService as a, getArcadeWorker as g, setupMonacoEnvironment as s };

package/dist/components/arcade-results.js

@@ -259,7 +259,7 @@ const expandableTreeItemProps = {
     item.expanded = !item.expanded;
   }
 };
-const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeResults extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -277,7 +277,8 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
       this.updateResultPanel(panelName);
     };
     this._emitClose = () => this.close.emit();
-    this._locale = "";
+    this._lang = "";
+    this._t9nLocale = "";
     this._t9nStrings = undefined;
     this.loading = true;
     this.openedResultPanel = "output";
@@ -320,15 +321,18 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     }
     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: B(this._t9nStrings?.lastexecutionformat, {
-        timeStamp: new Intl.DateTimeFormat(this._locale, { dateStyle: "medium", timeStyle: "medium" }).format(this.result.timeStamp)
+        timeStamp: new Intl.DateTimeFormat(this._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: B(this._t9nStrings?.compilationtimeformat, {
-        time: new Intl.NumberFormat(this._locale, {
+        time: new Intl.NumberFormat(this._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: B(this._t9nStrings?.executiontimeformat, {
-        time: new Intl.NumberFormat(this._locale, {
+        time: new Intl.NumberFormat(this._t9nLocale, {
           style: "unit",
           unit: "millisecond",
           maximumFractionDigits: 2
@@ -474,17 +478,18 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     }))));
   }
   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", { layout: "horizontal", 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._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())))));
   }
   static get assetsDirs() { return ["assets"]; }
-  get _hostElt() { return this; }
+  get _hostElement() { return this; }
   static get style() { return arcadeResultsCss; }
 }, [1, "arcgis-arcade-results", {
     "loading": [4],
     "openedResultPanel": [1537, "opened-result-panel"],
     "result": [16],
     "consoleLogs": [16],
-    "_locale": [32],
+    "_lang": [32],
+    "_t9nLocale": [32],
     "_t9nStrings": [32]
   }]);
 function defineCustomElement() {

package/dist/components/arcade-suggestions.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } f
 import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, b as colorizeCodeElement } from './markdown.js';
 import { S as StickyFilterInput } from './functional-components.js';
 import { f as filterCollection } from './utilities.js';
-import { $, F, O } from './index2.js';
+import { $, F, C } from './index2.js';
 import '@esri/calcite-components/dist/components/calcite-list-item-group.js';
 import '@esri/calcite-components/dist/components/calcite-list-item.js';
 import '@esri/calcite-components/dist/components/calcite-action.js';
@@ -24,7 +24,7 @@ function isSuggestionGroups(item) {
 
 const arcadeSuggestionsCss = ":host{background-color:var(--calcite-ui-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-quarter);padding:var(--calcite-spacing-half);background-color:var(--calcite-ui-foreground-1)}:host .sticky{position:sticky;top:0px;z-index:10}:host calcite-flow{height:100%}:host calcite-block p:first-of-type{margin-top:0}:host calcite-block code{font-family:var(--calcite-code-family)}:host calcite-block pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-ui-foreground-2);padding:var(--calcite-spacing-half)}:host calcite-block pre code{font-size:var(--calcite-font-size--2)}";
 
-const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeSuggestions extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -56,7 +56,8 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class extends H
     };
     this._emitClose = () => this.close.emit();
     this._beforeBack = async () => (this._selectedSuggestion = undefined);
-    this._locale = "";
+    this._lang = "";
+    this._t9nLocale = "";
     this._t9nStrings = undefined;
     this._selectedSuggestion = undefined;
     this._filterValue = "";
@@ -94,7 +95,7 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class extends H
     // When switching between flow the same reference is reused
     this._flowObserver = new MutationObserver(() => {
       // Get the last panel and try to set focus on the input element
-      O(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+      C(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
     });
     this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
   }
@@ -123,24 +124,27 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class extends H
     if (!suggestion) {
       return null;
     }
-    return (h("calcite-flow-item", { heading: this._t9nStrings?.suggestions, closable: true, onCalciteFlowItemClose: this._emitClose, beforeBack: this._beforeBack }, h("calcite-button", { width: "half", slot: "footer-actions", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelected, ref: (e) => e?.setFocus(), "data-item": suggestion }, this._t9nStrings?.insert), h("calcite-block", { open: true, heading: suggestion.label, description: suggestion.description }, h("div", { innerHTML: convertMarkdownString(suggestion.documentation) }), h("pre", null, h("code", { ref: async (e) => await colorizeCodeElement(e, suggestion.code) })))));
+    return (h("calcite-flow-item", { heading: this._t9nStrings?.suggestions, closable: true, onCalciteFlowItemClose: this._emitClose, beforeBack: this._beforeBack }, h("calcite-button", { width: "half", slot: "footer", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelected, ref: (e) => e?.setFocus(), "data-item": suggestion }, this._t9nStrings?.insert), h("calcite-block", { open: true, heading: suggestion.label, description: suggestion.description }, h("div", { innerHTML: convertMarkdownString(suggestion.documentation) }), h("pre", null, h("code", { ref: async (e) => await colorizeCodeElement(e, suggestion.code) })))));
   }
   render() {
     return (h(Host, null, h("style", null, this._colorizeStyle), h("calcite-flow", { ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { heading: this._t9nStrings?.suggestions, closable: true, onCalciteFlowItemClose: this._emitClose }, h(StickyFilterInput, { filterValue: this._filterValue, onCalciteInputInput: this._updateFilterValue }), h("calcite-list", null, this.renderSuggestionGroups())), this.renderSuggestionFlowItem())));
   }
   static get assetsDirs() { return ["assets"]; }
-  get _hostElt() { return this; }
+  get _hostElement() { return this; }
   static get watchers() { return {
     "suggestions": ["suggestionsPropChanged"]
   }; }
   static get style() { return arcadeSuggestionsCss; }
 }, [1, "arcgis-arcade-suggestions", {
     "suggestions": [16],
-    "_locale": [32],
+    "_lang": [32],
+    "_t9nLocale": [32],
     "_t9nStrings": [32],
     "_selectedSuggestion": [32],
     "_filterValue": [32],
     "_colorizeStyle": [32]
+  }, undefined, {
+    "suggestions": ["suggestionsPropChanged"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/arcade-variables.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h } from '@stencil/core/internal/client';
 import { S as StickyFilterInput } from './functional-components.js';
-import { $, F, O, z } from './index2.js';
+import { $, F, C, z } from './index2.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import '@esri/calcite-components/dist/components/calcite-flow-item.js';
 import '@esri/calcite-components/dist/components/calcite-action.js';
@@ -13,7 +13,7 @@ import '@esri/calcite-components/dist/components/calcite-flow.js';
 
 const arcadeVariablesCss = ":host{background-color:var(--calcite-ui-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-quarter);padding:var(--calcite-spacing-half);background-color:var(--calcite-ui-foreground-1)}:host .sticky{position:sticky;top:0px;z-index:10}:host calcite-flow{height:100%}";
 
-const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeVariables extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -54,7 +54,8 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class extends HTM
       e.stopPropagation();
       this.addPanelRenderer(this.collectionBasedVariableRenderer(collectionVariable));
     };
-    this._locale = "";
+    this._lang = "";
+    this._t9nLocale = "";
     this._t9nStrings = undefined;
     this._mutationCounter = 1;
     this._flowItemRenderers = [];
@@ -96,7 +97,7 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class extends HTM
     // When switching between flow the same reference is reused
     this._flowObserver = new MutationObserver(() => {
       // Get the last panel and try to set focus on the input element
-      O(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+      C(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
     });
     this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
   }
@@ -146,7 +147,7 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class extends HTM
     return (h("calcite-flow", { ref: (ref) => this.flowFocusHandler(ref) }, this.collectionBasedVariableRenderer(profile, true)(), this._flowItemRenderers.map((renderer) => renderer())));
   }
   static get assetsDirs() { return ["assets"]; }
-  get _hostElt() { return this; }
+  get _hostElement() { return this; }
   static get watchers() { return {
     "modelId": ["modelIdPropChanged"]
   }; }
@@ -154,11 +155,14 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class extends HTM
 }, [1, "arcgis-arcade-variables", {
     "loading": [4],
     "modelId": [1, "model-id"],
-    "_locale": [32],
+    "_lang": [32],
+    "_t9nLocale": [32],
     "_t9nStrings": [32],
     "_mutationCounter": [32],
     "_flowItemRenderers": [32],
     "_filterValue": [32]
+  }, undefined, {
+    "modelId": ["modelIdPropChanged"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

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

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h as h$1, Fragment, Host } from '@stencil/core/internal/client';
 import { editor, KeyCode } from 'monaco-editor';
 import { e as executeScript, D as DevelopersWebSitePath, d as defineCustomElement$5 } from './arcade-results.js';
-import { h, _, C, $, F } from './index2.js';
-import { s as setupMonacoEnvironment, g as getArcadeDiagnosticService } from './arcade-contribution.js';
+import { h, k, P, $, F } from './index2.js';
+import { s as setupMonacoEnvironment, a as getArcadeDiagnosticService } from './arcade-contribution.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import '@esri/calcite-components/dist/components/calcite-action-bar.js';
 import '@esri/calcite-components/dist/components/calcite-action-group.js';
@@ -71,17 +71,17 @@ function updateThemeColors(theme, colorRules) {
   editor.defineTheme(base, { base, inherit: true, rules, colors: {} });
 }
 
-const arcadeEditorCss = "arcgis-arcade-editor{display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden;border:1px solid var(--calcite-ui-border-3);box-sizing:border-box;background-color:var(--calcite-ui-foreground-1)}arcgis-arcade-editor .flex-adjustable{flex:1 1 auto;overflow:hidden}arcgis-arcade-editor .flex-panel{flex:1 0 auto}arcgis-arcade-editor .position-relative{position:relative}arcgis-arcade-editor .flex-row{display:flex;flex-direction:row;overflow:hidden}arcgis-arcade-editor .flex-column{display:flex;flex-direction:column;overflow:hidden}arcgis-arcade-editor .border-inline-start{border-inline-start:1px solid var(--calcite-ui-border-3);box-sizing:border-box}arcgis-arcade-editor .border-inline-end{border-inline-end:1px solid var(--calcite-ui-border-3);box-sizing:border-box}arcgis-arcade-editor .sticky{position:sticky;top:0px;z-index:10}arcgis-arcade-editor .notice-container{margin:var(--calcite-spacing-quarter);padding:var(--calcite-spacing-half);background-color:var(--calcite-ui-foreground-1);text-align:center}arcgis-arcade-editor .side-action-bar{max-width:25%}arcgis-arcade-editor .side-panel{max-width:45%;width:600px}arcgis-arcade-editor .side-panel calcite-flow{height:100%}arcgis-arcade-editor .main-action-bar{border-bottom:1px solid var(--calcite-ui-border-3);flex:0 0 auto}arcgis-arcade-editor .main-action-bar calcite-action-group{padding-inline-end:var(--calcite-spacing-half)}arcgis-arcade-editor .main-action-bar calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-half)}arcgis-arcade-editor .main-action-bar calcite-action-group calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-half)}arcgis-arcade-editor .main-action-bar calcite-action-group:last-child{border-inline-end-width:0px}arcgis-arcade-editor .main-action-bar calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-half)}arcgis-arcade-editor arcgis-arcade-results{border-top:1px solid var(--calcite-ui-border-3);box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}arcgis-arcade-editor calcite-flow [slot=footer-actions]{word-break:break-word}arcgis-arcade-editor calcite-list-item-group calcite-list-item{margin-bottom:1px;box-shadow:0 1px 0 var(--calcite-ui-border-3)}arcgis-arcade-editor calcite-list-item-group calcite-list-item:last-child{box-shadow:none}arcgis-arcade-editor calcite-list-item-group:last-child{margin-bottom:var(--calcite-spacing-1)}";
+const arcadeEditorCss = "arcgis-arcade-editor{display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden;border:1px solid var(--calcite-ui-border-3);box-sizing:border-box;background-color:var(--calcite-ui-foreground-1)}arcgis-arcade-editor .flex-adjustable{flex:1 1 auto;overflow:hidden}arcgis-arcade-editor .flex-panel{flex:1 0 auto}arcgis-arcade-editor .position-relative{position:relative}arcgis-arcade-editor .flex-row{display:flex;flex-direction:row;overflow:hidden}arcgis-arcade-editor .flex-column{display:flex;flex-direction:column;overflow:hidden}arcgis-arcade-editor .border-inline-start{border-inline-start:1px solid var(--calcite-ui-border-3);box-sizing:border-box}arcgis-arcade-editor .border-inline-end{border-inline-end:1px solid var(--calcite-ui-border-3);box-sizing:border-box}arcgis-arcade-editor .sticky{position:sticky;top:0px;z-index:10}arcgis-arcade-editor .notice-container{margin:var(--calcite-spacing-quarter);padding:var(--calcite-spacing-half);background-color:var(--calcite-ui-foreground-1);text-align:center}arcgis-arcade-editor .side-action-bar{max-width:25%}arcgis-arcade-editor .side-panel{max-width:45%;width:600px}arcgis-arcade-editor .side-panel calcite-flow{height:100%}arcgis-arcade-editor .main-action-bar{border-bottom:1px solid var(--calcite-ui-border-3);flex:0 0 auto}arcgis-arcade-editor .main-action-bar calcite-action-group{padding-inline-end:var(--calcite-spacing-half)}arcgis-arcade-editor .main-action-bar calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-half)}arcgis-arcade-editor .main-action-bar calcite-action-group calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-half)}arcgis-arcade-editor .main-action-bar calcite-action-group:last-child{border-inline-end-width:0px}arcgis-arcade-editor .main-action-bar calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-half)}arcgis-arcade-editor arcgis-arcade-results{border-top:1px solid var(--calcite-ui-border-3);box-sizing:border-box;max-height:50%;min-height:50%;margin-bottom:-1px}arcgis-arcade-editor calcite-flow [slot=footer]{word-break:break-word}arcgis-arcade-editor calcite-list-item-group calcite-list-item{margin-bottom:1px;box-shadow:0 1px 0 var(--calcite-ui-border-3)}arcgis-arcade-editor calcite-list-item-group calcite-list-item:last-child{box-shadow:none}arcgis-arcade-editor calcite-list-item-group:last-child{margin-bottom:var(--calcite-spacing-1)}";
 
 setupArcadeTheme();
-const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeEditor extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.scriptChange = createEvent(this, "scriptChange", 3);
     this.diagnosticsChange = createEvent(this, "diagnosticsChange", 3);
     this._componentReadyDefer = new h();
-    this._modelId = _();
+    this._modelId = k();
     this._editorProfilePromise = Promise.resolve(undefined);
     this._disposables = [];
     this._executeScript = async () => {
@@ -126,7 +126,8 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this._insertAsText = (e) => this._codeEditorElt?.insertText(e.detail);
     this._onResultPanelChange = (e) => (this._resultPanel = e.detail);
     this._onExecutionPanelClose = () => (this._showExecutionPanel = false);
-    this._locale = "";
+    this._lang = "";
+    this._t9nLocale = "";
     this._t9nStrings = undefined;
     this._standaloneCodeEditor = undefined;
     this._preparingProfile = false;
@@ -221,11 +222,11 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    * @internal
    */
   async updateThemeColors(colorRules) {
-    const theme = C(this._hostElt);
+    const theme = P(this._hostElement);
     updateThemeColors(theme, colorRules);
     if (colorRules === undefined) {
       ["comment", "keyword", "identifier", "string", "number", "constant", "date"].forEach((key) => {
-        this._hostElt.style.removeProperty(`--arcgis-arcade-editor-${key}`);
+        this._hostElement.style.removeProperty(`--arcgis-arcade-editor-${key}`);
       });
       return;
     }
@@ -235,7 +236,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
       if (!foreground) {
         return;
       }
-      this._hostElt.style.setProperty(`--arcgis-arcade-editor-${key}`, foreground);
+      this._hostElement.style.setProperty(`--arcgis-arcade-editor-${key}`, foreground);
     });
   }
   // #endregion
@@ -295,7 +296,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     try {
       // Set a new profile for the model using the profile definition and the locale.
       await arcadeDefaults.setProfileForModel(this._modelId, this.profile, {
-        locale: this._locale,
+        locale: this._t9nLocale,
         snippets: this.snippets
       });
       // Get the corresponding editor profile for the model.
@@ -316,7 +317,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     if (!this.testData) {
       return null;
     }
-    return (h$1("calcite-action-bar", { class: "main-action-bar", layout: "horizontal", scale: "s", expanded: true, "expand-disabled": true }, h$1("calcite-action-group", { layout: "horizontal", scale: "s" }, h$1("calcite-action", { text: this._t9nStrings?.run ?? "Run", "text-enabled": true, icon: "play", scale: "s", loading: this._preparingProfile, onClick: this._executeScript }), this._executionResult ? (h$1("calcite-action", { text: this._t9nStrings?.lastresults ?? "Last results", active: this._showExecutionPanel, "text-enabled": true, icon: "access-string-results", iconFlipRtl: true, scale: "s", onClick: this._toggleShowExecutionPanel })) : null)));
+    return (h$1("calcite-action-bar", { class: "main-action-bar", layout: "horizontal", scale: "s", expanded: true, "expand-disabled": true }, h$1("calcite-action-group", { scale: "s" }, h$1("calcite-action", { text: this._t9nStrings?.run ?? "Run", "text-enabled": true, icon: "play", scale: "s", loading: this._preparingProfile, onClick: this._executeScript }), this._executionResult ? (h$1("calcite-action", { text: this._t9nStrings?.lastresults ?? "Last results", active: this._showExecutionPanel, "text-enabled": true, icon: "access-string-results", iconFlipRtl: true, scale: "s", onClick: this._toggleShowExecutionPanel })) : null)));
   }
   //#endregion
   //#region Render Main Panel
@@ -333,7 +334,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     if (this.hideSideBar) {
       return null;
     }
-    return (h$1("calcite-action-bar", { class: "side-action-bar border-inline-start", expanded: !!this.sideActionBarExpanded, position: "end", onCalciteActionBarToggle: this._toggleSideActionBarExpanded }, h$1("calcite-action-group", null, h$1("calcite-action", { id: "profile-variables-action", text: this._t9nStrings?.profilevariables ?? "Profile variables", icon: "profile-variables", active: this.openedSidePanel === "variables", onClick: this._toggleSidePanel, "data-panel-name": "variables" }), h$1("calcite-action", { id: "function-action", text: this._t9nStrings?.constantsandfunctions ?? "Constants and functions", icon: "function", active: this.openedSidePanel === "api", onClick: this._toggleSidePanel, "data-panel-name": "api" }), this.suggestions?.length ? (h$1(Fragment, null, h$1("calcite-action", { id: "suggestions-action", text: this._t9nStrings?.suggestions ?? "Suggestions", icon: "lightbulb", active: this.openedSidePanel === "suggestions", onClick: this._toggleSidePanel, "data-panel-name": "suggestions" }))) : null, this.hideDocumentationActions ? null : (h$1(Fragment, null, h$1("calcite-action", { id: "developer-website-action", text: this._t9nStrings?.help ?? "Help", icon: "question", iconFlipRtl: this._locale === "ar", onClick: this._openArcadeHelp }))))));
+    return (h$1("calcite-action-bar", { class: "side-action-bar border-inline-start", expanded: !!this.sideActionBarExpanded, position: "end", onCalciteActionBarToggle: this._toggleSideActionBarExpanded }, h$1("calcite-action-group", null, h$1("calcite-action", { id: "profile-variables-action", text: this._t9nStrings?.profilevariables ?? "Profile variables", icon: "profile-variables", active: this.openedSidePanel === "variables", onClick: this._toggleSidePanel, "data-panel-name": "variables" }), h$1("calcite-action", { id: "function-action", text: this._t9nStrings?.constantsandfunctions ?? "Constants and functions", icon: "function", active: this.openedSidePanel === "api", onClick: this._toggleSidePanel, "data-panel-name": "api" }), this.suggestions?.length ? (h$1(Fragment, null, h$1("calcite-action", { id: "suggestions-action", text: this._t9nStrings?.suggestions ?? "Suggestions", icon: "lightbulb", active: this.openedSidePanel === "suggestions", onClick: this._toggleSidePanel, "data-panel-name": "suggestions" }))) : null, this.hideDocumentationActions ? null : (h$1(Fragment, null, h$1("calcite-action", { id: "developer-website-action", text: this._t9nStrings?.help ?? "Help", icon: "question", iconFlipRtl: this._t9nLocale === "ar", onClick: this._openArcadeHelp }))))));
   }
   // private renderTooltip(id: string, label: string | undefined): VNode | null {
   //   if (this.sideActionBarExpanded || !label) {
@@ -376,7 +377,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     return (h$1(Host, null, this.renderMainActionBar(), h$1("div", { class: "flex-row flex-adjustable" }, h$1("div", { class: "flex-column flex-adjustable" }, this.renderMainPanel(), this.renderResultsPanel()), this.renderSidePanel(), this.renderSideActionBar())));
   }
   static get assetsDirs() { return ["assets"]; }
-  get _hostElt() { return this; }
+  get _hostElement() { return this; }
   static get watchers() { return {
     "profile": ["_profileChanged"],
     "testData": ["_testDataChanged"],
@@ -393,7 +394,8 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     "hideSideBar": [4, "hide-side-bar"],
     "sideActionBarExpanded": [1540, "side-action-bar-expanded"],
     "openedSidePanel": [1537, "opened-side-panel"],
-    "_locale": [32],
+    "_lang": [32],
+    "_t9nLocale": [32],
     "_t9nStrings": [32],
     "_standaloneCodeEditor": [32],
     "_preparingProfile": [32],
@@ -409,6 +411,10 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     "getTestResult": [64],
     "getOutputType": [64],
     "updateThemeColors": [64]
+  }, undefined, {
+    "profile": ["_profileChanged"],
+    "testData": ["_testDataChanged"],
+    "snippets": ["_snippetChanged"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {