@arcgis/coding-components 4.29.0-beta.11 → 4.29.0-beta.110

package/dist/cjs/index.cjs.js

@@ -1,9 +1,14 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0-beta.110
+ */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const arcadeDefaults = require('./arcade-defaults-e128d6d9.js');
-require('./index-f8a85eb8.js');
+const arcadeDefaults = require('./arcade-defaults-c274c792.js');
+require('./index-8eb42874.js');
 
 
 

package/dist/cjs/{javascript-3fe2de06.js → javascript-cb5b58a7.js}

@@ -1,12 +1,17 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0-beta.110
+ */
 'use strict';
 
-const typescript = require('./typescript-524fddbc.js');
-require('./arcade-defaults-e128d6d9.js');
-require('./index-f8a85eb8.js');
+const typescript = require('./typescript-002b1bed.js');
+require('./arcade-defaults-c274c792.js');
+require('./index-8eb42874.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
- * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)
+ * Version: 0.45.0(5e5af013f8d295555a7210df0d5f2cea0bf5dd56)
  * Released under the MIT license
  * https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt
  *-----------------------------------------------------------------------------*/

package/dist/cjs/{jsonMode-8b4b19f9.js → jsonMode-b6e8a3b4.js}

@@ -1,11 +1,16 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0-beta.110
+ */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-e128d6d9.js');
-require('./index-f8a85eb8.js');
+const arcadeDefaults = require('./arcade-defaults-c274c792.js');
+require('./index-8eb42874.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
- * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)
+ * Version: 0.45.0(5e5af013f8d295555a7210df0d5f2cea0bf5dd56)
  * Released under the MIT license
  * https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt
  *-----------------------------------------------------------------------------*/

package/dist/cjs/loader.cjs.js

@@ -1,21 +1,17 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0-beta.110
+ */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f8a85eb8.js');
-
-/*
- Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
+const index = require('./index-8eb42874.js');
 
 const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  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"],"_locale":[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],"getOutputType":[64],"updateThemeColors":[64]}],[1,"arcgis-arcade-api",{"hideDocumentationActions":[4,"hide-documentation-actions"],"modelId":[1,"model-id"],"_locale":[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],"_locale":[32],"_t9nStrings":[32]}],[1,"arcgis-arcade-suggestions",{"suggestions":[16],"_locale":[32],"_t9nStrings":[32],"_selectedSuggestion":[32],"_filterValue":[32],"_colorizeStyle":[32]}],[1,"arcgis-arcade-variables",{"loading":[4],"modelId":[1,"model-id"],"_locale":[32],"_t9nStrings":[32],"_mutationCounter":[32],"_flowItemRenderers":[32],"_filterValue":[32]}],[0,"arcgis-code-editor",{"value":[1],"language":[1],"modelId":[1,"model-id"],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]}]]]], 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"],"_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"],"getValue":[64],"setValue":[64],"insertText":[64],"insertSnippet":[64],"getEditorInstance":[64],"setFocus":[64]},null,{"value":["valuePropChange"],"language":["languagePropChange"],"modelId":["modelIdPropChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{tsMode-b9491227.js → tsMode-97f32109.js}

@@ -1,11 +1,16 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0-beta.110
+ */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-e128d6d9.js');
-require('./index-f8a85eb8.js');
+const arcadeDefaults = require('./arcade-defaults-c274c792.js');
+require('./index-8eb42874.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
- * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)
+ * Version: 0.45.0(5e5af013f8d295555a7210df0d5f2cea0bf5dd56)
  * Released under the MIT license
  * https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt
  *-----------------------------------------------------------------------------*/

package/dist/cjs/{typescript-524fddbc.js → typescript-002b1bed.js}

@@ -1,11 +1,16 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0-beta.110
+ */
 'use strict';
 
