@arcgis/coding-components 4.33.0-next.111 → 4.33.0-next.112

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

@@ -19,13 +19,13 @@ type WithCustomPanels = {
  * [**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.
  * It also supports multi-statement expressions, variables, and flow control statements. Arcade is unique when compared to other expression and scripting languages due to its inclusion of [feature](https://developers.arcgis.com/arcade/guide/types/#feature) and [geometry](https://developers.arcgis.com/arcade/guide/types/#geometry) data types.
-
+ *
  * Map Viewer (MV) was the first ArcGIS Online product to incorporate the new Arcade editor after [the editor's introduction in the November 2022 ArcGIS Online release](https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/introducing-the-new-arcade-editor-in-arcgis-online/).
  * This was possible thanks to the Arcade editor component, which enabled MV to implement its own Arcade expression builder.
  * You can now also find the editor in ArcGIS Dashboards, ArcGIS Field Maps, and ArcGIS Velocity.
-
+ *
  * You can easily get your own dedicated Arcade expression builder with the **Arcade editor** component, which includes:
-
+ *
  * - An easy to use [layout](https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/discover-the-arcade-editors-powerful-new-features/#the-new-layout)
  * - An optional minimal layout if you, for example, decide to manually exclude things such as test data, padding, line numbers, and the sidebar
  * - A way to execute Arcade expressions in a configurable code editor
@@ -34,6 +34,8 @@ 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 {
     /**
@@ -48,11 +50,23 @@ export declare class ArcgisArcadeEditor<T extends WithCustomPanels = object> ext
      * 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) | undefined;
-    /** If true, it will hide the documentation action in the side panel */
+    /**
+     * 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. */
+    /**
+     * 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'. */
+    /**
+     * 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.
@@ -71,9 +85,17 @@ export declare class ArcgisArcadeEditor<T extends WithCustomPanels = object> ext
      * ```
      */
     profile: IEditorProfileDefinition | IPredefinedProfile | undefined;
-    /** The arcade script. Use this property to define or update the script. */
+    /**
+     * The arcade script. Use this property to define or update the script.
+     *
+     * @default ""
+     */
     script: string;
-    /** If true, the side action bar will be expanded */
+    /**
+     * If true, the side action bar will be expanded
+     *
+     * @default false
+     */
     sideActionBarExpanded: boolean;
     /** Collection of snippets */
     snippets: ApiSnippet[] | undefined;
@@ -84,6 +106,7 @@ export declare class ArcgisArcadeEditor<T extends WithCustomPanels = object> ext
     /**
      * Custom panels to be displayed in the side panel.
      * Will be placed below the default panels but above the help panel.
+     *
      * @internal
      */
     customPanels: ICustomPanel[] | undefined;

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

@@ -15,7 +15,7 @@ import { createRef as S, ref as A } from "lit-html/directives/ref.js";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const D = (r) => {
   if (!r.toString().includes("calcite-flow-item"))
     throw new Error("Renderer must return a JSX node that starts with <calcite-flow-item>");
@@ -39,33 +39,15 @@ class R extends f {
   static {
     this.styles = C;
   }
-  //#endregion
-  //#region Public Properties
-  /**
-   * 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.
-   *
-   * @readonly
-   * @private
-   */
   get editorInstance() {
     return this._codeEditorElt.value?.editorInstance;
   }
-  //#endregion
-  //#region Public Methods
-  /**
-   * @private
-   * @deprecated **Deprecated** since 4.30. Use`editorInstance` property instead.
-   */
   async getEditorInstance() {
     return await this._componentReadyDefer.promise, this._codeEditorElt.value?.editorInstance;
   }
-  /** @deprecated **Deprecated** since 4.30. Use `script` property instead. */
   async getScript() {
     return await this._componentReadyDefer.promise, this._codeEditorElt.value?.value;
   }
-  /** Returns the Arcade result for the script for the provided test data. */
   async getTestResult() {
     if (!this.testData)
       return { type: "error", value: "Missing test data", error: null };
@@ -76,12 +58,9 @@ class R extends f {
     const i = this._codeEditorElt.value?.value;
     return await d(e.definition, i, this.testData);
   }
-  /** Set the focus on the element. */
   async setFocus() {
     await this._componentReadyDefer.promise, await this._codeEditorElt.value?.setFocus();
   }
-  //#endregion
-  //#region Lifecycle
   async load() {
     const e = u("./assets");
     $(e), await this._updateEditorProfile();
@@ -91,7 +70,6 @@ class R extends f {
       snippets: this.snippets
     });
   }
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
   async loaded() {
     this._componentReadyDefer.resolve(), await this._updateApiLibrary();
     const e = await E();
@@ -101,8 +79,6 @@ class R extends f {
     for (super.disconnectedCallback(); this._disposables.length; )
       this._disposables.pop()?.dispose();
   }
-  //#endregion
-  //#region Private Methods
   async _updateDataModelDeps() {
     await this._updateEditorProfile(), await this._updateApiLibrary();
   }
@@ -177,13 +153,10 @@ class R extends f {
     });
     e && (this._executeScriptAction = e, this._disposables.push(e));
   }
-  // Method to safely dispose of an IDisposable
   _disposeSafely(e) {
     const i = this._disposables.indexOf(e);
     i !== -1 && this._disposables.splice(i, 1), e.dispose();
   }
-  //#endregion
-  //#region Rendering
   renderMainActionBar() {
     return this.testData ? t`<calcite-action-bar class="main-action-bar" layout=horizontal scale=s expanded expand-disabled><calcite-action-group scale=s><calcite-action .text=${this.messages.run ?? ""} text-enabled icon=play scale=s .loading=${this._preparingArcade} @click=${() => void this._executeScript().catch(console.error)}></calcite-action>${this._executionResult ? t`<calcite-action .text=${this.messages.lastresults ?? ""} .active=${this._showExecutionPanel} text-enabled icon=access-string-results icon-flip-rtl scale=s @click=${this._toggleShowExecutionPanel}></calcite-action>` : null}</calcite-action-group></calcite-action-bar>` : null;
   }

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

@@ -7,9 +7,17 @@ export type ResultPanelName = "console" | "log" | "output";
 export declare class ArcgisArcadeResults extends LitElement {
     /** The console logs from the execution of an Arcade expression */
     consoleLogs: string[] | undefined;
-    /** Loading state */
+    /**
+     * Loading state
+     *
+     * @default false
+     */
     loading?: boolean;
-    /** The result panel displayed */
+    /**
+     * The result panel displayed
+     *
+     * @default "output"
+     */
     openedResultPanel: ResultPanelName;
     /** The results from the execution of an Arcade expression */
     result: ArcadeResult | undefined;

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

@@ -8,7 +8,7 @@ import { css as L } from "@lit/reactive-element/css-tag.js";
 import { s as O } from "../../chunks/fields.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const D = L`: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",
@@ -107,8 +107,6 @@ class z extends C {
   static {
     this.styles = D;
   }
-  //#endregion
-  //#region Private Methods
   updateResultPanel(a) {
     this.openedResultPanel = a, this.arcgisOpenedResultPanelChange.emit(a);
   }
@@ -119,8 +117,6 @@ class z extends C {
   _emitClose() {
     this.arcgisClose.emit();
   }
-  //#endregion
-  //#region Rendering
   renderConsolePanel() {
     return this.openedResultPanel !== "console" ? null : this.loading && !this.consoleLogs?.length ? t`<calcite-loader scale=s type=indeterminate label></calcite-loader>` : t`<div class="console-logs-container ltr-container">${this.consoleLogs?.length ? this.consoleLogs.map((a) => t`<p>${a}</p>`) : t`<p>${this.messages.consolemessage}</p>`}</div>`;
   }

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

@@ -7,7 +7,11 @@ import { IEditorCodeSuggestion, IEditorCodeSuggestionGroup } from '../../utils/e
 export declare class ArcgisArcadeSuggestions extends LitElement {
     /** The collection of suggestions */
     suggestions: IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[] | undefined;
-    /** When true, the component will be hidden. */
+    /**
+     * When true, the component will be hidden.
+     *
+     * @default false
+     */
     closed?: boolean | undefined;
     /** Raised when close action has been activated */
     readonly arcgisClose: TargetedEvent<this, void>;

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

@@ -9,7 +9,7 @@ import { u as b } from "../../chunks/useT9n.js";
 import { css as _ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 function v(o) {
   return !Array.isArray(o) || !o.length ? !1 : Array.isArray(o[0].suggestions);
 }
@@ -26,8 +26,6 @@ class $ extends u {
   static {
     this.styles = S;
   }
-  //#endregion
-  //#region Lifecycle
   load() {
     this._colorizeStyle = a(), this._themeChangedListener = h(() => this._colorizeStyle = a());
   }
@@ -37,8 +35,6 @@ class $ extends u {
   disconnectedCallback() {
     super.disconnectedCallback(), this._flowObserver?.disconnect(), this._themeChangedListener?.dispose();
   }
-  //#endregion
-  //#region Private Methods
   suggestionsPropChanged() {
     this._selectedSuggestion = void 0;
   }
@@ -67,8 +63,6 @@ class $ extends u {
   _colorizeCode(e) {
     e !== void 0 && m(e, this._selectedSuggestion.code, "arcade");
   }
-  //#endregion
-  //#region Rendering
   renderSuggestionGroups() {
     return this.suggestions === void 0 ? null : v(this.suggestions) ? this.suggestions.map((e) => s`<calcite-list-item-group .heading=${e.label}>${this.renderSuggestionListItems(e.suggestions)}</calcite-list-item-group>`) : this.renderSuggestionListItems(this.suggestions);
   }

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

@@ -4,6 +4,8 @@ import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
 /**
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-editor/)
+ *
  * @internal
  */
 export declare class ArcgisCodeEditor extends LitElement {
@@ -11,8 +13,6 @@ 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.
-     *
-     * @readonly
      */
     get editorInstance(): Editor.IStandaloneCodeEditor | undefined;
     /**
@@ -42,6 +42,8 @@ export declare class ArcgisCodeEditor extends LitElement {
     /**
      * 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. */
@@ -49,21 +51,21 @@ export declare class ArcgisCodeEditor extends LitElement {
     /**
      * Inserts a snippet at the current position in the editor.
      *
-     * @param {string} text - The string snippet to insert
-     * @returns {Promise<void>}
+     * @param text - The string snippet to insert
+     * @returns
      */
     insertSnippet(text: string | null | undefined): Promise<void>;
     /**
      * Inserts a text at the current position in the editor.
      *
-     * @param {string} text - The string to insert
-     * @returns {Promise<void>}
+     * @param text - The string to insert
+     * @returns
      */
     insertText(text: string | null | undefined): Promise<void>;
     /**
      * Sets the focus on the editor.
      *
-     * @returns {Promise<void>}
+     * @returns
      */
     setFocus(): Promise<void>;
     /** @deprecated **Deprecated** since 4.30. Use `value` property instead. */

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

@@ -9,7 +9,7 @@ import { load as h } from "@arcgis/lumina/controllers";
 import { Range as M, Uri as c, KeyMod as n, KeyCode as t } from "monaco-editor";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const x = m`@layer{/*!-----------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
@@ -42,68 +42,32 @@ class I extends w {
   static {
     this.styles = [x];
   }
-  //#endregion
-  //#region Public Properties
-  /**
-   * 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.
-   *
-   * @readonly
-   */
   get editorInstance() {
     return this._editorInstance;
   }
-  //#endregion
-  //#region Public Methods
-  /**
-   * @private
-   * @deprecated **Deprecated** since 4.30. Use `editorInstance` property instead.
-   */
   async getEditorInstance() {
     return await this._componentReadyDefer.promise, this._editorInstance;
   }
-  /** @deprecated **Deprecated** since 4.30. Use `value` property instead. */
   async getValue() {
     return await this._componentReadyDefer.promise, this.value;
   }
-  /**
-   * Inserts a snippet at the current position in the editor.
-   *
-   * @param {string} text - The string snippet to insert
-   * @returns {Promise<void>}
-   */
   async insertSnippet(A) {
     if (await this._componentReadyDefer.promise, !this._editorInstance)
       return;
     this._editorInstance.getContribution("snippetController2")?.insert(A ?? ""), this._editorInstance.focus();
   }
-  /**
-   * Inserts a text at the current position in the editor.
-   *
-   * @param {string} text - The string to insert
-   * @returns {Promise<void>}
-   */
   async insertText(A) {
     if (await this._componentReadyDefer.promise, !this._editorInstance || !this._editorInstance.getModel())
       return;
     const e = this._editorInstance.getSelection() ?? new M(1, 1, 1, 1);
     this._editorInstance.executeEdits("", [{ range: e, text: A ?? "", forceMoveMarkers: !0 }]);
   }
-  /**
-   * Sets the focus on the editor.
-   *
-   * @returns {Promise<void>}
-   */
   async setFocus() {
     await this._componentReadyDefer.promise, this._editorInstance?.focus();
   }
-  /** @deprecated **Deprecated** since 4.30. Use `value` property instead. */
   async setValue(A) {
     await this._componentReadyDefer.promise, this.value = A ?? "";
   }
-  //#endregion
-  //#region Lifecycle
   load() {
     Q(r("./assets"));
   }
@@ -129,8 +93,6 @@ class I extends w {
       this._disposables.pop()?.dispose();
     this._themeObserver?.();
   }
-  //#endregion
-  //#region Private Methods
   _updateModelValue() {
     if (!this._editorInstance)
       return;

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

@@ -7,11 +7,19 @@ import { EditorProfile, FeatureSetVariable } from '../../utils/profile/editor-pr
 type Mode = "featureSet" | "profile";
 /** @private */
 export declare class ArcgisEditorVariables extends LitElement {
-    /** Loading state */
+    /**
+     * Loading state
+     *
+     * @default false
+     */
     loading: boolean;
     /** The model id */
     modelId: string | undefined;
-    /** When true, the component will be hidden. */
+    /**
+     * When true, the component will be hidden.
+     *
+     * @default false
+     */
     closed?: boolean | undefined;
     /**
      * The variable to display.

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

@@ -7,7 +7,7 @@ import { u as f } from "../../chunks/useT9n.js";
 import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const m = u`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2);word-break:break-word}}`;
 function g(l) {
   l.key === "Enter" && l.stopPropagation();
@@ -24,8 +24,6 @@ class p extends n {
   static {
     this.styles = m;
   }
-  //#endregion
-  //#region Lifecycle
   load() {
     this._variableChanged();
   }
@@ -35,8 +33,6 @@ class p extends n {
   disconnectedCallback() {
     super.disconnectedCallback(), this._flowObserver?.disconnect();
   }
-  //#endregion
-  //#region Private Methods
   _variableChanged() {
     this._mode = this.variable?.type === "featureSet" ? "featureSet" : "profile";
   }
@@ -99,8 +95,6 @@ class p extends n {
         return e.variables[0]?.getLabel() ?? "";
     }
   }
-  //#endregion
-  //#region Rendering
   renderCollectionBasedVariable(e, t = !1, i = !1) {
     if (!e)
       return null;

package/dist/components/arcgis-language-api-panel/customElement.d.ts

@@ -5,15 +5,31 @@ import { ApiCategory, ApiItem } from '@arcgis/languages-api-utils';
 
 /** @private */
 export declare class ArcgisLanguageApiPanel extends LitElement {
-    /** The language the panel is rendering */
+    /**
+     * The language the panel is rendering
+     *
+     * @default "arcade"
+     */
     languageId: string;
     /** The api library to display */
     apiLibrary: ApiCategory[] | undefined;
-    /** Should the documentation action be hidden */
+    /**
+     * Should the documentation action be hidden
+     *
+     * @default false
+     */
     hideDocumentationActions: boolean;
-    /** When true, a busy indicator is displayed */
+    /**
+     * When true, a busy indicator is displayed
+     *
+     * @default false
+     */
     loading: boolean;
-    /** When true, the component will be hidden. */
+    /**
+     * When true, the component will be hidden.
+     *
+     * @default false
+     */
     closed?: boolean | undefined;
     /** Raised when the close action has been requested */
     readonly arcgisClose: TargetedEvent<this, void>;

package/dist/components/arcgis-language-api-panel/customElement.js

@@ -10,7 +10,7 @@ import { css as v } from "@lit/reactive-element/css-tag.js";
 import { s as d } from "../../chunks/sql-expr-contribution.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const y = v`:host{background-color:var(--calcite-color-foreground-1);.notice-container{margin:var(--calcite-spacing-xxs);padding:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1)}.sticky{position:sticky;top:0;z-index:10}calcite-flow{height:100%}calcite-block{p:first-of-type{margin-top:0}code{font-family:var(--calcite-code-family)}pre{direction:ltr;overflow-x:auto;background-color:var(--calcite-color-foreground-2);padding:var(--calcite-spacing-sm);code{font-size:var(--calcite-font-size--2)}}}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
 class I extends f {
   constructor() {
@@ -24,8 +24,6 @@ class I extends f {
   static {
     this.styles = y;
   }
-  //#endregion
-  //#region Lifecycle
   async load() {
     await d(this.languageId), this._colorizeStyle = r(), this._themeChangedListener = p(() => this._colorizeStyle = r());
   }
@@ -45,8 +43,6 @@ class I extends f {
   disconnectedCallback() {
     super.disconnectedCallback(), this._flowObserver?.disconnect(), this._themeChangedListener?.dispose();
   }
-  //#endregion
-  //#region Private Methods
   flowFocusHandler(e) {
     if (!e) {
       this._flowObserver?.disconnect(), this._flowObserver = void 0;
@@ -78,8 +74,6 @@ class I extends f {
   _elementToMarkdown(e) {
     e !== void 0 && (e.innerHTML = n(this._selectedApiItem.examples), g(e, this.languageId).catch(console.error));
   }
-  //#endregion
-  //#region Rendering
   renderApiCategory(e) {
     const i = _(e.items, "name", this._filterValue);
     return i.length ? s`<calcite-list-item-group .heading=${e.title}>${i.map((t) => s`<calcite-list-item .label=${c(t.completion.detail)} @calciteListItemSelect=${(l) => this._emitItemSelected(l, t)} @keydown=${(l) => this._emitItemSelected(l, t)}><calcite-action slot=actions-end .text=${this.messages.expand ?? ""} icon=chevron-right icon-flip-rtl scale=s @click=${(l) => this._selectItem(l, t)}></calcite-action></calcite-list-item>`)}</calcite-list-item-group>` : null;

package/dist/components/arcgis-sql-expression-editor/customElement.d.ts

@@ -6,11 +6,14 @@ import { EditorProfile } from '../../utils/profile/editor-profile';
 import { IPredefinedProfile } from '../../utils/profile/types';
 
 /**
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-sql-expression-editor/)
+ *
  * @internal
  */
 export declare class ArcgisSqlExpressionEditor extends LitElement {
     /**
      * The profile to use for the editor. The profile defines the variables and functions that are available to the editor.
+     *
      * @example
      * ```jsx
      * <arcgis-sql-expression-editor profile={id: "field-calculation", definitions: { $layer: layer }}></arcgis-sql-expression-editor>
@@ -19,18 +22,22 @@ export declare class ArcgisSqlExpressionEditor extends LitElement {
     profile: IPredefinedProfile | undefined;
     /**
      * The sql expression script. Use this property to define or update the script.
+     *
      * @example
      * ```html
      * <arcgis-sql-expression-editor script="CAST(2.45 AS INTEGER)"></arcgis-sql-expression-editor>
      * ```
+     * @default ""
      */
     script: string;
     /**
      * If true, it will hide the side actions bar. The editor will be in a minimalistic UX.
+     *
      * @example
      * ```html
      *  <arcgis-sql-expression-editor hideSideBar></arcgis-sql-expression-editor>
      * ```
+     * @default false
      */
     hideSideBar: boolean;
     /** Emitted when the script string has changed. */

package/dist/components/arcgis-sql-expression-editor/customElement.js

@@ -8,7 +8,7 @@ import { createRef as p, ref as h } from "lit-html/directives/ref.js";
 import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const f = g`@layer{arcgis-sql-expression-editor{display:flex;flex-direction:column;position:relative;overflow:hidden;border:var(--arcgis-coding-components-border);box-sizing:border-box;background-color:var(--arcgis-coding-components-background-color);height:100%;.flex-adjustable{flex:1 1 auto;overflow:hidden}.flex-panel{flex:1 0 auto}.position-relative{position:relative}.flex-row{display:flex;flex-direction:row;overflow:hidden}.flex-column{display:flex;flex-direction:column;overflow:hidden}.border-inline-start{border-inline-start:var(--arcgis-coding-components-border);box-sizing:border-box}.border-inline-end{border-inline-end:var(--arcgis-coding-components-border);box-sizing:border-box}.side-action-bar{max-width:var(--arcgis-coding-components-side-action-bar-max-w)}.side-panel{max-width:var(--arcgis-coding-components-side-panel-max-w);width:var(--arcgis-coding-components-side-panel-w);calcite-flow{height:100%}}}}`;
 class m extends r {
   constructor() {
@@ -23,16 +23,12 @@ class m extends r {
   static {
     this.styles = f;
   }
-  //#endregion
-  //#region Lifecycle
   async load() {
     await this._updateEditorProfile().catch(console.error);
   }
   willUpdate(e) {
     (e.has("messages") || e.has("profile")) && this._updateDataModelDeps();
   }
-  //#endregion
-  //#region Private Methods
   async _updateDataModelDeps() {
     await this._updateEditorProfile(), await this._updateApiLibrary();
   }
@@ -69,10 +65,6 @@ class m extends r {
   _onCodeEditorValueChange(e) {
     e.stopPropagation(), this.script = e.detail, this.arcgisScriptChange.emit(e.detail);
   }
-  /**
-   * Gets the featureSetVariable from the editor profile- used to populate the variables panel.
-   * In current form, there should only be one variable in the profile.
-   */
   _getFeatureSetVariable() {
     let e;
     const t = a.getEditorProfileForModel(this._modelId);
@@ -81,8 +73,6 @@ class m extends r {
   _toggleSideActionBarExpanded() {
     this.sideActionBarExpanded = !this.sideActionBarExpanded;
   }
-  //#endregion
-  //#region Rendering
   render() {
     const e = this._getFeatureSetVariable();
     return i`<div class="flex-row flex-adjustable"><div class="flex-column flex-adjustable"><arcgis-code-editor language=arcgis-sql-expression .modelId=${this._modelId} .value=${this.script ?? ""} @arcgisValueChange=${this._onCodeEditorValueChange} ${h(this._codeEditorElt)}></arcgis-code-editor></div>${!this.hideSideBar && i`<arcgis-editor-variables .variable=${e} .closed=${this._activeAction !== "fields"} class=${s(this._activeAction === "fields" && "side-panel flex-panel border-inline-start")} .loading=${this._preparing} .modelId=${this._modelId} @arcgisItemSelected=${this._insertAsText} @arcgisClose=${() => this._setActiveAction(void 0)} data-panel-name=none></arcgis-editor-variables>` || ""}${!this.hideSideBar && i`<arcgis-language-api-panel class=${s(this._activeAction === "functions" && "side-panel flex-panel border-inline-start")} .closed=${this._activeAction !== "functions"} @arcgisItemSelected=${this._insertAsSnippet} @arcgisClose=${() => this._setActiveAction(void 0)} .loading=${this._preparing} .apiLibrary=${this._apiLibrary} data-panel-name=none hide-documentation-actions .languageId=${a.languageId}></arcgis-language-api-panel>` || ""}${!this.hideSideBar && i`<calcite-action-bar class="side-action-bar border-inline-start" .expanded=${this.sideActionBarExpanded} position=end @calciteActionBarToggle=${this._toggleSideActionBarExpanded}><calcite-action id=fields-action .text=${this.messages.fields ?? "Fields"} icon=profile-variables .active=${this._activeAction === "fields"} data-panel-name=fields @click=${this._handleActionClick}></calcite-action>${!this.sideActionBarExpanded && i`<calcite-tooltip reference-element=fields-action><span>${this.messages.fields ?? "Fields"}</span></calcite-tooltip>` || ""}<calcite-action id=functions-action .text=${this.messages.functions ?? "Functions"} icon=function .active=${this._activeAction === "functions"} data-panel-name=functions @click=${this._handleActionClick}></calcite-action>${!this.sideActionBarExpanded && i`<calcite-tooltip reference-element=functions-action><span>${this.messages.functions ?? "Functions"}</span></calcite-tooltip>` || ""}</calcite-action-bar>` || ""}</div>`;

package/dist/components/arcgis-sql-expression-fields/customElement.d.ts

@@ -4,7 +4,11 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 
 /** @private */
 export declare class SqlExpressionFields extends LitElement {
-    /** Loading state */
+    /**
+     * Loading state
+     *
+     * @default false
+     */
     loading: boolean;
     /** The model id */
     modelId: string | undefined;