@arcgis/coding-components
Version:
Contains components for editing code in different languages. The currently supported languages are html, css, json, TypeScript, JavaScript, and Arcade.
1,183 lines • 44.5 kB
JSON
{
"timestamp": "2025-04-07T21:55:43",
"compiler": {
"name": "@arcgis/lumina-compiler",
"version": "4.32.14",
"typescriptVersion": "5.6.3"
},
"schemaVersion": "1.0.0",
"modules": [
{
"kind": "javascript-module",
"path": "src/components/arcade-editor/arcade-editor.tsx",
"declarations": [
{
"kind": "class",
"customElement": true,
"name": "ArcgisArcadeEditor",
"tagName": "arcgis-arcade-editor",
"description": "[**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).\nLike other expression languages, it can perform mathematical calculations, format text, and evaluate logical statements.\nIt 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.\n\nMap 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/).\nThis was possible thanks to the Arcade editor component, which enabled MV to implement its own Arcade expression builder.\nYou can now also find the editor in ArcGIS Dashboards, ArcGIS Field Maps, and ArcGIS Velocity.\n\nYou can easily get your own dedicated Arcade expression builder with the **Arcade editor** component, which includes:\n\n- 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)\n- An optional minimal layout if you, for example, decide to manually exclude things such as test data, padding, line numbers, and the sidebar\n- A way to execute Arcade expressions in a configurable code editor\n- [Suggestions and code completion](https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/discover-the-arcade-editors-powerful-new-features/#suggestions-and-code-completion)\n- [WCAG 2.0 compliant code colorization / syntax highlighting](https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/accessibility-and-arcade-working-in-color/)\n- Built-in [keyboard shortcuts](https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/discover-the-arcade-editors-powerful-new-features/#keyboard-shortcuts)\n- 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.\n- Support for many [languages and directionality](https://developers.arcgis.com/javascript/latest/localization/)",
"demos": [
{
"description": "Docs",
"url": "https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-arcade-editor/"
},
{
"description": "Demo",
"url": "https://developers.arcgis.com/javascript/latest/storybook/coding-components/?path=/story/arcgis-arcade-editor--demo&singleStory=true"
}
],
"superclass": {
"name": "LitElement",
"package": "@arcgis/lumina"
},
"encapsulation": "none",
"pascalCaseName": "ArcgisArcadeEditor",
"importPath": "components/arcgis-arcade-editor",
"members": [
{
"kind": "method",
"name": "componentOnReady",
"return": {
"type": {
"text": "Promise<void>",
"references": [
{
"module": "lib/lib.es5.d.ts",
"name": "Promise",
"package": "typescript",
"start": 0,
"end": 7
}
]
}
},
"description": "Create a promise that resolves once component is fully loaded.",
"signature": "(): Promise<void>",
"async": true,
"inheritedFrom": {
"name": "LitElement",
"package": "@arcgis/lumina"
},
"docsTags": [
{
"name": "example",
"text": "const arcgisArcadeEditor = document.createElement(\"arcgis-arcade-editor\");\ndocument.body.append(arcgisArcadeEditor);\narcgisArcadeEditor.componentOnReady().then(() => {\n console.log(\"arcgis-arcade-editor is ready to go!\");\n});"
}
]
},
{
"kind": "field",
"name": "customPanels",
"description": "Custom panels to be displayed in the side panel.\nWill be placed below the default panels but above the help panel.",
"type": {
"text": "(Array<{\n id: string;\n name: string;\n icon: string;\n description?: string | undefined;\n useFlows?: boolean | undefined;\n renderer: ({ closePanel, insertText, }: {\n closePanel: (e: Event) => void;\n insertText: (text: string) => void;\n }) => JsxNode;\n}>)",
"references": [
{
"name": "Array",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 1,
"end": 6
}
]
},
"docsTags": [
{
"name": "internal"
}
]
},
{
"kind": "field",
"name": "editorOptions",
"description": "Options to update on the editor.\nFor example:\n```json\n{\n \"fontSize\": 18\n}\n```\n\nTo 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.",
"type": {
"text": "(IEditorOptions & IGlobalEditorOptions)",
"references": [
{
"name": "IEditorOptions",
"package": "monaco-editor",
"module": "esm/vs/editor/editor.api.d.ts",
"start": 1,
"end": 15
},
{
"name": "IGlobalEditorOptions",
"package": "monaco-editor",
"module": "esm/vs/editor/editor.api.d.ts",
"start": 18,
"end": 38
}
]
}
},
{
"kind": "method",
"name": "getScript",
"deprecated": "Use `script` property instead.",
"return": {
"type": {
"text": "Promise<string | undefined>",
"references": [
{
"name": "Promise",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 7
}
]
}
},
"signature": "(): Promise<string | undefined>",
"async": true
},
{
"kind": "method",
"name": "getTestResult",
"description": "Returns the Arcade result for the script for the provided test data.",
"return": {
"type": {
"text": "Promise<IArcadeResultUnknown | IArcadeResultNull | IArcadeResultError | IArcadeResultArray | IArcadeResultDate | IArcadeResultDateOnly | IArcadeResultTimeOnly | IArcadeResultString | IArcadeResultNumber | IArcadeResultBoolean | IArcadeResultDictionary | IArcadeResultGeometry | IArcadeResultKnowledgeGraph | IArcadeResultFeature | IArcadeResultFeatureSet | IArcadeResultPortal | IArcadeResultAttachment>",
"references": [
{
"name": "Promise",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 7
},
{
"name": "IArcadeResultUnknown",
"module": "dist/utils/arcade-executor.d.ts",
"start": 8,
"end": 28
},
{
"name": "IArcadeResultNull",
"module": "dist/utils/arcade-executor.d.ts",
"start": 31,
"end": 48
},
{
"name": "IArcadeResultError",
"module": "dist/utils/arcade-executor.d.ts",
"start": 51,
"end": 69
},
{
"name": "IArcadeResultArray",
"module": "dist/utils/arcade-executor.d.ts",
"start": 72,
"end": 90
},
{
"name": "IArcadeResultDate",
"module": "dist/utils/arcade-executor.d.ts",
"start": 93,
"end": 110
},
{
"name": "IArcadeResultDateOnly",
"module": "dist/utils/arcade-executor.d.ts",
"start": 113,
"end": 134
},
{
"name": "IArcadeResultTimeOnly",
"module": "dist/utils/arcade-executor.d.ts",
"start": 137,
"end": 158
},
{
"name": "IArcadeResultString",
"module": "dist/utils/arcade-executor.d.ts",
"start": 161,
"end": 180
},
{
"name": "IArcadeResultNumber",
"module": "dist/utils/arcade-executor.d.ts",
"start": 183,
"end": 202
},
{
"name": "IArcadeResultBoolean",
"module": "dist/utils/arcade-executor.d.ts",
"start": 205,
"end": 225
},
{
"name": "IArcadeResultDictionary",
"module": "dist/utils/arcade-executor.d.ts",
"start": 228,
"end": 251
},
{
"name": "IArcadeResultGeometry",
"module": "dist/utils/arcade-executor.d.ts",
"start": 254,
"end": 275
},
{
"name": "IArcadeResultKnowledgeGraph",
"module": "dist/utils/arcade-executor.d.ts",
"start": 278,
"end": 305
},
{
"name": "IArcadeResultFeature",
"module": "dist/utils/arcade-executor.d.ts",
"start": 308,
"end": 328
},
{
"name": "IArcadeResultFeatureSet",
"module": "dist/utils/arcade-executor.d.ts",
"start": 331,
"end": 354
},
{
"name": "IArcadeResultPortal",
"module": "dist/utils/arcade-executor.d.ts",
"start": 357,
"end": 376
},
{
"name": "IArcadeResultAttachment",
"module": "dist/utils/arcade-executor.d.ts",
"start": 379,
"end": 402
}
]
}
},
"signature": "(): Promise<ArcadeResult>",
"async": true
},
{
"kind": "field",
"name": "hideDocumentationActions",
"description": "If true, it will hide the documentation action in the side panel",
"type": {
"text": "boolean",
"values": [
{
"type": "boolean"
}
]
},
"default": "false",
"attribute": "hide-documentation-actions"
},
{
"kind": "field",
"name": "hideSideBar",
"description": "If true, it will hide the side actions bar. The editor will be in a minimalistic UX.",
"type": {
"text": "boolean",
"values": [
{
"type": "boolean"
}
]
},
"default": "false",
"attribute": "hide-side-bar"
},
{
"kind": "field",
"name": "openedSidePanel",
"description": "The name of the opened side panel. 'none' means 'no panel opened'.",
"type": {
"text": "T extends {\n customPanels: Array<ICustomPanel>;\n} ? \"none\" | \"variables\" | \"suggestions\" | \"api\" : string",
"references": [
{
"name": "T",
"module": "dist/components/arcgis-arcade-editor/customElement.d.ts",
"start": 0,
"end": 1
}
]
},
"default": "\"none\"",
"reflects": true
},
{
"kind": "field",
"name": "profile",
"description": "The profile contains metadata used by the editor for editing context and help.\nExample:\n```\n {\n bundles: [\"core\", \"dataAccess\", \"geometry\", \"portal\"],\n variables: [\n {\n name: \"$feature\",\n description: \"The feature passed to the script during execution.\",\n definition: aFeatureLayerInstance\n }\n ]\n }\n```",
"type": {
"text": "IEditorProfileDefinition | IPredefinedProfile",
"references": [
{
"name": "IEditorProfileDefinition",
"module": "dist/utils/profile/types.d.ts",
"start": 0,
"end": 24
},
{
"name": "IPredefinedProfile",
"module": "dist/utils/profile/types.d.ts",
"start": 27,
"end": 45
}
],
"values": [
{
"type": "IEditorProfileDefinition"
},
{
"type": "IPredefinedProfile"
}
]
}
},
{
"kind": "field",
"name": "script",
"description": "The arcade script. Use this property to define or update the script.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"default": "\"\"",
"attribute": "script"
},
{
"kind": "method",
"name": "setFocus",
"description": "Set the focus on the element.",
"return": {
"type": {
"text": "Promise<void>",
"references": [
{
"name": "Promise",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 7
}
]
}
},
"signature": "(): Promise<void>",
"async": true
},
{
"kind": "field",
"name": "sideActionBarExpanded",
"description": "If true, the side action bar will be exapnded",
"type": {
"text": "boolean",
"values": [
{
"type": "boolean"
}
]
},
"default": "false",
"attribute": "side-action-bar-expanded",
"reflects": true
},
{
"kind": "field",
"name": "snippets",
"description": "Collection of snippets",
"type": {
"text": "Array<ApiSnippet>",
"references": [
{
"name": "Array",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 5
},
{
"name": "ApiSnippet",
"package": "@arcgis/languages-api-utils",
"module": "esm/index.d.ts",
"start": 6,
"end": 16
}
]
}
},
{
"kind": "field",
"name": "suggestions",
"description": "Collection of suggestions",
"type": {
"text": "Array<IEditorCodeSuggestion> | Array<IEditorCodeSuggestionGroup>",
"references": [
{
"name": "Array",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 5
},
{
"name": "IEditorCodeSuggestion",
"module": "dist/utils/editor-suggestions.d.ts",
"start": 6,
"end": 27
},
{
"name": "Array",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 31,
"end": 36
},
{
"name": "IEditorCodeSuggestionGroup",
"module": "dist/utils/editor-suggestions.d.ts",
"start": 37,
"end": 63
}
],
"values": [
{
"type": "Array<IEditorCodeSuggestion>"
},
{
"type": "Array<IEditorCodeSuggestionGroup>"
}
]
}
},
{
"kind": "field",
"name": "testData",
"description": "Test data used to execute the script in the editor. If undefined the execute script UX will be hidden.",
"type": {
"text": "IEditorTestContext",
"references": [
{
"name": "IEditorTestContext",
"module": "dist/utils/arcade-executor.d.ts",
"start": 0,
"end": 18
}
]
}
}
],
"attributes": [
{
"name": "hide-documentation-actions",
"description": "If true, it will hide the documentation action in the side panel",
"type": {
"text": "boolean",
"values": [
{
"type": "boolean"
}
]
},
"default": "false",
"fieldName": "hideDocumentationActions"
},
{
"name": "hide-side-bar",
"description": "If true, it will hide the side actions bar. The editor will be in a minimalistic UX.",
"type": {
"text": "boolean",
"values": [
{
"type": "boolean"
}
]
},
"default": "false",
"fieldName": "hideSideBar"
},
{
"name": "script",
"description": "The arcade script. Use this property to define or update the script.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"default": "\"\"",
"fieldName": "script"
},
{
"name": "side-action-bar-expanded",
"description": "If true, the side action bar will be exapnded",
"type": {
"text": "boolean",
"values": [
{
"type": "boolean"
}
]
},
"default": "false",
"fieldName": "sideActionBarExpanded"
}
],
"events": [
{
"name": "arcgisDiagnosticsChange",
"description": "Emitted when the diagnostics collection has changed.",
"type": {
"text": "Array<Diagnostic>",
"references": [
{
"name": "Array",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 5
},
{
"name": "Diagnostic",
"package": "@arcgis/arcade-languageservice",
"module": "esm/index.d.ts",
"start": 6,
"end": 16
}
]
},
"bubbles": false
},
{
"name": "arcgisScriptChange",
"description": "Emitted when the script string has changed.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"bubbles": false
}
]
}
],
"exports": [
{
"kind": "custom-element-definition",
"name": "arcgis-arcade-editor",
"declaration": {
"name": "ArcgisArcadeEditor",
"module": "src/components/arcade-editor/arcade-editor.tsx"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/code-editor/code-editor.tsx",
"declarations": [
{
"kind": "class",
"customElement": true,
"name": "ArcgisCodeEditor",
"tagName": "arcgis-code-editor",
"demos": [
{
"description": "Docs",
"url": "https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-editor/"
},
{
"description": "Demo",
"url": "https://developers.arcgis.com/javascript/latest/storybook/coding-components/?path=/story/arcgis-code-editor--demo&singleStory=true"
}
],
"docsTags": [
{
"name": "internal"
}
],
"superclass": {
"name": "LitElement",
"package": "@arcgis/lumina"
},
"encapsulation": "none",
"pascalCaseName": "ArcgisCodeEditor",
"importPath": "components/arcgis-code-editor",
"members": [
{
"kind": "method",
"name": "componentOnReady",
"return": {
"type": {
"text": "Promise<void>",
"references": [
{
"module": "lib/lib.es5.d.ts",
"name": "Promise",
"package": "typescript",
"start": 0,
"end": 7
}
]
}
},
"description": "Create a promise that resolves once component is fully loaded.",
"signature": "(): Promise<void>",
"async": true,
"inheritedFrom": {
"name": "LitElement",
"package": "@arcgis/lumina"
},
"docsTags": [
{
"name": "example",
"text": "const arcgisCodeEditor = document.createElement(\"arcgis-code-editor\");\ndocument.body.append(arcgisCodeEditor);\narcgisCodeEditor.componentOnReady().then(() => {\n console.log(\"arcgis-code-editor is ready to go!\");\n});"
}
]
},
{
"kind": "field",
"name": "editorInstance",
"description": "The instance of the Monaco Editor after the component has been rendered.\nTo determine when a component is rendered, you can use componentOnReady() method.\nThe method returns a Promise that resolves after the component rendered for the first time.",
"type": {
"text": "IStandaloneCodeEditor",
"references": [
{
"name": "IStandaloneCodeEditor",
"package": "monaco-editor",
"module": "esm/vs/editor/editor.api.d.ts",
"start": 0,
"end": 21
}
]
},
"readonly": true
},
{
"kind": "field",
"name": "editorOptions",
"description": "Options to update on the editor.\nFor example:\n```json\n{\n \"fontSize\": 18\n}\n```\n\nTo get the full list of options set on the editor, use the editorInstance property and see Monaco Editor options documentation for more details.",
"type": {
"text": "(IEditorOptions & IGlobalEditorOptions)",
"references": [
{
"name": "IEditorOptions",
"package": "monaco-editor",
"module": "esm/vs/editor/editor.api.d.ts",
"start": 1,
"end": 15
},
{
"name": "IGlobalEditorOptions",
"package": "monaco-editor",
"module": "esm/vs/editor/editor.api.d.ts",
"start": 18,
"end": 38
}
]
}
},
{
"kind": "method",
"name": "getValue",
"deprecated": "Use `value` property instead.",
"return": {
"type": {
"text": "Promise<string>",
"references": [
{
"name": "Promise",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 7
}
]
}
},
"signature": "(): Promise<string>",
"async": true
},
{
"kind": "method",
"name": "insertSnippet",
"description": "Inserts a snippet at the current position in the editor.",
"parameters": [
{
"name": "text",
"type": {
"text": "null | string | undefined",
"values": [
{
"type": "null"
},
{
"type": "string"
},
{
"type": "undefined"
}
]
}
}
],
"return": {
"type": {
"text": "Promise<void>",
"references": [
{
"name": "Promise",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 7
}
]
}
},
"docsTags": [
{
"name": "param",
"text": "text - The string snippet to insert"
},
{
"name": "returns"
}
],
"signature": "(text: string | null | undefined): Promise<void>",
"async": true
},
{
"kind": "method",
"name": "insertText",
"description": "Inserts a text at the current position in the editor.",
"parameters": [
{
"name": "text",
"type": {
"text": "null | string | undefined",
"values": [
{
"type": "null"
},
{
"type": "string"
},
{
"type": "undefined"
}
]
}
}
],
"return": {
"type": {
"text": "Promise<void>",
"references": [
{
"name": "Promise",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 7
}
]
}
},
"docsTags": [
{
"name": "param",
"text": "text - The string to insert"
},
{
"name": "returns"
}
],
"signature": "(text: string | null | undefined): Promise<void>",
"async": true
},
{
"kind": "field",
"name": "language",
"description": "The language for the editor.\nCurrently supported language: arcade, arcgis-sql-expression, json, css, html, javascript, typescript, and text.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"attribute": "language"
},
{
"kind": "field",
"name": "modelId",
"description": "A unique identifier for the model.\nThe unique identifier is sometimes used by language defaults to store model metadata.\nFor example, with arcade, the model id is used to store the arcade profile and other metadata.\nThe unique identifier is especially useful when there are multiple editors on the same page.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"attribute": "model-id"
},
{
"kind": "method",
"name": "setFocus",
"description": "Sets the focus on the editor.",
"return": {
"type": {
"text": "Promise<void>",
"references": [
{
"name": "Promise",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 7
}
]
}
},
"docsTags": [
{
"name": "returns"
}
],
"signature": "(): Promise<void>",
"async": true
},
{
"kind": "method",
"name": "setValue",
"deprecated": "Use `value` property instead.",
"parameters": [
{
"name": "text",
"type": {
"text": "null | string | undefined",
"values": [
{
"type": "null"
},
{
"type": "string"
},
{
"type": "undefined"
}
]
}
}
],
"return": {
"type": {
"text": "Promise<void>",
"references": [
{
"name": "Promise",
"package": "typescript",
"module": "lib/lib.es5.d.ts",
"start": 0,
"end": 7
}
]
}
},
"signature": "(text: string | null | undefined): Promise<void>",
"async": true
},
{
"kind": "field",
"name": "value",
"description": "The initial value for the editor.\nThe value is the script, code, css, json, etc.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"default": "\"\"",
"attribute": "value"
}
],
"attributes": [
{
"name": "language",
"description": "The language for the editor.\nCurrently supported language: arcade, arcgis-sql-expression, json, css, html, javascript, typescript, and text.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"fieldName": "language"
},
{
"name": "model-id",
"description": "A unique identifier for the model.\nThe unique identifier is sometimes used by language defaults to store model metadata.\nFor example, with arcade, the model id is used to store the arcade profile and other metadata.\nThe unique identifier is especially useful when there are multiple editors on the same page.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"fieldName": "modelId"
},
{
"name": "value",
"description": "The initial value for the editor.\nThe value is the script, code, css, json, etc.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"default": "\"\"",
"fieldName": "value"
}
],
"events": [
{
"name": "arcgisSelectionChange",
"description": "Emitted when the selection has changed.",
"type": {
"text": "{\n selection: Selection;\n model: ITextModel | null | undefined;\n}"
},
"bubbles": false
},
{
"name": "arcgisValueChange",
"description": "Emitted when the value has changed (script, code, css, json, etc.)",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"bubbles": false
}
]
}
],
"exports": [
{
"kind": "custom-element-definition",
"name": "arcgis-code-editor",
"declaration": {
"name": "ArcgisCodeEditor",
"module": "src/components/code-editor/code-editor.tsx"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/components/sql-expression-editor/sql-expression-editor.tsx",
"declarations": [
{
"kind": "class",
"customElement": true,
"name": "ArcgisSqlExpressionEditor",
"tagName": "arcgis-sql-expression-editor",
"demos": [
{
"description": "Docs",
"url": "https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-sql-expression-editor/"
},
{
"description": "Demo",
"url": "https://developers.arcgis.com/javascript/latest/storybook/coding-components/?path=/story/arcgis-sql-expression-editor--demo&singleStory=true"
}
],
"docsTags": [
{
"name": "internal"
}
],
"superclass": {
"name": "LitElement",
"package": "@arcgis/lumina"
},
"encapsulation": "none",
"pascalCaseName": "ArcgisSqlExpressionEditor",
"importPath": "components/arcgis-sql-expression-editor",
"members": [
{
"kind": "method",
"name": "componentOnReady",
"return": {
"type": {
"text": "Promise<void>",
"references": [
{
"module": "lib/lib.es5.d.ts",
"name": "Promise",
"package": "typescript",
"start": 0,
"end": 7
}
]
}
},
"description": "Create a promise that resolves once component is fully loaded.",
"signature": "(): Promise<void>",
"async": true,
"inheritedFrom": {
"name": "LitElement",
"package": "@arcgis/lumina"
},
"docsTags": [
{
"name": "example",
"text": "const arcgisSqlExpressionEditor = document.createElement(\"arcgis-sql-expression-editor\");\ndocument.body.append(arcgisSqlExpressionEditor);\narcgisSqlExpressionEditor.componentOnReady().then(() => {\n console.log(\"arcgis-sql-expression-editor is ready to go!\");\n});"
}
]
},
{
"kind": "field",
"name": "hideSideBar",
"description": "If true, it will hide the side actions bar. The editor will be in a minimalistic UX.",
"type": {
"text": "boolean",
"values": [
{
"type": "boolean"
}
]
},
"default": "false",
"attribute": "hide-side-bar",
"docsTags": [
{
"name": "example",
"text": "```html\n <arcgis-sql-expression-editor hideSideBar></arcgis-sql-expression-editor>\n```"
}
]
},
{
"kind": "field",
"name": "profile",
"description": "The profile to use for the editor. The profile defines the variables and functions that are available to the editor.",
"type": {
"text": "IPredefinedProfile",
"references": [
{
"name": "IPredefinedProfile",
"module": "dist/utils/profile/types.d.ts",
"start": 0,
"end": 18
}
]
},
"docsTags": [
{
"name": "example",
"text": "```jsx\n<arcgis-sql-expression-editor profile={id: \"field-calculation\", definitions: { $layer: layer }}></arcgis-sql-expression-editor>\n```"
}
]
},
{
"kind": "field",
"name": "script",
"description": "The sql expression script. Use this property to define or update the script.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"default": "\"\"",
"attribute": "script",
"docsTags": [
{
"name": "example",
"text": "```html\n<arcgis-sql-expression-editor script=\"CAST(2.45 AS INTEGER)\"></arcgis-sql-expression-editor>\n```"
}
]
}
],
"attributes": [
{
"name": "hide-side-bar",
"description": "If true, it will hide the side actions bar. The editor will be in a minimalistic UX.",
"type": {
"text": "boolean",
"values": [
{
"type": "boolean"
}
]
},
"default": "false",
"fieldName": "hideSideBar"
},
{
"name": "script",
"description": "The sql expression script. Use this property to define or update the script.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"default": "\"\"",
"fieldName": "script"
}
],
"events": [
{
"name": "arcgisScriptChange",
"description": "Emitted when the script string has changed.",
"type": {
"text": "string",
"values": [
{
"type": "string"
}
]
},
"bubbles": false
}
]
}
],
"exports": [
{
"kind": "custom-element-definition",
"name": "arcgis-sql-expression-editor",
"declaration": {
"name": "ArcgisSqlExpressionEditor",
"module": "src/components/sql-expression-editor/sql-expression-editor.tsx"
}
}
]
}
]
}