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

package/dist/components/arcade-api.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, Host } from '@stencil/core/internal/client';
 import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, a as colorizedAllCodeElements } from './markdown.js';
 import { f as filterCollection } from './utilities.js';
 import { Uri } from 'monaco-editor';
-import { B, q, W, G } from './index2.js';
+import { u as useControllerManager, a as useT9n } from './chunk-3I7AEPTU.js';
+import { W, o as oe } from './index2.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import { g as getArcadeWorker } from './arcade-contribution.js';
 import "@esri/calcite-components/dist/components/calcite-list-item-group.js";
@@ -20,7 +21,6 @@ import "@esri/calcite-components/dist/components/calcite-flow.js";
 import "@esri/calcite-components/dist/components/calcite-input.js";
 import "@esri/calcite-components/dist/components/calcite-loader.js";
 import "@esri/calcite-components/dist/components/calcite-list.js";
-import { getArcgisAssetPath as getAssetPath } from "./arcgis-assets.js";
 
 const arcadeApiCss = ":host{background-color:var(--calcite-color-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-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-color-foreground-2);padding:var(--calcite-spacing-sm)}:host calcite-block pre code{font-size:var(--calcite-font-size--2)}";
 
@@ -31,6 +31,8 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi e
         this.__attachShadow();
         this.close = createEvent(this, "close", 3);
         this.itemSelected = createEvent(this, "itemSelected", 3);