-const arcadeDefaults = require('./arcade-defaults-e128d6d9.js');
-require('./index-f8a85eb8.js');
+const arcadeDefaults = require('./arcade-defaults-c274c792.js');
+require('./index-8eb42874.js');
 
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
- * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)
+ * Version: 0.45.0(5e5af013f8d295555a7210df0d5f2cea0bf5dd56)
  * Released under the MIT license
  * https://github.com/microsoft/monaco-editor/blob/main/LICENSE.txt
  *-----------------------------------------------------------------------------*/

package/dist/components/arcade-api.js

@@ -1,11 +1,16 @@
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.29/esri/copyright.txt for details.
+ * v4.29.0-beta.110
+ */
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { g as generateColorizeStyles, o as onColorizeThemeChanged, c as convertMarkdownString, a as colorizedAllCodeElements } from './markdown.js';
 import { S as StickyFilterInput } from './functional-components.js';
 import { f as filterCollection } from './utilities.js';
 import { Uri } from 'monaco-editor';
-import { $, F, O, q } from './index2.js';
+import { B, H, F, Z } from './index2.js';
 import { b as arcadeDefaults } from './arcade-defaults.js';
-import { a as getArcadeWorker } from './arcade-contribution.js';
+import { g as getArcadeWorker } from './arcade-contribution.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,178 +21,181 @@ import '@esri/calcite-components/dist/components/calcite-flow.js';
 import '@esri/calcite-components/dist/components/calcite-loader.js';
 import '@esri/calcite-components/dist/components/calcite-list.js';
 
