@arcgis/coding-components 4.30.0-next.7 → 4.30.0-next.70

package/dist/cjs/arcgis-coding-components.cjs.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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6542b576.js');
+const index = require('./index-c731f1b4.js');
 
 /*
  Stencil Client Patch Browser v4.9.0 | MIT Licensed | https://stenciljs.com
@@ -22,7 +22,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  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"],"editorOptions":[16],"_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],"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"],"options":[16],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"value":["valuePropChange"],"language":["languagePropChange"],"modelId":["modelIdPropChange"],"options":["optionsPropChange"]}]]]], options);
+  return index.bootstrapLazy([["arcgis-arcade-api_6.cjs",[[0,"arcgis-arcade-editor",{"profile":[16],"script":[1025],"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"],"editorOptions":[16],"editorInstance":[16],"messages":[32],"_preparingProfile":[32],"_editorProfile":[32],"_showExecutionPanel":[32],"_resultPanel":[32],"_executingScript":[32],"_consoleLogs":[32],"_executionResult":[32],"getScript":[64],"setFocus":[64],"getEditorInstance":[64],"getTestResult":[64],"updateThemeColors":[64]},null,{"profile":["_profileChanged"],"testData":["_testDataChanged"],"snippets":["_snippetChanged"]}],[1,"arcgis-arcade-api",{"hideDocumentationActions":[4,"hide-documentation-actions"],"modelId":[1,"model-id"],"_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]}],[1,"arcgis-arcade-suggestions",{"suggestions":[16],"_selectedSuggestion":[32],"_filterValue":[32],"_colorizeStyle":[32]},null,{"suggestions":["suggestionsPropChanged"]}],[1,"arcgis-arcade-variables",{"loading":[4],"modelId":[1,"model-id"],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32]},null,{"modelId":["modelIdPropChanged"]}],[0,"arcgis-code-editor",{"value":[1],"language":[1],"modelId":[1,"model-id"],"options":[16],"editorInstance":[16],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"language":["languagePropChange"],"modelId":["modelIdPropChange"],"options":["optionsPropChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{css-5e66f5d3.js → css-daddb1cf.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.7
+ * v4.30.0-next.70
  */
 'use strict';
 

package/dist/cjs/{cssMode-b94f6c97.js → cssMode-65dddafc.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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-85d2771a.js');
-require('./index-6542b576.js');
+const arcadeDefaults = require('./arcade-defaults-ca722f9f.js');
+require('./index-c731f1b4.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/cjs/{html-b264fb71.js → html-fd58ee3a.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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-85d2771a.js');
-require('./index-6542b576.js');
+const arcadeDefaults = require('./arcade-defaults-ca722f9f.js');
+require('./index-c731f1b4.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/cjs/{htmlMode-14366ebc.js → htmlMode-591a0fc6.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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-85d2771a.js');
-require('./index-6542b576.js');
+const arcadeDefaults = require('./arcade-defaults-ca722f9f.js');
+require('./index-c731f1b4.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/cjs/{index-6542b576.js → index-c731f1b4.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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
@@ -1131,6 +1131,16 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
             maybePromise = safeCall(instance, 'componentWillLoad');
         }
     }