+        this.manager = useControllerManager(this);
+        this.messages = useT9n();
         this._emitItemSelected = (e) => {
             const item = e.target?.["data-item"];
             if (!item) {
@@ -70,9 +72,6 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi e
         this._updateFilterValue = (e) => {
             this._filterValue = e.target?.value ?? "";
         };
-        this._lang = "";
-        this._t9nLocale = "";
-        this._t9nStrings = undefined;
         this._selectedApiItem = undefined;
         this._filterValue = "";
         this._colorizeStyle = "";
@@ -86,7 +85,6 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi e
     async componentWillLoad() {
         this._colorizeStyle = generateColorizeStyles();
         this._themeChangedListner = onColorizeThemeChanged(() => (this._colorizeStyle = generateColorizeStyles()));
-        await B(this, getAssetPath("./assets"));
         arcadeDefaults.onModelContextDidChange((key) => {
             if (!this.modelId || key !== Uri.parse(this.modelId).toString()) {
                 return;
@@ -96,7 +94,6 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi e
         await this._updateApiLibrary();
     }
     disconnectedCallback() {
-        q(this);
         this._flowObserver?.disconnect();
         this._themeChangedListner?.dispose();
     }
@@ -152,14 +149,14 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi e
         if (!filteredApiItems.length) {
             return null;
         }
-        return (h("calcite-list-item-group", { heading: category.title }, filteredApiItems.map((apiItem) => (h("calcite-list-item", { label: G(apiItem.completion.detail), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": apiItem }, h("calcite-action", { slot: "actions-end", text: this._t9nStrings?.expand ?? "Expand", icon: "chevron-right", iconFlipRtl: true, scale: "s", onClick: this._selectItem, "data-item": apiItem }))))));
+        return (h("calcite-list-item-group", { heading: category.title }, filteredApiItems.map((apiItem) => (h("calcite-list-item", { label: oe(apiItem.completion.detail), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": apiItem }, h("calcite-action", { slot: "actions-end", text: this.messages.expand ?? "Expand", icon: "chevron-right", iconFlipRtl: true, scale: "s", onClick: this._selectItem, "data-item": apiItem }))))));
     }
     renderApiItemFlowItem() {
         const apiItem = this._selectedApiItem;
         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", 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) => void e?.setFocus() }, this._t9nStrings?.insert ?? "Insert"), h("calcite-block", { open: true, heading: G(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
+        return (h("calcite-flow-item", { heading: this.messages.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.messages.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) => void e?.setFocus() }, this.messages.insert ?? "Insert"), h("calcite-block", { open: true, heading: oe(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
                 if (!e) {
                     return;
                 }
@@ -170,17 +167,14 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi e
     render() {
         const categories = (this._apiLibrary ?? []).map((apiCategory) => this.renderApiCategory(apiCategory));
         const empty = categories.every((g) => !g);
-        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("calcite-input", { value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), 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())));
+        return (h(Host, null, h("style", null, this._colorizeStyle), h("calcite-flow", { ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { heading: this.messages.constantsandfunctions, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-input", { value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), this._preparingApi ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: this.messages.loading ?? "Loading" })) : (h("calcite-list", null, empty ? h("div", { class: "notice-container" }, this.messages.noitems ?? "No items") : categories))), this.renderApiItemFlowItem())));
     }
     static get assetsDirs() { return ["assets"]; }
-    get _hostElement() { return this; }
+    get el() { return this; }
     static get style() { return arcadeApiCss; }
 }, [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],

package/dist/components/arcade-contribution.js

@@ -1,12 +1,12 @@
 /*!
  * 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 { editor, languages } from 'monaco-editor';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import { a as importRequest } from './fields.js';
-import { i as ie, s as se } from './index2.js';
+import { d as de, g as ge } from './index2.js';
 
 function isMonacoEnvironmentSetup() {
     return !!window.MonacoEnvironment?.getWorkerUrl;
@@ -48,7 +48,7 @@ function setupMonacoEnvironment(assetsPath) {
                     break;
             }
             // If we have a relative path or we are on same orgin, we can use the default js implementation
-            if (!ie(url) || se(url, globalThis.location.href, true)) {
+            if (!de(url) || ge(url, globalThis.location.href, true)) {
                 return new Worker(url, { name: languageId });
             }
             // For cross orgin, we will load the worker code as a string and manufacture a blob

package/dist/components/arcade-defaults.js

@@ -1,13 +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.21
+ * v4.30.0-next.22
  */
 import { Emitter, Uri } from 'monaco-editor';
 import { InsertTextMode, InsertTextFormat, CompletionItemKind } from 'vscode-languageserver-types';
 import { i as importLayersFeatureLayer, a as importRequest, s as supportedFields, n as newPortalPortalItem, b as newWebScene, c as newWebMap, f as fieldAlias, d as fieldTypeToIconName, e as fieldTypeToArcadeType } from './fields.js';
 import { p as portalItemPageUrl } from './utilities.js';
-import { e as ee, t as te, G, Z, E, v } from './index2.js';
+import { i as ie, a as ae, o as oe, r as re, v, j } from './index2.js';
 import { getArcgisAssetPath as getAssetPath } from "./arcgis-assets.js";
 
 //#region core adapter fix
@@ -431,9 +431,9 @@ class ProfileItemBase {
             // If the component is under RTL, the string is messed up.
             // It is converted from $feature to feature$, This is not acceptable since the label
             // represents a variable name. We are adding in front of the $ sign a right to left mark.
-            return G(this._label);
+            return oe(this._label);
         }
-        return Z(this._profile?.intlStrings[this._label.code], this._label.formatValues);
+        return re(this._profile?.intlStrings[this._label.code], this._label.formatValues);
     }
     /**
      * Returns the description string.
@@ -445,7 +445,7 @@ class ProfileItemBase {
         if (typeof this.description === "string") {
             return this.description;
         }
-        return Z(this._profile?.intlStrings[this.description.code], this.description.formatValues);
+        return re(this._profile?.intlStrings[this.description.code], this.description.formatValues);
     }
     /**
      * Returns true if the item pass the filter test
@@ -686,7 +686,7 @@ class SourceBasedVariable extends CollectionBasedVariable {
         return this._profile?.intlStrings.layer ?? "layer";
     }
     async loadSource() {
-        if (ee(this._loadPromise) && te(this._loadPromise)) {
+        if (ie(this._loadPromise) && ae(this._loadPromise)) {
             return await this._loadPromise;
         }
         this._loadPromise = this._loadSource();
@@ -954,7 +954,7 @@ class SourceBasedVariable extends CollectionBasedVariable {
                 nonInteractive: true
             }, [new ValueVariable({ profile: this._profile, label: snippet, description: "", snippet })], { exposeRelationships: true, sourceTableId: source.layerId });
         }));
-        relationshipsGroup.variables = relationshipItems.filter(ee);
+        relationshipsGroup.variables = relationshipItems.filter(ie);
         if (!relationshipsGroup.variables.length) {
             return null;
         }
@@ -1118,7 +1118,7 @@ class FeatureSetCollectionVariable extends CollectionBasedVariable {
         return this._profile?.intlStrings.map ?? "map";
     }
     async loadSource() {
-        if (ee(this._loadPromise) && te(this._loadPromise)) {
+        if (ie(this._loadPromise) && ae(this._loadPromise)) {
             return await this._loadPromise;
         }
         this._loadPromise = this._loadSource();
@@ -1365,7 +1365,7 @@ async function getSdkPredefinedProfiles(locale = "en") {
     if (profiles) {
         return profiles;
     }
-    if (!E.has(locale)) {
+    if (!v.has(locale)) {
         return await getSdkPredefinedProfiles("en");
     }
     try {
@@ -1536,7 +1536,7 @@ class ArcadeLanguageServiceDefaults {
         if (isPredefinedProfile(definition)) {
             definition = await convertToEditorProfileDefinition(definition, apiContext.locale);
         }
-        const intlStrings = await v(apiContext.locale, getAssetPath("./assets/arcade-language/t9n"), "profile.t9n.");
+        const intlStrings = await j(apiContext.locale, getAssetPath("./assets/arcade-language/t9n"), "profile.t9n.");
         if (!intlStrings) {
             throw new Error(`Failed to load the language bundle for ${apiContext.locale}`);
         }

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.21
+ * v4.30.0-next.22
  */
 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 { l as le } 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}));
 
@@ -231,7 +231,7 @@ class DiagnosticsAdapter {
             if (languageId !== this._languageId) {
                 return;
             }
-            const debouncedValidate = re(() => {
+            const debouncedValidate = le(() => {
                 this._doValidate(model, languageId).catch((err) => {
                     throw err;
                 });

package/dist/components/arcade-results.js

@@ -1,11 +1,12 @@
 /*!
  * 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, 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, a as useT9n } from './chunk-3I7AEPTU.js';
+import { r as re, t as te } from './index2.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 +16,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;
@@ -271,7 +271,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" }, te(arcadeResult.value));
         case "number":
             return h("span", { class: "number-value" }, arcadeResult.value.toString());
         case "boolean":
@@ -279,9 +279,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" }, te(formatArcadeResultDateOnly(arcadeResult)));
         case "time":
-            return h("span", { class: "string-value" }, D(formatArcadeResultTimeOnly(arcadeResult)));
+            return h("span", { class: "string-value" }, te(formatArcadeResultTimeOnly(arcadeResult)));
         default:
             return null;
     }
@@ -305,6 +305,9 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
         this.__attachShadow();
         this.openedResultPanelChange = createEvent(this, "openedResultPanelChange", 3);
         this.close = createEvent(this, "close", 3);
+        this.manager = useControllerManager(this);
+        //#region Private Properties
+        this.messages = useT9n();
         this._switchResultPanel = (e) => {
             if (!e.target) {
                 return;
@@ -316,23 +319,12 @@ const ArcgisArcadeResults = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeR
             this.updateResultPanel(panelName);
         };
         this._emitClose = () => this.close.emit();
-        this._lang = "";
-        this._t9nLocale = "";
-        this._t9nStrings = undefined;
         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;
@@ -347,7 +339,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 +349,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: re(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, {
+            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: re(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, {
+            }) }, h("calcite-icon", { slot: "content-start", icon: "information", scale: "s", class: iconClass })), h("calcite-list-item", { label: re(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" })))));
+            }) }, 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,7 +377,7 @@ 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, {
+                return (h("div", { class: "result-value-simple flex-adjustable" }, re(this.messages.executionerrorformat, {
                     message: this.result.value
                 })));
             case "null":
@@ -416,13 +408,13 @@ 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, {
+        return (h(Fragment, null, h("span", null, `${arcadeResult.type}(${items.length ?? 0})`), leftoverCount > 0 ? (h("span", null, "\u00A0", re(this.messages.showingfirstitemsformat, {
             count: MaxArrayItems.toString()
         }))) : null));
     }
@@ -468,24 +460,21 @@ 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, {
+        return (h("div", { class: "value-type" }, h("span", null, arcadeResult.type, ":"), arcadeResult.features.length >= BatchSize ? (h("span", null, "\u00A0", re(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]
+        "consoleLogs": [16]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/arcade-suggestions.js

@@ -1,12 +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.21
+ * v4.30.0-next.22
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, b as colorizeCodeElement } from './markdown.js';
 import { f as filterCollection } from './utilities.js';
-import { B, q, W } from './index2.js';
+import { u as useControllerManager, a as useT9n } from './chunk-3I7AEPTU.js';
+import { W } 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";
@@ -16,7 +17,6 @@ import "@esri/calcite-components/dist/components/calcite-block.js";
 import "@esri/calcite-components/dist/components/calcite-flow.js";
 import "@esri/calcite-components/dist/components/calcite-input.js";
 import "@esri/calcite-components/dist/components/calcite-list.js";
-import { getArcgisAssetPath as getAssetPath } from "./arcgis-assets.js";
 
 function isSuggestionGroups(item) {
     if (!Array.isArray(item)) {
@@ -37,6 +37,8 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
         this.__attachShadow();
         this.close = createEvent(this, "close", 3);
         this.itemSelected = createEvent(this, "itemSelected", 3);
+        this.manager = useControllerManager(this);
+        this.messages = useT9n();
         this._updateFilterValue = (e) => {
             this._filterValue = e.target?.value ?? "";
         };
@@ -65,9 +67,6 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
         this._beforeBack = async () => {
             this._selectedSuggestion = undefined;
         };
-        this._lang = "";
-        this._t9nLocale = "";
-        this._t9nStrings = undefined;
         this._selectedSuggestion = undefined;
         this._filterValue = "";
         this._colorizeStyle = "";
@@ -81,12 +80,10 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
     async componentWillLoad() {
         this._colorizeStyle = generateColorizeStyles();
         this._themeChangedListner = onColorizeThemeChanged(() => (this._colorizeStyle = generateColorizeStyles()));
-        await B(this, getAssetPath("./assets"));
     }
     disconnectedCallback() {
         this._flowObserver?.disconnect();
         this._themeChangedListner?.dispose();
-        q(this);
     }
     // #endregion
     //#region Private Methods
@@ -122,31 +119,28 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
     renderSuggestionListItems(suggestions) {
         suggestions = filterCollection(suggestions, "label", this._filterValue);
         if (!suggestions.length) {
-            return h("div", { class: "notice-container" }, this._t9nStrings?.noitems ?? "No item");
+            return h("div", { class: "notice-container" }, this.messages.noitems ?? "No item");
         }
-        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._t9nStrings?.expand ?? "", scale: "s", icon: "chevron-right", iconFlipRtl: true, onClick: this._showSuggestionDetail, "data-item": suggestion }))));
+        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 }))));
     }
     renderSuggestionFlowItem() {
         const suggestion = this._selectedSuggestion;
         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", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelected, ref: (e) => void 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: (e) => e === undefined ? undefined : void colorizeCodeElement(e, suggestion.code).catch(console.error) })))));
+        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", "icon-start": "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, 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("calcite-input", { value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), h("calcite-list", null, this.renderSuggestionGroups())), this.renderSuggestionFlowItem())));
+        return (h(Host, null, h("style", null, this._colorizeStyle), h("calcite-flow", { ref: (ref) => this.flowFocusHandler(ref) }, h("calcite-flow-item", { heading: this.messages.suggestions, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-input", { value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), h("calcite-list", null, this.renderSuggestionGroups())), this.renderSuggestionFlowItem())));
     }
     static get assetsDirs() { return ["assets"]; }
-    get _hostElement() { return this; }
+    get el() { return this; }
     static get watchers() { return {
         "suggestions": ["suggestionsPropChanged"]
     }; }
     static get style() { return arcadeSuggestionsCss; }
 }, [1, "arcgis-arcade-suggestions", {
         "suggestions": [16],
-        "_lang": [32],
-        "_t9nLocale": [32],
-        "_t9nStrings": [32],
         "_selectedSuggestion": [32],
         "_filterValue": [32],
         "_colorizeStyle": [32]

package/dist/components/arcade-variables.js

@@ -1,10 +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.21
+ * v4.30.0-next.22
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { B, q, W, K } from './index2.js';
+import { u as useControllerManager, a as useT9n } from './chunk-3I7AEPTU.js';
+import { W, n as ne } 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";
@@ -15,7 +16,6 @@ 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-icon.js";
 import "@esri/calcite-components/dist/components/calcite-flow.js";
-import { getArcgisAssetPath as getAssetPath } from "./arcgis-assets.js";
 
 const arcadeVariablesCss = ":host{background-color:var(--calcite-color-foreground-1)}:host .notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}:host .sticky{position:sticky;top:0px;z-index:10}:host calcite-flow{height:100%}";
 
@@ -31,6 +31,8 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
         this.__attachShadow();
         this.close = createEvent(this, "close", 3);
         this.itemSelected = createEvent(this, "itemSelected", 3);
+        this.manager = useControllerManager(this);
+        this.messages = useT9n();
         this._updateFilterValue = (e) => {
             this._filterValue = e.target.value;
         };
@@ -63,9 +65,6 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
             e.stopPropagation();
             this.addPanelRenderer(this.collectionBasedVariableRenderer(collectionVariable));
         };
-        this._lang = "";
-        this._t9nLocale = "";
-        this._t9nStrings = undefined;
         this._mutationCounter = 1;
         this._flowItemRenderers = [];
         this._filterValue = "";
@@ -76,12 +75,7 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
         this._flowItemRenderers = [];
     }
     //#endregion
-    // #region Component lifecycle events
-    async componentWillLoad() {
-        await B(this, getAssetPath("./assets"));
-    }
     disconnectedCallback() {
-        q(this);
         this._flowObserver?.disconnect();
     }
     // #endregion
@@ -135,15 +129,15 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
                 });
                 loading = true;
             }
-            return (h("calcite-flow-item", { heading: this._t9nStrings?.profilevariables, description: collection.breadcrumb, beforeBack: this._beforeBack, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-action", { slot: "header-actions-end", text: this._t9nStrings?.backtotop ?? "Back to top", scale: "m", hidden: topPanel, icon: "chevrons-left", iconFlipRtl: true, onClick: this._backToTop }), h("calcite-input", { value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), loading ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: this._t9nStrings?.loading ?? "Loading" })) : (h("calcite-list", null, this.renderEditorVariables(collection)))));
+            return (h("calcite-flow-item", { heading: this.messages.profilevariables, description: collection.breadcrumb, beforeBack: this._beforeBack, closable: true, onCalciteFlowItemClose: this._emitClose }, h("calcite-action", { slot: "header-actions-end", text: this.messages.backtotop ?? "Back to top", scale: "m", hidden: topPanel, icon: "chevrons-left", iconFlipRtl: true, onClick: this._backToTop }), h("calcite-input", { value: this._filterValue, icon: "magnifying-glass", clearable: true, onCalciteInputInput: this._updateFilterValue, class: "sticky", scale: "m" }), loading ? (h("calcite-loader", { scale: "s", type: "indeterminate", label: this.messages.loading ?? "Loading" })) : (h("calcite-list", null, this.renderEditorVariables(collection)))));
         };
     }
     renderEditorVariables(collection) {
         // Filter the variables. Skip group, we will filter the children later on.
-        const filterExpression = K(this._filterValue);
+        const filterExpression = ne(this._filterValue);
         const filteredVariables = collection.variables.filter((variable) => variable.passFilter(filterExpression));
         if (!filteredVariables.length) {
-            return h("div", { class: "notice-container" }, this._t9nStrings?.noitems ?? "No item");
+            return h("div", { class: "notice-container" }, this.messages.noitems ?? "No item");
         }
         return filteredVariables.map((variable) => this.renderEditorVariable(variable));
     }
@@ -153,18 +147,18 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
                 // Group is a collection but we represent it differently
                 return (h("calcite-list-item-group", { heading: variable.getLabel() }, this.renderEditorVariables(variable)));
             default:
-                return (h("calcite-list-item", { label: variable.getLabel(), description: variable.getDescription(), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": variable }, variable.isCollection ? (h("calcite-action", { slot: "actions-end", text: this._t9nStrings?.expand ?? "", scale: "s", icon: "chevron-right", iconFlipRtl: true, onClick: this._showCollectionPanel, onKeyPress: stopEnterPropagation, "data-item": variable })) : null, variable.icon ? h("calcite-icon", { icon: variable.icon, scale: "s", slot: "content-start" }) : null));
+                return (h("calcite-list-item", { label: variable.getLabel(), description: variable.getDescription(), onCalciteListItemSelect: this._emitItemSelected, onKeyPress: this._emitItemSelected, "data-item": variable }, variable.isCollection ? (h("calcite-action", { slot: "actions-end", text: this.messages.expand ?? "", scale: "s", icon: "chevron-right", iconFlipRtl: true, onClick: this._showCollectionPanel, onKeyPress: stopEnterPropagation, "data-item": variable })) : null, variable.icon ? h("calcite-icon", { icon: variable.icon, scale: "s", slot: "content-start" }) : null));
         }
     }
     render() {
         const profile = arcadeDefaults.getEditorProfileForModel(this.modelId ?? "");
         if (!this.loading && !profile?.variables.length) {
-            return (h("calcite-flow", null, h("calcite-flow-item", { heading: this._t9nStrings?.profilevariables, closable: true, onCalciteFlowItemClose: this._emitClose }, h("div", { class: "notice-container" }, this._t9nStrings?.noprofilevariablesmessage ?? ""))));
+            return (h("calcite-flow", null, h("calcite-flow-item", { heading: this.messages.profilevariables, closable: true, onCalciteFlowItemClose: this._emitClose }, h("div", { class: "notice-container" }, this.messages.noprofilevariablesmessage ?? ""))));
         }
         return (h("calcite-flow", { ref: (ref) => this.flowFocusHandler(ref) }, this.collectionBasedVariableRenderer(profile, true)(), this._flowItemRenderers.map((renderer) => renderer())));
     }
     static get assetsDirs() { return ["assets"]; }
-    get _hostElement() { return this; }
+    get el() { return this; }
     static get watchers() { return {
         "modelId": ["modelIdPropChanged"]
     }; }
@@ -172,9 +166,6 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
 }, [1, "arcgis-arcade-variables", {
         "loading": [4],
         "modelId": [1, "model-id"],
-        "_lang": [32],
-        "_t9nLocale": [32],
-        "_t9nStrings": [32],
         "_mutationCounter": [32],
         "_flowItemRenderers": [32],
         "_filterValue": [32]

package/dist/components/arcgis-arcade-api.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 ArcgisArcadeApi$1, d as defineCustomElement$1 } from './arcade-api.js';