@arcgis/coding-components 5.0.0-next.136 → 5.0.0-next.137

package/dist/components/arcgis-arcade-editor/customElement.d.ts

@@ -1,21 +1,15 @@
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { editor as Editor } from 'monaco-editor';
-import { Diagnostic } from '@arcgis/arcade-languageservice';
-import { ApiCategory, ApiSnippet } from '@arcgis/languages-api-utils';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { IEditorCodeSuggestion, IEditorCodeSuggestionGroup } from '../../utils/editor-suggestions';
-import { IEditorProfileDefinition, IPredefinedProfile } from '../../utils/profile/types';
-import { EditorProfile } from '../../utils/profile/editor-profile';
-import { ArcadeResult, IEditorTestContext } from '../../utils/arcade-executor';
-import { ResultPanelName } from '../arcgis-arcade-results/customElement.js';
-import { ICustomPanel } from '../../utils/custom-panel';
-import { ArcadeAssistantConfig, ArcadeAssistantRemoteState } from '../../utils/arcade-assistant/types';
+import type { editor as Editor } from "monaco-editor";
+import type { Diagnostic } from "@arcgis/arcade-languageservice";
+import type { ApiSnippet } from "@arcgis/languages-api-utils";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
+import type { IEditorCodeSuggestion, IEditorCodeSuggestionGroup } from "../../utils/editor-suggestions.js";
+import type { IEditorProfileDefinition, IPredefinedProfile } from "../../utils/profile/types.js";
+import type { ArcadeResult, IEditorTestContext } from "../../utils/arcade-executor.js";
+import type { ICustomPanel } from "../../utils/custom-panel.js";
+import type { ArcadeAssistantConfig } from "../../utils/arcade-assistant/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-type SidePanelName = "api" | "none" | "suggestions" | "variables";
-type WithCustomPanels = {
-    customPanels?: ICustomPanel[];
-};
 /**
  * [**Arcade**](https://developers.arcgis.com/arcade/) is a portable, and lightweight expression language used to create custom content throughout the [ArcGIS system](https://www.esri.com/en-us/arcgis/products/index).
  * Like other expression languages, it can perform mathematical calculations, format text, and evaluate logical statements.
@@ -35,101 +29,118 @@ type WithCustomPanels = {
  * - Built-in [keyboard shortcuts](https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/discover-the-arcade-editors-powerful-new-features/#keyboard-shortcuts)
  * - In-editor help for finding information about profile variables relevant to your profile, documentation for constants and functions, a link to the official Arcade documentation, and, in some case, suggestions.
  * - Support for many [languages and directionality](https://developers.arcgis.com/javascript/latest/localization/)
- *
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-arcade-editor/)
  */
