@api-client/ui 0.5.16 → 0.5.17

package/.github/instructions/lit-best-practices.instructions.md

@@ -73,6 +73,7 @@ You are an expert developer in web components using the Lit library and Material
   ```bash
   npm test -- --files=".tmp/test/**/[test file name].test.js"
   ```
+- Prefer the Assert API over the Expect API for assertions. The Assert API is more performant and provides better error messages.
 
 ## Component Demoing
 

package/build/src/elements/code-editor/code-editor.d.ts

@@ -9,6 +9,6 @@ declare global {
     }
 }
 export default CodeEditorElement;
-export type { Suggestion, FunctionInsertEvent, SuggestionInsertEvent } from './internals/types.js';
+export type { Suggestion, FunctionInsertEvent, SuggestionInsertEvent, FunctionDocumentationEvent, } from './internals/types.js';
 export type { FunctionSchema, FunctionParameter } from '@pawel-up/jexl/schemas/types.js';
 //# sourceMappingURL=code-editor.d.ts.map

package/build/src/elements/code-editor/code-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../../src/elements/code-editor/code-editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,2BAA2B,CAAA;AAG/C,qBACa,iBAAkB,SAAQ,OAAO;IAC5C,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAW;CACvD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAA;KACjC;CACF;AAED,eAAe,iBAAiB,CAAA;AAChC,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAClG,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA"}
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../../src/elements/code-editor/code-editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,2BAA2B,CAAA;AAG/C,qBACa,iBAAkB,SAAQ,OAAO;IAC5C,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAW;CACvD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAA;KACjC;CACF;AAED,eAAe,iBAAiB,CAAA;AAChC,YAAY,EACV,UAAU,EACV,mBAAmB,EACnB,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,sBAAsB,CAAA;AAC7B,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA"}

