@arcgis/coding-components 4.29.0-beta.61 → 4.29.0-beta.63

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, U, O } from './index2.js';
+import { W, B, j } 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';
@@ -19,7 +19,7 @@ function isSuggestionGroups(item) {
     if (!item.length) {
         return false;
     }
-    return Array.isArray(item[0]?.suggestions);
+    return Array.isArray(item[0].suggestions);
 }
 
 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)}";
@@ -72,12 +72,12 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
     async componentWillLoad() {
         this._colorizeStyle = generateColorizeStyles();
         this._themeChangedListner = onColorizeThemeChanged(() => (this._colorizeStyle = generateColorizeStyles()));
-        await F(this, getAssetPath("./assets"));
+        await W(this, getAssetPath("./assets"));
     }
     disconnectedCallback() {
         this._flowObserver?.disconnect();
         this._themeChangedListner?.dispose();
-        U(this);
+        B(this);
     }
     // #endregion
     //#region Private Methods
@@ -95,7 +95,7 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
         // 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");
+            j(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -122,7 +122,7 @@ const ArcgisArcadeSuggestions = /*@__PURE__*/ proxyCustomElement(class ArcgisArc
         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) => 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) => 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) })))));
     }
     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())));

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, U, O, B } from './index2.js';
+import { W, B, j, Q } 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';
@@ -69,10 +69,10 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
     //#endregion
     // #region Component lifecycle events
     async componentWillLoad() {
-        await F(this, getAssetPath("./assets"));
+        await W(this, getAssetPath("./assets"));
     }
     disconnectedCallback() {
-        U(this);
+        B(this);
         this._flowObserver?.disconnect();
     }
     // #endregion
@@ -97,7 +97,7 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
         // 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");
+            j(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -125,7 +125,7 @@ const ArcgisArcadeVariables = /*@__PURE__*/ proxyCustomElement(class ArcgisArcad
     }
     renderEditorVariables(collection) {
         // Filter the variables. Skip group, we will filter the children later on.
-        const filterExpression = B(this._filterValue);
+        const filterExpression = Q(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");

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 { p, $, P, F, U } from './index2.js';
+import { h, F, $, W, B } 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';
@@ -80,8 +80,8 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         this.__registerHost();
         this.scriptChange = createEvent(this, "scriptChange", 3);
         this.diagnosticsChange = createEvent(this, "diagnosticsChange", 3);
-        this._componentReadyDefer = new p();
-        this._modelId = $();
+        this._componentReadyDefer = new h();
+        this._modelId = F();
         this._editorProfilePromise = Promise.resolve(undefined);
         this._disposables = [];
         this._executeScript = async () => {
@@ -122,8 +122,8 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
             e.stopPropagation();
             this.scriptChange.emit(e.detail);
         };
-        this._insertAsSnippet = (e) => this._codeEditorElt?.insertSnippet(e.detail);
-        this._insertAsText = (e) => this._codeEditorElt?.insertText(e.detail);
+        this._insertAsSnippet = async (e) => await this._codeEditorElt?.insertSnippet(e.detail);
+        this._insertAsText = async (e) => await this._codeEditorElt?.insertText(e.detail);
         this._onResultPanelChange = (e) => (this._resultPanel = e.detail);
         this._onExecutionPanelClose = () => (this._showExecutionPanel = false);
         this._lang = "";
@@ -176,7 +176,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
      */
     async getScript() {
         await this._componentReadyDefer.promise;
-        return this._codeEditorElt?.getValue();
+        return await this._codeEditorElt?.getValue();
     }
     /**
      * Set the focus on the element.
@@ -192,7 +192,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
      */
     async getEditorInstance() {
         await this._componentReadyDefer.promise;
-        return this._codeEditorElt?.getEditorInstance();
+        return await this._codeEditorElt?.getEditorInstance();
     }
     /**
      * Returns the Arcade result for the script for the provided test data.
@@ -207,7 +207,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         }
         await this._componentReadyDefer.promise;
         const script = await this._codeEditorElt?.getValue();
-        return executeScript(editorProfile.definition, script, this.testData);
+        return await executeScript(editorProfile.definition, script, this.testData);
     }
     /**
      * Returns the Arcade output type for the script.
@@ -222,7 +222,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
      * @internal
      */
     async updateThemeColors(colorRules) {
-        const theme = P(this._hostElement);
+        const theme = $(this._hostElement);
         updateThemeColors(theme, colorRules);
         if (colorRules === undefined) {
             ["comment", "keyword", "identifier", "string", "number", "constant", "date"].forEach((key) => {
@@ -251,7 +251,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         // 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 F(this, assetsPath, async () => await this._updateEditorProfile());
+        await W(this, assetsPath, async () => await this._updateEditorProfile());
     }
     async componentDidLoad() {
         // Mark on component as ready.
@@ -279,7 +279,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         await this._codeEditorElt?.setFocus();
     }
     disconnectedCallback() {
-        U(this);
+        B(this);
         arcadeDefaults.disposeApiContextForModel(this._modelId);
         arcadeDefaults.disposeEditorProfileForModel(this._modelId);
         while (this._disposables.length) {
@@ -317,14 +317,14 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         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", { 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", { 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>
         );
     }
@@ -334,7 +334,7 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         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._t9nLocale === "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) {
@@ -354,11 +354,11 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         }
         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;
         }
@@ -369,12 +369,12 @@ const ArcgisArcadeEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisArcade
         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 _hostElement() { return this; }