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

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.110 */
+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.110 */
+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;

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

@@ -7,7 +7,7 @@ import { u as m } from "../../chunks/useT9n.js";
 import { css as d } 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.110 */
+v4.33.0-next.112 */
 const h = d`:host{calcite-flow{height:100%}calcite-list-item-group{background-color:var(--calcite-color-foreground-2)}}`;
 class f extends r {
   constructor() {
@@ -19,16 +19,12 @@ class f extends r {
   static {
     this.styles = h;
   }
-  //#endregion
-  //#region Lifecycle
   willUpdate(t) {
     t.has("modelId") && (this._flowItemRenderers = []);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._flowObserver?.disconnect();
   }
-  //#endregion
-  //#region Private Methods
   _handleSelectField(t) {
     if (t.target instanceof HTMLElement)
       switch (t.target.tagName.toLowerCase()) {
@@ -49,8 +45,6 @@ class f extends r {
   _emitClose() {
     this.arcgisClose.emit();
   }
-  //#endregion
-  //#region Rendering
   render() {
     const t = n.getFeatureLayerForModel(this.modelId ?? "");
     return this.loading || !this.modelId || !t ? i`<calcite-block .heading=${this.messages.availablefields ?? ""}></calcite-block>` : i`<calcite-flow><calcite-flow-item .heading=${this.messages.availablefields ?? ""} closable @calciteFlowItemClose=${this._emitClose}><calcite-list label=fields filter-enabled>${a(t.fields, (e) => e.name, (e) => i`<calcite-list-item @click=${this._handleSelectField} .label=${e.name} .description=${e.alias ?? ""} .value=${e.name}>${e.domain && i`<calcite-action slot=actions-end text=open icon=chevron-right @click=${() => {

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-05-04T04:57:07",
+  "timestamp": "2025-05-06T04:54:43",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.110",
+    "version": "4.33.0-next.112",
     "typescriptVersion": "5.6.3"
   },
   "schemaVersion": "1.0.0",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-05-04T04:57:07",
+  "timestamp": "2025-05-06T04:54:43",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.33.0-next.110",
+    "version": "4.33.0-next.112",
     "typescriptVersion": "5.6.3"
   },
   "components": [

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/coding-components",
-  "version": "4.33.0-next.110",
+  "version": "4.33.0-next.112",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/index.js

@@ -3,7 +3,7 @@ import { a as c } from "./chunks/arcade-defaults.js";
 import { s as p } from "./chunks/sql-expr-defaults.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.110 */
+v4.33.0-next.112 */
 const a = s, r = t;
 export {
   c as arcade,

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as i } from "@arcgis/lumina";
 /*! 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.110 */
+v4.33.0-next.112 */
 const o = i(e, {
   "arcgis-arcade-coding-assistant": [() => import("./components/arcgis-arcade-coding-assistant/customElement.js")],
   "arcgis-arcade-editor": [() => import("./components/arcgis-arcade-editor/customElement.js"), "customPanels:,editorInstance:,editorOptions:,hideDocumentationActions,hideSideBar,openedSidePanel:,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getEditorInstance,getScript,getTestResult,setFocus"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/coding-components",
-  "version": "4.33.0-next.110",
+  "version": "4.33.0-next.112",
   "description": "Contains components for editing code in different languages. The currently supported languages are html, css, json, TypeScript, JavaScript, and Arcade.",
   "keywords": [
     "ArcGIS",
@@ -37,11 +37,11 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/arcade-languageservice": "4.33.0-next.110",
-    "@arcgis/components-utils": "4.33.0-next.110",
-    "@arcgis/core-adapter": "4.33.0-next.110",
-    "@arcgis/languages-api-utils": "4.33.0-next.110",
-    "@arcgis/lumina": "4.33.0-next.110",
+    "@arcgis/arcade-languageservice": "4.33.0-next.112",
+    "@arcgis/components-utils": "4.33.0-next.112",
+    "@arcgis/core-adapter": "4.33.0-next.112",
+    "@arcgis/languages-api-utils": "4.33.0-next.112",
+    "@arcgis/lumina": "4.33.0-next.112",
     "monaco-editor": "^0.52.0",
     "tslib": "^2.7.0",
     "vscode-languageserver-types": "^3.17.5"