+    else {
+        {
+            // Like `componentWillLoad` above, we allow Stencil component
+            // authors to return a `Promise` from this lifecycle callback, and
+            // we specify that our runtime will wait for that `Promise` to
+            // resolve before the component re-renders. So if the method
+            // returns a `Promise` we need to keep it around!
+            maybePromise = safeCall(instance, 'componentWillUpdate');
+        }
+    }
     endSchedule();
     return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -1273,6 +1283,9 @@ const postUpdateComponent = (hostRef) => {
         }
     }
     else {
+        {
+            safeCall(instance, 'componentDidUpdate');
+        }
         endPostUpdate();
     }
     {
@@ -1294,6 +1307,18 @@ const postUpdateComponent = (hostRef) => {
     // ( •_•)>⌐■-■
     // (⌐■_■)
 };
+const forceUpdate = (ref) => {
+    {
+        const hostRef = getHostRef(ref);
+        const isConnected = hostRef.$hostElement$.isConnected;
+        if (isConnected &&
+            (hostRef.$flags$ & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {
+            scheduleUpdate(hostRef, false);
+        }
+        // Returns "true" when the forced update was successfully scheduled
+        return isConnected;
+    }
+};
 const appDidLoad = (who) => {
     // on appload
     // we have finish the first big initial render
@@ -1359,6 +1384,11 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
                 }
             }
             if ((flags & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {
+                if (instance.componentShouldUpdate) {
+                    if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+                        return;
+                    }
+                }
                 // looks like this value actually changed, so we've got work to do!
                 // but only if we've already rendered, otherwise just chill out
                 // queue that we need to do an update, but don't worry about queuing
@@ -1565,7 +1595,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
             // construction in order to directly wire together the
             // host element and the lazy-loaded instance
             try {
-                new Cstr(hostRef);
+                Cstr.__forceUpdate=forceUpdate;Cstr.__registerControllers=(component)=>{registerInstance(component,hostRef);return hostRef.$cmpMeta$.$members$??{}};new Cstr(hostRef);Cstr.__registerControllers=undefined;
             }
             catch (e) {
                 consoleError(e);
@@ -1577,6 +1607,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
                 hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */;
             }
             endNewInstance();
+            fireConnectedCallback(hostRef.$lazyInstance$);
         }
         if (Cstr.style) {
             // this component has styles but we haven't registered them yet
@@ -1606,6 +1637,9 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     }
 };
 const fireConnectedCallback = (instance) => {
+    {
+        safeCall(instance, 'connectedCallback');
+    }
 };
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
@@ -1647,9 +1681,11 @@ const connectedCallback = (elm) => {
         }
         else {
             // fire off connectedCallback() on component instance
-            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) {
+                fireConnectedCallback(hostRef.$lazyInstance$);
+            }
             else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
-                hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+                hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
             }
         }
         endConnected();

package/dist/cjs/index.cjs.js

@@ -1,14 +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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const arcadeDefaults = require('./arcade-defaults-85d2771a.js');
-require('./index-6542b576.js');
+const arcadeDefaults = require('./arcade-defaults-ca722f9f.js');
+require('./index-c731f1b4.js');
 
 
 