-export declare class ArcgisArcadeEditor<T extends WithCustomPanels = object> extends LitElement {
-    /**
-     * Options to update on the editor.
-     * For example:
-     * ```json
-     * {
-     *   "fontSize": 18
-     * }
-     * ```
-     *
-     * To get the full list of available options, see the Monaco Editor options [documentation](https://microsoft.github.io/monaco-editor/typedoc/variables/editor.EditorOptions.html) for more details.
-     */
-    editorOptions?: Editor.IEditorOptions & Editor.IGlobalEditorOptions;
-    /**
-     * If true, it will hide the documentation action in the side panel
-     *
-     * @default false
-     */
-    hideDocumentationActions: boolean;
-    /**
-     * If true, it will hide the side actions bar. The editor will be in a minimalistic UX.
-     *
-     * @default false
-     */
-    hideSideBar: boolean;
-    /**
-     * The name of the opened side panel. 'none' means 'no panel opened'.
-     *
-     * @default "none"
-     */
-    openedSidePanel: T extends Required<WithCustomPanels> ? SidePanelName : string;
-    /**
-     * The profile contains metadata used by the editor for editing context and help.
-     * Example:
-     * ```
-     *  {
-     *    bundles: ["core", "dataAccess", "geometry", "portal-access"],
-     *    variables: [
-     *      {
-     *        name: "$feature",
-     *        description: "The feature passed to the script during execution.",
-     *        definition: aFeatureLayerInstance
-     *      }
-     *    ]
-     *  }
-     * ```
-     */
-    profile?: IEditorProfileDefinition | IPredefinedProfile;
-    /**
-     * The arcade script. Use this property to define or update the script.
-     *
-     * @default ""
-     */
-    script: string;
-    /**
-     * If true, the side action bar will be expanded
-     *
-     * @default false
-     */
-    sideActionBarExpanded: boolean;
-    /** Collection of snippets */
-    snippets?: ApiSnippet[];
-    /** Collection of suggestions */
-    suggestions?: IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[];
-    /** Test data used to execute the script in the editor. If undefined the execute script UX will be hidden. */
-    testData?: IEditorTestContext;
-    /**
-     * Custom panels to be displayed in the side panel.
-     * Will be placed below the default panels but above the help panel.
-     *
-     * @internal
-     */
-    customPanels?: ICustomPanel[];
-    /**
-     * enables and configures the arcade assistant
-     *
-     * @internal
-     */
-    arcadeAssistant?: ArcadeAssistantConfig;
-    /** @deprecated **Deprecated** since 4.30. Use `script` property instead. */
-    getScript(): Promise<string | undefined>;
-    /** Returns the Arcade result for the script for the provided test data. */
-    getTestResult(): Promise<ArcadeResult>;
-    /** Set the focus on the element. */
-    setFocus(): Promise<void>;
-    /** Emitted when the diagnostics collection has changed. */
-    readonly arcgisDiagnosticsChange: TargetedEvent<this, Diagnostic[]>;
-    /** Emitted when the script string has changed. */
-    readonly arcgisScriptChange: TargetedEvent<this, string>;
-    "@eventTypes": {
-        "arcgisDiagnosticsChange": ArcgisArcadeEditor["arcgisDiagnosticsChange"]["detail"];
-        "arcgisScriptChange": ArcgisArcadeEditor["arcgisScriptChange"]["detail"];
-    };
+export abstract class ArcgisArcadeEditor<T extends WithCustomPanels = object> extends LitElement {
+  /** enables and configures the arcade assistant \@internal */
+  accessor arcadeAssistant: ArcadeAssistantConfig | undefined;
+  /**
+   * Custom panels to be displayed in the side panel.
+   * Will be placed below the default panels but above the help panel.
+   *
+   * @internal
+   */
+  accessor customPanels: ICustomPanel[] | undefined;
+  /**
+   * Options to update on the editor.
+   * For example:
+   * ```json
+   * {
+   *   "fontSize": 18
+   * }
+   * ```
+   *
+   * To get the full list of available options, see the Monaco Editor options [documentation](https://microsoft.github.io/monaco-editor/typedoc/variables/editor.EditorOptions.html) for more details.
+   */
+  accessor editorOptions: Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined;
+  /**
+   * If true, it will hide the documentation action in the side panel
+   *
+   * @default false
+   */
+  accessor hideDocumentationActions: boolean;
+  /**
+   * If true, it will hide the side actions bar. The editor will be in a minimalistic UX.
+   *
+   * @default false
+   */
+  accessor hideSideBar: boolean;
+  /** @internal */
+  protected messages: Partial<{
+      help: string;
+      profilevariables: string;
+      constantsandfunctions: string;
+      suggestions: string;
+      run: string;
+      lastresults: string;
+      arcadeassistant: string;
+  }> & T9nMeta<{
+      help: string;
+      profilevariables: string;
+      constantsandfunctions: string;
+      suggestions: string;
+      run: string;
+      lastresults: string;
+      arcadeassistant: string;
+  }>;
+  /**
+   * The name of the opened side panel. 'none' means 'no panel opened'.
+   *
+   * @default "none"
+   */
+  accessor openedSidePanel: T extends Required<WithCustomPanels> ? SidePanelName : string;
+  /**
+   * The profile contains metadata used by the editor for editing context and help.
+   * Example:
+   * ```
+   *  {
+   *    bundles: ["core", "dataAccess", "geometry", "portal-access"],
+   *    variables: [
+   *      {
+   *        name: "$feature",
+   *        description: "The feature passed to the script during execution.",
+   *        definition: aFeatureLayerInstance
+   *      }
+   *    ]
+   *  }
+   * ```
+   */
+  accessor profile: IEditorProfileDefinition | IPredefinedProfile | undefined;
+  /**
+   * The arcade script. Use this property to define or update the script.
+   *
+   * @default ""
+   */
+  accessor script: string;
+  /**
+   * If true, the side action bar will be expanded
+   *
+   * @default false
+   */
+  accessor sideActionBarExpanded: boolean;
+  /** Collection of snippets */
+  accessor snippets: ApiSnippet[] | undefined;
+  /** Collection of suggestions */
+  accessor suggestions: IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[] | undefined;
+  /** Test data used to execute the script in the editor. If undefined the execute script UX will be hidden. */
+  accessor testData: IEditorTestContext | undefined;
+  /** @deprecated **Deprecated** since 4.30. Use `script` property instead. */
+  getScript(): Promise<string | undefined>;
+  /** Returns the Arcade result for the script for the provided test data. */
+  getTestResult(): Promise<ArcadeResult>;
+  /** Set the focus on the element. */
+  setFocus(): Promise<void>;
+  /** Emitted when the diagnostics collection has changed. */
+  readonly arcgisDiagnosticsChange: import("@arcgis/lumina").TargetedEvent<this, Diagnostic[]>;
+  /** Emitted when the script string has changed. */
+  readonly arcgisScriptChange: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisDiagnosticsChange: ArcgisArcadeEditor<T>["arcgisDiagnosticsChange"]["detail"];
+    arcgisScriptChange: ArcgisArcadeEditor<T>["arcgisScriptChange"]["detail"];
+  };
 }
