@arcgis/coding-components 4.32.0-next.37 → 4.32.0-next.38

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2024-12-05T23:07:54",
+  "timestamp": "2024-12-06T12:51:33",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.32.0-next.37",
+    "version": "4.32.0-next.38",
     "typescriptVersion": "5.6.3"
   },
   "components": [
@@ -929,6 +929,33 @@
       "dependencies": [],
       "dependencyGraph": {},
       "props": [
+        {
+          "name": "hideSideBar",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "hide-side-bar",
+          "reflectToAttr": false,
+          "docs": "If true, it will hide the side actions bar. The editor will be in a minimalistic UX.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "```html\n <arcgis-sql-expression-editor hideSideBar></arcgis-sql-expression-editor>\n```"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "profile",
           "type": "IPredefinedProfile",
@@ -945,8 +972,13 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "The profile to use for the editor. The profile defines the variables and functions that are available to the editor.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "```jsx\n<arcgis-sql-expression-editor profile={id: \"field-calculation\", definitions: { $layer: layer }}></arcgis-sql-expression-editor>\n```"
+            }
+          ],
           "values": [],
           "optional": true,
           "required": false
@@ -963,7 +995,12 @@
           "attr": "script",
           "reflectToAttr": false,
           "docs": "The sql expression script. Use this property to define or update the script.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "```html\n<arcgis-sql-expression-editor script=\"CAST(2.45 AS INTEGER)\"></arcgis-sql-expression-editor>\n```"
+            }
+          ],
           "default": "\"\"",
           "values": [
             {

package/dist/docs/vscode.html-custom-data.json

@@ -73,6 +73,11 @@
       "name": "arcgis-sql-expression-editor",
       "description": "### Events\n- **arcgisScriptChange** - Emitted when the script string has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
       "attributes": [
+        {
+          "name": "hide-side-bar",
+          "description": "If true, it will hide the side actions bar. The editor will be in a minimalistic UX.",
+          "values": []
+        },
         {
           "name": "script",
           "description": "The sql expression script. Use this property to define or update the script.",

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.32.0-next.37",
+  "version": "4.32.0-next.38",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -220,6 +220,14 @@
           "name": "arcgis-sql-expression-editor",
           "description": "### Events\n- **arcgisScriptChange** - Emitted when the script string has changed.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [
+            {
+              "name": "hide-side-bar",
+              "description": "If true, it will hide the side actions bar. The editor will be in a minimalistic UX.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "script",
               "description": "The sql expression script. Use this property to define or update the script.",
@@ -238,8 +246,14 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "hideSideBar",
+                "description": "If true, it will hide the side actions bar. The editor will be in a minimalistic UX.",
+                "type": "boolean"
+              },
               {
                 "name": "profile",
+                "description": "The profile to use for the editor. The profile defines the variables and functions that are available to the editor.",
                 "type": "IPredefinedProfile"
               },
               {

package/dist/index.js

@@ -4,7 +4,7 @@ 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.32/esri/copyright.txt for details.
- * v4.32.0-next.37
+ * v4.32.0-next.38
 */
 const a = s, r = t;
 export {

package/dist/loader.js

@@ -3,7 +3,7 @@ import { makeDefineCustomElements as i } from "@arcgis/lumina";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.37
+ * v4.32.0-next.38
 */
 const o = i(e, {
   "arcgis-arcade-editor": [() => import("./components/arcgis-arcade-editor/customElement.js"), "editorInstance:,editorOptions:,hideDocumentationActions,hideSideBar,openedSidePanel,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getEditorInstance,getScript,getTestResult,setFocus"],
@@ -12,7 +12,7 @@ const o = i(e, {
   "arcgis-code-editor": [() => import("./components/arcgis-code-editor/customElement.js"), "editorInstance:,editorOptions:,language,modelId,value;getEditorInstance,getValue,insertSnippet,insertText,setFocus,setValue"],
   "arcgis-editor-variables": [() => import("./components/arcgis-editor-variables/customElement.js"), "loading,modelId,variable:"],
   "arcgis-language-api-panel": [() => import("./components/arcgis-language-api-panel/customElement.js"), "apiLibrary:,hideDocumentationActions,loading"],
-  "arcgis-sql-expression-editor": [() => import("./components/arcgis-sql-expression-editor/customElement.js"), "profile:,script"],
+  "arcgis-sql-expression-editor": [() => import("./components/arcgis-sql-expression-editor/customElement.js"), "hideSideBar,profile:,script"],
   "arcgis-sql-expression-fields": [() => import("./components/arcgis-sql-expression-fields/customElement.js"), "loading,modelId"]
 });
 export {

package/dist/types/lumina.d.ts

@@ -24,7 +24,7 @@ interface LuminaArcgisCodeEditor extends Partial<Pick<ArcgisCodeEditor, 'editorO
   onarcgisValueChange?: EventHandler<TargetedEvent<HTMLArcgisCodeEditorElement, CustomEvent<ArcgisCodeEditor["arcgisValueChange"]["detail"]>>>;
 }
 
-interface LuminaArcgisSqlExpressionEditor extends Partial<Pick<ArcgisSqlExpressionEditor, 'profile' | 'script'>>, h.JSX.HTMLAttributes<HTMLArcgisSqlExpressionEditorElement> {
+interface LuminaArcgisSqlExpressionEditor extends Partial<Pick<ArcgisSqlExpressionEditor, 'hideSideBar' | 'profile' | 'script'>>, h.JSX.HTMLAttributes<HTMLArcgisSqlExpressionEditorElement> {
   onarcgisScriptChange?: EventHandler<TargetedEvent<HTMLArcgisSqlExpressionEditorElement, CustomEvent<ArcgisSqlExpressionEditor["arcgisScriptChange"]["detail"]>>>;
 }
 

package/dist/types/preact.d.ts

@@ -14,7 +14,7 @@ interface PreactArcgisCodeEditor extends Partial<Pick<ArcgisCodeEditor, 'editorO
   onarcgisValueChange?: PreactJsx.EventHandler<PreactJsx.TargetedEvent<HTMLArcgisCodeEditorElement, CustomEvent<ArcgisCodeEditor["arcgisValueChange"]["detail"]>>>;
 }
 
-interface PreactArcgisSqlExpressionEditor extends Partial<Pick<ArcgisSqlExpressionEditor, 'profile' | 'script'>>, PreactJsx.HTMLAttributes<HTMLArcgisSqlExpressionEditorElement> {
+interface PreactArcgisSqlExpressionEditor extends Partial<Pick<ArcgisSqlExpressionEditor, 'hideSideBar' | 'profile' | 'script'>>, PreactJsx.HTMLAttributes<HTMLArcgisSqlExpressionEditorElement> {
   onarcgisScriptChange?: PreactJsx.EventHandler<PreactJsx.TargetedEvent<HTMLArcgisSqlExpressionEditorElement, CustomEvent<ArcgisSqlExpressionEditor["arcgisScriptChange"]["detail"]>>>;
 }
 

package/dist/types/react.d.ts

@@ -16,7 +16,7 @@ interface ReactArcgisCodeEditor extends Partial<Pick<ArcgisCodeEditor, 'editorOp
   onarcgisValueChange?: EventHandler<SyntheticEvent<HTMLArcgisCodeEditorElement, CustomEvent<ArcgisCodeEditor["arcgisValueChange"]["detail"]>>>;
 }
 
-interface ReactArcgisSqlExpressionEditor extends Partial<Pick<ArcgisSqlExpressionEditor, 'profile' | 'script'>>, HTMLAttributes<HTMLArcgisSqlExpressionEditorElement> {
+interface ReactArcgisSqlExpressionEditor extends Partial<Pick<ArcgisSqlExpressionEditor, 'hideSideBar' | 'profile' | 'script'>>, HTMLAttributes<HTMLArcgisSqlExpressionEditorElement> {
   ref?: Ref<HTMLArcgisSqlExpressionEditorElement>;
   onarcgisScriptChange?: EventHandler<SyntheticEvent<HTMLArcgisSqlExpressionEditorElement, CustomEvent<ArcgisSqlExpressionEditor["arcgisScriptChange"]["detail"]>>>;
 }

package/dist/types/stencil.d.ts

@@ -24,7 +24,7 @@ interface StencilArcgisCodeEditor extends Partial<Pick<ArcgisCodeEditor, 'editor
   onArcgisValueChange?: EventHandler<TargetedEvent<HTMLArcgisCodeEditorElement, CustomEvent<ArcgisCodeEditor["arcgisValueChange"]["detail"]>>>;
 }
 
-interface StencilArcgisSqlExpressionEditor extends Partial<Pick<ArcgisSqlExpressionEditor, 'profile' | 'script'>>, StencilJsx.HTMLAttributes<HTMLArcgisSqlExpressionEditorElement> {
+interface StencilArcgisSqlExpressionEditor extends Partial<Pick<ArcgisSqlExpressionEditor, 'hideSideBar' | 'profile' | 'script'>>, StencilJsx.HTMLAttributes<HTMLArcgisSqlExpressionEditorElement> {
   onArcgisScriptChange?: EventHandler<TargetedEvent<HTMLArcgisSqlExpressionEditorElement, CustomEvent<ArcgisSqlExpressionEditor["arcgisScriptChange"]["detail"]>>>;
 }
 

package/package.json

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

package/dist/arcgis-coding-components/IAXRJLTE.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright Esri, All Rights Reserved, unless otherwise specified.
- * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.37
-*/
-import{a as h,b as g}from"./NV3HQ6NW.js";import{a as p}from"./H24URCFI.js";import{a}from"./5FOVJN7V.js";import"./65WDAFFA.js";import"./WWBN4PLE.js";import"./FFYBJM64.js";import"./OFKZZFYA.js";import"./VZYG3SNI.js";import{b as r,e as n,f as e,r as c,s as d,w as l}from"./UTN2OZNP.js";import{g as s}from"./4NVJHX7J.js";import"./QYBKZK2Z.js";import"./6CTBLTXJ.js";var f=n`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%}}}`,o=class extends d{constructor(){super(...arguments),this._codeEditorElt=h(),this.messages=p(),this._modelId=s(),this._preparing=!1,this.sideActionBarExpanded=!1,this.script="",this.arcgisScriptChange=c({bubbles:!1})}static{this.properties={_activeAction:16,_apiLibrary:16,_editorProfile:16,_preparing:16,sideActionBarExpanded:16,profile:0,script:1}}static{this.shadowRootOptions=r}static{this.styles=f}async load(){await this._updateEditorProfile().catch(console.error)}willUpdate(i){(i.has("messages")||i.has("profile"))&&this._updateDataModelDeps()}async _updateDataModelDeps(){await this._updateEditorProfile(),await this._updateApiLibrary()}async _updateEditorProfile(){this._preparing=!0;try{await a.setProfileForModel(this._modelId,this.profile,{locale:this.messages._t9nLocale}),this._editorProfile=a.getEditorProfileForModel(this._modelId)}catch{this._editorProfile=void 0}finally{this._preparing=!1}}_setActiveAction(i){if(this._activeAction===i){this._activeAction=void 0;return}this._activeAction=i}_handleActionClick(i){let t=i.target;this._setActiveAction(t.dataset.panelName)}_insertAsSnippet(i){this._codeEditorElt.value?.insertSnippet(i.detail).catch(console.error)}_insertAsText(i){this._codeEditorElt.value?.insertText(i.detail.replaceAll('"',"'")).catch(console.error)}async _updateApiLibrary(){this._apiLibrary=await a.getApiLibraryForModel(this._modelId)}_onCodeEditorValueChange(i){i.stopPropagation(),this.script=i.detail,this.arcgisScriptChange.emit(i.detail)}_getFeatureSetVariable(){let i,t=a.getEditorProfileForModel(this._modelId);return t?.variables?.length&&t?.variables?.[0]?.type!=="featureSet"?console.error("encountered unexpected editor profile"):i=t?.variables?.[0],i}_toggleSideActionBarExpanded(){this.sideActionBarExpanded=!this.sideActionBarExpanded}render(){let i=this._getFeatureSetVariable();return e`<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} ${g(this._codeEditorElt)}></arcgis-code-editor></div>${this._activeAction==="fields"&&e`<arcgis-editor-variables .variable=${i} class="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._activeAction==="functions"&&e`<arcgis-language-api-panel class="side-panel flex-panel border-inline-start" @arcgisItemSelected=${this._insertAsSnippet} @arcgisClose=${()=>this._setActiveAction(void 0)} .loading=${this._preparing} .apiLibrary=${this._apiLibrary} data-panel-name=none hide-documentation-actions></arcgis-language-api-panel>`||""}<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&&e`<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&&e`<calcite-tooltip reference-element=functions-action><span>${this.messages.functions??"Functions"}</span></calcite-tooltip>`||""}</calcite-action-bar></div>`}};l("arcgis-sql-expression-editor",o);export{o as ArcgisSqlExpressionEditor};