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

package/dist/docs/docs.json

@@ -1 +1 @@
-{"timestamp":"2026-01-20T01:20:50","compiler":{"name":"@arcgis/lumina-compiler","version":"5.0.0-next.137","typescriptVersion":"5.9.3"},"components":[{"filePath":"src/components/arcade-editor/arcade-editor.tsx","tag":"arcgis-arcade-editor","overview":"","readme":"","usage":{},"docs":"[**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/)","docsTags":[{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"arcadeAssistant","type":"ArcadeAssistantConfig | undefined","complexType":{"original":"ArcadeAssistantConfig | undefined","resolved":"ArcadeAssistantConfig | undefined","references":{"ArcadeAssistantConfig":{"location":"local","path":"utils/arcade-assistant/types","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"enables and configures the arcade assistant @internal","docsTags":[],"values":[],"optional":true,"required":false},{"name":"customPanels","type":"ICustomPanel[] | undefined","complexType":{"original":"ICustomPanel[] | undefined","resolved":"ICustomPanel[] | undefined","references":{"ICustomPanel":{"location":"local","path":"utils/custom-panel","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Custom panels to be displayed in the side panel.\nWill be placed below the default panels but above the help panel.","docsTags":[{"name":"internal"}],"values":[],"optional":true,"required":false},{"name":"editorOptions","type":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","complexType":{"original":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","resolved":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","references":{"editor":{"location":"import","path":"monaco-editor","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"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.","docsTags":[],"values":[],"optional":true,"required":false},{"name":"hideDocumentationActions","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"hide-documentation-actions","reflectToAttr":false,"docs":"If true, it will hide the documentation action in the side panel","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"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":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"openedSidePanel","type":"T extends Required<WithCustomPanels> ? SidePanelName : string","complexType":{"original":"T extends Required<WithCustomPanels> ? SidePanelName : string","resolved":"T extends Required<WithCustomPanels> ? SidePanelName : string","references":{"T":{"location":"local","id":"notImplemented"},"Required":{"location":"global","path":"global:","id":"notImplemented"},"WithCustomPanels":{"location":"local","id":"notImplemented"},"SidePanelName":{"location":"local","id":"notImplemented"}}},"mutable":true,"attr":"opened-side-panel","reflectToAttr":true,"docs":"The name of the opened side panel. 'none' means 'no panel opened'.","docsTags":[],"default":"\"none\"","values":[],"optional":true,"required":false},{"name":"profile","type":"IEditorProfileDefinition | IPredefinedProfile | undefined","complexType":{"original":"IEditorProfileDefinition | IPredefinedProfile | undefined","resolved":"IEditorProfileDefinition | IPredefinedProfile | undefined","references":{"IEditorProfileDefinition":{"location":"local","path":"utils/profile/types","id":"notImplemented"},"IPredefinedProfile":{"location":"local","path":"utils/profile/types","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"The profile contains metadata used by the editor for editing context and help.\nExample:\n```\n {\n   bundles: [\"core\", \"dataAccess\", \"geometry\", \"portal-access\"],\n   variables: [\n     {\n       name: \"$feature\",\n       description: \"The feature passed to the script during execution.\",\n       definition: aFeatureLayerInstance\n     }\n   ]\n }\n```","docsTags":[],"values":[],"optional":true,"required":false},{"name":"script","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"script","reflectToAttr":false,"docs":"The arcade script. Use this property to define or update the script.","docsTags":[],"default":"\"\"","values":[{"type":"string"}],"optional":true,"required":false},{"name":"sideActionBarExpanded","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"side-action-bar-expanded","reflectToAttr":true,"docs":"If true, the side action bar will be expanded","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"snippets","type":"ApiSnippet[] | undefined","complexType":{"original":"ApiSnippet[] | undefined","resolved":"ApiSnippet[] | undefined","references":{"ApiSnippet":{"location":"import","path":"@arcgis/languages-api-utils","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Collection of snippets","docsTags":[],"values":[],"optional":true,"required":false},{"name":"suggestions","type":"IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[] | undefined","complexType":{"original":"IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[] | undefined","resolved":"IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[] | undefined","references":{"IEditorCodeSuggestion":{"location":"local","path":"utils/editor-suggestions","id":"notImplemented"},"IEditorCodeSuggestionGroup":{"location":"local","path":"utils/editor-suggestions","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Collection of suggestions","docsTags":[],"values":[],"optional":true,"required":false},{"name":"testData","type":"IEditorTestContext | undefined","complexType":{"original":"IEditorTestContext | undefined","resolved":"IEditorTestContext | undefined","references":{"IEditorTestContext":{"location":"local","path":"utils/arcade-executor","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Test data used to execute the script in the editor. If undefined the execute script UX will be hidden.","docsTags":[],"values":[],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisArcadeEditor = document.querySelector(\"arcgis-arcade-editor\");\ndocument.body.append(arcgisArcadeEditor);\nawait arcgisArcadeEditor.componentOnReady();\nconsole.log(\"arcgis-arcade-editor is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]},{"name":"getScript","returns":{"type":"Promise<string | undefined>","docs":""},"complexType":{"signature":"(): Promise<string | undefined>","parameters":[],"return":"Promise<string | undefined>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"getScript(): Promise<string | undefined>","parameters":[],"docs":"","docsTags":[],"deprecation":"**Deprecated** since 4.30. Use `script` property instead."},{"name":"getTestResult","returns":{"type":"Promise<ArcadeResult>","docs":""},"complexType":{"signature":"(): Promise<ArcadeResult>","parameters":[],"return":"Promise<ArcadeResult>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"},"ArcadeResult":{"location":"local","path":"utils/arcade-executor","id":"notImplemented"}}},"signature":"getTestResult(): Promise<ArcadeResult>","parameters":[],"docs":"Returns the Arcade result for the script for the provided test data.","docsTags":[]},{"name":"setFocus","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(): Promise<void>","parameters":[],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setFocus(): Promise<void>","parameters":[],"docs":"Set the focus on the element.","docsTags":[]}],"events":[{"event":"arcgisDiagnosticsChange","detail":"Diagnostic[]","bubbles":false,"complexType":{"original":"Diagnostic[]","resolved":"Diagnostic[]","references":{"Diagnostic":{"location":"import","path":"@arcgis/arcade-languageservice","id":"notImplemented"}}},"cancelable":true,"composed":true,"docs":"Emitted when the diagnostics collection has changed.","docsTags":[]},{"event":"arcgisScriptChange","detail":"string","bubbles":false,"complexType":{"original":"string","resolved":"string","references":{}},"cancelable":true,"composed":true,"docs":"Emitted when the script string has changed.","docsTags":[]}],"styles":[],"slots":[],"parts":[],"listeners":[]},{"filePath":"src/components/code-editor/code-editor.tsx","tag":"arcgis-code-editor","overview":"","readme":"","usage":{},"docs":"","docsTags":[{"name":"internal"},{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"editorInstance","type":"Editor.IStandaloneCodeEditor | undefined","complexType":{"original":"Editor.IStandaloneCodeEditor | undefined","resolved":"Editor.IStandaloneCodeEditor | undefined","references":{"editor":{"location":"import","path":"monaco-editor","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"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.","docsTags":[{"name":"readonly","text":""}],"values":[],"optional":true,"required":false},{"name":"editorOptions","type":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","complexType":{"original":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","resolved":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","references":{"editor":{"location":"import","path":"monaco-editor","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"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.","docsTags":[],"values":[],"optional":true,"required":false},{"name":"language","type":"string | undefined","complexType":{"original":"string | undefined","resolved":"string | undefined","references":{}},"mutable":true,"attr":"language","reflectToAttr":false,"docs":"The language for the editor.\nCurrently supported language: arcade, arcgis-sql-expression, json, css, html, javascript, typescript, and text.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"modelId","type":"`${string}-${string}-${string}-${string}-${string}`","complexType":{"original":"`${string}-${string}-${string}-${string}-${string}`","resolved":"`${string}-${string}-${string}-${string}-${string}`","references":{}},"mutable":true,"attr":"model-id","reflectToAttr":false,"docs":"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.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"value","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"value","reflectToAttr":false,"docs":"The initial value for the editor.\nThe value is the script, code, css, json, etc.","docsTags":[],"default":"\"\"","values":[{"type":"string"}],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisCodeEditor = document.querySelector(\"arcgis-code-editor\");\ndocument.body.append(arcgisCodeEditor);\nawait arcgisCodeEditor.componentOnReady();\nconsole.log(\"arcgis-code-editor is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]},{"name":"getValue","returns":{"type":"Promise<string>","docs":""},"complexType":{"signature":"(): Promise<string>","parameters":[],"return":"Promise<string>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"getValue(): Promise<string>","parameters":[],"docs":"","docsTags":[],"deprecation":"**Deprecated** since 4.30. Use `value` property instead."},{"name":"insertSnippet","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":"The string snippet to insert"}],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"insertSnippet(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":"The string snippet to insert"}],"docs":"Inserts a snippet at the current position in the editor.","docsTags":[]},{"name":"insertText","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":"The string to insert"}],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"insertText(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":"The string to insert"}],"docs":"Inserts a text at the current position in the editor.","docsTags":[]},{"name":"setFocus","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(): Promise<void>","parameters":[],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setFocus(): Promise<void>","parameters":[],"docs":"Sets the focus on the editor.","docsTags":[]},{"name":"setValue","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":""}],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setValue(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":""}],"docs":"","docsTags":[],"deprecation":"**Deprecated** since 4.30. Use `value` property instead."}],"events":[{"event":"arcgisSelectionChange","detail":"{\n    selection: Selection;\n    model: Editor.ITextModel | null | undefined;\n}","bubbles":false,"complexType":{"original":"{\n    selection: Selection;\n    model: Editor.ITextModel | null | undefined;\n}","resolved":"{\n    selection: Selection;\n    model: Editor.ITextModel | null | undefined;\n}","references":{"Selection":{"location":"import","path":"monaco-editor","id":"notImplemented"},"editor":{"location":"import","path":"monaco-editor","id":"notImplemented"}}},"cancelable":true,"composed":true,"docs":"Emitted when the selection has changed.","docsTags":[]},{"event":"arcgisValueChange","detail":"string","bubbles":false,"complexType":{"original":"string","resolved":"string","references":{}},"cancelable":true,"composed":true,"docs":"Emitted when the value has changed (script, code, css, json, etc.)","docsTags":[]}],"styles":[],"slots":[],"parts":[],"listeners":[]},{"filePath":"src/components/code-editor-shell/code-editor-shell.tsx","tag":"arcgis-code-editor-shell","overview":"","readme":"","usage":{},"docs":"A layout component for code editors that provides slots for an editor, results panel, side panel, and action bars.","docsTags":[{"name":"internal"},{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst codeEditorShell = document.querySelector(\"arcgis-code-editor-shell\");\ndocument.body.append(codeEditorShell);\nawait codeEditorShell.componentOnReady();\nconsole.log(\"arcgis-code-editor-shell is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]}],"events":[],"styles":[{"name":"--arcgis-coding-components-border","annotation":"prop","docs":"The border style for the editor shell *"},{"name":"--arcgis-coding-components-background-color","annotation":"prop","docs":"The background color for the editor shell *"},{"name":"--arcgis-coding-components-side-action-bar-max-w","annotation":"prop","docs":"The max width for the side action bar *"},{"name":"--arcgis-coding-components-code-editor-side-panel-w","annotation":"prop","docs":"The width for the code editor side panel *"},{"name":"--arcgis-coding-components-code-editor-side-panel-max-w","annotation":"prop","docs":"The max width for the code editor side panel *"},{"name":"--arcgis-coding-components-code-editor-results-panel-max-h","annotation":"prop","docs":"The max height for the code editor results panel *"},{"name":"--arcgis-coding-components-code-editor-results-panel-h","annotation":"prop","docs":"The default height for the code editor results panel (preferred over min-h). *"}],"slots":[{"name":"top-action-bar","docs":"A slot for placing a top action bar above the editor area."},{"name":"editor","docs":"A slot for placing the main code editor component."},{"name":"results-panel","docs":"A slot for placing a results panel below the code editor."},{"name":"side-panel","docs":"A slot for placing a side panel next to the code editor area."},{"name":"side-action-bar","docs":"A slot for placing a side action bar next to the side panel."}],"parts":[],"listeners":[]},{"filePath":"src/components/code-viewer/code-viewer.tsx","tag":"arcgis-code-viewer","overview":"","readme":"","usage":{},"docs":"A code viewer component for displaying code snippets.\nSupports syntax highlighting for various programming languages, include arcade and arcgis-sql-expression.","docsTags":[{"name":"example","text":"```tsx\n<arcgis-code-viewer language=\"javascript\">\nfunction greet() {\n  console.log(\"Hello, World!\");\n}\n</arcgis-code-viewer>\n```"},{"name":"example","text":"HTML snippets (preserve markup)\n```tsx\n<arcgis-code-viewer language=\"html\">\n  <template>\n    <div class=\"greeting\"><span>Hello</span> World!</div>\n  </template>\n</arcgis-code-viewer>\n```\nWhen `language=\"html\"`, the component will attempt to preserve your original markup instead of reducing it\nto plain text. For safety and to prevent the markup from rendering in-page, wrap the snippet in a `<template>`.\nIf no `<template>` is provided, the component falls back to concatenating the `outerHTML` of element nodes and the\nraw text of text nodes. Script contents are treated as inert string data; they are never executed."},{"name":"internal"},{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"language","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"language","reflectToAttr":false,"docs":"The language for the component.\nCurrently supported language: arcade, arcgis-sql-expression, plus all the following languages found in monaco-editor's repo:\nhttps://github.com/microsoft/monaco-editor/tree/main/src/basic-languages.\n\nNote: The number of supported languages is limited in cdn builds to reduce package size. In cdn builds,\nonly the following languages are supported: css, html, javascript, typescript, and arcade, arcgis-sql-expression.","docsTags":[],"default":"\"arcade\"","values":[{"type":"string"}],"optional":true,"required":false},{"name":"round","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"round","reflectToAttr":true,"docs":"When `true`, adds a round style to the component.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisCodeViewer = document.querySelector(\"arcgis-code-viewer\");\ndocument.body.append(arcgisCodeViewer);\nawait arcgisCodeViewer.componentOnReady();\nconsole.log(\"arcgis-code-viewer is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]}],"events":[],"styles":[],"slots":[],"parts":[],"listeners":[]},{"filePath":"src/components/sql-expression-editor/sql-expression-editor.tsx","tag":"arcgis-sql-expression-editor","overview":"","readme":"","usage":{},"docs":"The SQL Expression Editor provides a familiar code editor experience for writing your own SQL expressions.\nIt supports syntax highlighting, code completion, and validation, allowing users to write SQL expressions using the\n[standardized SQL functions](https://doc.arcgis.com/en/arcgis-online/reference/sql-agol.htm) supported by ArcGIS.","docsTags":[{"name":"internal"},{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"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 | undefined","complexType":{"original":"IPredefinedProfile | undefined","resolved":"IPredefinedProfile | undefined","references":{"IPredefinedProfile":{"location":"local","path":"utils/profile/types","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"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},{"name":"script","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"script","reflectToAttr":false,"docs":"The sql expression script. Use this property to define or update the script.","docsTags":[{"name":"example","text":"```html\n<arcgis-sql-expression-editor script=\"CAST(2.45 AS INTEGER)\"></arcgis-sql-expression-editor>\n```"}],"default":"\"\"","values":[{"type":"string"}],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisSqlExpressionEditor = document.querySelector(\"arcgis-sql-expression-editor\");\ndocument.body.append(arcgisSqlExpressionEditor);\nawait arcgisSqlExpressionEditor.componentOnReady();\nconsole.log(\"arcgis-sql-expression-editor is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]},{"name":"setFocus","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(): Promise<void>","parameters":[],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setFocus(): Promise<void>","parameters":[],"docs":"Set the focus on the element.","docsTags":[]}],"events":[{"event":"arcgisDiagnosticsChange","detail":"editor.IMarkerData[]","bubbles":false,"complexType":{"original":"editor.IMarkerData[]","resolved":"editor.IMarkerData[]","references":{"editor":{"location":"import","path":"monaco-editor","id":"notImplemented"}}},"cancelable":true,"composed":true,"docs":"Emitted when the diagnostics collection has changed.","docsTags":[]},{"event":"arcgisScriptChange","detail":"string","bubbles":false,"complexType":{"original":"string","resolved":"string","references":{}},"cancelable":true,"composed":true,"docs":"Emitted when the script string has changed.","docsTags":[]}],"styles":[],"slots":[],"parts":[],"listeners":[]}],"typeLibrary":{}}
+{"timestamp":"2026-01-20T04:45:04","compiler":{"name":"@arcgis/lumina-compiler","version":"5.0.0-next.139","typescriptVersion":"5.9.3"},"components":[{"filePath":"src/components/arcade-editor/arcade-editor.tsx","tag":"arcgis-arcade-editor","overview":"","readme":"","usage":{},"docs":"[**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/)","docsTags":[{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"arcadeAssistant","type":"ArcadeAssistantConfig | undefined","complexType":{"original":"ArcadeAssistantConfig | undefined","resolved":"ArcadeAssistantConfig | undefined","references":{"ArcadeAssistantConfig":{"location":"local","path":"utils/arcade-assistant/types","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"enables and configures the arcade assistant @internal","docsTags":[],"values":[],"optional":true,"required":false},{"name":"customPanels","type":"ICustomPanel[] | undefined","complexType":{"original":"ICustomPanel[] | undefined","resolved":"ICustomPanel[] | undefined","references":{"ICustomPanel":{"location":"local","path":"utils/custom-panel","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Custom panels to be displayed in the side panel.\nWill be placed below the default panels but above the help panel.","docsTags":[{"name":"internal"}],"values":[],"optional":true,"required":false},{"name":"editorOptions","type":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","complexType":{"original":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","resolved":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","references":{"editor":{"location":"import","path":"monaco-editor","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"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.","docsTags":[],"values":[],"optional":true,"required":false},{"name":"hideDocumentationActions","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"hide-documentation-actions","reflectToAttr":false,"docs":"If true, it will hide the documentation action in the side panel","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"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":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"openedSidePanel","type":"T extends Required<WithCustomPanels> ? SidePanelName : string","complexType":{"original":"T extends Required<WithCustomPanels> ? SidePanelName : string","resolved":"T extends Required<WithCustomPanels> ? SidePanelName : string","references":{"T":{"location":"local","id":"notImplemented"},"Required":{"location":"global","path":"global:","id":"notImplemented"},"WithCustomPanels":{"location":"local","id":"notImplemented"},"SidePanelName":{"location":"local","id":"notImplemented"}}},"mutable":true,"attr":"opened-side-panel","reflectToAttr":true,"docs":"The name of the opened side panel. 'none' means 'no panel opened'.","docsTags":[],"default":"\"none\"","values":[],"optional":true,"required":false},{"name":"profile","type":"IEditorProfileDefinition | IPredefinedProfile | undefined","complexType":{"original":"IEditorProfileDefinition | IPredefinedProfile | undefined","resolved":"IEditorProfileDefinition | IPredefinedProfile | undefined","references":{"IEditorProfileDefinition":{"location":"local","path":"utils/profile/types","id":"notImplemented"},"IPredefinedProfile":{"location":"local","path":"utils/profile/types","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"The profile contains metadata used by the editor for editing context and help.\nExample:\n```\n {\n   bundles: [\"core\", \"dataAccess\", \"geometry\", \"portal-access\"],\n   variables: [\n     {\n       name: \"$feature\",\n       description: \"The feature passed to the script during execution.\",\n       definition: aFeatureLayerInstance\n     }\n   ]\n }\n```","docsTags":[],"values":[],"optional":true,"required":false},{"name":"script","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"script","reflectToAttr":false,"docs":"The arcade script. Use this property to define or update the script.","docsTags":[],"default":"\"\"","values":[{"type":"string"}],"optional":true,"required":false},{"name":"sideActionBarExpanded","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"side-action-bar-expanded","reflectToAttr":true,"docs":"If true, the side action bar will be expanded","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"snippets","type":"ApiSnippet[] | undefined","complexType":{"original":"ApiSnippet[] | undefined","resolved":"ApiSnippet[] | undefined","references":{"ApiSnippet":{"location":"import","path":"@arcgis/languages-api-utils","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Collection of snippets","docsTags":[],"values":[],"optional":true,"required":false},{"name":"suggestions","type":"IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[] | undefined","complexType":{"original":"IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[] | undefined","resolved":"IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[] | undefined","references":{"IEditorCodeSuggestion":{"location":"local","path":"utils/editor-suggestions","id":"notImplemented"},"IEditorCodeSuggestionGroup":{"location":"local","path":"utils/editor-suggestions","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Collection of suggestions","docsTags":[],"values":[],"optional":true,"required":false},{"name":"testData","type":"IEditorTestContext | undefined","complexType":{"original":"IEditorTestContext | undefined","resolved":"IEditorTestContext | undefined","references":{"IEditorTestContext":{"location":"local","path":"utils/arcade-executor","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Test data used to execute the script in the editor. If undefined the execute script UX will be hidden.","docsTags":[],"values":[],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisArcadeEditor = document.querySelector(\"arcgis-arcade-editor\");\ndocument.body.append(arcgisArcadeEditor);\nawait arcgisArcadeEditor.componentOnReady();\nconsole.log(\"arcgis-arcade-editor is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]},{"name":"getScript","returns":{"type":"Promise<string | undefined>","docs":""},"complexType":{"signature":"(): Promise<string | undefined>","parameters":[],"return":"Promise<string | undefined>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"getScript(): Promise<string | undefined>","parameters":[],"docs":"","docsTags":[],"deprecation":"**Deprecated** since 4.30. Use `script` property instead."},{"name":"getTestResult","returns":{"type":"Promise<ArcadeResult>","docs":""},"complexType":{"signature":"(): Promise<ArcadeResult>","parameters":[],"return":"Promise<ArcadeResult>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"},"ArcadeResult":{"location":"local","path":"utils/arcade-executor","id":"notImplemented"}}},"signature":"getTestResult(): Promise<ArcadeResult>","parameters":[],"docs":"Returns the Arcade result for the script for the provided test data.","docsTags":[]},{"name":"setFocus","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(): Promise<void>","parameters":[],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setFocus(): Promise<void>","parameters":[],"docs":"Set the focus on the element.","docsTags":[]}],"events":[{"event":"arcgisDiagnosticsChange","detail":"Diagnostic[]","bubbles":false,"complexType":{"original":"Diagnostic[]","resolved":"Diagnostic[]","references":{"Diagnostic":{"location":"import","path":"@arcgis/arcade-languageservice","id":"notImplemented"}}},"cancelable":true,"composed":true,"docs":"Emitted when the diagnostics collection has changed.","docsTags":[]},{"event":"arcgisScriptChange","detail":"string","bubbles":false,"complexType":{"original":"string","resolved":"string","references":{}},"cancelable":true,"composed":true,"docs":"Emitted when the script string has changed.","docsTags":[]}],"styles":[],"slots":[],"parts":[],"listeners":[]},{"filePath":"src/components/code-editor/code-editor.tsx","tag":"arcgis-code-editor","overview":"","readme":"","usage":{},"docs":"","docsTags":[{"name":"internal"},{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"editorInstance","type":"Editor.IStandaloneCodeEditor | undefined","complexType":{"original":"Editor.IStandaloneCodeEditor | undefined","resolved":"Editor.IStandaloneCodeEditor | undefined","references":{"editor":{"location":"import","path":"monaco-editor","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"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.","docsTags":[{"name":"readonly","text":""}],"values":[],"optional":true,"required":false},{"name":"editorOptions","type":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","complexType":{"original":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","resolved":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined","references":{"editor":{"location":"import","path":"monaco-editor","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"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.","docsTags":[],"values":[],"optional":true,"required":false},{"name":"language","type":"string | undefined","complexType":{"original":"string | undefined","resolved":"string | undefined","references":{}},"mutable":true,"attr":"language","reflectToAttr":false,"docs":"The language for the editor.\nCurrently supported language: arcade, arcgis-sql-expression, json, css, html, javascript, typescript, and text.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"modelId","type":"`${string}-${string}-${string}-${string}-${string}`","complexType":{"original":"`${string}-${string}-${string}-${string}-${string}`","resolved":"`${string}-${string}-${string}-${string}-${string}`","references":{}},"mutable":true,"attr":"model-id","reflectToAttr":false,"docs":"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.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"value","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"value","reflectToAttr":false,"docs":"The initial value for the editor.\nThe value is the script, code, css, json, etc.","docsTags":[],"default":"\"\"","values":[{"type":"string"}],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisCodeEditor = document.querySelector(\"arcgis-code-editor\");\ndocument.body.append(arcgisCodeEditor);\nawait arcgisCodeEditor.componentOnReady();\nconsole.log(\"arcgis-code-editor is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]},{"name":"getValue","returns":{"type":"Promise<string>","docs":""},"complexType":{"signature":"(): Promise<string>","parameters":[],"return":"Promise<string>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"getValue(): Promise<string>","parameters":[],"docs":"","docsTags":[],"deprecation":"**Deprecated** since 4.30. Use `value` property instead."},{"name":"insertSnippet","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":"The string snippet to insert"}],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"insertSnippet(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":"The string snippet to insert"}],"docs":"Inserts a snippet at the current position in the editor.","docsTags":[]},{"name":"insertText","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":"The string to insert"}],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"insertText(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":"The string to insert"}],"docs":"Inserts a text at the current position in the editor.","docsTags":[]},{"name":"setFocus","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(): Promise<void>","parameters":[],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setFocus(): Promise<void>","parameters":[],"docs":"Sets the focus on the editor.","docsTags":[]},{"name":"setValue","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":""}],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setValue(text: string | null | undefined): Promise<void>","parameters":[{"name":"text","type":"string | null | undefined","docs":""}],"docs":"","docsTags":[],"deprecation":"**Deprecated** since 4.30. Use `value` property instead."}],"events":[{"event":"arcgisSelectionChange","detail":"{\n    selection: Selection;\n    model: Editor.ITextModel | null | undefined;\n}","bubbles":false,"complexType":{"original":"{\n    selection: Selection;\n    model: Editor.ITextModel | null | undefined;\n}","resolved":"{\n    selection: Selection;\n    model: Editor.ITextModel | null | undefined;\n}","references":{"Selection":{"location":"import","path":"monaco-editor","id":"notImplemented"},"editor":{"location":"import","path":"monaco-editor","id":"notImplemented"}}},"cancelable":true,"composed":true,"docs":"Emitted when the selection has changed.","docsTags":[]},{"event":"arcgisValueChange","detail":"string","bubbles":false,"complexType":{"original":"string","resolved":"string","references":{}},"cancelable":true,"composed":true,"docs":"Emitted when the value has changed (script, code, css, json, etc.)","docsTags":[]}],"styles":[],"slots":[],"parts":[],"listeners":[]},{"filePath":"src/components/code-editor-shell/code-editor-shell.tsx","tag":"arcgis-code-editor-shell","overview":"","readme":"","usage":{},"docs":"A layout component for code editors that provides slots for an editor, results panel, side panel, and action bars.","docsTags":[{"name":"internal"},{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst codeEditorShell = document.querySelector(\"arcgis-code-editor-shell\");\ndocument.body.append(codeEditorShell);\nawait codeEditorShell.componentOnReady();\nconsole.log(\"arcgis-code-editor-shell is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]}],"events":[],"styles":[{"name":"--arcgis-coding-components-border","annotation":"prop","docs":"The border style for the editor shell *"},{"name":"--arcgis-coding-components-background-color","annotation":"prop","docs":"The background color for the editor shell *"},{"name":"--arcgis-coding-components-side-action-bar-max-w","annotation":"prop","docs":"The max width for the side action bar *"},{"name":"--arcgis-coding-components-code-editor-side-panel-w","annotation":"prop","docs":"The width for the code editor side panel *"},{"name":"--arcgis-coding-components-code-editor-side-panel-max-w","annotation":"prop","docs":"The max width for the code editor side panel *"},{"name":"--arcgis-coding-components-code-editor-results-panel-max-h","annotation":"prop","docs":"The max height for the code editor results panel *"},{"name":"--arcgis-coding-components-code-editor-results-panel-h","annotation":"prop","docs":"The default height for the code editor results panel (preferred over min-h). *"}],"slots":[{"name":"top-action-bar","docs":"A slot for placing a top action bar above the editor area."},{"name":"editor","docs":"A slot for placing the main code editor component."},{"name":"results-panel","docs":"A slot for placing a results panel below the code editor."},{"name":"side-panel","docs":"A slot for placing a side panel next to the code editor area."},{"name":"side-action-bar","docs":"A slot for placing a side action bar next to the side panel."}],"parts":[],"listeners":[]},{"filePath":"src/components/code-viewer/code-viewer.tsx","tag":"arcgis-code-viewer","overview":"","readme":"","usage":{},"docs":"A code viewer component for displaying code snippets.\nSupports syntax highlighting for various programming languages, include arcade and arcgis-sql-expression.","docsTags":[{"name":"example","text":"```tsx\n<arcgis-code-viewer language=\"javascript\">\nfunction greet() {\n  console.log(\"Hello, World!\");\n}\n</arcgis-code-viewer>\n```"},{"name":"example","text":"HTML snippets (preserve markup)\n```tsx\n<arcgis-code-viewer language=\"html\">\n  <template>\n    <div class=\"greeting\"><span>Hello</span> World!</div>\n  </template>\n</arcgis-code-viewer>\n```\nWhen `language=\"html\"`, the component will attempt to preserve your original markup instead of reducing it\nto plain text. For safety and to prevent the markup from rendering in-page, wrap the snippet in a `<template>`.\nIf no `<template>` is provided, the component falls back to concatenating the `outerHTML` of element nodes and the\nraw text of text nodes. Script contents are treated as inert string data; they are never executed."},{"name":"internal"},{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"language","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"language","reflectToAttr":false,"docs":"The language for the component.\nCurrently supported language: arcade, arcgis-sql-expression, plus all the following languages found in monaco-editor's repo:\nhttps://github.com/microsoft/monaco-editor/tree/main/src/basic-languages.\n\nNote: The number of supported languages is limited in cdn builds to reduce package size. In cdn builds,\nonly the following languages are supported: css, html, javascript, typescript, and arcade, arcgis-sql-expression.","docsTags":[],"default":"\"arcade\"","values":[{"type":"string"}],"optional":true,"required":false},{"name":"round","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"round","reflectToAttr":true,"docs":"When `true`, adds a round style to the component.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisCodeViewer = document.querySelector(\"arcgis-code-viewer\");\ndocument.body.append(arcgisCodeViewer);\nawait arcgisCodeViewer.componentOnReady();\nconsole.log(\"arcgis-code-viewer is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]}],"events":[],"styles":[],"slots":[],"parts":[],"listeners":[]},{"filePath":"src/components/sql-expression-editor/sql-expression-editor.tsx","tag":"arcgis-sql-expression-editor","overview":"","readme":"","usage":{},"docs":"The SQL Expression Editor provides a familiar code editor experience for writing your own SQL expressions.\nIt supports syntax highlighting, code completion, and validation, allowing users to write SQL expressions using the\n[standardized SQL functions](https://doc.arcgis.com/en/arcgis-online/reference/sql-agol.htm) supported by ArcGIS.","docsTags":[{"name":"internal"},{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"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 | undefined","complexType":{"original":"IPredefinedProfile | undefined","resolved":"IPredefinedProfile | undefined","references":{"IPredefinedProfile":{"location":"local","path":"utils/profile/types","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"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},{"name":"script","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"script","reflectToAttr":false,"docs":"The sql expression script. Use this property to define or update the script.","docsTags":[{"name":"example","text":"```html\n<arcgis-sql-expression-editor script=\"CAST(2.45 AS INTEGER)\"></arcgis-sql-expression-editor>\n```"}],"default":"\"\"","values":[{"type":"string"}],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst arcgisSqlExpressionEditor = document.querySelector(\"arcgis-sql-expression-editor\");\ndocument.body.append(arcgisSqlExpressionEditor);\nawait arcgisSqlExpressionEditor.componentOnReady();\nconsole.log(\"arcgis-sql-expression-editor is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]},{"name":"setFocus","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(): Promise<void>","parameters":[],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setFocus(): Promise<void>","parameters":[],"docs":"Set the focus on the element.","docsTags":[]}],"events":[{"event":"arcgisDiagnosticsChange","detail":"editor.IMarkerData[]","bubbles":false,"complexType":{"original":"editor.IMarkerData[]","resolved":"editor.IMarkerData[]","references":{"editor":{"location":"import","path":"monaco-editor","id":"notImplemented"}}},"cancelable":true,"composed":true,"docs":"Emitted when the diagnostics collection has changed.","docsTags":[]},{"event":"arcgisScriptChange","detail":"string","bubbles":false,"complexType":{"original":"string","resolved":"string","references":{}},"cancelable":true,"composed":true,"docs":"Emitted when the script string has changed.","docsTags":[]}],"styles":[],"slots":[],"parts":[],"listeners":[]}],"typeLibrary":{}}

package/dist/docs/web-types.json

@@ -1 +1 @@
-{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","name":"@arcgis/coding-components","version":"5.0.0-next.137","description-markup":"markdown","contributions":{"html":{"elements":[{"name":"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/)\n--\n\n### Events\n- **arcgisDiagnosticsChange** - Emitted when the diagnostics collection has changed.\n- **arcgisScriptChange** - Emitted when the script string has changed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n- `getScript(): Promise<string | undefined>` - **Deprecated**: **Deprecated** since 4.30. Use `script` property instead.. \n- `getTestResult(): Promise<ArcadeResult>` - Returns the Arcade result for the script for the provided test data.\n- `setFocus(): Promise<void>` - Set the focus on the element.","doc-url":"https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-arcade-editor/","attributes":[{"name":"hide-documentation-actions","description":"If true, it will hide the documentation action in the side panel","default":"false","value":{"type":"boolean"}},{"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":"opened-side-panel","description":"The name of the opened side panel. 'none' means 'no panel opened'.","default":"\"none\"","value":{}},{"name":"script","description":"The arcade script. Use this property to define or update the script.","default":"\"\"","value":{"type":"string"}},{"name":"side-action-bar-expanded","description":"If true, the side action bar will be expanded","default":"false","value":{"type":"boolean"}}],"events":[{"name":"arcgisDiagnosticsChange","type":"Diagnostic[]","description":"Emitted when the diagnostics collection has changed."},{"name":"arcgisScriptChange","type":"string","description":"Emitted when the script string has changed."}],"js":{"properties":[{"name":"arcadeAssistant","description":"enables and configures the arcade assistant @internal","type":"ArcadeAssistantConfig | undefined"},{"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":"ICustomPanel[] | undefined"},{"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":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined"},{"name":"hideDocumentationActions","description":"If true, it will hide the documentation action in the side panel","type":"boolean"},{"name":"hideSideBar","description":"If true, it will hide the side actions bar. The editor will be in a minimalistic UX.","type":"boolean"},{"name":"openedSidePanel","description":"The name of the opened side panel. 'none' means 'no panel opened'.","type":"T extends Required<WithCustomPanels> ? SidePanelName : string"},{"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-access\"],\n   variables: [\n     {\n       name: \"$feature\",\n       description: \"The feature passed to the script during execution.\",\n       definition: aFeatureLayerInstance\n     }\n   ]\n }\n```","type":"IEditorProfileDefinition | IPredefinedProfile | undefined"},{"name":"script","description":"The arcade script. Use this property to define or update the script.","type":"string"},{"name":"sideActionBarExpanded","description":"If true, the side action bar will be expanded","type":"boolean"},{"name":"snippets","description":"Collection of snippets","type":"ApiSnippet[] | undefined"},{"name":"suggestions","description":"Collection of suggestions","type":"IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[] | undefined"},{"name":"testData","description":"Test data used to execute the script in the editor. If undefined the execute script UX will be hidden.","type":"IEditorTestContext | undefined"}],"events":[{"name":"arcgisDiagnosticsChange","type":"Diagnostic[]","description":"Emitted when the diagnostics collection has changed."},{"name":"arcgisScriptChange","type":"string","description":"Emitted when the script string has changed."}]}},{"name":"arcgis-code-editor","description":"### Events\n- **arcgisSelectionChange** - Emitted when the selection has changed.\n- **arcgisValueChange** - Emitted when the value has changed (script, code, css, json, etc.)\n\n### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n- `getValue(): Promise<string>` - **Deprecated**: **Deprecated** since 4.30. Use `value` property instead.. \n- `insertSnippet(text: string | null | undefined): Promise<void>` - Inserts a snippet at the current position in the editor.\n- `insertText(text: string | null | undefined): Promise<void>` - Inserts a text at the current position in the editor.\n- `setFocus(): Promise<void>` - Sets the focus on the editor.\n- `setValue(text: string | null | undefined): Promise<void>` - **Deprecated**: **Deprecated** since 4.30. Use `value` property instead.. ","doc-url":"https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-editor/","attributes":[{"name":"language","description":"The language for the editor.\nCurrently supported language: arcade, arcgis-sql-expression, json, css, html, javascript, typescript, and text.","value":{"type":"string"}},{"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.","value":{"type":"string"}},{"name":"value","description":"The initial value for the editor.\nThe value is the script, code, css, json, etc.","default":"\"\"","value":{"type":"string"}}],"events":[{"name":"arcgisSelectionChange","type":"{\n    selection: Selection;\n    model: Editor.ITextModel | null | undefined;\n}","description":"Emitted when the selection has changed."},{"name":"arcgisValueChange","type":"string","description":"Emitted when the value has changed (script, code, css, json, etc.)"}],"js":{"properties":[{"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":"Editor.IStandaloneCodeEditor | undefined"},{"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":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined"},{"name":"language","description":"The language for the editor.\nCurrently supported language: arcade, arcgis-sql-expression, json, css, html, javascript, typescript, and text.","type":"string | undefined"},{"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":"`${string}-${string}-${string}-${string}-${string}`"},{"name":"value","description":"The initial value for the editor.\nThe value is the script, code, css, json, etc.","type":"string"}],"events":[{"name":"arcgisSelectionChange","type":"{\n    selection: Selection;\n    model: Editor.ITextModel | null | undefined;\n}","description":"Emitted when the selection has changed."},{"name":"arcgisValueChange","type":"string","description":"Emitted when the value has changed (script, code, css, json, etc.)"}]}},{"name":"arcgis-code-editor-shell","description":"A layout component for code editors that provides slots for an editor, results panel, side panel, and action bars.\n--\n\n### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- **top-action-bar** - A slot for placing a top action bar above the editor area.\n- **editor** - A slot for placing the main code editor component.\n- **results-panel** - A slot for placing a results panel below the code editor.\n- **side-panel** - A slot for placing a side panel next to the code editor area.\n- **side-action-bar** - A slot for placing a side action bar next to the side panel.\n\n### CSS Properties\n- **--arcgis-coding-components-border** - The border style for the editor shell * \n- **--arcgis-coding-components-background-color** - The background color for the editor shell * \n- **--arcgis-coding-components-side-action-bar-max-w** - The max width for the side action bar * \n- **--arcgis-coding-components-code-editor-side-panel-w** - The width for the code editor side panel * \n- **--arcgis-coding-components-code-editor-side-panel-max-w** - The max width for the code editor side panel * \n- **--arcgis-coding-components-code-editor-results-panel-max-h** - The max height for the code editor results panel * \n- **--arcgis-coding-components-code-editor-results-panel-h** - The default height for the code editor results panel (preferred over min-h). * ","doc-url":"https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-editor-shell/","attributes":[],"slots":[{"name":"top-action-bar","description":"A slot for placing a top action bar above the editor area."},{"name":"editor","description":"A slot for placing the main code editor component."},{"name":"results-panel","description":"A slot for placing a results panel below the code editor."},{"name":"side-panel","description":"A slot for placing a side panel next to the code editor area."},{"name":"side-action-bar","description":"A slot for placing a side action bar next to the side panel."}],"events":[],"js":{"properties":[],"events":[]}},{"name":"arcgis-code-viewer","description":"A code viewer component for displaying code snippets.\nSupports syntax highlighting for various programming languages, include arcade and arcgis-sql-expression.\n--\n\n### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.","doc-url":"https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-viewer/","attributes":[{"name":"language","description":"The language for the component.\nCurrently supported language: arcade, arcgis-sql-expression, plus all the following languages found in monaco-editor's repo:\nhttps://github.com/microsoft/monaco-editor/tree/main/src/basic-languages.\n\nNote: The number of supported languages is limited in cdn builds to reduce package size. In cdn builds,\nonly the following languages are supported: css, html, javascript, typescript, and arcade, arcgis-sql-expression.","default":"\"arcade\"","value":{"type":"string"}},{"name":"round","description":"When `true`, adds a round style to the component.","default":"false","value":{"type":"boolean"}}],"events":[],"js":{"properties":[{"name":"language","description":"The language for the component.\nCurrently supported language: arcade, arcgis-sql-expression, plus all the following languages found in monaco-editor's repo:\nhttps://github.com/microsoft/monaco-editor/tree/main/src/basic-languages.\n\nNote: The number of supported languages is limited in cdn builds to reduce package size. In cdn builds,\nonly the following languages are supported: css, html, javascript, typescript, and arcade, arcgis-sql-expression.","type":"string"},{"name":"round","description":"When `true`, adds a round style to the component.","type":"boolean"}],"events":[]}},{"name":"arcgis-sql-expression-editor","description":"The SQL Expression Editor provides a familiar code editor experience for writing your own SQL expressions.\nIt supports syntax highlighting, code completion, and validation, allowing users to write SQL expressions using the\n[standardized SQL functions](https://doc.arcgis.com/en/arcgis-online/reference/sql-agol.htm) supported by ArcGIS.\n--\n\n### Events\n- **arcgisDiagnosticsChange** - Emitted when the diagnostics collection has changed.\n- **arcgisScriptChange** - Emitted when the script string has changed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Set the focus on the element.","doc-url":"https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-sql-expression-editor/","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.","default":"\"\"","value":{"type":"string"}}],"events":[{"name":"arcgisDiagnosticsChange","type":"editor.IMarkerData[]","description":"Emitted when the diagnostics collection has changed."},{"name":"arcgisScriptChange","type":"string","description":"Emitted when the script string has changed."}],"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 | undefined"},{"name":"script","description":"The sql expression script. Use this property to define or update the script.","type":"string"}],"events":[{"name":"arcgisDiagnosticsChange","type":"editor.IMarkerData[]","description":"Emitted when the diagnostics collection has changed."},{"name":"arcgisScriptChange","type":"string","description":"Emitted when the script string has changed."}]}}]},"css":{"properties":[{"name":"--arcgis-coding-components-border","description":"The border style for the editor shell *"},{"name":"--arcgis-coding-components-background-color","description":"The background color for the editor shell *"},{"name":"--arcgis-coding-components-side-action-bar-max-w","description":"The max width for the side action bar *"},{"name":"--arcgis-coding-components-code-editor-side-panel-w","description":"The width for the code editor side panel *"},{"name":"--arcgis-coding-components-code-editor-side-panel-max-w","description":"The max width for the code editor side panel *"},{"name":"--arcgis-coding-components-code-editor-results-panel-max-h","description":"The max height for the code editor results panel *"},{"name":"--arcgis-coding-components-code-editor-results-panel-h","description":"The default height for the code editor results panel (preferred over min-h). *"}],"pseudo-elements":[]}}}
+{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","name":"@arcgis/coding-components","version":"5.0.0-next.139","description-markup":"markdown","contributions":{"html":{"elements":[{"name":"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/)\n--\n\n### Events\n- **arcgisDiagnosticsChange** - Emitted when the diagnostics collection has changed.\n- **arcgisScriptChange** - Emitted when the script string has changed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n- `getScript(): Promise<string | undefined>` - **Deprecated**: **Deprecated** since 4.30. Use `script` property instead.. \n- `getTestResult(): Promise<ArcadeResult>` - Returns the Arcade result for the script for the provided test data.\n- `setFocus(): Promise<void>` - Set the focus on the element.","doc-url":"https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-arcade-editor/","attributes":[{"name":"hide-documentation-actions","description":"If true, it will hide the documentation action in the side panel","default":"false","value":{"type":"boolean"}},{"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":"opened-side-panel","description":"The name of the opened side panel. 'none' means 'no panel opened'.","default":"\"none\"","value":{}},{"name":"script","description":"The arcade script. Use this property to define or update the script.","default":"\"\"","value":{"type":"string"}},{"name":"side-action-bar-expanded","description":"If true, the side action bar will be expanded","default":"false","value":{"type":"boolean"}}],"events":[{"name":"arcgisDiagnosticsChange","type":"Diagnostic[]","description":"Emitted when the diagnostics collection has changed."},{"name":"arcgisScriptChange","type":"string","description":"Emitted when the script string has changed."}],"js":{"properties":[{"name":"arcadeAssistant","description":"enables and configures the arcade assistant @internal","type":"ArcadeAssistantConfig | undefined"},{"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":"ICustomPanel[] | undefined"},{"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":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined"},{"name":"hideDocumentationActions","description":"If true, it will hide the documentation action in the side panel","type":"boolean"},{"name":"hideSideBar","description":"If true, it will hide the side actions bar. The editor will be in a minimalistic UX.","type":"boolean"},{"name":"openedSidePanel","description":"The name of the opened side panel. 'none' means 'no panel opened'.","type":"T extends Required<WithCustomPanels> ? SidePanelName : string"},{"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-access\"],\n   variables: [\n     {\n       name: \"$feature\",\n       description: \"The feature passed to the script during execution.\",\n       definition: aFeatureLayerInstance\n     }\n   ]\n }\n```","type":"IEditorProfileDefinition | IPredefinedProfile | undefined"},{"name":"script","description":"The arcade script. Use this property to define or update the script.","type":"string"},{"name":"sideActionBarExpanded","description":"If true, the side action bar will be expanded","type":"boolean"},{"name":"snippets","description":"Collection of snippets","type":"ApiSnippet[] | undefined"},{"name":"suggestions","description":"Collection of suggestions","type":"IEditorCodeSuggestion[] | IEditorCodeSuggestionGroup[] | undefined"},{"name":"testData","description":"Test data used to execute the script in the editor. If undefined the execute script UX will be hidden.","type":"IEditorTestContext | undefined"}],"events":[{"name":"arcgisDiagnosticsChange","type":"Diagnostic[]","description":"Emitted when the diagnostics collection has changed."},{"name":"arcgisScriptChange","type":"string","description":"Emitted when the script string has changed."}]}},{"name":"arcgis-code-editor","description":"### Events\n- **arcgisSelectionChange** - Emitted when the selection has changed.\n- **arcgisValueChange** - Emitted when the value has changed (script, code, css, json, etc.)\n\n### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n- `getValue(): Promise<string>` - **Deprecated**: **Deprecated** since 4.30. Use `value` property instead.. \n- `insertSnippet(text: string | null | undefined): Promise<void>` - Inserts a snippet at the current position in the editor.\n- `insertText(text: string | null | undefined): Promise<void>` - Inserts a text at the current position in the editor.\n- `setFocus(): Promise<void>` - Sets the focus on the editor.\n- `setValue(text: string | null | undefined): Promise<void>` - **Deprecated**: **Deprecated** since 4.30. Use `value` property instead.. ","doc-url":"https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-editor/","attributes":[{"name":"language","description":"The language for the editor.\nCurrently supported language: arcade, arcgis-sql-expression, json, css, html, javascript, typescript, and text.","value":{"type":"string"}},{"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.","value":{"type":"string"}},{"name":"value","description":"The initial value for the editor.\nThe value is the script, code, css, json, etc.","default":"\"\"","value":{"type":"string"}}],"events":[{"name":"arcgisSelectionChange","type":"{\n    selection: Selection;\n    model: Editor.ITextModel | null | undefined;\n}","description":"Emitted when the selection has changed."},{"name":"arcgisValueChange","type":"string","description":"Emitted when the value has changed (script, code, css, json, etc.)"}],"js":{"properties":[{"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":"Editor.IStandaloneCodeEditor | undefined"},{"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":"Editor.IEditorOptions & Editor.IGlobalEditorOptions | undefined"},{"name":"language","description":"The language for the editor.\nCurrently supported language: arcade, arcgis-sql-expression, json, css, html, javascript, typescript, and text.","type":"string | undefined"},{"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":"`${string}-${string}-${string}-${string}-${string}`"},{"name":"value","description":"The initial value for the editor.\nThe value is the script, code, css, json, etc.","type":"string"}],"events":[{"name":"arcgisSelectionChange","type":"{\n    selection: Selection;\n    model: Editor.ITextModel | null | undefined;\n}","description":"Emitted when the selection has changed."},{"name":"arcgisValueChange","type":"string","description":"Emitted when the value has changed (script, code, css, json, etc.)"}]}},{"name":"arcgis-code-editor-shell","description":"A layout component for code editors that provides slots for an editor, results panel, side panel, and action bars.\n--\n\n### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n\n### Slots\n- **top-action-bar** - A slot for placing a top action bar above the editor area.\n- **editor** - A slot for placing the main code editor component.\n- **results-panel** - A slot for placing a results panel below the code editor.\n- **side-panel** - A slot for placing a side panel next to the code editor area.\n- **side-action-bar** - A slot for placing a side action bar next to the side panel.\n\n### CSS Properties\n- **--arcgis-coding-components-border** - The border style for the editor shell * \n- **--arcgis-coding-components-background-color** - The background color for the editor shell * \n- **--arcgis-coding-components-side-action-bar-max-w** - The max width for the side action bar * \n- **--arcgis-coding-components-code-editor-side-panel-w** - The width for the code editor side panel * \n- **--arcgis-coding-components-code-editor-side-panel-max-w** - The max width for the code editor side panel * \n- **--arcgis-coding-components-code-editor-results-panel-max-h** - The max height for the code editor results panel * \n- **--arcgis-coding-components-code-editor-results-panel-h** - The default height for the code editor results panel (preferred over min-h). * ","doc-url":"https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-editor-shell/","attributes":[],"slots":[{"name":"top-action-bar","description":"A slot for placing a top action bar above the editor area."},{"name":"editor","description":"A slot for placing the main code editor component."},{"name":"results-panel","description":"A slot for placing a results panel below the code editor."},{"name":"side-panel","description":"A slot for placing a side panel next to the code editor area."},{"name":"side-action-bar","description":"A slot for placing a side action bar next to the side panel."}],"events":[],"js":{"properties":[],"events":[]}},{"name":"arcgis-code-viewer","description":"A code viewer component for displaying code snippets.\nSupports syntax highlighting for various programming languages, include arcade and arcgis-sql-expression.\n--\n\n### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.","doc-url":"https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-code-viewer/","attributes":[{"name":"language","description":"The language for the component.\nCurrently supported language: arcade, arcgis-sql-expression, plus all the following languages found in monaco-editor's repo:\nhttps://github.com/microsoft/monaco-editor/tree/main/src/basic-languages.\n\nNote: The number of supported languages is limited in cdn builds to reduce package size. In cdn builds,\nonly the following languages are supported: css, html, javascript, typescript, and arcade, arcgis-sql-expression.","default":"\"arcade\"","value":{"type":"string"}},{"name":"round","description":"When `true`, adds a round style to the component.","default":"false","value":{"type":"boolean"}}],"events":[],"js":{"properties":[{"name":"language","description":"The language for the component.\nCurrently supported language: arcade, arcgis-sql-expression, plus all the following languages found in monaco-editor's repo:\nhttps://github.com/microsoft/monaco-editor/tree/main/src/basic-languages.\n\nNote: The number of supported languages is limited in cdn builds to reduce package size. In cdn builds,\nonly the following languages are supported: css, html, javascript, typescript, and arcade, arcgis-sql-expression.","type":"string"},{"name":"round","description":"When `true`, adds a round style to the component.","type":"boolean"}],"events":[]}},{"name":"arcgis-sql-expression-editor","description":"The SQL Expression Editor provides a familiar code editor experience for writing your own SQL expressions.\nIt supports syntax highlighting, code completion, and validation, allowing users to write SQL expressions using the\n[standardized SQL functions](https://doc.arcgis.com/en/arcgis-online/reference/sql-agol.htm) supported by ArcGIS.\n--\n\n### Events\n- **arcgisDiagnosticsChange** - Emitted when the diagnostics collection has changed.\n- **arcgisScriptChange** - Emitted when the script string has changed.\n\n### Methods\n- `componentOnReady(): Promise<this>` - Create a promise that resolves once component is fully loaded.\n- `setFocus(): Promise<void>` - Set the focus on the element.","doc-url":"https://developers.arcgis.com/javascript/latest/references/coding-components/arcgis-sql-expression-editor/","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.","default":"\"\"","value":{"type":"string"}}],"events":[{"name":"arcgisDiagnosticsChange","type":"editor.IMarkerData[]","description":"Emitted when the diagnostics collection has changed."},{"name":"arcgisScriptChange","type":"string","description":"Emitted when the script string has changed."}],"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 | undefined"},{"name":"script","description":"The sql expression script. Use this property to define or update the script.","type":"string"}],"events":[{"name":"arcgisDiagnosticsChange","type":"editor.IMarkerData[]","description":"Emitted when the diagnostics collection has changed."},{"name":"arcgisScriptChange","type":"string","description":"Emitted when the script string has changed."}]}}]},"css":{"properties":[{"name":"--arcgis-coding-components-border","description":"The border style for the editor shell *"},{"name":"--arcgis-coding-components-background-color","description":"The background color for the editor shell *"},{"name":"--arcgis-coding-components-side-action-bar-max-w","description":"The max width for the side action bar *"},{"name":"--arcgis-coding-components-code-editor-side-panel-w","description":"The width for the code editor side panel *"},{"name":"--arcgis-coding-components-code-editor-side-panel-max-w","description":"The max width for the code editor side panel *"},{"name":"--arcgis-coding-components-code-editor-results-panel-max-h","description":"The max height for the code editor results panel *"},{"name":"--arcgis-coding-components-code-editor-results-panel-h","description":"The default height for the code editor results panel (preferred over min-h). *"}],"pseudo-elements":[]}}}

package/dist/index.js

@@ -3,7 +3,7 @@ import { a as o } from "./chunks/arcade-defaults.js";
 import { s as x } from "./chunks/sql-expr-defaults.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.137 */
+v5.0.0-next.139 */
 export {
   o as arcade,
   e as getAssetPath,

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as s } 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.137 */
+v5.0.0-next.139 */
 const a = s(e, {
   "arcgis-arcade-coding-assistant": [() => import("./components/arcgis-arcade-coding-assistant/customElement.js"), "appVersion,assistantsEnabled,closed,closePanel:,editorRef:,feedbackServiceUrl,helpBase,insertText:,layer,portalUrl,serviceUrl;destroy"],
   "arcgis-arcade-editor": [() => import("./components/arcgis-arcade-editor/customElement.js"), "arcadeAssistant:,customPanels:,editorInstance:,editorOptions:,hideDocumentationActions,hideSideBar,messages:,openedSidePanel,profile:,script,sideActionBarExpanded,snippets:,suggestions:,testData:;getEditorInstance,getScript,getTestResult,setFocus"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/coding-components",
-  "version": "5.0.0-next.137",
+  "version": "5.0.0-next.139",
   "description": "Contains components for editing code in different languages. The currently supported languages are html, css, json, TypeScript, JavaScript, and Arcade.",
   "keywords": [
     "ArcGIS",
@@ -42,15 +42,15 @@
   ],
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
+    "@arcgis/arcade-languageservice": "5.0.0-next.139",
+    "@arcgis/languages-api-utils": "5.0.0-next.139",
+    "@arcgis/lumina": "5.0.0-next.139",
+    "@arcgis/toolkit": "5.0.0-next.139",
     "@lit/task": "^1.0.3",
     "lit": "^3.3.0",
     "monaco-editor": "^0.52.0",
     "tslib": "^2.8.1",
-    "vscode-languageserver-types": "^3.17.5",
-    "@arcgis/arcade-languageservice": "5.0.0-next.137",
-    "@arcgis/languages-api-utils": "5.0.0-next.137",
-    "@arcgis/toolkit": "5.0.0-next.137",
-    "@arcgis/lumina": "5.0.0-next.137"
+    "vscode-languageserver-types": "^3.17.5"
   },
   "peerDependencies": {
     "@arcgis/core": ">=5.0.0-next.62 <5.1",

package/dist/cdn/KGEHLX5T.js

@@ -1,4 +0,0 @@
-/*! 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.137 */
-import c from"./FZU6DHUW.js";import"./QK2B5NW2.js";import b from"./G6GHNSL7.js";import a from"./VVGAJL4U.js";import"./6DBUX6JF.js";import"./OPBG2VOB.js";import"./LKTNXGNX.js";import"./2ZQEKE2N.js";import"./R5MLSRIF.js";import"./FFISKNTL.js";import"./TAAR5ZM6.js";import"./SA2I6VGH.js";import"./22N5QBRQ.js";import"./D6TFIJTU.js";import"./3P2KVVSN.js";export default $arcgis.t(([,,{a:a,b:b,c:c}])=>{return{getSqlExprDiagnosticService:b,getSqlExprWorker:a,setupMode:c}},a,b,c)

package/dist/cdn/SA2I6VGH.js

@@ -1,6 +0,0 @@
-/*! 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.137 */
-import{a as A,b as Rt,d as Mt}from"./22N5QBRQ.js";var Y=globalThis,Z=Y.ShadowRoot&&(Y.ShadyCSS===void 0||Y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,yt=Symbol(),It=new WeakMap,k=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==yt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(Z&&t===void 0){let o=e!==void 0&&e.length===1;o&&(t=It.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&It.set(e,t))}return t}toString(){return this.cssText}},kt=s=>new k(typeof s=="string"?s:s+"",void 0,yt),ve=(s,...t)=>{let e=s.length===1?s[0]:t.reduce((o,r,i)=>o+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+s[i+1],s[0]);return new k(e,s,yt)},jt=(s,t)=>{if(Z)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let o=document.createElement("style"),r=Y.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=e.cssText,s.appendChild(o)}},gt=Z?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(let o of t.cssRules)e+=o.cssText;return kt(e)})(s):s;var{is:Ee,defineProperty:$e,getOwnPropertyDescriptor:be,getOwnPropertyNames:_e,getOwnPropertySymbols:Ae,getPrototypeOf:Ce}=Object,tt=globalThis,Ht=tt.trustedTypes,we=Ht?Ht.emptyScript:"",Oe=tt.reactiveElementPolyfillSupport,j=(s,t)=>s,X={toAttribute(s,t){switch(t){case Boolean:s=s?we:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},H=(s,t)=>!Ee(s,t),Vt={attribute:!0,type:String,converter:X,reflect:!1,useDefault:!1,hasChanged:H};Symbol.metadata??=Symbol("metadata"),tt.litPropertyMetadata??=new WeakMap;var b=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Vt){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){let o=Symbol(),r=this.getPropertyDescriptor(t,o,e);r!==void 0&&$e(this.prototype,t,r)}}static getPropertyDescriptor(t,e,o){let{get:r,set:i}=be(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get:r,set(n){let a=r?.call(this);i?.call(this,n),this.requestUpdate(t,a,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Vt}static _$Ei(){if(this.hasOwnProperty(j("elementProperties")))return;let t=Ce(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(j("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(j("properties"))){let e=this.properties,o=[..._e(e),...Ae(e)];for(let r of o)this.createProperty(r,e[r])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[o,r]of e)this.elementProperties.set(o,r)}this._$Eh=new Map;for(let[e,o]of this.elementProperties){let r=this._$Eu(e,o);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let o=new Set(t.flat(1/0).reverse());for(let r of o)e.unshift(gt(r))}else t!==void 0&&e.push(gt(t));return e}static _$Eu(t,e){let o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return jt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){let o=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,o);if(r!==void 0&&o.reflect===!0){let i=(o.converter?.toAttribute!==void 0?o.converter:X).toAttribute(e,o.type);this._$Em=t,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(t,e){let o=this.constructor,r=o._$Eh.get(t);if(r!==void 0&&this._$Em!==r){let i=o.getPropertyOptions(r),n=typeof i.converter=="function"?{fromAttribute:i.converter}:i.converter?.fromAttribute!==void 0?i.converter:X;this._$Em=r;let a=n.fromAttribute(e,i.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(t,e,o,r=!1,i){if(t!==void 0){let n=this.constructor;if(r===!1&&(i=this[t]),o??=n.getPropertyOptions(t),!((o.hasChanged??H)(i,e)||o.useDefault&&o.reflect&&i===this._$Ej?.get(t)&&!this.hasAttribute(n._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:r,wrapped:i},n){o&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,n??e??this[t]),i!==!0||n!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),r===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}let o=this.constructor.elementProperties;if(o.size>0)for(let[r,i]of o){let{wrapped:n}=i,a=this[r];n!==!0||this._$AL.has(r)||a===void 0||this.C(r,void 0,i,a)}}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(o=>o.hostUpdate?.()),this.update(e)):this._$EM()}catch(o){throw t=!1,this._$EM(),o}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(t){}firstUpdated(t){}};b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[j("elementProperties")]=new Map,b[j("finalized")]=new Map,Oe?.({ReactiveElement:b}),(tt.reactiveElementVersions??=[]).push("2.1.2");var Et=globalThis,zt=s=>s,et=Et.trustedTypes,Bt=et?et.createPolicy("lit-html",{createHTML:s=>s}):void 0,$t="$lit$",_=`lit$${Math.random().toFixed(9).slice(2)}$`,bt="?"+_,Te=`<${bt}>`,T=document,z=()=>T.createComment(""),B=s=>s===null||typeof s!="object"&&typeof s!="function",_t=Array.isArray,Qt=s=>_t(s)||typeof s?.[Symbol.iterator]=="function",vt=`[ 	
-\f\r]`,V=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Wt=/-->/g,Ft=/>/g,w=RegExp(`>|${vt}(?:([^\\s"'>=/]+)(${vt}*=${vt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),qt=/'/g,Gt=/"/g,Jt=/^(?:script|style|textarea|title)$/i,At=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),ls=At(1),hs=At(2),ds=At(3),f=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Kt=new WeakMap,O=T.createTreeWalker(T,129);function Yt(s,t){if(!_t(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return Bt!==void 0?Bt.createHTML(t):t}var Zt=(s,t)=>{let e=s.length-1,o=[],r,i=t===2?"<svg>":t===3?"<math>":"",n=V;for(let a=0;a<e;a++){let c=s[a],l,u,h=-1,y=0;for(;y<c.length&&(n.lastIndex=y,u=n.exec(c),u!==null);)y=n.lastIndex,n===V?u[1]==="!--"?n=Wt:u[1]!==void 0?n=Ft:u[2]!==void 0?(Jt.test(u[2])&&(r=RegExp("</"+u[2],"g")),n=w):u[3]!==void 0&&(n=w):n===w?u[0]===">"?(n=r??V,h=-1):u[1]===void 0?h=-2:(h=n.lastIndex-u[2].length,l=u[1],n=u[3]===void 0?w:u[3]==='"'?Gt:qt):n===Gt||n===qt?n=w:n===Wt||n===Ft?n=V:(n=w,r=void 0);let g=n===w&&s[a+1].startsWith("/>")?" ":"";i+=n===V?c+Te:h>=0?(o.push(l),c.slice(0,h)+$t+c.slice(h)+_+g):c+_+(h===-2?a:g)}return[Yt(s,i+(s[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]},W=class s{constructor({strings:t,_$litType$:e},o){let r;this.parts=[];let i=0,n=0,a=t.length-1,c=this.parts,[l,u]=Zt(t,e);if(this.el=s.createElement(l,o),O.currentNode=this.el.content,e===2||e===3){let h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=O.nextNode())!==null&&c.length<a;){if(r.nodeType===1){if(r.hasAttributes())for(let h of r.getAttributeNames())if(h.endsWith($t)){let y=u[n++],g=r.getAttribute(h).split(_),C=/([.?@])?(.*)/.exec(y);c.push({type:1,index:i,name:C[2],strings:g,ctor:C[1]==="."?ot:C[1]==="?"?rt:C[1]==="@"?it:P}),r.removeAttribute(h)}else h.startsWith(_)&&(c.push({type:6,index:i}),r.removeAttribute(h));if(Jt.test(r.tagName)){let h=r.textContent.split(_),y=h.length-1;if(y>0){r.textContent=et?et.emptyScript:"";for(let g=0;g<y;g++)r.append(h[g],z()),O.nextNode(),c.push({type:2,index:++i});r.append(h[y],z())}}}else if(r.nodeType===8)if(r.data===bt)c.push({type:2,index:i});else{let h=-1;for(;(h=r.data.indexOf(_,h+1))!==-1;)c.push({type:7,index:i}),h+=_.length-1}i++}}static createElement(t,e){let o=T.createElement("template");return o.innerHTML=t,o}};function S(s,t,e=s,o){if(t===f)return t;let r=o!==void 0?e._$Co?.[o]:e._$Cl,i=B(t)?void 0:t._$litDirective$;return r?.constructor!==i&&(r?._$AO?.(!1),i===void 0?r=void 0:(r=new i(s),r._$AT(s,e,o)),o!==void 0?(e._$Co??=[])[o]=r:e._$Cl=r),r!==void 0&&(t=S(s,r._$AS(s,t.values),r,o)),t}var st=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:e},parts:o}=this._$AD,r=(t?.creationScope??T).importNode(e,!0);O.currentNode=r;let i=O.nextNode(),n=0,a=0,c=o[0];for(;c!==void 0;){if(n===c.index){let l;c.type===2?l=new U(i,i.nextSibling,this,t):c.type===1?l=new c.ctor(i,c.name,c.strings,this,t):c.type===6&&(l=new nt(i,this,t)),this._$AV.push(l),c=o[++a]}n!==c?.index&&(i=O.nextNode(),n++)}return O.currentNode=T,r}p(t){let e=0;for(let o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}},U=class s{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,o,r){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S(this,t,e),B(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==f&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Qt(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&B(this._$AH)?this._$AA.nextSibling.data=t:this.T(T.createTextNode(t)),this._$AH=t}$(t){let{values:e,_$litType$:o}=t,r=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=W.createElement(Yt(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===r)this._$AH.p(e);else{let i=new st(r,this),n=i.u(this.options);i.p(e),this.T(n),this._$AH=i}}_$AC(t){let e=Kt.get(t.strings);return e===void 0&&Kt.set(t.strings,e=new W(t)),e}k(t){_t(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,o,r=0;for(let i of t)r===e.length?e.push(o=new s(this.O(z()),this.O(z()),this,this.options)):o=e[r],o._$AI(i),r++;r<e.length&&(this._$AR(o&&o._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){let o=zt(t).nextSibling;zt(t).remove(),t=o}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}},P=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,r,i){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=i,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,r){let i=this.strings,n=!1;if(i===void 0)t=S(this,t,e,0),n=!B(t)||t!==this._$AH&&t!==f,n&&(this._$AH=t);else{let a=t,c,l;for(t=i[0],c=0;c<i.length-1;c++)l=S(this,a[o+c],e,c),l===f&&(l=this._$AH[c]),n||=!B(l)||l!==this._$AH[c],l===d?t=d:t!==d&&(t+=(l??"")+i[c+1]),this._$AH[c]=l}n&&!r&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ot=class extends P{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}},rt=class extends P{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}},it=class extends P{constructor(t,e,o,r,i){super(t,e,o,r,i),this.type=5}_$AI(t,e=this){if((t=S(this,t,e,0)??d)===f)return;let o=this._$AH,r=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,i=t!==d&&(o===d||r);r&&this.element.removeEventListener(this.name,this,o),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},nt=class{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t)}},Xt={M:$t,P:_,A:bt,C:1,L:Zt,R:st,D:Qt,V:S,I:U,H:P,N:rt,U:it,B:ot,F:nt},Se=Et.litHtmlPolyfillSupport;Se?.(W,U),(Et.litHtmlVersions??=[]).push("3.3.2");var Ct=(s,t,e)=>{let o=e?.renderBefore??t,r=o._$litPart$;if(r===void 0){let i=e?.renderBefore??null;o._$litPart$=r=new U(t.insertBefore(z(),i),i,void 0,e??{})}return r._$AI(s),r};var wt=globalThis,$=class extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Ct(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return f}};$._$litElement$=!0,$.finalized=!0,wt.litElementHydrateSupport?.({LitElement:$});var Pe=wt.litElementPolyfillSupport;Pe?.({LitElement:$});(wt.litElementVersions??=[]).push("4.2.2");var p=(s,t,...e)=>{try{return s?.call(t,...e)}catch(o){console.error(o,s)}},F=async(s,t,...e)=>{try{return await s?.call(t,...e)}catch(o){console.error(o,s)}};var G=Symbol.for("controller"),Ne=s=>typeof s=="object"&&s!==null&&(G in s||"hostConnected"in s||"hostDisconnected"in s||"hostUpdate"in s||"hostUpdated"in s),ws=s=>typeof s?.then=="function";var q,D=s=>{q!==s&&(q=s,queueMicrotask(()=>q===s?q=void 0:0))},K=s=>q,N=[],te=s=>{if(s===void 0){N=[];return}let t=N.indexOf(s);N=t===-1?[...N,s]:N.slice(0,t+1),queueMicrotask(()=>N=[])},ee=()=>N,R,Os=s=>{R!==s&&(R=s,queueMicrotask(()=>R===s?R=void 0:0))},De=()=>{let s=R;return R=void 0,s},se=async(s,t)=>{let e=ct(s);if(e===void 0)return s;if(await e.ready,typeof t=="function"){let o=e.watchExports(r=>t(r,o))}return e.exports},oe=async s=>{let t=ct(s);return await t.ready,t},ct=s=>{let e=K().manager.X(s);if(e!==void 0)return e;if(Ne(s))return s;let o=De();if(o!==void 0)return o},at=!1,Ts=s=>{at=!0;try{return s()}finally{at=!1}};var xe=(s,t,e)=>{let o=Object.keys(s),r=o.length;M===void 0&&queueMicrotask(I),M??=new Map;let i=M.get(s);return i===void 0&&(i={callbacks:[],keyCount:r},M.set(s,i)),i.keyCount!==r&&(i.callbacks.forEach(n=>n(o)),i.callbacks=[],i.keyCount=r),i.callbacks.push(n=>{let a=l=>p(t,null,l),c=n[r];c===void 0?a(void 0):s[c]===e?a(c):a(void 0)}),e},M,I=()=>{M?.forEach(({callbacks:s},t)=>{let e=Object.keys(t);s.forEach(o=>o(e))}),M=void 0},Le=(s,t,e)=>{let o=s.manager;return o.V!==d&&o.V!==e&&o.S(void 0,void 0),o.T.length===0&&queueMicrotask(()=>o.S(void 0,void 0)),o.V=e,o.T.push((r,i)=>p(t,void 0,e===i?r:void 0)),e},Ue=(s=[K(),...ee()],t,e)=>{let o=Array.isArray(s)?s:[s],r=o.length+1,i=n=>{r-=1,n!==void 0&&(r=Math.min(r,0)),r===0&&t(n)};o.forEach(n=>xe(n,a=>i(a===void 0?void 0:{key:a,host:n,isReactive:!1}),e));for(let n of o)if("manager"in n&&n.manager.component===n){Le(n,a=>i(a===void 0?void 0:{key:a,host:n,isReactive:!0}),e);break}return e},Re=(s="",t={},e=K())=>{let o={emit:r=>{s===""&&I();let i=new CustomEvent(s,{detail:r,cancelable:!0,bubbles:!0,composed:!0,...t});return e.el.dispatchEvent(i),i}};return s===""&&Ue(void 0,r=>s=r.key,o),o},Me=Re.bind(null,""),ne;ne=G;var Ot=class{constructor(t){this.#t=[],this.#e=[],this.#s=[],this.#r=[],this.#i=[],this.#c=[],this.#l=[],this.#p=[],this.#h=[],this.#d=!1,this.P=new A,this.connectedCalled=!1,this.loadedCalled=!1,this[ne]=!0,this.#a=[];let e=this,o=t??K(new.target.name);e.#o=o,e.ready=e.P.promise,e.#n=ie(e),e.component=o,e.#o.addController(e),e.#o.manager===void 0||(te(e),queueMicrotask(()=>e.catchUpLifecycle()))}#t;#e;#s;#r;#i;#c;#l;#p;#h;#d;#o;catchUpLifecycle(){let{manager:t}=this.#o;t.connectedCalled&&!this.connectedCalled&&this.triggerConnected(),t.#d&&this.triggerLoad().then(()=>t.loadedCalled&&this.triggerLoaded()).catch(Mt(this.#o))}#n;get exports(){return this.#n}set exports(t){let e=this.#n;e!==t&&(this.#n=t,this.#a.forEach(p),this.connectedCalled&&this.O!==!1&&this.#o.requestUpdate(this.O,e)),this.P.resolve(t)}setProvisionalExports(t,e=!0){this.#n=e?ie(t):t,this.#a.forEach(p)}#a;watchExports(t){let e=()=>t(this.#n);return this.#a.push(e),()=>void this.#a.splice(this.#a.indexOf(e),1)}get use(){return D(this.#o),se}get useRef(){return D(this.#o),oe}get useRefSync(){return D(this.#o),ct}controllerRemoved(){this.#o.el.isConnected&&this.triggerDisconnected(),this.triggerDestroy()}onConnected(t){this.#t.push(t)}onDisconnected(t){this.#e.push(t)}onLoad(t){this.#s.push(t)}onLoaded(t){this.#r.push(t)}onUpdate(t){this.#i.push(t)}onUpdated(t){this.#c.push(t)}onDestroy(t){this.#l.push(t)}onLifecycle(t){this.#p.push(t),this.connectedCalled&&this.#o.el.isConnected&&this.#u(t)}triggerConnected(){let t=this;t.hostConnected&&p(t.hostConnected,t),t.#t.forEach(p),t.triggerLifecycle(),t.connectedCalled=!0}triggerDisconnected(){let t=this;t.hostDisconnected&&p(t.hostDisconnected,t),t.#e.forEach(p),t.#h.forEach(p),t.#h=[]}async triggerLoad(){if(this.#d)return;this.#d=!0;let t=this;t.hostLoad&&await F(t.hostLoad,t),this.#s.length>0&&await Promise.allSettled(this.#s.map(F)),this.P.resolve(this.#n)}triggerLoaded(){this.loadedCalled||(this.hostLoaded&&p(this.hostLoaded,this),this.#r.forEach(p),this.loadedCalled=!0)}triggerUpdate(t){this.hostUpdate&&p(this.hostUpdate,this,t),this.#i.forEach(re,t)}triggerUpdated(t){this.hostUpdated&&p(this.hostUpdated,this,t),this.#c.forEach(re,t)}triggerDestroy(){this.hostDestroy&&p(this.hostDestroy,this),this.#l.forEach(p)}triggerLifecycle(){this.hostLifecycle&&this.#u(()=>this.hostLifecycle()),this.#p.forEach(this.#u,this)}#u(t){D(this.#o);let e=p(t);(Array.isArray(e)?e:[e]).forEach(r=>{typeof r=="function"?this.#h.push(r):typeof r=="object"&&typeof r.remove=="function"&&this.#h.push(r.remove)})}};function re(s){p(s,void 0,this)}var ae=Ot,ie=s=>{if(typeof s!="object"&&typeof s!="function"||s===null)return s;let t={get(o,r,i){if(!((r==="exports"||r==="_exports")&&r in o&&o[r]===e)&&(r in o||r in Promise.prototype||typeof r=="symbol"))return typeof o=="function"?o[r]:Reflect.get(o,r,i)}},e=new Proxy(s,t);return e};var lt=s=>s.replace(Ie,(t,e)=>`${e===0?"":"-"}${t.toLowerCase()}`),Ie=/[A-Z]+(?![a-z])|[A-Z]/gu;var ce=(s,t)=>new Array(t+1).join(s),Ms=s=>{let t='"',e="'";s.includes(t)&&!s.includes(e)&&(e='"',t="'");let r=new RegExp(`(^|[^\\\\])((?:\\\\{2})*)((?:\\\\${e})+)`,"gu");s=s.replace(r,(n,a,c,l)=>a+c+ce(e,l.length/2));let i=new RegExp(`(^|[^\\\\])((?:\\\\{2})*)(${t}+)`,"gu");return s=s.replace(i,(n,a,c,l)=>a+c+ce(`\\${t}`,l.length)),t+s+t},Is=s=>{let t=s?s.replaceAll(/[-[\]/{}()*+?.\\^$|]/gu,"\\$&"):"^.*$";return new RegExp(t,"i")},ks=s=>`\u200E${s??""}\u200E`,ke="randomUUID"in crypto,js=()=>{if(ke)return crypto.randomUUID();let s=crypto.getRandomValues(new Uint16Array(8));s[3]=s[3]&4095|16384,s[4]=s[4]&16383|32768;let t=e=>s[e].toString(16).padStart(4,"0");return`${t(0)+t(1)}-${t(2)}-${t(3)}-${t(4)}-${t(5)}${t(6)}${t(7)}`};var Hs=(s,t={})=>(s??"").replace(/\{(?<valueName>.*?)\}/gu,(e,o)=>t[o]??e);var{I:je}=Xt,le=s=>s;var ht=s=>s.strings===void 0,he=()=>document.createComment(""),Bs=(s,t,e)=>{let o=s._$AA.parentNode,r=t===void 0?s._$AB:t._$AA;if(e===void 0){let i=o.insertBefore(he(),r),n=o.insertBefore(he(),r);e=new je(i,n,s,s.options)}else{let i=e._$AB.nextSibling,n=e._$AM,a=n!==s;if(a){let c;e._$AQ?.(s),e._$AM=s,e._$AP!==void 0&&(c=s._$AU)!==n._$AU&&e._$AP(c)}if(i!==r||a){let c=e._$AA;for(;c!==i;){let l=le(c).nextSibling;le(o).insertBefore(c,r),c=l}}}return e},Ws=(s,t,e=s)=>(s._$AI(t,e),s),He={},de=(s,t=He)=>s._$AH=t,Fs=s=>s._$AH,qs=s=>{s._$AR(),s._$AA.remove()};var m={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},E=s=>(...t)=>({_$litDirective$:s,values:t}),v=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var Q=(s,t)=>{let e=s._$AN;if(e===void 0)return!1;for(let o of e)o._$AO?.(t,!1),Q(o,t);return!0},dt=s=>{let t,e;do{if((t=s._$AM)===void 0)break;e=t._$AN,e.delete(s),s=t}while(e?.size===0)},pe=s=>{for(let t;t=s._$AM;s=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(s))break;e.add(s),Be(t)}};function Ve(s){this._$AN!==void 0?(dt(this),this._$AM=s,pe(this)):this._$AM=s}function ze(s,t=!1,e=0){let o=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(t)if(Array.isArray(o))for(let i=e;i<o.length;i++)Q(o[i],!1),dt(o[i]);else o!=null&&(Q(o,!1),dt(o));else Q(this,s)}var Be=s=>{s.type==m.CHILD&&(s._$AP??=ze,s._$AQ??=Ve)},pt=class extends v{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,o){super._$AT(t,e,o),pe(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(Q(this,t),dt(this))}setValue(t){if(ht(this._$Ct))this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var so=()=>new St,St=class{},Tt=new WeakMap,Pt=E(class extends pt{render(s){return d}update(s,[t]){let e=t!==this.G;return e&&this.G!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.G=t,this.ht=s.options?.host,this.rt(this.ct=s.element)),d}rt(s){if(this.isConnected||(s=void 0),typeof this.G=="function"){let t=this.ht??globalThis,e=Tt.get(t);e===void 0&&(e=new WeakMap,Tt.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ht,void 0),e.set(this.G,s),s!==void 0&&this.G.call(this.ht,s)}else this.G.value=s}get lt(){return typeof this.G=="function"?Tt.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var Dt=s=>{let t=s;for(;t=t.parentNode??t.host;)if(t?.constructor?.lumina){let e=t;return e.manager?.loadedCalled||(e.J??e._offspring).push(s),(e.I??e._postLoad).promise}return!1},xt={};function Lt(){}var Fe=(s,t)=>function(o,r){if(!globalThis.customElements)return;let n=(r??o??{}).resourcesUrl;n&&s.setAssetPath(n);for(let[a,[c,l=""]]of Object.entries(t)){if(customElements.get(a))continue;let[u,h,y]=l.split(";"),g=u?u?.split(",").map(qe):void 0,C=g?.map(([L])=>L),x=class extends Nt{static{this.observedAttributes=g?.map(([,L])=>L).filter(L=>L!=="")}static{this.C=C}static{this.E=h?h?.split(","):void 0}static{this.D=y?.split(",")}static{this.L=a}static{this.K=s}constructor(){!x.B&&(x.B=c(),x.F()),super()}};customElements.define(a,x)}},ut=Object.defineProperty,qe=s=>{let t=s.split(":");return t.length===1?[t[0],lt(t[0])]:t},Ge=globalThis.HTMLElement??Lt,Nt=class extends Ge{constructor(){super(),this.#e={},this.#s=[],this.I=new A,this.H=new A,this.J=[];let t=this,e=t.constructor;t._offspring=t.J,t._postLoad=t.I,e.C?.forEach(o=>{Object.hasOwn(t,o)&&(t.#e[o]=t[o],delete t[o])}),e.A?t.#r({a:e.A}):e.B.then(async o=>{await e.K.p,t.#r(await(o.default?.then(r=>typeof r=="function"?{a:r}:r)??o))}).catch(o=>{t.H.reject(o),setTimeout(()=>{throw o})})}static{this.lumina=!0}static F(){for(let t of this.C??[])ut(this.prototype,t,{configurable:!0,enumerable:!0,get(){return this.#e[t]},set(e){this.#e[t]=e}});for(let t of this.E??[])ut(this.prototype,t,{async value(...e){return this.#t||await this.H.promise,await this.#t[t](...e)},configurable:!0});for(let t of this.D??[])ut(this.prototype,t,{value(...e){return this.#t[t](...e)},configurable:!0})}#t;#e;#s;get manager(){return this.#t?.manager}attributeChangedCallback(t,e,o){this.#t?.attributeChangedCallback(t,e,o),this.#t||this.#s.push(t)}connectedCallback(){this.#t?this.#t.connectedCallback?.():queueMicrotask(()=>this.G=Dt(this))}disconnectedCallback(){this.#t?.disconnectedCallback?.()}async componentOnReady(){return await this.H.promise,this}#r(t){let e=this.constructor,o=e.L,r=this.#e,i=Object.values(t).find(h=>h.L===o),n=`${o}--lazy`,a=i;for(;a&&!Object.hasOwn(a,"lumina");)a=Object.getPrototypeOf(a);Qe(a),!e.A&&(e.A=i,customElements.define(n,i)),i.N=this;let l=document.createElement(n);i.N=void 0,this.#t=l,this.#e=l,this.#s.forEach(h=>l.attributeChangedCallback(h,null,this.getAttribute(h))),Object.entries(r).forEach(Ke,l);let u=this.isConnected;(u||this.G)&&(l.connectedCallback?.(),u||l.disconnectedCallback())}addController(){}requestUpdate(){this.#t?.requestUpdate()}};function Ke([s,t]){this[s]=t}var Qe=s=>{let t=s.prototype,e=Element.prototype;Object.hasOwn(t,"isConnected")||(t.setAttribute=function(r,i){e.setAttribute.call(this.el,r,i)},t.removeAttribute=function(r){e.removeAttribute.call(this.el,r)},ut(t,"isConnected",{get(){return Reflect.get(e,"isConnected",this.el)}}))};var ft=class extends ae{constructor(t){super(t),this.destroyed=!1,this.R=!1,this.V=d,this.T=[],this.#s=new WeakMap,this.#e=t,this.exports=void 0,this.hasDestroy=mt in t&&typeof t.destroy=="function",$.prototype.addController.call(t,{hostConnected:()=>{if(this.destroyed){let e=t.el.localName;throw t.el.remove(),new Error(`The ${e} component has already been destroyed. It cannot be used again. If you meant to disconnect and reconnect a component without automatic destroy, set the ${mt} prop.`)}this.#t!==void 0&&clearTimeout(this.#t),I();for(let e of t.M)"triggerConnected"in e?e.triggerConnected():p(e.hostConnected,e)},hostDisconnected:()=>{for(let e of t.M)"triggerDisconnected"in e?e.triggerDisconnected():p(e.hostDisconnected,e);this.hasDestroy&&!this.destroyed&&this.U()},hostUpdate:()=>{for(let e of t.M)"triggerUpdate"in e?e.triggerUpdate(this.Q):p(e.hostUpdate,e,this.Q)},hostUpdated:()=>{for(let e of t.M)"triggerUpdated"in e?e.triggerUpdated(this.Q):p(e.hostUpdated,e,this.Q);this.Q=void 0}}),queueMicrotask(()=>this.R=!0),D(t)}#t;#e;async destroy(){if(!this.destroyed){this.#e.el.isConnected&&(this.hasDestroy=!1,this.#e.el.remove()),this.#t=void 0,this.destroyed=!0;for(let t of this.#e.M)"triggerDestroy"in t?t.triggerDestroy():p(t.hostDestroy,t);this.#e.M.splice(0)}}U(){if(this.#t!==void 0&&clearTimeout(this.#t),!this.#e.el.isConnected&&!this.#e.autoDestroyDisabled){let t=()=>void this.#e.destroy();this.#t=Rt(t,Je)}}S(t,e){let o=this.T;this.V=d,this.T=[],o.forEach(r=>r(t,e))}#s;W(t,e){(typeof e=="object"&&e!==null||typeof e=="function")&&this.#s.set(e,t)}X(t){if(typeof t=="object"&&t!==null||typeof t=="function")return this.#s.get(t)}},Je=1e3,mt="autoDestroyDisabled";var fe=E(class extends v{constructor(s){if(super(s),s.type!==m.ATTRIBUTE||s.name!=="class"||s.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(let o in t)t[o]&&!this.nt?.has(o)&&this.st.add(o);return this.render(t)}let e=s.element.classList;for(let o of this.st)o in t||(e.remove(o),this.st.delete(o));for(let o in t){let r=!!t[o];r===this.st.has(o)||this.nt?.has(o)||(r?(e.add(o),this.st.add(o)):(e.remove(o),this.st.delete(o)))}return f}});var me="important",Ye=" !"+me,Ze=E(class extends v{constructor(s){if(super(s),s.type!==m.ATTRIBUTE||s.name!=="style"||s.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((t,e)=>{let o=s[e];return o==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(s,[t]){let{style:e}=s.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(let o of this.ft)t[o]==null&&(this.ft.delete(o),o.includes("-")?e.removeProperty(o):e[o]=null);for(let o in t){let r=t[o];if(r!=null){this.ft.add(o);let i=typeof r=="string"&&r.endsWith(Ye);o.includes("-")||i?e.setProperty(o,i?r.slice(0,-11):r,i?me:""):e[o]=r}}return f}});var Xe=E(class extends v{constructor(s){if(super(s),s.type!==m.PROPERTY&&s.type!==m.ATTRIBUTE&&s.type!==m.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!ht(s))throw Error("`live` bindings can only contain a single expression")}render(s){return s}update(s,[t]){if(t===f||t===d)return t;let e=s.element,o=s.name;if(s.type===m.PROPERTY){if(t===e[o])return f}else if(s.type===m.BOOLEAN_ATTRIBUTE){if(!!t===e.hasAttribute(o))return f}else if(s.type===m.ATTRIBUTE&&e.getAttribute(o)===t+"")return f;return de(s),t}});var ye=class s extends ${constructor(){super(),this.M=[],this.manager=new ft(this);let t=this,e=t.constructor,o=e.N,r=e.K.o,i=s.prototype.shouldUpdate;t.#r=o?.H??new A,t.I=o?.I??new A,t.J=o?.J??[],t._offspring=t.J,t._postLoad=t.I,t.el=o??t,t.#s=t.enableUpdating,t.enableUpdating=Lt,t.shouldUpdate!==i&&(t.#e=t.shouldUpdate,t.shouldUpdate=i),r&&(t.#t=new Map,e.elementProperties.forEach((n,a)=>t.#t.set(a,r()))),!1}static finalizeStyles(t){let e=super.finalizeStyles(t),o=this.shadowRootOptions===xt;return this.K?.commonStyles===void 0||o?e:[this.K.commonStyles,...e]}static createProperty(t,e){let o=typeof e=="number"?e:Array.isArray(e)?e[0]:0,r=Array.isArray(e)?e[1]:void 0,i=r?.hasChanged??H,n={attribute:o&1&&typeof t=="string"?lt(t):!1,reflect:!!(o&2),type:o&4?Boolean:o&8?Number:void 0,state:!!(o&16),readOnly:!!(o&32),noAccessor:!!(o&64),c:!1,...r,hasChanged(a,c){let l=i(a,c);return n.c=l,l}};super.createProperty(t,n)}static getPropertyDescriptor(t,e,o){let r=this.K,i=super.getPropertyDescriptor(t,e,o);return o.d=i,{...i,get(){return r.t?.(this.#t.get(t)),i.get?.call(this)},set(n){let a=this.manager;if(o.readOnly&&!at&&(a.R||a.connectedCalled))throw Error(`Cannot assign to read-only property "${t}" of ${this.el.localName}. Trying to assign "${n}"`);i.set.call(this,n??void 0),o.c&&this.#t?.get(t)?.notify(),a.T.length>0&&(I(),a?.S(t,n))}}}static{this.lumina=!0}#t;#e;#s;#r;#i;connectedCallback(){if(this.el.hasAttribute("defer-hydration"))return;let t=this.constructor.K.c?.(()=>this.requestUpdate());this.#i=t;let e=!this.manager.connectedCalled;super.connectedCallback(),e?queueMicrotask(()=>this.#l().catch(o=>{this.#r.reject(o),setTimeout(()=>{throw o})})):t&&this.requestUpdate()}#c(t){try{this.#i.clear(),this.constructor.K.r(this.#i,()=>super.update(t))}catch(e){throw this.#i.clear(),e}}disconnectedCallback(){super.disconnectedCallback(),this.#i?.destroy(),this.#i=void 0}createRenderRoot(){let t=this.el.shadowRoot,e=this.constructor,o=e.shadowRootOptions,i=t??(o===xt?this.el:this.el.attachShadow(o));if(this.isConnected){let n=i.getRootNode();n.adoptedStyleSheets=[...n.adoptedStyleSheets,...e.elementStyles.map(a=>"styleSheet"in a?a.styleSheet:a)]}return i}async#l(){let t=this.el.G??Dt(this.el);t&&await t;let e=[];for(let r of this.M)"triggerLoad"in r?e.push(r.triggerLoad()):e.push(F(r.hostLoad,r));await Promise.all(e),await this.load?.(),this.manager.hasDestroy&&this.manager.onUpdate(r=>r.has(mt)&&this.manager.U()),this.#s(!0),this.performUpdate(),this.I.resolve(),await Promise.resolve();let o=this.J.filter(r=>!r.manager?.loadedCalled);o.length&&await Promise.allSettled(o.map(async r=>await r.componentOnReady())),this.J.length=0,this.el.setAttribute(this.constructor.K.hydratedAttribute,"");for(let r of this.M)"triggerLoaded"in r?r.triggerLoaded():p(r.hostLoaded,r);this.loaded?.(),this.#r.resolve()}shouldUpdate(t){return this.manager.Q=t,this.#e?.(t)??!0}update(t){this.#i?this.#c(t):super.update(t)}listen(t,e,o){let r=e?.bind(this)??e;this.manager.onLifecycle(()=>(this.el.addEventListener(t,r,o),()=>this.el.removeEventListener(t,r,o)))}listenOn(t,e,o,r){let i=o?.bind(this)??o;this.manager.onLifecycle(()=>(t.addEventListener(e,i,r),()=>t.removeEventListener(e,i,r)))}async componentOnReady(){return await this.#r.promise,this}addController(t){this.M.push(t),!(G in t)&&this.renderRoot&&this.el.isConnected&&t.hostConnected?.()}removeController(t){this.M.splice(this.M.indexOf(t),1),t.controllerRemoved?.()}};var ge=s=>{let t,e=r=>{t=new URL(r,globalThis.location?.href||void 0).href},o={...s,getAssetPath(r){let i=new URL(r,t);return i.origin!==globalThis.location?.origin?i.href:i.pathname},setAssetPath:e,customElement(r,i){i.K=o,i.L=r,customElements.get(r)||customElements.define(r,i)}};return e(s.defaultAssetPath),o};var Ar=s=>typeof s=="object"&&s!=null?fe(s):s;var Ut=class extends v{#t;#e;constructor(t){super(t);let e=this;this.#e=function(r){return e.#t.call(this,r)}}render(t){return typeof t=="function"?(this.#t=t,Pt(this.#e)):Pt(t)}},Cr=E(Ut);var wr=d;var J=ge({defaultAssetPath:"https://jsdev.arcgis.com/5.0.0-next/coding-components/",hydratedAttribute:"hydrated"}),{customElement:Nr,getAssetPath:Dr,setAssetPath:xr}=J;J.t=void 0;J.o=void 0;J.c=void 0;J.r=void 0;export{ws as a,D as b,te as c,ee as d,Os as e,Ts as f,kt as g,ve as h,H as i,ls as j,f as k,d as l,Ue as m,Me as n,Ot as o,Ms as p,Is as q,ks as r,js as s,Hs as t,Fe as u,m as v,E as w,v as x,Bs as y,Ws as z,de as A,Fs as B,qs as C,so as D,Pt as E,ye as F,Ar as G,wr as H,J as I,Nr as J,Dr as K};