-const arcadeApiCss = ":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)}";
+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 ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.close = createEvent(this, "close", 3);
-    this.itemSelected = createEvent(this, "itemSelected", 3);
-    this._emitItemSelected = (e) => {
-      // @ts-expect-error
-      const item = e.target?.["data-item"];
-      if (!item) {
-        return;
-      }
-      const keyEvent = e;
-      if (!keyEvent.key || keyEvent.key === "Enter") {
-        e.preventDefault();
-        this.itemSelected.emit(item.completion.insertText);
-      }
-    };
-    this._emitClose = () => this.close.emit();
-    this._emitItemSelectedAndClose = (e) => {
-      if (!e.target) {
-        return;
-      }
-      const keyEvent = e;
-      if (!keyEvent.key || keyEvent.key === "Enter") {
-        e.preventDefault();
+const ArcgisArcadeApi = /*@__PURE__*/ proxyCustomElement(class ArcgisArcadeApi extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.close = createEvent(this, "close", 3);
+        this.itemSelected = createEvent(this, "itemSelected", 3);
+        this._emitItemSelected = (e) => {
+            // @ts-expect-error
+            const item = e.target?.["data-item"];
+            if (!item) {
+                return;
+            }
+            const keyEvent = e;
+            if (!keyEvent.key || keyEvent.key === "Enter") {
+                e.preventDefault();
+                this.itemSelected.emit(item.completion.insertText);
+            }
+        };
+        this._emitClose = () => this.close.emit();
+        this._emitItemSelectedAndClose = (e) => {
+            if (!e.target) {
+                return;
+            }
+            const keyEvent = e;
+            if (!keyEvent.key || keyEvent.key === "Enter") {
+                e.preventDefault();
+                // @ts-expect-error
+                this.itemSelected.emit(e.target["data-item"].completion.insertText);
+            }
+        };
+        this._selectItem = (e) => {
+            if (!e.target) {
+                return;
+            }
+            e.stopPropagation();
+            // @ts-expect-error
+            this._selectedApiItem = e.target["data-item"];
+        };
+        this._unselectItem = async () => {
+            this._selectedApiItem = undefined;
+        };
         // @ts-expect-error
-        this.itemSelected.emit(e.target["data-item"].completion.insertText);
-      }
-    };
-    this._selectItem = (e) => {
-      if (!e.target) {
-        return;
-      }
-      e.stopPropagation();
-      // @ts-expect-error
-      this._selectedApiItem = e.target["data-item"];
-    };
-    this._unselectItem = async () => {
-      this._selectedApiItem = undefined;
-    };
-    // @ts-expect-error
-    this._updateFilterValue = (e) => (this._filterValue = e.target?.["value"] ?? "");
-    this._locale = "";
-    this._t9nStrings = undefined;
-    this._selectedApiItem = undefined;
-    this._filterValue = "";
-    this._colorizeStyle = "";
-    this._preparingApi = false;
-    this._apiLibrary = undefined;
-    this.hideDocumentationActions = false;
-    this.modelId = undefined;
-  }
-  //#endregion
-  // #region Component lifecycle events
-  async componentWillLoad() {
-    this._colorizeStyle = generateColorizeStyles();
-    this._themeChangedListner = onColorizeThemeChanged(() => (this._colorizeStyle = generateColorizeStyles()));
-    await $(this, getAssetPath("./assets"));
-    arcadeDefaults.onModelContextDidChange((key) => {
-      if (!this.modelId || key !== Uri.parse(this.modelId).toString()) {
-        return;
-      }
-      this._updateApiLibrary();
-    });
-    this._updateApiLibrary();
-  }
-  disconnectedCallback() {
-    F(this);
-    this._flowObserver?.disconnect();
-    this._themeChangedListner?.dispose();
-  }
-  // #endregion
-  //#region Private Methods
-  async _updateApiLibrary() {
-    if (!this.modelId) {
-      return;
+        this._updateFilterValue = (e) => (this._filterValue = e.target?.value ?? "");
+        this._lang = "";
+        this._t9nLocale = "";
+        this._t9nStrings = undefined;
+        this._selectedApiItem = undefined;
+        this._filterValue = "";
+        this._colorizeStyle = "";
+        this._preparingApi = false;
+        this._apiLibrary = undefined;
+        this.hideDocumentationActions = false;
+        this.modelId = undefined;
     }
-    this._preparingApi = true;
-    try {
-      const arcadeWorker = await getArcadeWorker(Uri.parse(this.modelId));
-      if (!arcadeWorker) {
-        // Something went wrong
-        throw new Error("Undefined worker");
-      }
-      // Fetch the api definitions from the arcade LS worker.
-      const context = arcadeDefaults.getApiContextForModel(this.modelId);
-      this._apiLibrary = await arcadeWorker.getApiLibrary(context);
+    //#endregion
+    // #region Component lifecycle events
+    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;
+            }
+            this._updateApiLibrary();
+        });
+        this._updateApiLibrary();
     }