-export {};
+
+export type SidePanelName = "api" | "none" | "suggestions" | "variables";
+
+export type WithCustomPanels = {
+  customPanels?: ICustomPanel[];
+};

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

@@ -20,7 +20,7 @@ import N from "@arcgis/core/identity/IdentityManager.js";
 import { log as O, rethrowError as o } from "@arcgis/toolkit/log";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.137 */
 const j = y`:host{height:100%}calcite-tooltip:not([calcite-hydrated])>*{display:none}.main-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm)}calcite-action-group calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action-group calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}`, z = "https://services6.arcgis.com/HXHga6CfMLMBOlBX/ArcGIS/rest/services/survey123_6e349a50b4504ca6b6107216d568db5f_form/FeatureServer/0", a = (s, e) => O(s, "Arcade Assistant", e), H = (s) => {
   const { aiAssistantsEnabled: e } = s;
   return e === void 0 ? (a("warn", "`areAiAssistantsEnabled` is not defined in the organizations settings."), !1) : e;
@@ -63,7 +63,7 @@ class q extends C {
     }, this._consoleLogs = [], this._executingScript = !1, this._preparingArcade = !1, this._resultPanel = "output", this._showExecutionPanel = !1, this._arcadeAssistantRemoteState = { shouldRender: !1 }, this.hideDocumentationActions = !1, this.hideSideBar = !1, this.openedSidePanel = "none", this.script = "", this.sideActionBarExpanded = !1, this.arcgisDiagnosticsChange = P({ bubbles: !1 }), this.arcgisScriptChange = P({ bubbles: !1 });
   }
   static {
-    this.properties = { _apiLibrary: 16, _consoleLogs: 16, _editorProfile: 16, _executingScript: 16, _executionResult: 16, _preparingArcade: 16, _resultPanel: 16, _showExecutionPanel: 16, _arcadeAssistantRemoteState: 16, editorInstance: 32, editorOptions: 0, hideDocumentationActions: 5, hideSideBar: 5, openedSidePanel: 2, profile: 0, script: 1, sideActionBarExpanded: 7, snippets: 0, suggestions: 0, testData: 0, customPanels: 0, arcadeAssistant: 0 };
+    this.properties = { _apiLibrary: 16, _consoleLogs: 16, _editorProfile: 16, _executingScript: 16, _executionResult: 16, _preparingArcade: 16, _resultPanel: 16, _showExecutionPanel: 16, _arcadeAssistantRemoteState: 16, editorInstance: 32, editorOptions: 0, hideDocumentationActions: 5, hideSideBar: 5, openedSidePanel: 3, profile: 0, script: 1, sideActionBarExpanded: 7, snippets: 0, suggestions: 0, testData: 0, customPanels: 0, arcadeAssistant: 0 };
   }
   static {
     this.styles = [j];

package/dist/components/arcgis-arcade-editor/index.d.ts

@@ -1,14 +1 @@
-import "@esri/calcite-components/components/calcite-action-bar";
-import "@esri/calcite-components/components/calcite-action-group";
-import "@esri/calcite-components/components/calcite-action";
-import "../arcgis-code-editor/index.js";
-import "@esri/calcite-components/components/calcite-tooltip";
-import "../arcgis-language-api-panel/index.js";
-import "../arcgis-editor-variables/index.js";
-import "../arcgis-arcade-suggestions/index.js";
-import "../arcgis-arcade-coding-assistant/index.js";
-import "@esri/calcite-components/components/calcite-flow";
-import "@esri/calcite-components/components/calcite-flow-item";
-import "../arcgis-arcade-results/index.js";
-import "../arcgis-code-editor-shell/index.js";
 export * from "./customElement.js";

package/dist/components/arcgis-arcade-results/customElement.js

@@ -6,12 +6,12 @@ import { B as x, v as b, M as m, f as F, a as L, b as I } from "../../chunks/arc
 import { u as _ } from "../../chunks/useT9n.js";
 import { s as j } from "../../chunks/fields.js";
 import "@arcgis/toolkit/function";
-import { createRef as g, ref as $ } from "lit/directives/ref.js";
+import { createRef as g, ref as f } from "lit/directives/ref.js";
 import { t as k } from "../../chunks/monaco-theme.js";
 import { observeAncestorsMutation as z, unsafeGetCalciteModeName as N } from "@arcgis/toolkit/dom";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.137 */
 const E = w`:host{display:flex;flex-direction:column;width:100%;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);.flex-adjustable{flex:1 1 auto;overflow:hidden}.flex-row{display:flex;flex-direction:row;overflow:hidden}.flex-column{display:flex;flex-direction:column;overflow:hidden}.y-scrollable-container{overflow-y:auto;block-size:100%;background-color:var(--calcite-color-foreground-1)}header{border-bottom:1px solid var(--calcite-color-border-3);flex:0 0 auto}.ltr-container{direction:ltr}calcite-action-bar{calcite-action-group{padding-inline-end:var(--calcite-spacing-sm);calcite-action{padding-inline-end:var(--calcite-spacing-sm)}calcite-action:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}calcite-action-group:last-child{border-inline-end-width:0px}calcite-action-group:not(:first-child){padding-inline-start:var(--calcite-spacing-sm)}}.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.color-info{color:var(--calcite-color-status-info)}.color-error{color:var(--calcite-color-status-danger)}.color-success{color:var(--calcite-color-status-success)}[class*=result-value-]{font-size:var(--calcite-font-size--2);line-height:1.25rem;background-color:var(--calcite-color-foreground-1);margin:var(--calcite-spacing-md)}.console-logs-container{background-color:var(--calcite-color-foreground-1);padding:0 var(--calcite-spacing-md);font-family:var(--calcite-code-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal)}.result-value-table{table{display:block;max-width:fit-content;overflow-x:auto;border-spacing:0;border-collapse:collapse;text-align:start;white-space:nowrap;thead{background-color:var(--calcite-color-foreground-2)}tr{border-top:1px solid var(--calcite-color-border-3);border-bottom:1px solid var(--calcite-color-border-3)}th,td{border-inline-start:1px solid var(--calcite-color-border-3);border-inline-end:1px solid var(--calcite-color-border-3);text-align:start;padding:var(--calcite-spacing-xxs);.string-value{white-space:pre}}th{font-weight:var(--calcite-font-weight-medium)}}}.tree-item-label,.number-value,.string-value,.boolean-value{font-family:var(--calcite-code-family)}.tree-item-label,.value-type{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-normal)}.dictionary-property{color:var(--arcgis-editor-identifier)}.number-value{color:var(--arcgis-editor-number)}.string-value{color:var(--arcgis-editor-string);white-space:pre-wrap}.constant-value{color:var(--arcgis-editor-constant)}.date-value{color:var(--arcgis-editor-date)}}`, l = {
   lines: !0,
   selectionMode: "none",
@@ -51,14 +51,14 @@ const E = w`:host{display:flex;flex-direction:column;width:100%;background-color
   const i = e.geometry?.();
   return t`<calcite-tree slot=${"children"} .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}>${e.keys().map((c) => {
     const n = b(e.field(c));
-    return e.arcadeDeclaredClass === "esri.arcade.Feature" && n.type === "geometry" ? null : f({ arcadeResult: n, name: c, t9nStrings: s });
-  })}${i ? f({ arcadeResult: { type: "geometry", value: i }, name: "geometry", t9nStrings: s }) : null}</calcite-tree>`;
+    return e.arcadeDeclaredClass === "esri.arcade.Feature" && n.type === "geometry" ? null : $({ arcadeResult: n, name: c, t9nStrings: s });
+  })}${i ? $({ arcadeResult: { type: "geometry", value: i }, name: "geometry", t9nStrings: s }) : null}</calcite-tree>`;
 }, V = ({ arcadeResult: e, t9nStrings: a }) => t`<div class="value-type"><span>${e.type}:</span>${e.features.length >= x ? t`<span>&nbsp;${o(a.showingfirstitemsformat, {
   count: x.toString()
 })}</span>` : null}</div>`, M = ({ items: e, subtree: a, t9nStrings: s }) => t`<calcite-tree slot=${"children"} .lines=${l.lines} .selectionMode=${l.selectionMode} .scale=${l.scale} @calciteTreeSelect=${l.oncalciteTreeSelect}>${e.map((i, c) => {
   const n = b(i);
-  return f({ arcadeResult: n, name: c, expanded: !a, t9nStrings: s });
-})}</calcite-tree>`, f = ({ arcadeResult: e, name: a, expanded: s, t9nStrings: i }) => {
+  return $({ arcadeResult: n, name: c, expanded: !a, t9nStrings: s });
+})}</calcite-tree>`, $ = ({ arcadeResult: e, name: a, expanded: s, t9nStrings: i }) => {
   switch (e.type) {
     case "null":
     case "unknown":
@@ -221,7 +221,7 @@ class B extends A {
     }
   }
   render() {
-    return t`<header class="flex-row"><calcite-action-bar class="flex-adjustable" layout=horizontal scale=s expanded expand-disabled><calcite-action-group scale=s><calcite-action .active=${this.openedResultPanel === "output"} .text=${this.messages.output ?? ""} text-enabled scale=s icon=list-show-all icon-flip-rtl @click=${this._switchResultPanel} data-panel-name=output ${$(this.outputRef)}></calcite-action><calcite-action .active=${this.openedResultPanel === "console"} .text=${this.messages.console ?? ""} text-enabled scale=s icon=console icon-flip-rtl @click=${this._switchResultPanel} data-panel-name=console ${$(this.consoleRef)}></calcite-action><calcite-action .active=${this.openedResultPanel === "log"} .text=${this.messages.log ?? ""} text-enabled scale=s icon=list icon-flip-rtl @click=${this._switchResultPanel} data-panel-name=log ${$(this.logRef)}></calcite-action></calcite-action-group></calcite-action-bar><calcite-action scale=s icon=x .text=${this.messages.close ?? ""} @click=${this._emitClose}></calcite-action></header><article class="flex-adjustable">${this.loading ? t`<calcite-loader scale=s type=indeterminate label></calcite-loader>` : t`<div class="flex-column y-scrollable-container">${this.renderOutputPanel()}${this.renderConsolePanel()}${this.renderLogPanel()}</div>`}</article>`;
+    return t`<header class="flex-row"><calcite-action-bar class="flex-adjustable" layout=horizontal scale=s expanded expand-disabled><calcite-action-group scale=s><calcite-action .active=${this.openedResultPanel === "output"} .text=${this.messages.output ?? ""} text-enabled scale=s icon=list-show-all icon-flip-rtl @click=${this._switchResultPanel} data-panel-name=output ${f(this.outputRef)}></calcite-action><calcite-action .active=${this.openedResultPanel === "console"} .text=${this.messages.console ?? ""} text-enabled scale=s icon=console icon-flip-rtl @click=${this._switchResultPanel} data-panel-name=console ${f(this.consoleRef)}></calcite-action><calcite-action .active=${this.openedResultPanel === "log"} .text=${this.messages.log ?? ""} text-enabled scale=s icon=list icon-flip-rtl @click=${this._switchResultPanel} data-panel-name=log ${f(this.logRef)}></calcite-action></calcite-action-group></calcite-action-bar><calcite-action scale=s icon=x .text=${this.messages.close ?? ""} @click=${this._emitClose}></calcite-action></header><article class="flex-adjustable">${this.loading ? t`<calcite-loader scale=s type=indeterminate label></calcite-loader>` : t`<div class="flex-column y-scrollable-container">${this.renderOutputPanel()}${this.renderConsolePanel()}${this.renderLogPanel()}</div>`}</article>`;
   }
 }
 D("arcgis-arcade-results", B);

package/dist/components/arcgis-arcade-suggestions/customElement.js

@@ -9,7 +9,7 @@ import { c as b } from "../../chunks/markdown.js";
 import { u as _ } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.137 */
 function v(o) {
   return !Array.isArray(o) || !o.length ? !1 : Array.isArray(o[0].suggestions);
 }

package/dist/components/arcgis-code-editor/customElement.d.ts

@@ -1,83 +1,76 @@
 /// <reference path="../../index.d.ts" />
-import { Selection, editor as Editor } from 'monaco-editor';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import type { Selection, editor as Editor } from "monaco-editor";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
-/**
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-editor/)
- *
- * @internal
- */
-export declare class ArcgisCodeEditor extends LitElement {
-    /**
-     * The instance of the Monaco Editor after the component has been rendered.
-     * To determine when a component is rendered, you can use componentOnReady() method.
-     * The method returns a Promise that resolves after the component rendered for the first time.
-     */
-    get editorInstance(): Editor.IStandaloneCodeEditor | undefined;
-    /**
-     * Options to update on the editor.
-     * For example:
-     * ```json
-     * {
-     *   "fontSize": 18
-     * }
-     * ```
-     *
-     * To get the full list of options set on the editor, use the editorInstance property and see Monaco Editor options documentation for more details.
-     */
-    editorOptions?: Editor.IEditorOptions & Editor.IGlobalEditorOptions;
-    /**
-     * The language for the editor.
-     * Currently supported language: arcade, arcgis-sql-expression, json, css, html, javascript, typescript, and text.
-     */
-    language?: string;
-    /**
-     * A unique identifier for the model.
-     * The unique identifier is sometimes used by language defaults to store model metadata.
-     * For example, with arcade, the model id is used to store the arcade profile and other metadata.
-     * The unique identifier is especially useful when there are multiple editors on the same page.
-     */
-    modelId: `${string}-${string}-${string}-${string}-${string}`;
-    /**
-     * The initial value for the editor.
-     * The value is the script, code, css, json, etc.
-     *
-     * @default ""
-     */
-    value: string;
-    /** @deprecated **Deprecated** since 4.30. Use `value` property instead. */
-    getValue(): Promise<string>;
-    /**
-     * Inserts a snippet at the current position in the editor.
-     *
-     * @param text
-     * @param text - The string snippet to insert
-     */
-    insertSnippet(text: string | null | undefined): Promise<void>;
-    /**
-     * Inserts a text at the current position in the editor.
-     *
-     * @param text
-     * @param text - The string to insert
-     */
-    insertText(text: string | null | undefined): Promise<void>;
-    /** Sets the focus on the editor. */
-    setFocus(): Promise<void>;
-    /**
-     * @deprecated **Deprecated** since 4.30. Use `value` property instead.
-     * @param text
-     */
-    setValue(text: string | null | undefined): Promise<void>;
-    /** Emitted when the selection has changed. */
-    readonly arcgisSelectionChange: TargetedEvent<this, {
-        selection: Selection;
-        model: Editor.ITextModel | null | undefined;
-    }>;
-    /** Emitted when the value has changed (script, code, css, json, etc.) */
-    readonly arcgisValueChange: TargetedEvent<this, string>;
-    "@eventTypes": {
-        "arcgisSelectionChange": ArcgisCodeEditor["arcgisSelectionChange"]["detail"];
-        "arcgisValueChange": ArcgisCodeEditor["arcgisValueChange"]["detail"];
-    };
-}
+/** @internal */
+export abstract class ArcgisCodeEditor extends LitElement {
+  /**
+   * The instance of the Monaco Editor after the component has been rendered.
+   * To determine when a component is rendered, you can use componentOnReady() method.
+   * The method returns a Promise that resolves after the component rendered for the first time.
+   */
+  get editorInstance(): Editor.IStandaloneCodeEditor | undefined;
+  /**
+   * Options to update on the editor.
+   * For example:
+   * ```json
+   * {
+   *   "fontSize": 18
+   * }
+   * ```
+   *
+   * To get the full list of options set on the editor, use the editorInstance property and see Monaco Editor options documentation for more details.
+   */
+  accessor editorOptions: Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined;
+  /**
+   * The language for the editor.
+   * Currently supported language: arcade, arcgis-sql-expression, json, css, html, javascript, typescript, and text.
+   */
+  accessor language: string | undefined;
+  /**
+   * A unique identifier for the model.
+   * The unique identifier is sometimes used by language defaults to store model metadata.
+   * For example, with arcade, the model id is used to store the arcade profile and other metadata.
+   * The unique identifier is especially useful when there are multiple editors on the same page.
+   */
+  accessor modelId: `${string}-${string}-${string}-${string}-${string}`;
+  /**
+   * The initial value for the editor.
+   * The value is the script, code, css, json, etc.
+   *
+   * @default ""
+   */
+  accessor value: string;
+  /** @deprecated **Deprecated** since 4.30. Use `value` property instead. */
+  getValue(): Promise<string>;
+  /**
+   * Inserts a snippet at the current position in the editor.
+   *
+   * @param text - The string snippet to insert
+   */
+  insertSnippet(text: string | null | undefined): Promise<void>;
+  /**
+   * Inserts a text at the current position in the editor.
+   *
+   * @param text - The string to insert
+   */
+  insertText(text: string | null | undefined): Promise<void>;
+  /** Sets the focus on the editor. */
+  setFocus(): Promise<void>;
+  /**
+   * @deprecated **Deprecated** since 4.30. Use `value` property instead.
+   * @param text
+   */
+  setValue(text: string | null | undefined): Promise<void>;
+  /** Emitted when the selection has changed. */
+  readonly arcgisSelectionChange: import("@arcgis/lumina").TargetedEvent<this, {
+      selection: Selection;
+      model: Editor.ITextModel | null | undefined;
+  }>;
+  /** Emitted when the value has changed (script, code, css, json, etc.) */
+  readonly arcgisValueChange: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    arcgisSelectionChange: ArcgisCodeEditor["arcgisSelectionChange"]["detail"];
+    arcgisValueChange: ArcgisCodeEditor["arcgisValueChange"]["detail"];
+  };
+}

package/dist/components/arcgis-code-editor/customElement.js

@@ -5,7 +5,7 @@ import { observeAncestorsMutation as y, unsafeGetCalciteModeName as Y } from "@a
 import { generateGuid as f } from "@arcgis/toolkit/string";
 import { LitElement as N, createEvent as Q } from "@arcgis/lumina";
 import { s as J } from "../../chunks/arcade-service-accessors.js";
-import "../../chunks/arcade-contribution.js";
+import "../../chunks/setup-monaco-theme.js";
 import { load as H } from "@arcgis/lumina/controllers";
 import { log as r } from "@arcgis/toolkit/log";
 import { createRef as S, ref as R } from "lit/directives/ref.js";
@@ -19,7 +19,7 @@ import { EditorMouseEventFactory as x, EditorMouseEvent as I } from "monaco-edit
 import { MouseTargetFactory as T } from "monaco-editor/esm/vs/editor/browser/controller/mouseTarget.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.137 */
 const L = v`/*!-----------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
@@ -234,7 +234,7 @@ class tA extends N {
     super(...arguments), this._componentReadyDefer = Promise.withResolvers(), this._disposables = [], this._monacoEditor = H(k), this._editorContainer = S(), this.modelId = f(), this.value = "", this.arcgisSelectionChange = Q({ bubbles: !1 }), this.arcgisValueChange = Q({ bubbles: !1 });
   }
   static {
-    this.properties = { editorInstance: 32, editorOptions: 0, language: 1, modelId: 0, value: 1 };
+    this.properties = { editorInstance: 32, editorOptions: 0, language: 1, modelId: 1, value: 1 };
   }
   static {
     this.styles = [L];

package/dist/components/arcgis-code-editor-shell/customElement.d.ts

@@ -1,11 +1,16 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina/PublicLitElement";
 
 /**
  * A layout component for code editors that provides slots for an editor, results panel, side panel, and action bars.
  *
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-editor-shell/)
- *
+ * @cssproperty [--arcgis-coding-components-border] - The border style for the editor shell *
+ * @cssproperty [--arcgis-coding-components-background-color] - The background color for the editor shell *
+ * @cssproperty [--arcgis-coding-components-side-action-bar-max-w] - The max width for the side action bar *
+ * @cssproperty [--arcgis-coding-components-code-editor-side-panel-w] - The width for the code editor side panel *
+ * @cssproperty [--arcgis-coding-components-code-editor-side-panel-max-w] - The max width for the code editor side panel *
+ * @cssproperty [--arcgis-coding-components-code-editor-results-panel-max-h] - The max height for the code editor results panel *
+ * @cssproperty [--arcgis-coding-components-code-editor-results-panel-h] - The default height for the code editor results panel (preferred over min-h). *
  * @slot [top-action-bar] - A slot for placing a top action bar above the editor area.
  * @slot [editor] - A slot for placing the main code editor component.
  * @slot [results-panel] - A slot for placing a results panel below the code editor.
@@ -13,5 +18,4 @@ import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/
  * @slot [side-action-bar] - A slot for placing a side action bar next to the side panel.
  * @internal
  */