package/dist/cjs/{javascript-40266757.js → javascript-07b4dfdf.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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
-const typescript = require('./typescript-9ac6fd5a.js');
-require('./arcade-defaults-85d2771a.js');
-require('./index-6542b576.js');
+const typescript = require('./typescript-8a136799.js');
+require('./arcade-defaults-ca722f9f.js');
+require('./index-c731f1b4.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/cjs/{jsonMode-241f2a4a.js → jsonMode-b9e12d85.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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-85d2771a.js');
-require('./index-6542b576.js');
+const arcadeDefaults = require('./arcade-defaults-ca722f9f.js');
+require('./index-c731f1b4.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/cjs/loader.cjs.js

@@ -1,17 +1,17 @@
 /*!
  * 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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6542b576.js');
+const index = require('./index-c731f1b4.js');
 
 const defineCustomElements = (win, 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"],"editorOptions":[16],"_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],"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"],"options":[16],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"value":["valuePropChange"],"language":["languagePropChange"],"modelId":["modelIdPropChange"],"options":["optionsPropChange"]}]]]], options);
+  return index.bootstrapLazy([["arcgis-arcade-api_6.cjs",[[0,"arcgis-arcade-editor",{"profile":[16],"script":[1025],"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"],"editorOptions":[16],"editorInstance":[16],"messages":[32],"_preparingProfile":[32],"_editorProfile":[32],"_showExecutionPanel":[32],"_resultPanel":[32],"_executingScript":[32],"_consoleLogs":[32],"_executionResult":[32],"getScript":[64],"setFocus":[64],"getEditorInstance":[64],"getTestResult":[64],"updateThemeColors":[64]},null,{"profile":["_profileChanged"],"testData":["_testDataChanged"],"snippets":["_snippetChanged"]}],[1,"arcgis-arcade-api",{"hideDocumentationActions":[4,"hide-documentation-actions"],"modelId":[1,"model-id"],"_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]}],[1,"arcgis-arcade-suggestions",{"suggestions":[16],"_selectedSuggestion":[32],"_filterValue":[32],"_colorizeStyle":[32]},null,{"suggestions":["suggestionsPropChanged"]}],[1,"arcgis-arcade-variables",{"loading":[4],"modelId":[1,"model-id"],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32]},null,{"modelId":["modelIdPropChanged"]}],[0,"arcgis-code-editor",{"value":[1],"language":[1],"modelId":[1,"model-id"],"options":[16],"editorInstance":[16],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"language":["languagePropChange"],"modelId":["modelIdPropChange"],"options":["optionsPropChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{tsMode-066b04bf.js → tsMode-fc2a3eea.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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-85d2771a.js');
-require('./index-6542b576.js');
+const arcadeDefaults = require('./arcade-defaults-ca722f9f.js');
+require('./index-c731f1b4.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/cjs/{typescript-9ac6fd5a.js → typescript-8a136799.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.7
+ * v4.30.0-next.70
  */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-85d2771a.js');
-require('./index-6542b576.js');
+const arcadeDefaults = require('./arcade-defaults-ca722f9f.js');
+require('./index-c731f1b4.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.

package/dist/components/arcade-api.js

@@ -1,15 +1,17 @@
 /*!
  * 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.7
+ * v4.30.0-next.70
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host, forceUpdate } 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 } from './chunk-63RMNUHL.js';
+import { e as setFocusOnElement, b as addLTRMark } from './index2.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
 import { g as getArcadeWorker } from './arcade-contribution.js';
+import { u as useT9n } from './useT9n.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";
@@ -20,17 +22,20 @@ 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-quarter);padding:var(--calcite-spacing-half);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-half)}:host calcite-block pre code{font-size:var(--calcite-font-size--2)}";
+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)}:host calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}";
 
+const __cmpMeta = [1,"arcgis-arcade-api",{"hideDocumentationActions":[1028,"hide-documentation-actions"],"modelId":[1025,"model-id"],"_selectedApiItem":[32],"_filterValue":[32],"_colorizeStyle":[32],"_preparingApi":[32],"_apiLibrary":[32]}];
 const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+this.constructor.__registerControllers = ()=>__cmpMeta[2]??{};
         this.__attachShadow();
-        this.close = createEvent(this, "close", 3);
-        this.itemSelected = createEvent(this, "itemSelected", 3);
+        this.arcgisClose = createEvent(this, "arcgisClose", 3);
+        this.arcgisItemSelected = createEvent(this, "arcgisItemSelected", 3);
+        this.manager = useControllerManager(this,forceUpdate);
+        this.messages = useT9n();
         this._emitItemSelected = (e) => {
             const item = e.target?.["data-item"];
             if (!item) {
@@ -39,10 +44,10 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi e
             const keyEvent = e;
             if (!keyEvent.key || keyEvent.key === "Enter") {
                 e.preventDefault();
-                this.itemSelected.emit(item.completion.insertText);
+                this.arcgisItemSelected.emit(item.completion.insertText);
             }
         };
-        this._emitClose = () => this.close.emit();
+        this._emitClose = () => this.arcgisClose.emit();
         this._emitItemSelectedAndClose = (e) => {
             if (!e.target) {
                 return;
@@ -54,7 +59,7 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi e
                 if (!item) {
                     return;
                 }
-                this.itemSelected.emit(item.completion.insertText);
+                this.arcgisItemSelected.emit(item.completion.insertText);
             }
         };
         this._selectItem = (e) => {
@@ -70,9 +75,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 +88,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 +97,6 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi e
         await this._updateApiLibrary();
     }
     disconnectedCallback() {
-        q(this);
         this._flowObserver?.disconnect();
         this._themeChangedListner?.dispose();
     }
@@ -141,7 +141,7 @@ const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi e
         // 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
-            W(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+            setFocusOnElement(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
         });
         this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
@@ -152,14 +152,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: addLTRMark(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: addLTRMark(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
                 if (!e) {
                     return;
                 }
@@ -170,23 +170,12 @@ 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],
-        "_preparingApi": [32],
-        "_apiLibrary": [32]
-    }]);
+}, __cmpMeta);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

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.7
+ * v4.30.0-next.70
  */
-import { languages } from 'monaco-editor';
+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 { i as importRequest } from './fields.js';
+import { l as isURL, m as hasSameOrigin } from './index2.js';
 
 function isMonacoEnvironmentSetup() {
     return !!window.MonacoEnvironment?.getWorkerUrl;
@@ -48,21 +48,81 @@ 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 (!isURL(url) || hasSameOrigin(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
             const esriRequest = await importRequest();
             const response = await esriRequest(url, {
-                responseType: "text"
+                responseType: "text",
             });
             return new Worker(URL.createObjectURL(new Blob([response.data], {
-                type: "text/javascript"
+                type: "text/javascript",
             })));
-        }
+        },
     };
 }
 
+const themeConfig = {
+	"arcade-light-theme": {
+	comment: "#606060",
+	constant: "#9809C8",
+	date: "#296389",
+	identifier: "#0000B3",
+	keyword: "#BF4900",
+	number: "#136D3D",
+	string: "#A31515"
+},
+	"arcade-dark-theme": {
+	comment: "#BFBFBF",
+	constant: "#CDBAEA",
+	date: "#97A6CE",
+	identifier: "#9FD4F3",
+	keyword: "#EEAA5A",
+	number: "#AAD04B",
+	string: "#F2877B"
+}
+};
+
+function setupArcadeTheme() {
+    ["light", "dark"].forEach((theme) => {
+        const base = theme === "light" ? "vs" : "vs-dark";
+        const colors = themeConfig[`arcade-${theme}-theme`];
+        // Defines the light and dark theme based on the calcite theme name
+        editor.defineTheme(base, {
+            base,
+            inherit: true,
+            rules: [
+                { token: "comment.arc", foreground: colors.comment },
+                { token: "constant.arc", foreground: colors.constant },
+                { token: "keyword.arc", foreground: colors.keyword },
+                { token: "identifier.arc", foreground: colors.identifier },
+                { token: "number.arc", foreground: colors.number },
+                { token: "string.arc", foreground: colors.string },
+            ],
+            colors: {},
+        });
+    });
+}
+const monacoThemeKeys = ["comment", "keyword", "identifier", "string", "number", "constant"];
+const colorRulesKeys = [...monacoThemeKeys, "date"];
+function updateThemeColors(theme, colorRules) {
+    if (colorRules === undefined) {
+        setupArcadeTheme();
+        return;
+    }
+    const base = theme === "light" ? "vs" : "vs-dark";
+    const rules = [];
+    monacoThemeKeys.forEach((key) => {
+        const foreground = colorRules[key];
+        if (!foreground) {
+            return;
+        }
+        rules.push({ token: `${key}.arc`, foreground });
+    });
+    editor.defineTheme(base, { base, inherit: true, rules, colors: {} });
+}
+
 /**
  * Returns the arcade diagnostic service.
  * Example:
@@ -92,7 +152,7 @@ async function getArcadeWorker(uri) {
 }
 /**
  * Request the arcade mode
- * @returns mode for arcade
+ * @returns arcade mode module
  */
 async function getMode() {
     return await import('./arcade-mode.js');
@@ -102,13 +162,12 @@ languages.register({
     id: arcadeDefaults.languageId,
     aliases: ["Arcade", "arcade"],
     extensions: [".arc"],
-    mimetypes: ["application/arcade"]
+    mimetypes: ["application/arcade"],
 });
 // An event emitted when a language is first time needed
 languages.onLanguage(arcadeDefaults.languageId, () => {
-    // Setup the assets path on the arcadeDefaults
+    setupArcadeTheme();
     arcadeDefaults.setLanguageOptions({ assetsPath: `${getAssetsPath() ?? "."}/arcade-language` });
-    // Async import the language mode
     getMode()
         .then((mode) => {
         // Setup the language mode
@@ -119,4 +178,4 @@ languages.onLanguage(arcadeDefaults.languageId, () => {
     });
 });
 
-export { getArcadeDiagnosticService as a, getArcadeWorker as g, setupMonacoEnvironment as s };
+export { getArcadeDiagnosticService as a, colorRulesKeys as c, getArcadeWorker as g, setupMonacoEnvironment as s, updateThemeColors as u };