-    catch (e) {
-      console.error("Could not load api library", e);
-      console.error(e.stack);
-      this._apiLibrary = undefined;
+    disconnectedCallback() {
+        H(this);
+        this._flowObserver?.disconnect();
+        this._themeChangedListner?.dispose();
     }
-    finally {
-      this._preparingApi = false;
+    // #endregion
+    //#region Private Methods
+    async _updateApiLibrary() {
+        if (!this.modelId) {
+            return;
+        }
+        this._preparingApi = true;
+        try {
+            const arcadeWorker = await getArcadeWorker(Uri.parse(this.modelId));
+            if (!arcadeWorker) {
+                // Something went wrong
+                throw new Error("Undefined worker");
+            }
+            // Fetch the api definitions from the arcade LS worker.
+            const context = arcadeDefaults.getApiContextForModel(this.modelId);
+            this._apiLibrary = await arcadeWorker.getApiLibrary(context);
+        }
+        catch (e) {
+            console.error("Could not load api library", e);
+            if (e instanceof Error)
+                console.error(e.stack);
+            this._apiLibrary = undefined;
+        }
+        finally {
+            this._preparingApi = false;
+        }
     }
-  }
-  flowFocusHandler(ref) {
-    // When a flow is removed from the document then a null ref will be passed in
-    if (!ref) {
-      this._flowObserver?.disconnect();
-      this._flowObserver = undefined;
-      return;
+    flowFocusHandler(ref) {
+        // When a flow is removed from the document then a null ref will be passed in
+        if (!ref) {
+            this._flowObserver?.disconnect();
+            this._flowObserver = undefined;
+            return;
+        }
+        if (this._flowObserver) {
+            return;
+        }
+        // Observer panel added/removed and also observe the flow id
+        // 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
+            F(ref.querySelector("calcite-flow-item:last-child"), "calcite-input");
+        });
+        this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
     }
-    if (this._flowObserver) {
-      return;
+    //#endregion
+    //#region Renderers
+    renderApiCategory(category) {
+        const filteredApiItems = filterCollection(category.items, "name", this._filterValue);
+        if (!filteredApiItems.length) {
+            return null;
+        }
+        return (h("calcite-list-item-group", { heading: category.title }, filteredApiItems.map((apiItem) => (h("calcite-list-item", { label: Z(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 }))))));
     }
-    // Observer panel added/removed and also observe the flow id
-    // 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");
-    });
-    this._flowObserver.observe(ref, { attributes: true, attributeFilter: ["id"], childList: true });
-  }
-  //#endregion
-  //#region Renderers
-  renderApiCategory(category) {
-    const filteredApiItems = filterCollection(category.items, "name", this._filterValue);
-    if (!filteredApiItems.length) {
-      return null;
+    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: Z(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
+                if (!e) {
+                    return;
+                }
+                e.innerHTML = convertMarkdownString(apiItem.examples);
+                colorizedAllCodeElements(e);
+            } })) : null)));
     }
-    return (h("calcite-list-item-group", { heading: category.title }, filteredApiItems.map((apiItem) => (h("calcite-list-item", { label: q(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 }))))));
-  }
-  renderApiItemFlowItem() {
-    const apiItem = this._selectedApiItem;
-    if (!apiItem) {
-      return null;
+    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(StickyFilterInput, { filterValue: this._filterValue, onCalciteInputInput: this._updateFilterValue }), 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("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-actions", 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-actions", appearance: "outline", kind: "brand", "icon-start": "code", scale: "s", onClick: this._emitItemSelectedAndClose, "data-item": apiItem, ref: (e) => e?.setFocus() }, this._t9nStrings?.insert ?? "Insert"), h("calcite-block", { open: true, heading: q(apiItem.completion.detail) }, h("div", { innerHTML: convertMarkdownString(apiItem.completion.documentation) }), apiItem.examples ? (h("div", { ref: (e) => {
-        if (!e) {
-          return;
-        }
-        e.innerHTML = convertMarkdownString(apiItem.examples);
-        colorizedAllCodeElements(e);
-      } })) : null)));
-  }
-  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(StickyFilterInput, { filterValue: this._filterValue, onCalciteInputInput: this._updateFilterValue }), 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())));
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get _hostElt() { return this; }
-  static get style() { return arcadeApiCss; }
+    static get assetsDirs() { return ["assets"]; }
+    get _hostElement() { return this; }
+    static get style() { return arcadeApiCss; }
 }, [1, "arcgis-arcade-api", {
-    "hideDocumentationActions": [4, "hide-documentation-actions"],
-    "modelId": [1, "model-id"],
-    "_locale": [32],
-    "_t9nStrings": [32],
-    "_selectedApiItem": [32],
-    "_filterValue": [32],
-    "_colorizeStyle": [32],
-    "_preparingApi": [32],
-    "_apiLibrary": [32]
-  }]);
+        "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]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["arcgis-arcade-api"];
-  components.forEach(tagName => { switch (tagName) {
-    case "arcgis-arcade-api":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ArcgisArcadeApi);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["arcgis-arcade-api"];
+    components.forEach(tagName => { switch (tagName) {
+        case "arcgis-arcade-api":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArcgisArcadeApi);
+            }
+            break;
+    } });
 }
 defineCustomElement();