-export declare class CodeEditorShell extends LitElement {
-}
+export abstract class CodeEditorShell extends LitElement {}

package/dist/components/arcgis-code-editor-shell/customElement.js

@@ -3,7 +3,7 @@ import { css as e, html as n } from "lit";
 import { LitElement as r } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.136 */
+v5.0.0-next.137 */
 const i = e`:host{--arcgis-coding-components-internal-border: var( --arcgis-coding-components-border, 1px solid var(--calcite-color-border-3) );--arcgis-coding-components-internal-background-color: var( --arcgis-coding-components-background-color, var(--calcite-color-foreground-1) );--arcgis-coding-components-internal-side-action-bar-max-w: var(--arcgis-coding-components-side-action-bar-max-w, 25%);--arcgis-coding-components-internal-code-editor-side-panel-w: var( --arcgis-coding-components-code-editor-side-panel-w, 600px );--arcgis-coding-components-internal-code-editor-side-panel-max-w: var( --arcgis-coding-components-code-editor-side-panel-max-w, 45% );--arcgis-coding-components-internal-code-editor-results-panel-max-h: var( --arcgis-coding-components-code-editor-results-panel-max-h, 50% );--arcgis-coding-components-internal-code-editor-results-panel-h: var( --arcgis-coding-components-code-editor-results-panel-h, 50% );display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-internal-border);box-sizing:border-box;background-color:var(--arcgis-coding-components-internal-background-color);height:100%;.flex-adjustable{flex:1 1 auto;overflow:hidden}.flex-row{display:flex;flex-direction:row;overflow:hidden}.flex-column{display:flex;flex-direction:column;overflow:hidden}}slot[name=top-action-bar]::slotted(*){border-bottom:var(--arcgis-coding-components-internal-border);flex:0 0 auto}slot[name=side-panel]::slotted(*){max-width:var(--arcgis-coding-components-internal-code-editor-side-panel-max-w);width:var(--arcgis-coding-components-internal-code-editor-side-panel-w);border-inline-start:var(--arcgis-coding-components-internal-border);box-sizing:border-box;flex:1 0 auto}slot[name=side-panel]::slotted(.hidden){display:none}slot[name=editor]::slotted(*){flex:1 1 auto;overflow:hidden}slot[name=results-panel]::slotted(*){flex:0 0 var(--arcgis-coding-components-internal-code-editor-results-panel-h);overflow:hidden;border-top:var(--arcgis-coding-components-internal-border);box-sizing:border-box;max-height:var(--arcgis-coding-components-internal-code-editor-results-panel-max-h);margin-bottom:-1px}slot[name=side-action-bar]::slotted(*){max-width:var(--arcgis-coding-components-internal-side-action-bar-max-w);border-inline-start:var(--arcgis-coding-components-internal-border)}`;
 class t extends r {
   static {