@arcgis/coding-components 4.28.0-beta.2 → 4.28.0-beta.21

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

@@ -1,7 +1,7 @@
-import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Fragment, Host } from '@stencil/core/internal/client';
+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 { D as Deferred, g as generateGuid, c as getElementTheme, d as startLocaleObserver, e as stopLocaleObserver } from './index2.js';
+import { h, _, C, $, F } from './index2.js';
 import { s as setupMonacoEnvironment, g as getArcadeDiagnosticService } from './arcade-contribution.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import '@esri/calcite-components/dist/components/calcite-action-bar.js';
@@ -80,8 +80,8 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.__registerHost();
     this.scriptChange = createEvent(this, "scriptChange", 3);
     this.diagnosticsChange = createEvent(this, "diagnosticsChange", 3);
-    this._componentReadyDefer = new Deferred();
-    this._modelId = generateGuid();
+    this._componentReadyDefer = new h();
+    this._modelId = _();
     this._editorProfilePromise = Promise.resolve(undefined);
     this._disposables = [];
     this._executeScript = async () => {
@@ -91,7 +91,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
       }
       const editorProfile = await this._editorProfilePromise;
       if (!editorProfile) {
-        this._executionResult = { type: "error", value: "Missing editor profile", error: null, simpleType: false };
+        this._executionResult = { type: "error", value: "Missing editor profile", error: null };
         return;
       }
       this._showExecutionPanel = true;
@@ -198,11 +198,11 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    */
   async getTestResult() {
     if (!this.testData) {
-      return { type: "error", value: "Missing test data", error: null, simpleType: false };
+      return { type: "error", value: "Missing test data", error: null };
     }
     const editorProfile = await this._editorProfilePromise;
     if (!editorProfile) {
-      return { type: "error", value: "Missing editor profile", error: null, simpleType: false };
+      return { type: "error", value: "Missing editor profile", error: null };
     }
     await this._componentReadyDefer.promise;
     const script = await this._codeEditorElt?.getValue();
@@ -221,7 +221,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    * @internal
    */
   async updateThemeColors(colorRules) {
-    const theme = getElementTheme(this._hostElt);
+    const theme = C(this._hostElt);
     updateThemeColors(theme, colorRules);
     if (colorRules === undefined) {
       ["comment", "keyword", "identifier", "string", "number", "constant", "date"].forEach((key) => {
@@ -250,7 +250,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     // 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 startLocaleObserver(this, assetsPath, async () => await this._updateEditorProfile());
+    await $(this, assetsPath, async () => await this._updateEditorProfile());
   }
   async componentDidLoad() {
     // Mark on component as ready.
@@ -278,7 +278,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     await this._codeEditorElt?.setFocus();
   }
   disconnectedCallback() {
-    stopLocaleObserver(this);
+    F(this);
     arcadeDefaults.disposeApiContextForModel(this._modelId);
     arcadeDefaults.disposeEditorProfileForModel(this._modelId);
     while (this._disposables.length) {
@@ -316,14 +316,14 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     if (!this.testData) {
       return null;
     }
-    return (h("calcite-action-bar", { class: "main-action-bar", layout: "horizontal", scale: "s", expanded: true, "expand-disabled": true }, h("calcite-action-group", { layout: "horizontal", scale: "s" }, h("calcite-action", { text: this._t9nStrings?.run ?? "Run", "text-enabled": true, icon: "play", scale: "s", loading: this._preparingProfile, onClick: this._executeScript }), this._executionResult ? (h("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", { 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)));
   }
   //#endregion
   //#region Render Main Panel
   renderMainPanel() {
     return (
     // <div class="flex-adjustable">
-    h("arcgis-code-editor", { class: "flex-adjustable", language: arcadeDefaults.languageId, value: this.script ?? "", modelId: this._modelId, onValueChange: this._emitScriptChange, ref: (e) => (this._codeEditorElt = e) })
+    h$1("arcgis-code-editor", { class: "flex-adjustable", language: arcadeDefaults.languageId, value: this.script ?? "", modelId: this._modelId, onValueChange: this._emitScriptChange, ref: (e) => (this._codeEditorElt = e) })
     // </div>
     );
   }
@@ -333,7 +333,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     if (this.hideSideBar) {
       return null;
     }
-    return (h("calcite-action-bar", { class: "side-action-bar border-inline-start", expanded: !!this.sideActionBarExpanded, position: "end", onCalciteActionBarToggle: this._toggleSideActionBarExpanded }, h("calcite-action-group", null, h("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("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(Fragment, null, h("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(Fragment, null, h("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._locale === "ar", onClick: this._openArcadeHelp }))))));
   }
   // private renderTooltip(id: string, label: string | undefined): VNode | null {
   //   if (this.sideActionBarExpanded || !label) {
@@ -353,11 +353,11 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     }
     switch (this.openedSidePanel) {
       case "api":
-        return (h("arcgis-arcade-api", { class: "side-panel flex-panel border-inline-start", modelId: this._modelId, hideDocumentationActions: this.hideDocumentationActions, onItemSelected: this._insertAsSnippet, onClose: this._toggleSidePanel, "data-panel-name": "none" }));
+        return (h$1("arcgis-arcade-api", { class: "side-panel flex-panel border-inline-start", modelId: this._modelId, hideDocumentationActions: this.hideDocumentationActions, onItemSelected: this._insertAsSnippet, onClose: this._toggleSidePanel, "data-panel-name": "none" }));
       case "variables":
-        return (h("arcgis-arcade-variables", { class: "side-panel flex-panel border-inline-start", loading: this._preparingProfile, modelId: this._modelId, onItemSelected: this._insertAsText, onClose: this._toggleSidePanel, "data-panel-name": "none" }));
+        return (h$1("arcgis-arcade-variables", { class: "side-panel flex-panel border-inline-start", loading: this._preparingProfile, modelId: this._modelId, onItemSelected: this._insertAsText, onClose: this._toggleSidePanel, "data-panel-name": "none" }));
       case "suggestions":
-        return (h("arcgis-arcade-suggestions", { class: "side-panel flex-panel border-inline-start", suggestions: this.suggestions, onItemSelected: this._insertAsText, onClose: this._toggleSidePanel, "data-panel-name": "none" }));
+        return (h$1("arcgis-arcade-suggestions", { class: "side-panel flex-panel border-inline-start", suggestions: this.suggestions, onItemSelected: this._insertAsText, onClose: this._toggleSidePanel, "data-panel-name": "none" }));
       default:
         return null;
     }
@@ -368,12 +368,12 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     if (!this._showExecutionPanel) {
       return null;
     }
-    return (h("arcgis-arcade-results", { class: "flex-adjustable", openedResultPanel: this._resultPanel, loading: this._executingScript, result: this._executionResult, consoleLogs: this._consoleLogs, onOpenedResultPanelChange: this._onResultPanelChange, onClose: this._onExecutionPanelClose }));
+    return (h$1("arcgis-arcade-results", { class: "flex-adjustable", openedResultPanel: this._resultPanel, loading: this._executingScript, result: this._executionResult, consoleLogs: this._consoleLogs, onOpenedResultPanelChange: this._onResultPanelChange, onClose: this._onExecutionPanelClose }));
   }
   //#endregion
   //#region Render
   render() {
-    return (h(Host, null, this.renderMainActionBar(), h("div", { class: "flex-row flex-adjustable" }, h("div", { class: "flex-column flex-adjustable" }, this.renderMainPanel(), this.renderResultsPanel()), this.renderSidePanel(), this.renderSideActionBar())));
+    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; }