@arcgis/coding-components 4.30.0-next.21 → 4.30.0-next.22

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

@@ -1,13 +1,14 @@
 /*!
  * 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.21
+ * v4.30.0-next.22
  */
 import { proxyCustomElement, HTMLElement, createEvent, h as h$1, Fragment, Host } from '@stencil/core/internal/client';
 import { KeyCode } from 'monaco-editor';
 import { e as executeScript, D as DevelopersWebSitePath, d as defineCustomElement$5 } from './arcade-results.js';
 import { u as updateThemeColors, c as colorRulesKeys, s as setupMonacoEnvironment, a as getArcadeDiagnosticService } from './arcade-contribution.js';
-import { h, U, k, B, q } from './index2.js';
+import { u as useControllerManager, a as useT9n } from './chunk-3I7AEPTU.js';
+import { h, Q, _ } from './index2.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import { d as defineCustomElement$6 } from './arcade-api.js';
 import { d as defineCustomElement$4 } from './arcade-suggestions.js';
@@ -27,8 +28,9 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         this.__registerHost();
         this.scriptChange = createEvent(this, "scriptChange", 3);
         this.diagnosticsChange = createEvent(this, "diagnosticsChange", 3);
+        this.manager = useControllerManager(this);
         this._componentReadyDefer = new h();
-        this._modelId = U();
+        this._modelId = Q();
         this._editorProfilePromise = Promise.resolve(undefined);
         this._disposables = [];
         this._executeScript = async () => {
@@ -77,9 +79,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         this._insertAsText = (e) => void this._codeEditorElt?.insertText(e.detail).catch(console.error);
         this._onResultPanelChange = (e) => void (this._resultPanel = e.detail);
         this._onExecutionPanelClose = () => void (this._showExecutionPanel = false);
-        this._lang = "";
-        this._t9nLocale = "";
-        this._t9nStrings = undefined;
+        this.messages = useT9n();
         this._standaloneCodeEditor = undefined;
         this._preparingProfile = false;
         this._editorProfile = undefined;
@@ -159,11 +159,11 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
      * @internal
      */
     async updateThemeColors(colorRules) {
-        const theme = k(this._hostElement);
+        const theme = _(this.el);
         updateThemeColors(theme, colorRules);
         if (colorRules === undefined) {
             colorRulesKeys.forEach((key) => {
-                this._hostElement.style.removeProperty(`--arcgis-arcade-editor-${key}`);
+                this.el.style.removeProperty(`--arcgis-arcade-editor-${key}`);
             });
             return;
         }
@@ -172,7 +172,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
             if (!foreground) {
                 return;
             }
-            this._hostElement.style.setProperty(`--arcgis-arcade-editor-${key}`, foreground);
+            this.el.style.setProperty(`--arcgis-arcade-editor-${key}`, foreground);
         });
     }
     // #endregion
@@ -184,10 +184,9 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         // However, we need to setup the environment before the code editor is instantiated because
         // we need to access the arcade language service to get the api library.
         setupMonacoEnvironment(assetsPath);
-        // Starts a locale observer. It will load the correct t9n strings for the component
-        // when the locale changes. We also pass updateEditorProfile. It will be invoked the first
-        // and on each locale change. The profile has to be refreshed on locale change as well.
-        await B(this, assetsPath, async () => await this._updateEditorProfile());
+        await this._updateEditorProfile();
+        // The profile has to be refreshed on locale change
+        this.manager.watch("messages", () => void this._updateEditorProfile().catch(console.error));
     }
     async componentDidLoad() {
         // Mark on component as ready.
@@ -215,7 +214,6 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         await this._codeEditorElt?.setFocus();
     }
     disconnectedCallback() {
-        q(this);
         arcadeDefaults.disposeApiContextForModel(this._modelId);
         arcadeDefaults.disposeEditorProfileForModel(this._modelId);
         while (this._disposables.length) {
@@ -232,7 +230,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         try {
             // Set a new profile for the model using the profile definition and the locale.
             await arcadeDefaults.setProfileForModel(this._modelId, this.profile, {
-                locale: this._t9nLocale,
+                locale: this.messages._t9nLocale,
                 snippets: this.snippets
             });
             // Get the corresponding editor profile for the model.
@@ -253,7 +251,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         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", { 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.messages.run ?? "Run", "text-enabled": true, icon: "play", scale: "s", loading: this._preparingProfile, onClick: this._executeScript }), this._executionResult ? (h$1("calcite-action", { text: this.messages.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
@@ -271,20 +269,20 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         }
         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, this.renderAction({
             id: "profile-variables-action",
-            label: this._t9nStrings?.profilevariables ?? "Profile variables",
+            label: this.messages.profilevariables ?? "Profile variables",
             icon: "profile-variables",
             active: this.openedSidePanel === "variables",
             panelName: "variables"
         }), this.renderAction({
             id: "function-action",
-            label: this._t9nStrings?.constantsandfunctions ?? "Constants and functions",
+            label: this.messages.constantsandfunctions ?? "Constants and functions",
             icon: "function",
             active: this.openedSidePanel === "api",
             panelName: "api"
         }), this.suggestions?.length
             ? this.renderAction({
                 id: "suggestions-action",
-                label: this._t9nStrings?.suggestions ?? "Suggestions",
+                label: this.messages.suggestions ?? "Suggestions",
                 icon: "lightbulb",
                 active: this.openedSidePanel === "suggestions",
                 panelName: "suggestions"
@@ -293,7 +291,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
             ? null
             : this.renderAction({
                 id: "developer-website-action",
-                label: this._t9nStrings?.help ?? "Help",
+                label: this.messages.help ?? "Help",
                 icon: "question",
                 active: false,
                 panelName: "none",
@@ -331,7 +329,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         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 _hostElement() { return this; }
+    get el() { return this; }
     static get watchers() { return {
         "profile": ["_profileChanged"],
         "testData": ["_testDataChanged"],
@@ -349,9 +347,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         "sideActionBarExpanded": [1540, "side-action-bar-expanded"],
         "openedSidePanel": [1537, "opened-side-panel"],
         "editorOptions": [16],
-        "_lang": [32],
-        "_t9nLocale": [32],
-        "_t9nStrings": [32],
+        "messages": [32],
         "_standaloneCodeEditor": [32],
         "_preparingProfile": [32],
         "_editorProfile": [32],

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

@@ -1,7 +1,7 @@
 /*!
  * 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.21
+ * v4.30.0-next.22
  */
 import { A as ArcgisArcadeResults$1, d as defineCustomElement$1 } from './arcade-results.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * 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.21
+ * v4.30.0-next.22
  */
 import { A as ArcgisArcadeSuggestions$1, d as defineCustomElement$1 } from './arcade-suggestions.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * 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.21
+ * v4.30.0-next.22
  */
 import { A as ArcgisArcadeVariables$1, d as defineCustomElement$1 } from './arcade-variables.js';
 

package/dist/components/arcgis-assets.d.ts

@@ -2,7 +2,7 @@
 /*!
  * 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.21
+ * v4.30.0-next.22
  */
 /**
  * Get the base path to where the package assets can be found.

package/dist/components/arcgis-assets.js

@@ -2,7 +2,7 @@
 /*!
  * 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.21
+ * v4.30.0-next.22
  */
 let resourceUrl = "https://js.arcgis.com/coding-components/next/";
 export const getArcgisAssetPath = (path) => {

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

@@ -1,7 +1,7 @@
 /*!
  * 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.21
+ * v4.30.0-next.22
  */
 import { A as ArcgisCodeEditor$1, d as defineCustomElement$1 } from './code-editor.js';