package/build/src/elements/code-editor/code-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../../src/elements/code-editor/code-editor.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,2BAA2B,CAAA;AAC/C,OAAO,MAAM,MAAM,kCAAkC,CAAA;IAGxC,iBAAiB;4BAD7B,aAAa,CAAC,aAAa,CAAC;;;;sBACU,OAAO;iCAAf,SAAQ,WAAO;;;;YAA9C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,CAAC,CAAA;;YAD3C,uDAAiB;;;;;SAAjB,iBAAiB;AAU9B,eAAe,iBAAiB,CAAA","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/CodeEditor.js'\nimport styles from './internals/CodeEditor.styles.js'\n\n@customElement('code-editor')\nexport class CodeEditorElement extends Element {\n  static override styles: CSSResultOrNative[] = [styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'code-editor': CodeEditorElement\n  }\n}\n\nexport default CodeEditorElement\nexport type { Suggestion, FunctionInsertEvent, SuggestionInsertEvent } from './internals/types.js'\nexport type { FunctionSchema, FunctionParameter } from '@pawel-up/jexl/schemas/types.js'\n"]}
+{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../../src/elements/code-editor/code-editor.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,2BAA2B,CAAA;AAC/C,OAAO,MAAM,MAAM,kCAAkC,CAAA;IAGxC,iBAAiB;4BAD7B,aAAa,CAAC,aAAa,CAAC;;;;sBACU,OAAO;iCAAf,SAAQ,WAAO;;;;YAA9C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,MAAM,CAAC,CAAA;;YAD3C,uDAAiB;;;;;SAAjB,iBAAiB;AAU9B,eAAe,iBAAiB,CAAA","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/CodeEditor.js'\nimport styles from './internals/CodeEditor.styles.js'\n\n@customElement('code-editor')\nexport class CodeEditorElement extends Element {\n  static override styles: CSSResultOrNative[] = [styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'code-editor': CodeEditorElement\n  }\n}\n\nexport default CodeEditorElement\nexport type {\n  Suggestion,\n  FunctionInsertEvent,\n  SuggestionInsertEvent,\n  FunctionDocumentationEvent,\n} from './internals/types.js'\nexport type { FunctionSchema, FunctionParameter } from '@pawel-up/jexl/schemas/types.js'\n"]}

package/build/src/elements/code-editor/internals/CodeEditor.d.ts

@@ -2,6 +2,7 @@ import { LitElement, PropertyValues, TemplateResult } from 'lit';
 import type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js';
 import type { Suggestion } from './types.js';
 import { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js';
+import '../../../md/button/ui-button.js';
 /**
  * A CodeMirror 6 based editor component that supports function autocomplete and suggestion placeholders.
  *
@@ -14,6 +15,7 @@ import { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js';
  *
  * @fires function-insert - When a function is inserted
  * @fires suggestion-insert - When a suggestion is inserted
+ * @fires function-documentation - When documentation is requested for a function
  * @fires input - When the editor content changes
  * @fires change - When the editor loses focus and content has changed
  */
@@ -73,6 +75,10 @@ export default class CodeEditor extends LitElement {
      * Programming language for syntax highlighting
      */
     accessor language: string;
+    /**
+     * Whether to show documentation links/buttons in function tooltips and autocomplete
+     */
+    accessor showDocumentation: boolean;
     private accessor editorContainer;
     private accessor hasContent;
     private accessor isEditorFocus;
@@ -118,7 +124,7 @@ export default class CodeEditor extends LitElement {
      * Creates a styled HTML element to display function documentation.
      * This is used for both hover tooltips and autocomplete info panels.
      */
-    private createFunctionInfoElement;
+    protected createFunctionInfoElement(fn: FunctionSchema): HTMLElement;
     /**
      * Format function call with parameters
      */
@@ -143,6 +149,10 @@ export default class CodeEditor extends LitElement {
      * Dispatch suggestion insert event
      */
     private dispatchSuggestionInsert;
+    /**
+     * Dispatch function documentation event
+     */
+    private dispatchFunctionDocumentation;
     /**
      * Focus the editor
      */

package/build/src/elements/code-editor/internals/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAW,MAAM,KAAK,CAAA;AA0B/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAGrE,OAAO,KAAK,EAAuB,UAAU,EAAyB,MAAM,YAAY,CAAA;AACxF,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAExE;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;;IAChD;;;OAGG;IACH,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAK;IAEnB;;OAEG;IAEH,QAAQ,CAAC,cAAc,SAAK;IAE5B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAQ;IAEzB;;OAEG;IAEH,QAAQ,CAAC,OAAO,UAAQ;IAExB;;OAEG;IAEH,QAAQ,CAAC,IAAI,SAAK;IAElB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAQ;IAEzB;;OAEG;IAEH,QAAQ,CAAC,WAAW,SAAK;IAOzB;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IACI,KAAK,CAAC,QAAQ,EAAE,MAAM,EAOzB;IAED;;OAEG;IAEH,QAAQ,CAAC,eAAe,EAAE,cAAc,EAAE,CAAK;IAE/C;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,UAAU,EAAE,CAAK;IAEvC;;OAEG;IAEH,QAAQ,CAAC,SAAS,UAAQ;IAE1B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,SAAe;IAGhC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IAGjD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IAGnC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;IAEtC,OAAO,CAAC,UAAU,CAAC,CAAY;IAC/B;;;OAGG;IACH,OAAO,CAAC,cAAc,CAAK;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAE7C;;OAEG;IACH,IAAI,iBAAiB,IAAI,UAAU,EAAE,CAapC;IAED,OAAO,CAAC,aAAa,CAAoB;IAEhC,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAKpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAoB5D;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAqD5B;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAoB/B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA0C9B,OAAO,CAAC,wBAAwB;IAmBhC,OAAO,CAAC,0BAA0B;IAmBlC;;;OAGG;IACH,OAAO,CAAC,wBAAwB,CAmB/B;IAED;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IAgEjC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAiB1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAe3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAU1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAQ9B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAQhC;;OAEG;IACM,KAAK,IAAI,IAAI;IAItB;;OAEG;IACH,YAAY,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAMnD;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAUrB,MAAM,IAAI,cAAc;CAgBlC"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,cAAc,EAAW,MAAM,KAAK,CAAA;AA0B/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAGrE,OAAO,KAAK,EAAuB,UAAU,EAAqD,MAAM,YAAY,CAAA;AACpH,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAExE,OAAO,iCAAiC,CAAA;AAExC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;;IAChD;;;OAGG;IACH,OAAgB,iBAAiB,EAAE,cAAc,CAGhD;IAED;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAK;IAEnB;;OAEG;IAEH,QAAQ,CAAC,cAAc,SAAK;IAE5B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAQ;IAEzB;;OAEG;IAEH,QAAQ,CAAC,OAAO,UAAQ;IAExB;;OAEG;IAEH,QAAQ,CAAC,IAAI,SAAK;IAElB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAQ;IAEzB;;OAEG;IAEH,QAAQ,CAAC,WAAW,SAAK;IAOzB;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IACI,KAAK,CAAC,QAAQ,EAAE,MAAM,EAOzB;IAED;;OAEG;IAEH,QAAQ,CAAC,eAAe,EAAE,cAAc,EAAE,CAAK;IAE/C;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,UAAU,EAAE,CAAK;IAEvC;;OAEG;IAEH,QAAQ,CAAC,SAAS,UAAQ;IAE1B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,SAAe;IAEhC;;OAEG;IAEH,QAAQ,CAAC,iBAAiB,UAAQ;IAGlC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAiB;IAGjD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IAGnC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAQ;IAEtC,OAAO,CAAC,UAAU,CAAC,CAAY;IAC/B;;;OAGG;IACH,OAAO,CAAC,cAAc,CAAK;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAE7C;;OAEG;IACH,IAAI,iBAAiB,IAAI,UAAU,EAAE,CAapC;IAED,OAAO,CAAC,aAAa,CAAoB;IAEhC,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAKpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAoB5D;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwD5B;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAoB/B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA0C9B,OAAO,CAAC,wBAAwB;IAmBhC,OAAO,CAAC,0BAA0B;IAmBlC;;;OAGG;IACH,OAAO,CAAC,wBAAwB,CAmB/B;IAED;;;OAGG;IACH,SAAS,CAAC,yBAAyB,CAAC,EAAE,EAAE,cAAc,GAAG,WAAW;IAqFpE;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAiB1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAe3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAU1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAQ9B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAQhC;;OAEG;IACH,OAAO,CAAC,6BAA6B;IAQrC;;OAEG;IACM,KAAK,IAAI,IAAI;IAItB;;OAEG;IACH,YAAY,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAMnD;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAUrB,MAAM,IAAI,cAAc;CAgBlC"}

package/build/src/elements/code-editor/internals/CodeEditor.js

@@ -14,6 +14,7 @@ import { EditorView, Decoration, ViewPlugin, hoverTooltip, } from '@codemirror/v
 import { getTypeStringFromSchema } from '@pawel-up/jexl/schemas/utils.js';
 import { functionLinter } from './Linter.js';
 import { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js';
+import '../../../md/button/ui-button.js';
 let CodeEditor = (() => {
     let _classSuper = LitElement;
     let _instanceExtraInitializers = [];
@@ -51,6 +52,9 @@ let CodeEditor = (() => {
     let _language_decorators;
     let _language_initializers = [];
     let _language_extraInitializers = [];
+    let _showDocumentation_decorators;
+    let _showDocumentation_initializers = [];
+    let _showDocumentation_extraInitializers = [];
     let _editorContainer_decorators;
     let _editorContainer_initializers = [];
     let _editorContainer_extraInitializers = [];
@@ -75,6 +79,7 @@ let CodeEditor = (() => {
             _suggestions_decorators = [property({ type: Array, attribute: false })];
             _darkTheme_decorators = [property({ type: Boolean, attribute: 'dark-theme' })];
             _language_decorators = [property({ type: String })];
+            _showDocumentation_decorators = [property({ type: Boolean, attribute: 'show-documentation' })];
             _editorContainer_decorators = [query('.editor-container')];
             _hasContent_decorators = [state()];
             _isEditorFocus_decorators = [state()];
@@ -90,6 +95,7 @@ let CodeEditor = (() => {
             __esDecorate(this, null, _suggestions_decorators, { kind: "accessor", name: "suggestions", static: false, private: false, access: { has: obj => "suggestions" in obj, get: obj => obj.suggestions, set: (obj, value) => { obj.suggestions = value; } }, metadata: _metadata }, _suggestions_initializers, _suggestions_extraInitializers);
             __esDecorate(this, null, _darkTheme_decorators, { kind: "accessor", name: "darkTheme", static: false, private: false, access: { has: obj => "darkTheme" in obj, get: obj => obj.darkTheme, set: (obj, value) => { obj.darkTheme = value; } }, metadata: _metadata }, _darkTheme_initializers, _darkTheme_extraInitializers);
             __esDecorate(this, null, _language_decorators, { kind: "accessor", name: "language", static: false, private: false, access: { has: obj => "language" in obj, get: obj => obj.language, set: (obj, value) => { obj.language = value; } }, metadata: _metadata }, _language_initializers, _language_extraInitializers);
+            __esDecorate(this, null, _showDocumentation_decorators, { kind: "accessor", name: "showDocumentation", static: false, private: false, access: { has: obj => "showDocumentation" in obj, get: obj => obj.showDocumentation, set: (obj, value) => { obj.showDocumentation = value; } }, metadata: _metadata }, _showDocumentation_initializers, _showDocumentation_extraInitializers);
             __esDecorate(this, null, _editorContainer_decorators, { kind: "accessor", name: "editorContainer", static: false, private: false, access: { has: obj => "editorContainer" in obj, get: obj => obj.editorContainer, set: (obj, value) => { obj.editorContainer = value; } }, metadata: _metadata }, _editorContainer_initializers, _editorContainer_extraInitializers);
             __esDecorate(this, null, _hasContent_decorators, { kind: "accessor", name: "hasContent", static: false, private: false, access: { has: obj => "hasContent" in obj, get: obj => obj.hasContent, set: (obj, value) => { obj.hasContent = value; } }, metadata: _metadata }, _hasContent_initializers, _hasContent_extraInitializers);
             __esDecorate(this, null, _isEditorFocus_decorators, { kind: "accessor", name: "isEditorFocus", static: false, private: false, access: { has: obj => "isEditorFocus" in obj, get: obj => obj.isEditorFocus, set: (obj, value) => { obj.isEditorFocus = value; } }, metadata: _metadata }, _isEditorFocus_initializers, _isEditorFocus_extraInitializers);
@@ -221,13 +227,23 @@ let CodeEditor = (() => {
          */
         get darkTheme() { return this.#darkTheme_accessor_storage; }
         set darkTheme(value) { this.#darkTheme_accessor_storage = value; }
-        #language_accessor_storage = (__runInitializers(this, _darkTheme_extraInitializers), __runInitializers(this, _language_initializers, 'javascript'));
+        #language_accessor_storage = (__runInitializers(this, _darkTheme_extraInitializers), __runInitializers(this, _language_initializers, 'javascript'
+        /**
+         * Whether to show documentation links/buttons in function tooltips and autocomplete
+         */
+        ));
         /**
          * Programming language for syntax highlighting
          */
         get language() { return this.#language_accessor_storage; }
         set language(value) { this.#language_accessor_storage = value; }
-        #editorContainer_accessor_storage = (__runInitializers(this, _language_extraInitializers), __runInitializers(this, _editorContainer_initializers, void 0));
+        #showDocumentation_accessor_storage = (__runInitializers(this, _language_extraInitializers), __runInitializers(this, _showDocumentation_initializers, false));
+        /**
+         * Whether to show documentation links/buttons in function tooltips and autocomplete
+         */
+        get showDocumentation() { return this.#showDocumentation_accessor_storage; }
+        set showDocumentation(value) { this.#showDocumentation_accessor_storage = value; }
+        #editorContainer_accessor_storage = (__runInitializers(this, _showDocumentation_extraInitializers), __runInitializers(this, _editorContainer_initializers, void 0));
         get editorContainer() { return this.#editorContainer_accessor_storage; }
         set editorContainer(value) { this.#editorContainer_accessor_storage = value; }
         #hasContent_accessor_storage = (__runInitializers(this, _editorContainer_extraInitializers), __runInitializers(this, _hasContent_initializers, false));
@@ -307,6 +323,10 @@ let CodeEditor = (() => {
                     if (update.focusChanged) {
                         this.handleFocusChange(update.view.hasFocus);
                     }
+                    else if (update.view.hasFocus !== this.isEditorFocus) {
+                        // If focus state changed without focusChanged event, update manually
+                        this.handleFocusChange(update.view.hasFocus);
+                    }
                 }),
                 this.createPlaceholderPlugin(),
                 hoverTooltip(this.createHoverTooltipSource),
@@ -505,6 +525,23 @@ let CodeEditor = (() => {
                 returnsContainer.appendChild(returnsDesc);
                 container.appendChild(returnsContainer);
             }
+            // Add documentation button if showDocumentation is enabled
+            if (this.showDocumentation) {
+                const docContainer = document.createElement('div');
+                docContainer.className = 'documentation';
+                const docButton = document.createElement('ui-button');
+                docButton.type = 'button';
+                docButton.className = 'documentation-button';
+                docButton.textContent = 'Show documentation';
+                docButton.setAttribute('aria-label', `Show documentation for ${fn.name} function`);
+                docButton.addEventListener('click', (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    this.dispatchFunctionDocumentation(fn);
+                });
+                docContainer.appendChild(docButton);
+                container.appendChild(docContainer);
+            }
             return container;
         }
         /**
@@ -582,6 +619,16 @@ let CodeEditor = (() => {
             });
             this.dispatchEvent(event);
         }
+        /**
+         * Dispatch function documentation event
+         */
+        dispatchFunctionDocumentation(functionSchema) {
+            const event = new CustomEvent('function-documentation', {
+                detail: { functionSchema },
+                bubbles: true,
+            });
+            this.dispatchEvent(event);
+        }
         /**
          * Focus the editor
          */
@@ -638,6 +685,7 @@ let CodeEditor = (() => {
  *
  * @fires function-insert - When a function is inserted
  * @fires suggestion-insert - When a suggestion is inserted
+ * @fires function-documentation - When documentation is requested for a function
  * @fires input - When the editor content changes
  * @fires change - When the editor loses focus and content has changed
  */

package/build/src/elements/code-editor/internals/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues, TemplateResult, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { linter } from '@codemirror/lint'\nimport { Compartment, EditorState, Extension } from '@codemirror/state'\nimport {\n  autocompletion,\n  CompletionContext,\n  type CompletionResult,\n  type CompletionSource,\n  type Completion,\n} from '@codemirror/autocomplete'\nimport { javascript } from '@codemirror/lang-javascript'\nimport { syntaxHighlighting, defaultHighlightStyle } from '@codemirror/language'\nimport { oneDark } from '@codemirror/theme-one-dark'\nimport { keymap } from '@codemirror/view'\nimport { defaultKeymap } from '@codemirror/commands'\nimport {\n  EditorView,\n  Decoration,\n  DecorationSet,\n  ViewPlugin,\n  ViewUpdate,\n  hoverTooltip,\n  type Tooltip,\n} from '@codemirror/view'\nimport type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js'\nimport { getTypeStringFromSchema } from '@pawel-up/jexl/schemas/utils.js'\nimport { functionLinter } from './Linter.js'\nimport type { FunctionInsertEvent, Suggestion, SuggestionInsertEvent } from './types.js'\nimport { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js'\n\n/**\n * A CodeMirror 6 based editor component that supports function autocomplete and suggestion placeholders.\n *\n * Features:\n * - Dynamic function schema loading\n * - Autocomplete for functions and suggestions\n * - Suggestion placeholders with double curly braces ({{suggestion}})\n * - Keyboard navigation\n * - Accessibility support\n *\n * @fires function-insert - When a function is inserted\n * @fires suggestion-insert - When a suggestion is inserted\n * @fires input - When the editor content changes\n * @fires change - When the editor loses focus and content has changed\n */\nexport default class CodeEditor extends LitElement {\n  /**\n   * Shadow root configuration for the component.\n   * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.\n   */\n  static override shadowRootOptions: ShadowRootInit = {\n    mode: 'open',\n    delegatesFocus: true,\n  }\n\n  /**\n   * The label text displayed as placeholder/floating label\n   */\n  @property({ type: String })\n  accessor label = ''\n\n  /**\n   * Supporting text displayed below the editor\n   */\n  @property({ type: String, attribute: 'supporting-text' })\n  accessor supportingText = ''\n\n  /**\n   * Whether the component is disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false\n\n  /**\n   * Whether the component is in an invalid state\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor invalid = false\n\n  /**\n   * The name attribute for form integration\n   */\n  @property({ type: String })\n  accessor name = ''\n\n  /**\n   * Whether the input is required\n   */\n  @property({ type: Boolean })\n  accessor required = false\n\n  /**\n   * Placeholder text shown when editor is empty\n   */\n  @property({ type: String })\n  accessor placeholder = ''\n\n  /**\n   * This property is used internally to set value without triggering updates.\n   */\n  #value = ''\n\n  /**\n   * The editor content value\n   */\n  get value(): string {\n    return this.#value\n  }\n\n  @property({ type: String })\n  set value(newValue: string) {\n    const oldValue = this.#value\n    if (newValue !== oldValue) {\n      this.#value = newValue\n      this._previousValue = newValue\n      this.requestUpdate('value', oldValue)\n    }\n  }\n\n  /**\n   * Available function schemas for autocomplete\n   */\n  @property({ type: Array, attribute: false })\n  accessor functionSchemas: FunctionSchema[] = []\n\n  /**\n   * Available suggestions for autocomplete\n   */\n  @property({ type: Array, attribute: false })\n  accessor suggestions: Suggestion[] = []\n\n  /**\n   * Whether to use dark theme\n   */\n  @property({ type: Boolean, attribute: 'dark-theme' })\n  accessor darkTheme = false\n\n  /**\n   * Programming language for syntax highlighting\n   */\n  @property({ type: String })\n  accessor language = 'javascript'\n\n  @query('.editor-container')\n  private accessor editorContainer!: HTMLDivElement\n\n  @state()\n  private accessor hasContent = false\n\n  @state()\n  private accessor isEditorFocus = false\n\n  private editorView?: EditorView\n  /**\n   * A control value to track previous value of the editor.\n   * This is used to detect when change event should be dispatched.\n   */\n  private _previousValue = ''\n  /**\n   * Matcher for suggestion placeholders in the editor.\n   */\n  placeholderMatcher?: SuggestionMatchDecorator\n\n  /**\n   * Get all suggestions (placeholders) currently in the editor\n   */\n  get activeSuggestions(): Suggestion[] {\n    const suggestions: Suggestion[] = []\n    const placeholderPattern = /\\{\\{([^}]+)\\}\\}/g\n    let match: RegExpExecArray | null\n    while ((match = placeholderPattern.exec(this.value)) !== null) {\n      const placeholderText = match[1]\n      // Find suggestion by id\n      const suggestion = this.suggestions.find((s) => s.id === placeholderText)\n      if (suggestion) {\n        suggestions.push(suggestion)\n      }\n    }\n    return suggestions\n  }\n\n  private readonlyState = new Compartment()\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.editorView?.destroy()\n  }\n\n  override firstUpdated(): void {\n    this.initializeCodeMirror()\n    this.updateEditorContent()\n  }\n\n  override willUpdate(changedProperties: PropertyValues): void {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('suggestions')) {\n      if (this.placeholderMatcher) {\n        this.placeholderMatcher.suggestions = this.suggestions || []\n      }\n    }\n\n    if (changedProperties.has('value') && this.editorView) {\n      this.updateEditorContent()\n    }\n\n    if (changedProperties.has('disabled')) {\n      this.editorView?.dispatch({\n        effects: this.readonlyState.reconfigure(EditorState.readOnly.of(this.disabled)),\n      })\n    }\n  }\n\n  /**\n   * Initialize CodeMirror editor with extensions\n   */\n  private initializeCodeMirror(): void {\n    const extensions: Extension[] = [\n      keymap.of(defaultKeymap),\n      syntaxHighlighting(defaultHighlightStyle),\n      autocompletion({\n        override: [this.createCompletionSource()],\n        activateOnTyping: true,\n        maxRenderedOptions: 10,\n      }),\n      EditorView.updateListener.of((update: ViewUpdate) => {\n        if (update.docChanged) {\n          this.handleEditorChange()\n        }\n        if (update.focusChanged) {\n          this.handleFocusChange(update.view.hasFocus)\n        }\n      }),\n      this.createPlaceholderPlugin(),\n      hoverTooltip(this.createHoverTooltipSource),\n      linter((view) => functionLinter(view, this.functionSchemas, (e) => this.dispatchEvent(e))),\n      this.readonlyState.of(EditorState.readOnly.of(this.disabled)),\n    ]\n\n    // Add language support\n    if (this.language === 'javascript') {\n      extensions.push(javascript())\n    }\n\n    // Add theme\n    if (this.darkTheme) {\n      extensions.push(oneDark)\n    }\n\n    // Add placeholder\n    if (this.placeholder) {\n      extensions.push(\n        EditorView.contentAttributes.of({\n          'aria-placeholder': this.placeholder,\n        })\n      )\n    }\n\n    const state = EditorState.create({\n      doc: this.value,\n      extensions,\n    })\n\n    this.editorView = new EditorView({\n      state,\n      parent: this.editorContainer,\n    })\n  }\n\n  /**\n   * Creates the ViewPlugin for rendering suggestion placeholders.\n   * This is created as a method to get access to the component's `suggestions`.\n   */\n  private createPlaceholderPlugin(): Extension {\n    const placeholderMatcher = new SuggestionMatchDecorator(/\\{\\{([^}]+)\\}\\}/g, this.suggestions)\n    this.placeholderMatcher = placeholderMatcher\n    // This class needs to be defined here to have access to the `placeholderMatcher`\n    class AtomicDecorationRange {\n      placeholders: DecorationSet\n      constructor(view: EditorView) {\n        this.placeholders = placeholderMatcher.createDeco(view)\n      }\n      update(update: ViewUpdate) {\n        this.placeholders = placeholderMatcher.updateDeco(update, this.placeholders)\n      }\n    }\n\n    return ViewPlugin.fromClass(AtomicDecorationRange, {\n      decorations: (instance) => instance.placeholders,\n      provide: (plugin) => EditorView.atomicRanges.of((view) => view.plugin(plugin)?.placeholders || Decoration.none),\n    })\n  }\n\n  /**\n   * Create completion source for functions and suggestions\n   */\n  private createCompletionSource(): CompletionSource {\n    return (context: CompletionContext): CompletionResult | null => {\n      const { pos } = context\n      const line = context.state.doc.lineAt(pos)\n      const textBefore = line.text.slice(0, pos - line.from)\n\n      // Check if we're typing a function name\n      const functionMatch = textBefore.match(/(\\w+)$/)\n      if (functionMatch) {\n        const prefix = functionMatch[1]\n        const functions = this.functionSchemas\n          .filter((fn) => fn.name.toLowerCase().startsWith(prefix.toLowerCase()))\n          .map((fn) => this.createFunctionCompletion(fn))\n\n        if (functions.length > 0) {\n          return {\n            from: pos - prefix.length,\n            options: functions,\n          }\n        }\n      }\n\n      // Check if we're typing a suggestion trigger (e.g., {{)\n      const suggestionMatch = textBefore.match(/\\{\\{([^}]*)$/)\n      if (suggestionMatch) {\n        const prefix = suggestionMatch[1]\n        const suggestions = this.suggestions\n          .filter((suggestion) => suggestion.label.toLowerCase().startsWith(prefix.toLowerCase()))\n          .map((suggestion) => this.createSuggestionCompletion(suggestion))\n\n        if (suggestions.length > 0) {\n          return {\n            from: pos - prefix.length,\n            options: suggestions,\n          }\n        }\n      }\n\n      return null\n    }\n  }\n\n  private createFunctionCompletion(schema: FunctionSchema): Completion {\n    const result: Completion = {\n      label: schema.name,\n      detail: schema.description || '',\n      type: 'function',\n      info: () => this.createFunctionInfoElement(schema),\n      apply: (view: EditorView, completion: unknown, from: number, to: number) => {\n        const functionCall = this.formatFunctionCall(schema)\n        view.dispatch({\n          changes: { from, to, insert: functionCall },\n          selection: { anchor: from + functionCall.length },\n        })\n        this.dispatchFunctionInsert(schema, from)\n      },\n    }\n\n    return result\n  }\n\n  private createSuggestionCompletion(suggestion: Suggestion): Completion {\n    const result: Completion = {\n      label: suggestion.label,\n      detail: suggestion.description || '',\n      info: suggestion.suffix || '',\n      type: 'variable',\n      apply: (view: EditorView, completion: unknown, from: number, to: number) => {\n        const placeholderText = `{{${suggestion.id}}}`\n        view.dispatch({\n          changes: { from: from - 2, to, insert: placeholderText }, // -2 to include the {{\n          selection: { anchor: from - 2 + placeholderText.length },\n        })\n        this.dispatchSuggestionInsert(suggestion, from - 2)\n      },\n    }\n\n    return result\n  }\n\n  /**\n   * Creates the source for the hover tooltips.\n   * This is an arrow function to automatically bind `this`.\n   */\n  private createHoverTooltipSource = (view: EditorView, pos: number): Tooltip | null => {\n    const word = view.state.wordAt(pos)\n    if (!word) {\n      return null\n    }\n\n    const functionName = view.state.doc.sliceString(word.from, word.to)\n    const fnSchema = this.functionSchemas.find((schema) => schema.name === functionName)\n\n    if (!fnSchema) {\n      return null\n    }\n\n    return {\n      pos: word.from,\n      end: word.to,\n      above: true,\n      create: () => ({ dom: this.createFunctionInfoElement(fnSchema) }),\n    }\n  }\n\n  /**\n   * Creates a styled HTML element to display function documentation.\n   * This is used for both hover tooltips and autocomplete info panels.\n   */\n  private createFunctionInfoElement(fn: FunctionSchema): HTMLElement {\n    const container = document.createElement('div')\n    container.className = 'function-info' // for styling\n\n    if (fn.description) {\n      const description = document.createElement('p')\n      description.className = 'description'\n      description.textContent = fn.description\n      container.appendChild(description)\n    }\n\n    if (fn.parameters && fn.parameters.length > 0) {\n      const paramsContainer = document.createElement('div')\n      paramsContainer.className = 'parameters'\n\n      const paramsHeader = document.createElement('h4')\n      paramsHeader.textContent = 'Parameters'\n      paramsContainer.appendChild(paramsHeader)\n\n      const paramsList = document.createElement('ul')\n      fn.parameters.forEach((param) => {\n        const listItem = document.createElement('li')\n\n        const name = document.createElement('span')\n        name.className = 'param-name'\n        name.textContent = param.name\n\n        const type = document.createElement('span')\n        type.className = 'param-type'\n        type.textContent = `: ${getTypeStringFromSchema(param.schema)}`\n\n        listItem.appendChild(name)\n        listItem.appendChild(type)\n\n        if (param.schema.description) {\n          const paramDesc = document.createElement('p')\n          paramDesc.className = 'param-description'\n          paramDesc.textContent = param.schema.description\n          listItem.appendChild(paramDesc)\n        }\n        paramsList.appendChild(listItem)\n      })\n      paramsContainer.appendChild(paramsList)\n      container.appendChild(paramsContainer)\n    }\n\n    if (fn.returns) {\n      const returnsContainer = document.createElement('div')\n      returnsContainer.className = 'returns'\n\n      const returnsHeader = document.createElement('h4')\n      returnsHeader.textContent = 'Returns'\n      returnsContainer.appendChild(returnsHeader)\n\n      const returnsDesc = document.createElement('p')\n      const returnType = getTypeStringFromSchema(fn.returns)\n      returnsDesc.textContent = fn.returns.description ? `${returnType}: ${fn.returns.description}` : returnType\n      returnsContainer.appendChild(returnsDesc)\n      container.appendChild(returnsContainer)\n    }\n\n    return container\n  }\n\n  /**\n   * Format function call with parameters\n   */\n  private formatFunctionCall(fn: FunctionSchema): string {\n    if (!fn.parameters || fn.parameters.length === 0) {\n      return `${fn.name}()`\n    }\n\n    const params = fn.parameters\n      .map((param) => {\n        if (param.required) {\n          return param.name\n        }\n        return `${param.name}?`\n      })\n      .join(', ')\n\n    return `${fn.name}(${params})`\n  }\n\n  /**\n   * Update editor content when value changes\n   */\n  private updateEditorContent(): void {\n    if (!this.editorView) return\n\n    const currentValue = this.editorView.state.doc.toString()\n    if (currentValue !== this.value) {\n      this.editorView.dispatch({\n        changes: {\n          from: 0,\n          to: this.editorView.state.doc.length,\n          insert: this.value,\n        },\n      })\n    }\n  }\n\n  /**\n   * Handle editor content change\n   */\n  private handleEditorChange(): void {\n    if (!this.editorView) return\n\n    const newValue = this.editorView.state.doc.toString()\n    this.#value = newValue\n    this.hasContent = newValue.length > 0\n\n    this.dispatchEvent(new Event('input', { bubbles: true }))\n  }\n\n  /**\n   * Handle focus change\n   */\n  private handleFocusChange(hasFocus: boolean): void {\n    this.isEditorFocus = hasFocus\n\n    if (!hasFocus && this.#value !== this._previousValue) {\n      this._previousValue = this.#value\n      this.dispatchEvent(new Event('change'))\n    }\n  }\n\n  /**\n   * Dispatch function insert event\n   */\n  private dispatchFunctionInsert(functionSchema: FunctionSchema, position: number): void {\n    const event = new CustomEvent<FunctionInsertEvent>('function-insert', {\n      detail: { functionSchema, position },\n      bubbles: true,\n    })\n    this.dispatchEvent(event)\n  }\n\n  /**\n   * Dispatch suggestion insert event\n   */\n  private dispatchSuggestionInsert(suggestion: Suggestion, position: number): void {\n    const event = new CustomEvent<SuggestionInsertEvent>('suggestion-insert', {\n      detail: { suggestion, position },\n      bubbles: true,\n    })\n    this.dispatchEvent(event)\n  }\n\n  /**\n   * Focus the editor\n   */\n  override focus(): void {\n    this.editorView?.focus()\n  }\n\n  /**\n   * Get the editor's current selection\n   */\n  getSelection(): { from: number; to: number } | null {\n    if (!this.editorView) return null\n    const { from, to } = this.editorView.state.selection.main\n    return { from, to }\n  }\n\n  /**\n   * Insert text at the current cursor position\n   */\n  insertText(text: string): void {\n    if (!this.editorView) return\n\n    const { from, to } = this.editorView.state.selection.main\n    this.editorView.dispatch({\n      changes: { from, to, insert: text },\n      selection: { anchor: from + text.length },\n    })\n  }\n\n  override render(): TemplateResult {\n    const hasLabel = !!this.label\n    const hasSupportingText = !!this.supportingText\n\n    return html`\n      <div class=\"surface ${classMap({ 'has-focus': this.isEditorFocus, 'invalid': this.invalid })}\">\n        <div class=\"content\">\n          ${hasLabel ? html`<div class=\"label\">${this.label}</div>` : nothing}\n\n          <div class=\"editor-container\" part=\"editor\"></div>\n        </div>\n\n        ${hasSupportingText ? html`<div class=\"supporting-text\">${this.supportingText}</div>` : nothing}\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, PropertyValues, TemplateResult, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { linter } from '@codemirror/lint'\nimport { Compartment, EditorState, Extension } from '@codemirror/state'\nimport {\n  autocompletion,\n  CompletionContext,\n  type CompletionResult,\n  type CompletionSource,\n  type Completion,\n} from '@codemirror/autocomplete'\nimport { javascript } from '@codemirror/lang-javascript'\nimport { syntaxHighlighting, defaultHighlightStyle } from '@codemirror/language'\nimport { oneDark } from '@codemirror/theme-one-dark'\nimport { keymap } from '@codemirror/view'\nimport { defaultKeymap } from '@codemirror/commands'\nimport {\n  EditorView,\n  Decoration,\n  DecorationSet,\n  ViewPlugin,\n  ViewUpdate,\n  hoverTooltip,\n  type Tooltip,\n} from '@codemirror/view'\nimport type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js'\nimport { getTypeStringFromSchema } from '@pawel-up/jexl/schemas/utils.js'\nimport { functionLinter } from './Linter.js'\nimport type { FunctionInsertEvent, Suggestion, SuggestionInsertEvent, FunctionDocumentationEvent } from './types.js'\nimport { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js'\n\nimport '../../../md/button/ui-button.js'\n\n/**\n * A CodeMirror 6 based editor component that supports function autocomplete and suggestion placeholders.\n *\n * Features:\n * - Dynamic function schema loading\n * - Autocomplete for functions and suggestions\n * - Suggestion placeholders with double curly braces ({{suggestion}})\n * - Keyboard navigation\n * - Accessibility support\n *\n * @fires function-insert - When a function is inserted\n * @fires suggestion-insert - When a suggestion is inserted\n * @fires function-documentation - When documentation is requested for a function\n * @fires input - When the editor content changes\n * @fires change - When the editor loses focus and content has changed\n */\nexport default class CodeEditor extends LitElement {\n  /**\n   * Shadow root configuration for the component.\n   * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.\n   */\n  static override shadowRootOptions: ShadowRootInit = {\n    mode: 'open',\n    delegatesFocus: true,\n  }\n\n  /**\n   * The label text displayed as placeholder/floating label\n   */\n  @property({ type: String })\n  accessor label = ''\n\n  /**\n   * Supporting text displayed below the editor\n   */\n  @property({ type: String, attribute: 'supporting-text' })\n  accessor supportingText = ''\n\n  /**\n   * Whether the component is disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false\n\n  /**\n   * Whether the component is in an invalid state\n   */\n  @property({ type: Boolean, reflect: true })\n  accessor invalid = false\n\n  /**\n   * The name attribute for form integration\n   */\n  @property({ type: String })\n  accessor name = ''\n\n  /**\n   * Whether the input is required\n   */\n  @property({ type: Boolean })\n  accessor required = false\n\n  /**\n   * Placeholder text shown when editor is empty\n   */\n  @property({ type: String })\n  accessor placeholder = ''\n\n  /**\n   * This property is used internally to set value without triggering updates.\n   */\n  #value = ''\n\n  /**\n   * The editor content value\n   */\n  get value(): string {\n    return this.#value\n  }\n\n  @property({ type: String })\n  set value(newValue: string) {\n    const oldValue = this.#value\n    if (newValue !== oldValue) {\n      this.#value = newValue\n      this._previousValue = newValue\n      this.requestUpdate('value', oldValue)\n    }\n  }\n\n  /**\n   * Available function schemas for autocomplete\n   */\n  @property({ type: Array, attribute: false })\n  accessor functionSchemas: FunctionSchema[] = []\n\n  /**\n   * Available suggestions for autocomplete\n   */\n  @property({ type: Array, attribute: false })\n  accessor suggestions: Suggestion[] = []\n\n  /**\n   * Whether to use dark theme\n   */\n  @property({ type: Boolean, attribute: 'dark-theme' })\n  accessor darkTheme = false\n\n  /**\n   * Programming language for syntax highlighting\n   */\n  @property({ type: String })\n  accessor language = 'javascript'\n\n  /**\n   * Whether to show documentation links/buttons in function tooltips and autocomplete\n   */\n  @property({ type: Boolean, attribute: 'show-documentation' })\n  accessor showDocumentation = false\n\n  @query('.editor-container')\n  private accessor editorContainer!: HTMLDivElement\n\n  @state()\n  private accessor hasContent = false\n\n  @state()\n  private accessor isEditorFocus = false\n\n  private editorView?: EditorView\n  /**\n   * A control value to track previous value of the editor.\n   * This is used to detect when change event should be dispatched.\n   */\n  private _previousValue = ''\n  /**\n   * Matcher for suggestion placeholders in the editor.\n   */\n  placeholderMatcher?: SuggestionMatchDecorator\n\n  /**\n   * Get all suggestions (placeholders) currently in the editor\n   */\n  get activeSuggestions(): Suggestion[] {\n    const suggestions: Suggestion[] = []\n    const placeholderPattern = /\\{\\{([^}]+)\\}\\}/g\n    let match: RegExpExecArray | null\n    while ((match = placeholderPattern.exec(this.value)) !== null) {\n      const placeholderText = match[1]\n      // Find suggestion by id\n      const suggestion = this.suggestions.find((s) => s.id === placeholderText)\n      if (suggestion) {\n        suggestions.push(suggestion)\n      }\n    }\n    return suggestions\n  }\n\n  private readonlyState = new Compartment()\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.editorView?.destroy()\n  }\n\n  override firstUpdated(): void {\n    this.initializeCodeMirror()\n    this.updateEditorContent()\n  }\n\n  override willUpdate(changedProperties: PropertyValues): void {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('suggestions')) {\n      if (this.placeholderMatcher) {\n        this.placeholderMatcher.suggestions = this.suggestions || []\n      }\n    }\n\n    if (changedProperties.has('value') && this.editorView) {\n      this.updateEditorContent()\n    }\n\n    if (changedProperties.has('disabled')) {\n      this.editorView?.dispatch({\n        effects: this.readonlyState.reconfigure(EditorState.readOnly.of(this.disabled)),\n      })\n    }\n  }\n\n  /**\n   * Initialize CodeMirror editor with extensions\n   */\n  private initializeCodeMirror(): void {\n    const extensions: Extension[] = [\n      keymap.of(defaultKeymap),\n      syntaxHighlighting(defaultHighlightStyle),\n      autocompletion({\n        override: [this.createCompletionSource()],\n        activateOnTyping: true,\n        maxRenderedOptions: 10,\n      }),\n      EditorView.updateListener.of((update: ViewUpdate) => {\n        if (update.docChanged) {\n          this.handleEditorChange()\n        }\n        if (update.focusChanged) {\n          this.handleFocusChange(update.view.hasFocus)\n        } else if (update.view.hasFocus !== this.isEditorFocus) {\n          // If focus state changed without focusChanged event, update manually\n          this.handleFocusChange(update.view.hasFocus)\n        }\n      }),\n      this.createPlaceholderPlugin(),\n      hoverTooltip(this.createHoverTooltipSource),\n      linter((view) => functionLinter(view, this.functionSchemas, (e) => this.dispatchEvent(e))),\n      this.readonlyState.of(EditorState.readOnly.of(this.disabled)),\n    ]\n\n    // Add language support\n    if (this.language === 'javascript') {\n      extensions.push(javascript())\n    }\n\n    // Add theme\n    if (this.darkTheme) {\n      extensions.push(oneDark)\n    }\n\n    // Add placeholder\n    if (this.placeholder) {\n      extensions.push(\n        EditorView.contentAttributes.of({\n          'aria-placeholder': this.placeholder,\n        })\n      )\n    }\n\n    const state = EditorState.create({\n      doc: this.value,\n      extensions,\n    })\n\n    this.editorView = new EditorView({\n      state,\n      parent: this.editorContainer,\n    })\n  }\n\n  /**\n   * Creates the ViewPlugin for rendering suggestion placeholders.\n   * This is created as a method to get access to the component's `suggestions`.\n   */\n  private createPlaceholderPlugin(): Extension {\n    const placeholderMatcher = new SuggestionMatchDecorator(/\\{\\{([^}]+)\\}\\}/g, this.suggestions)\n    this.placeholderMatcher = placeholderMatcher\n    // This class needs to be defined here to have access to the `placeholderMatcher`\n    class AtomicDecorationRange {\n      placeholders: DecorationSet\n      constructor(view: EditorView) {\n        this.placeholders = placeholderMatcher.createDeco(view)\n      }\n      update(update: ViewUpdate) {\n        this.placeholders = placeholderMatcher.updateDeco(update, this.placeholders)\n      }\n    }\n\n    return ViewPlugin.fromClass(AtomicDecorationRange, {\n      decorations: (instance) => instance.placeholders,\n      provide: (plugin) => EditorView.atomicRanges.of((view) => view.plugin(plugin)?.placeholders || Decoration.none),\n    })\n  }\n\n  /**\n   * Create completion source for functions and suggestions\n   */\n  private createCompletionSource(): CompletionSource {\n    return (context: CompletionContext): CompletionResult | null => {\n      const { pos } = context\n      const line = context.state.doc.lineAt(pos)\n      const textBefore = line.text.slice(0, pos - line.from)\n\n      // Check if we're typing a function name\n      const functionMatch = textBefore.match(/(\\w+)$/)\n      if (functionMatch) {\n        const prefix = functionMatch[1]\n        const functions = this.functionSchemas\n          .filter((fn) => fn.name.toLowerCase().startsWith(prefix.toLowerCase()))\n          .map((fn) => this.createFunctionCompletion(fn))\n\n        if (functions.length > 0) {\n          return {\n            from: pos - prefix.length,\n            options: functions,\n          }\n        }\n      }\n\n      // Check if we're typing a suggestion trigger (e.g., {{)\n      const suggestionMatch = textBefore.match(/\\{\\{([^}]*)$/)\n      if (suggestionMatch) {\n        const prefix = suggestionMatch[1]\n        const suggestions = this.suggestions\n          .filter((suggestion) => suggestion.label.toLowerCase().startsWith(prefix.toLowerCase()))\n          .map((suggestion) => this.createSuggestionCompletion(suggestion))\n\n        if (suggestions.length > 0) {\n          return {\n            from: pos - prefix.length,\n            options: suggestions,\n          }\n        }\n      }\n\n      return null\n    }\n  }\n\n  private createFunctionCompletion(schema: FunctionSchema): Completion {\n    const result: Completion = {\n      label: schema.name,\n      detail: schema.description || '',\n      type: 'function',\n      info: () => this.createFunctionInfoElement(schema),\n      apply: (view: EditorView, completion: unknown, from: number, to: number) => {\n        const functionCall = this.formatFunctionCall(schema)\n        view.dispatch({\n          changes: { from, to, insert: functionCall },\n          selection: { anchor: from + functionCall.length },\n        })\n        this.dispatchFunctionInsert(schema, from)\n      },\n    }\n\n    return result\n  }\n\n  private createSuggestionCompletion(suggestion: Suggestion): Completion {\n    const result: Completion = {\n      label: suggestion.label,\n      detail: suggestion.description || '',\n      info: suggestion.suffix || '',\n      type: 'variable',\n      apply: (view: EditorView, completion: unknown, from: number, to: number) => {\n        const placeholderText = `{{${suggestion.id}}}`\n        view.dispatch({\n          changes: { from: from - 2, to, insert: placeholderText }, // -2 to include the {{\n          selection: { anchor: from - 2 + placeholderText.length },\n        })\n        this.dispatchSuggestionInsert(suggestion, from - 2)\n      },\n    }\n\n    return result\n  }\n\n  /**\n   * Creates the source for the hover tooltips.\n   * This is an arrow function to automatically bind `this`.\n   */\n  private createHoverTooltipSource = (view: EditorView, pos: number): Tooltip | null => {\n    const word = view.state.wordAt(pos)\n    if (!word) {\n      return null\n    }\n\n    const functionName = view.state.doc.sliceString(word.from, word.to)\n    const fnSchema = this.functionSchemas.find((schema) => schema.name === functionName)\n\n    if (!fnSchema) {\n      return null\n    }\n\n    return {\n      pos: word.from,\n      end: word.to,\n      above: true,\n      create: () => ({ dom: this.createFunctionInfoElement(fnSchema) }),\n    }\n  }\n\n  /**\n   * Creates a styled HTML element to display function documentation.\n   * This is used for both hover tooltips and autocomplete info panels.\n   */\n  protected createFunctionInfoElement(fn: FunctionSchema): HTMLElement {\n    const container = document.createElement('div')\n    container.className = 'function-info' // for styling\n\n    if (fn.description) {\n      const description = document.createElement('p')\n      description.className = 'description'\n      description.textContent = fn.description\n      container.appendChild(description)\n    }\n\n    if (fn.parameters && fn.parameters.length > 0) {\n      const paramsContainer = document.createElement('div')\n      paramsContainer.className = 'parameters'\n\n      const paramsHeader = document.createElement('h4')\n      paramsHeader.textContent = 'Parameters'\n      paramsContainer.appendChild(paramsHeader)\n\n      const paramsList = document.createElement('ul')\n      fn.parameters.forEach((param) => {\n        const listItem = document.createElement('li')\n\n        const name = document.createElement('span')\n        name.className = 'param-name'\n        name.textContent = param.name\n\n        const type = document.createElement('span')\n        type.className = 'param-type'\n        type.textContent = `: ${getTypeStringFromSchema(param.schema)}`\n\n        listItem.appendChild(name)\n        listItem.appendChild(type)\n\n        if (param.schema.description) {\n          const paramDesc = document.createElement('p')\n          paramDesc.className = 'param-description'\n          paramDesc.textContent = param.schema.description\n          listItem.appendChild(paramDesc)\n        }\n        paramsList.appendChild(listItem)\n      })\n      paramsContainer.appendChild(paramsList)\n      container.appendChild(paramsContainer)\n    }\n\n    if (fn.returns) {\n      const returnsContainer = document.createElement('div')\n      returnsContainer.className = 'returns'\n\n      const returnsHeader = document.createElement('h4')\n      returnsHeader.textContent = 'Returns'\n      returnsContainer.appendChild(returnsHeader)\n\n      const returnsDesc = document.createElement('p')\n      const returnType = getTypeStringFromSchema(fn.returns)\n      returnsDesc.textContent = fn.returns.description ? `${returnType}: ${fn.returns.description}` : returnType\n      returnsContainer.appendChild(returnsDesc)\n      container.appendChild(returnsContainer)\n    }\n\n    // Add documentation button if showDocumentation is enabled\n    if (this.showDocumentation) {\n      const docContainer = document.createElement('div')\n      docContainer.className = 'documentation'\n\n      const docButton = document.createElement('ui-button')\n      docButton.type = 'button'\n      docButton.className = 'documentation-button'\n      docButton.textContent = 'Show documentation'\n      docButton.setAttribute('aria-label', `Show documentation for ${fn.name} function`)\n\n      docButton.addEventListener('click', (event) => {\n        event.preventDefault()\n        event.stopPropagation()\n        this.dispatchFunctionDocumentation(fn)\n      })\n\n      docContainer.appendChild(docButton)\n      container.appendChild(docContainer)\n    }\n\n    return container\n  }\n\n  /**\n   * Format function call with parameters\n   */\n  private formatFunctionCall(fn: FunctionSchema): string {\n    if (!fn.parameters || fn.parameters.length === 0) {\n      return `${fn.name}()`\n    }\n\n    const params = fn.parameters\n      .map((param) => {\n        if (param.required) {\n          return param.name\n        }\n        return `${param.name}?`\n      })\n      .join(', ')\n\n    return `${fn.name}(${params})`\n  }\n\n  /**\n   * Update editor content when value changes\n   */\n  private updateEditorContent(): void {\n    if (!this.editorView) return\n\n    const currentValue = this.editorView.state.doc.toString()\n    if (currentValue !== this.value) {\n      this.editorView.dispatch({\n        changes: {\n          from: 0,\n          to: this.editorView.state.doc.length,\n          insert: this.value,\n        },\n      })\n    }\n  }\n\n  /**\n   * Handle editor content change\n   */\n  private handleEditorChange(): void {\n    if (!this.editorView) return\n\n    const newValue = this.editorView.state.doc.toString()\n    this.#value = newValue\n    this.hasContent = newValue.length > 0\n\n    this.dispatchEvent(new Event('input', { bubbles: true }))\n  }\n\n  /**\n   * Handle focus change\n   */\n  private handleFocusChange(hasFocus: boolean): void {\n    this.isEditorFocus = hasFocus\n\n    if (!hasFocus && this.#value !== this._previousValue) {\n      this._previousValue = this.#value\n      this.dispatchEvent(new Event('change'))\n    }\n  }\n\n  /**\n   * Dispatch function insert event\n   */\n  private dispatchFunctionInsert(functionSchema: FunctionSchema, position: number): void {\n    const event = new CustomEvent<FunctionInsertEvent>('function-insert', {\n      detail: { functionSchema, position },\n      bubbles: true,\n    })\n    this.dispatchEvent(event)\n  }\n\n  /**\n   * Dispatch suggestion insert event\n   */\n  private dispatchSuggestionInsert(suggestion: Suggestion, position: number): void {\n    const event = new CustomEvent<SuggestionInsertEvent>('suggestion-insert', {\n      detail: { suggestion, position },\n      bubbles: true,\n    })\n    this.dispatchEvent(event)\n  }\n\n  /**\n   * Dispatch function documentation event\n   */\n  private dispatchFunctionDocumentation(functionSchema: FunctionSchema): void {\n    const event = new CustomEvent<FunctionDocumentationEvent>('function-documentation', {\n      detail: { functionSchema },\n      bubbles: true,\n    })\n    this.dispatchEvent(event)\n  }\n\n  /**\n   * Focus the editor\n   */\n  override focus(): void {\n    this.editorView?.focus()\n  }\n\n  /**\n   * Get the editor's current selection\n   */\n  getSelection(): { from: number; to: number } | null {\n    if (!this.editorView) return null\n    const { from, to } = this.editorView.state.selection.main\n    return { from, to }\n  }\n\n  /**\n   * Insert text at the current cursor position\n   */\n  insertText(text: string): void {\n    if (!this.editorView) return\n\n    const { from, to } = this.editorView.state.selection.main\n    this.editorView.dispatch({\n      changes: { from, to, insert: text },\n      selection: { anchor: from + text.length },\n    })\n  }\n\n  override render(): TemplateResult {\n    const hasLabel = !!this.label\n    const hasSupportingText = !!this.supportingText\n\n    return html`\n      <div class=\"surface ${classMap({ 'has-focus': this.isEditorFocus, 'invalid': this.invalid })}\">\n        <div class=\"content\">\n          ${hasLabel ? html`<div class=\"label\">${this.label}</div>` : nothing}\n\n          <div class=\"editor-container\" part=\"editor\"></div>\n        </div>\n\n        ${hasSupportingText ? html`<div class=\"supporting-text\">${this.supportingText}</div>` : nothing}\n      </div>\n    `\n  }\n}\n"]}

package/build/src/elements/code-editor/internals/CodeEditor.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.styles.ts"],"names":[],"mappings":";AAEA,wBA8MC"}
+{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.styles.ts"],"names":[],"mappings":";AAEA,wBAoNC"}

package/build/src/elements/code-editor/internals/CodeEditor.styles.js

@@ -116,8 +116,8 @@ export default css `
     border: none;
   }
 
-  .cm-focused .cm-cursor {
-    border-left-color: var(--md-sys-color-primary);
+  .cm-focused .cm-content[contenteditable='true'] {
+    caret-color: var(--md-sys-color-primary);
   }
 
   ::selection {
@@ -185,6 +185,12 @@ export default css `
     .param-description {
       color: var(--md-sys-color-on-surface-variant);
     }
+
+    .documentation {
+      margin-top: 8px;
+      padding-top: 8px;
+      border-top: 1px solid var(--md-sys-color-outline-variant);
+    }
   }
 
   /* Responsive */

package/build/src/elements/code-editor/internals/CodeEditor.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.styles.js","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8MjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    outline: none;\n    min-width: 200px;\n    background-color: transparent;\n    color: var(--md-sys-color-on-surface);\n\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  .surface {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n\n  .label {\n    font-family: var(--md-sys-typescale-label-medium-font);\n    font-weight: var(--md-sys-typescale-label-medium-weight);\n    font-size: var(--md-sys-typescale-label-medium-size);\n    letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n    line-height: var(--md-sys-typescale-label-medium-height);\n    color: var(--md-sys-color-on-surface-variant);\n\n    padding: 8px 16px 4px 16px;\n    margin: 0;\n  }\n\n  .has-focus .label {\n    color: var(--md-sys-color-primary);\n  }\n\n  .editor-container {\n    position: relative;\n    flex: 1;\n\n    border-radius: var(--md-sys-shape-corner-extra-small);\n    border: 1px solid var(--md-sys-color-outline);\n    outline: 0px solid var(--md-sys-color-primary);\n    outline-offset: -1px;\n    transition:\n      border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),\n      outline-width 150ms cubic-bezier(0.4, 0, 0.2, 1),\n      outline-offset 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .editor-container:focus-within {\n    border-color: var(--md-sys-color-primary);\n    outline-width: 2px;\n    outline-offset: -2px;\n  }\n\n  .supporting-text {\n    margin-top: 4px;\n    padding: 0 16px;\n    color: var(--md-sys-color-on-surface-variant);\n    font-family: var(--md-sys-typescale-body-small-font);\n    font-weight: var(--md-sys-typescale-body-small-weight);\n    font-size: var(--md-sys-typescale-body-small-size);\n    letter-spacing: var(--md-sys-typescale-body-small-tracking);\n    line-height: var(--md-sys-typescale-body-small-height);\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .editor-container {\n    border-color: var(--md-sys-color-on-surface);\n  }\n\n  :host([disabled]) .label,\n  :host([disabled]) .editor-container {\n    color: var(--md-sys-color-on-surface);\n    opacity: 0.38;\n  }\n\n  :host([invalid]) .label,\n  :host([invalid]) .supporting-text {\n    color: var(--md-sys-color-error);\n  }\n\n  :host([invalid]) .editor-container {\n    border-color: var(--md-sys-color-error);\n    outline-color: var(--md-sys-color-error);\n  }\n\n  .mention-chip {\n    display: inline-flex;\n    align-items: center;\n    margin: 0 2px;\n    vertical-align: baseline;\n    user-select: none;\n  }\n\n  .mention-chip ui-chip {\n    margin: 0;\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  .cm-gutters {\n    background: var(--md-sys-color-surface-variant);\n    color: var(--md-sys-color-on-surface-variant);\n    border: none;\n  }\n\n  .cm-focused .cm-cursor {\n    border-left-color: var(--md-sys-color-primary);\n  }\n\n  ::selection {\n    background: var(--md-sys-color-surface-variant);\n  }\n\n  .ͼ1.cm-focused {\n    outline: none;\n  }\n\n  .cm-tooltip-hover {\n    box-shadow: var(--md-sys-elevation-3);\n  }\n\n  .editor-container .cm-editor .cm-tooltip,\n  .cm-tooltip-lint,\n  .function-info {\n    background-color: var(--md-sys-color-surface-container-highest);\n    color: var(--md-sys-color-on-surface);\n  }\n\n  .function-info {\n    padding: 8px;\n\n    font-family: var(--md-sys-typescale-body-medium-font);\n    font-weight: var(--md-sys-typescale-body-medium-weight);\n    font-size: var(--md-sys-typescale-body-medium-size);\n    letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n    line-height: var(--md-sys-typescale-body-medium-height);\n\n    h4 {\n      margin: 4px 0;\n      font-family: var(--md-sys-typescale-title-medium-font);\n      font-weight: var(--md-sys-typescale-title-medium-weight);\n      font-size: var(--md-sys-typescale-title-medium-size);\n      letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n      line-height: var(--md-sys-typescale-title-medium-height);\n    }\n\n    p {\n      margin: 0;\n    }\n\n    .description {\n      font-family: var(--md-sys-typescale-body-large-font);\n      font-weight: var(--md-sys-typescale-body-large-weight);\n      font-size: var(--md-sys-typescale-body-large-size);\n      letter-spacing: var(--md-sys-typescale-body-large-tracking);\n      line-height: var(--md-sys-typescale-body-large-height);\n    }\n\n    ul {\n      margin: 0;\n    }\n\n    .param-name,\n    .param-type {\n      font-family: var(--md-sys-typescale-label-large-font);\n      font-weight: var(--md-sys-typescale-label-large-weight);\n      font-size: var(--md-sys-typescale-label-large-size);\n      letter-spacing: var(--md-sys-typescale-label-large-tracking);\n      line-height: var(--md-sys-typescale-label-large-height);\n    }\n\n    .param-description {\n      color: var(--md-sys-color-on-surface-variant);\n    }\n  }\n\n  /* Responsive */\n  @media (max-width: 600px) {\n    :host {\n      min-width: 0;\n    }\n\n    .label {\n      padding: 6px 6px 3px 6px;\n    }\n\n    .editor-container {\n      padding: 6px;\n    }\n\n    .supporting-text {\n      padding: 3px 6px 6px 6px;\n    }\n  }\n`\n"]}
+{"version":3,"file":"CodeEditor.styles.js","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoNjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    outline: none;\n    min-width: 200px;\n    background-color: transparent;\n    color: var(--md-sys-color-on-surface);\n\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  .surface {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n  }\n\n  .label {\n    font-family: var(--md-sys-typescale-label-medium-font);\n    font-weight: var(--md-sys-typescale-label-medium-weight);\n    font-size: var(--md-sys-typescale-label-medium-size);\n    letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n    line-height: var(--md-sys-typescale-label-medium-height);\n    color: var(--md-sys-color-on-surface-variant);\n\n    padding: 8px 16px 4px 16px;\n    margin: 0;\n  }\n\n  .has-focus .label {\n    color: var(--md-sys-color-primary);\n  }\n\n  .editor-container {\n    position: relative;\n    flex: 1;\n\n    border-radius: var(--md-sys-shape-corner-extra-small);\n    border: 1px solid var(--md-sys-color-outline);\n    outline: 0px solid var(--md-sys-color-primary);\n    outline-offset: -1px;\n    transition:\n      border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),\n      outline-width 150ms cubic-bezier(0.4, 0, 0.2, 1),\n      outline-offset 150ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .editor-container:focus-within {\n    border-color: var(--md-sys-color-primary);\n    outline-width: 2px;\n    outline-offset: -2px;\n  }\n\n  .supporting-text {\n    margin-top: 4px;\n    padding: 0 16px;\n    color: var(--md-sys-color-on-surface-variant);\n    font-family: var(--md-sys-typescale-body-small-font);\n    font-weight: var(--md-sys-typescale-body-small-weight);\n    font-size: var(--md-sys-typescale-body-small-size);\n    letter-spacing: var(--md-sys-typescale-body-small-tracking);\n    line-height: var(--md-sys-typescale-body-small-height);\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  :host([disabled]) .editor-container {\n    border-color: var(--md-sys-color-on-surface);\n  }\n\n  :host([disabled]) .label,\n  :host([disabled]) .editor-container {\n    color: var(--md-sys-color-on-surface);\n    opacity: 0.38;\n  }\n\n  :host([invalid]) .label,\n  :host([invalid]) .supporting-text {\n    color: var(--md-sys-color-error);\n  }\n\n  :host([invalid]) .editor-container {\n    border-color: var(--md-sys-color-error);\n    outline-color: var(--md-sys-color-error);\n  }\n\n  .mention-chip {\n    display: inline-flex;\n    align-items: center;\n    margin: 0 2px;\n    vertical-align: baseline;\n    user-select: none;\n  }\n\n  .mention-chip ui-chip {\n    margin: 0;\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  .cm-gutters {\n    background: var(--md-sys-color-surface-variant);\n    color: var(--md-sys-color-on-surface-variant);\n    border: none;\n  }\n\n  .cm-focused .cm-content[contenteditable='true'] {\n    caret-color: var(--md-sys-color-primary);\n  }\n\n  ::selection {\n    background: var(--md-sys-color-surface-variant);\n  }\n\n  .ͼ1.cm-focused {\n    outline: none;\n  }\n\n  .cm-tooltip-hover {\n    box-shadow: var(--md-sys-elevation-3);\n  }\n\n  .editor-container .cm-editor .cm-tooltip,\n  .cm-tooltip-lint,\n  .function-info {\n    background-color: var(--md-sys-color-surface-container-highest);\n    color: var(--md-sys-color-on-surface);\n  }\n\n  .function-info {\n    padding: 8px;\n\n    font-family: var(--md-sys-typescale-body-medium-font);\n    font-weight: var(--md-sys-typescale-body-medium-weight);\n    font-size: var(--md-sys-typescale-body-medium-size);\n    letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n    line-height: var(--md-sys-typescale-body-medium-height);\n\n    h4 {\n      margin: 4px 0;\n      font-family: var(--md-sys-typescale-title-medium-font);\n      font-weight: var(--md-sys-typescale-title-medium-weight);\n      font-size: var(--md-sys-typescale-title-medium-size);\n      letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n      line-height: var(--md-sys-typescale-title-medium-height);\n    }\n\n    p {\n      margin: 0;\n    }\n\n    .description {\n      font-family: var(--md-sys-typescale-body-large-font);\n      font-weight: var(--md-sys-typescale-body-large-weight);\n      font-size: var(--md-sys-typescale-body-large-size);\n      letter-spacing: var(--md-sys-typescale-body-large-tracking);\n      line-height: var(--md-sys-typescale-body-large-height);\n    }\n\n    ul {\n      margin: 0;\n    }\n\n    .param-name,\n    .param-type {\n      font-family: var(--md-sys-typescale-label-large-font);\n      font-weight: var(--md-sys-typescale-label-large-weight);\n      font-size: var(--md-sys-typescale-label-large-size);\n      letter-spacing: var(--md-sys-typescale-label-large-tracking);\n      line-height: var(--md-sys-typescale-label-large-height);\n    }\n\n    .param-description {\n      color: var(--md-sys-color-on-surface-variant);\n    }\n\n    .documentation {\n      margin-top: 8px;\n      padding-top: 8px;\n      border-top: 1px solid var(--md-sys-color-outline-variant);\n    }\n  }\n\n  /* Responsive */\n  @media (max-width: 600px) {\n    :host {\n      min-width: 0;\n    }\n\n    .label {\n      padding: 6px 6px 3px 6px;\n    }\n\n    .editor-container {\n      padding: 6px;\n    }\n\n    .supporting-text {\n      padding: 3px 6px 6px 6px;\n    }\n  }\n`\n"]}

package/build/src/elements/code-editor/internals/types.d.ts

@@ -23,4 +23,8 @@ export interface SuggestionInsertEvent {
     /** The position where the suggestion was inserted */
     position: number;
 }
+export interface FunctionDocumentationEvent {
+    /** The function schema for which documentation is requested */
+    functionSchema: FunctionSchema;
+}
 //# sourceMappingURL=types.d.ts.map

package/build/src/elements/code-editor/internals/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,WAAW,UAAU;IACzB,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAA;IACV,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,cAAc,EAAE,cAAc,CAAA;IAC9B,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAA;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,WAAW,UAAU;IACzB,2CAA2C;IAC3C,EAAE,EAAE,MAAM,CAAA;IACV,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,cAAc,EAAE,cAAc,CAAA;IAC9B,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,+DAA+D;IAC/D,cAAc,EAAE,cAAc,CAAA;CAC/B"}

package/build/src/elements/code-editor/internals/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js'\n\nexport interface Suggestion {\n  /** Unique identifier for the suggestion */\n  id: string\n  /** Main label displayed */\n  label: string\n  /** Supporting description text */\n  description?: string\n  /** Suffix text (e.g., type, category) */\n  suffix?: string\n  /** Additional data associated with the suggestion */\n  data?: Record<string, unknown>\n}\n\nexport interface FunctionInsertEvent {\n  /** The inserted function schema */\n  functionSchema: FunctionSchema\n  /** The position where the function was inserted */\n  position: number\n}\n\nexport interface SuggestionInsertEvent {\n  /** The inserted suggestion */\n  suggestion: Suggestion\n  /** The position where the suggestion was inserted */\n  position: number\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js'\n\nexport interface Suggestion {\n  /** Unique identifier for the suggestion */\n  id: string\n  /** Main label displayed */\n  label: string\n  /** Supporting description text */\n  description?: string\n  /** Suffix text (e.g., type, category) */\n  suffix?: string\n  /** Additional data associated with the suggestion */\n  data?: Record<string, unknown>\n}\n\nexport interface FunctionInsertEvent {\n  /** The inserted function schema */\n  functionSchema: FunctionSchema\n  /** The position where the function was inserted */\n  position: number\n}\n\nexport interface SuggestionInsertEvent {\n  /** The inserted suggestion */\n  suggestion: Suggestion\n  /** The position where the suggestion was inserted */\n  position: number\n}\n\nexport interface FunctionDocumentationEvent {\n  /** The function schema for which documentation is requested */\n  functionSchema: FunctionSchema\n}\n"]}

package/demo/elements/code-editor/CodeEditorDemo.ts

@@ -101,6 +101,12 @@ class CodeEditorDemo extends DemoPage {
     this.editorValue = target.value
   }
 
+  private handleFunctionDocumentation(event: CustomEvent<{ functionSchema: FunctionSchema }>): void {
+    const { functionSchema } = event.detail
+    this.output = `Function documentation requested for: ${functionSchema.name}`
+    console.log('Function documentation:', functionSchema)
+  }
+
   private handleChange(event: Event): void {
     const target = event.target as HTMLElement & { value: string }
     this.output = `Editor content changed: ${target.value}`
@@ -125,6 +131,8 @@ class CodeEditorDemo extends DemoPage {
           @suggestion-insert=${this.handleSuggestionInsert}
           @input=${this.handleInput}
           @change=${this.handleChange}
+          show-documentation
+          @function-documentation="${this.handleFunctionDocumentation}"
         ></code-editor>
 
         ${this.output ? html`<p><strong>Output:</strong> ${this.output}</p>` : ''}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@api-client/ui",
-  "version": "0.5.16",
+  "version": "0.5.17",
   "description": "Internal UI component library for the API Client ecosystem.",
   "license": "UNLICENSED",
   "main": "build/src/index.js",

package/src/elements/code-editor/code-editor.ts

@@ -15,5 +15,10 @@ declare global {
 }
 
 export default CodeEditorElement
-export type { Suggestion, FunctionInsertEvent, SuggestionInsertEvent } from './internals/types.js'
+export type {
+  Suggestion,
+  FunctionInsertEvent,
+  SuggestionInsertEvent,
+  FunctionDocumentationEvent,
+} from './internals/types.js'
 export type { FunctionSchema, FunctionParameter } from '@pawel-up/jexl/schemas/types.js'

package/src/elements/code-editor/internals/CodeEditor.styles.ts

@@ -117,8 +117,8 @@ export default css`
     border: none;
   }
 
-  .cm-focused .cm-cursor {
-    border-left-color: var(--md-sys-color-primary);
+  .cm-focused .cm-content[contenteditable='true'] {
+    caret-color: var(--md-sys-color-primary);
   }
 
   ::selection {
@@ -186,6 +186,12 @@ export default css`
     .param-description {
       color: var(--md-sys-color-on-surface-variant);
     }
+
+    .documentation {
+      margin-top: 8px;
+      padding-top: 8px;
+      border-top: 1px solid var(--md-sys-color-outline-variant);
+    }
   }
 
   /* Responsive */