@api-client/ui 0.5.13 → 0.5.15

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

@@ -9,5 +9,6 @@ declare global {
     }
 }
 export default CodeEditorElement;
-export type { FunctionSchema, FunctionParameter, Suggestion, FunctionInsertEvent, SuggestionInsertEvent, } from './internals/types.js';
+export type { Suggestion, FunctionInsertEvent, SuggestionInsertEvent } 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,EACV,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,sBAAsB,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,EAAE,UAAU,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAClG,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 {\n  FunctionSchema,\n  FunctionParameter,\n  Suggestion,\n  FunctionInsertEvent,\n  SuggestionInsertEvent,\n} from './internals/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 { Suggestion, FunctionInsertEvent, SuggestionInsertEvent } 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

@@ -1,5 +1,6 @@
 import { LitElement, PropertyValues, TemplateResult } from 'lit';
-import type { FunctionSchema, Suggestion } from './types.js';
+import type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js';
+import type { Suggestion } from './types.js';
 import { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js';
 /**
  * A CodeMirror 6 based editor component that supports function autocomplete and suggestion placeholders.
@@ -17,6 +18,7 @@ import { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js';
  * @fires change - When the editor loses focus and content has changed
  */
 export default class CodeEditor extends LitElement {
+    #private;
     /**
      * Shadow root configuration for the component.
      * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.
@@ -53,7 +55,8 @@ export default class CodeEditor extends LitElement {
     /**
      * The editor content value
      */
-    accessor value: string;
+    get value(): string;
+    set value(newValue: string);
     /**
      * Available function schemas for autocomplete
      */
@@ -74,6 +77,10 @@ export default class CodeEditor extends LitElement {
     private accessor hasContent;
     private accessor isEditorFocus;
     private editorView?;
+    /**
+     * A control value to track previous value of the editor.
+     * This is used to detect when change event should be dispatched.
+     */
     private _previousValue;
     /**
      * Matcher for suggestion placeholders in the editor.
@@ -83,6 +90,7 @@ export default class CodeEditor extends LitElement {
      * Get all suggestions (placeholders) currently in the editor
      */
     get activeSuggestions(): Suggestion[];
+    private readonlyState;
     disconnectedCallback(): void;
     firstUpdated(): void;
     willUpdate(changedProperties: PropertyValues): void;
@@ -119,10 +127,6 @@ export default class CodeEditor extends LitElement {
      * Update editor content when value changes
      */
     private updateEditorContent;
-    /**
-     * Update editor state (e.g., disabled state)
-     */
-    private updateEditorState;
     /**
      * Handle editor content change
      */

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;AA2B/E,OAAO,KAAK,EAAuB,cAAc,EAAE,UAAU,EAAyB,MAAM,YAAY,CAAA;AACxG,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;IAEzB;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAK;IAEnB;;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,OAAO,CAAC,cAAc,CAAK;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,wBAAwB,CAAA;IAE7C;;OAEG;IACH,IAAI,iBAAiB,IAAI,UAAU,EAAE,CAapC;IAEQ,oBAAoB,IAAI,IAAI;IAK5B,YAAY,IAAI,IAAI;IAKpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAkB5D;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAoD5B;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAoB/B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IA0C9B,OAAO,CAAC,wBAAwB;IAkBhC,OAAO,CAAC,0BAA0B;IAkBlC;;;OAGG;IACH,OAAO,CAAC,wBAAwB,CAmB/B;IAED;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IA+DjC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAiB1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAe3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAYzB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAa1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAQzB;;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,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;IAkBhC,OAAO,CAAC,0BAA0B;IAkBlC;;;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"}

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

@@ -3,7 +3,7 @@ import { html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { linter } from '@codemirror/lint';
-import { EditorState } from '@codemirror/state';
+import { Compartment, EditorState } from '@codemirror/state';
 import { autocompletion, } from '@codemirror/autocomplete';
 import { javascript } from '@codemirror/lang-javascript';
 import { syntaxHighlighting, defaultHighlightStyle } from '@codemirror/language';
@@ -11,10 +11,12 @@ import { oneDark } from '@codemirror/theme-one-dark';
 import { keymap } from '@codemirror/view';
 import { defaultKeymap } from '@codemirror/commands';
 import { EditorView, Decoration, ViewPlugin, hoverTooltip, } from '@codemirror/view';
+import { getTypeStringFromSchema } from '@pawel-up/jexl/schemas/utils.js';
 import { functionLinter } from './Linter.js';
 import { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js';
 let CodeEditor = (() => {
     let _classSuper = LitElement;
+    let _instanceExtraInitializers = [];
     let _label_decorators;
     let _label_initializers = [];
     let _label_extraInitializers = [];
@@ -36,9 +38,7 @@ let CodeEditor = (() => {
     let _placeholder_decorators;
     let _placeholder_initializers = [];
     let _placeholder_extraInitializers = [];
-    let _value_decorators;
-    let _value_initializers = [];
-    let _value_extraInitializers = [];
+    let _set_value_decorators;
     let _functionSchemas_decorators;
     let _functionSchemas_initializers = [];
     let _functionSchemas_extraInitializers = [];
@@ -70,7 +70,7 @@ let CodeEditor = (() => {
             _name_decorators = [property({ type: String })];
             _required_decorators = [property({ type: Boolean })];
             _placeholder_decorators = [property({ type: String })];
-            _value_decorators = [property({ type: String })];
+            _set_value_decorators = [property({ type: String })];
             _functionSchemas_decorators = [property({ type: Array, attribute: false })];
             _suggestions_decorators = [property({ type: Array, attribute: false })];
             _darkTheme_decorators = [property({ type: Boolean, attribute: 'dark-theme' })];
@@ -85,7 +85,7 @@ let CodeEditor = (() => {
             __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
             __esDecorate(this, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
             __esDecorate(this, null, _placeholder_decorators, { kind: "accessor", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
-            __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(this, null, _set_value_decorators, { kind: "setter", name: "value", static: false, private: false, access: { has: obj => "value" in obj, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _functionSchemas_decorators, { kind: "accessor", name: "functionSchemas", static: false, private: false, access: { has: obj => "functionSchemas" in obj, get: obj => obj.functionSchemas, set: (obj, value) => { obj.functionSchemas = value; } }, metadata: _metadata }, _functionSchemas_initializers, _functionSchemas_extraInitializers);
             __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);
@@ -103,11 +103,11 @@ let CodeEditor = (() => {
             mode: 'open',
             delegatesFocus: true,
         };
-        #label_accessor_storage = __runInitializers(this, _label_initializers, ''
+        #label_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _label_initializers, ''
         /**
          * Supporting text displayed below the editor
          */
-        );
+        ));
         /**
          * The label text displayed as placeholder/floating label
          */
@@ -165,7 +165,7 @@ let CodeEditor = (() => {
         set required(value) { this.#required_accessor_storage = value; }
         #placeholder_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _placeholder_initializers, ''
         /**
-         * The editor content value
+         * This property is used internally to set value without triggering updates.
          */
         ));
         /**
@@ -173,21 +173,29 @@ let CodeEditor = (() => {
          */
         get placeholder() { return this.#placeholder_accessor_storage; }
         set placeholder(value) { this.#placeholder_accessor_storage = value; }
-        #value_accessor_storage = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _value_initializers, ''
         /**
-         * Available function schemas for autocomplete
+         * This property is used internally to set value without triggering updates.
          */
-        ));
+        #value = (__runInitializers(this, _placeholder_extraInitializers), '');
         /**
          * The editor content value
          */
-        get value() { return this.#value_accessor_storage; }
-        set value(value) { this.#value_accessor_storage = value; }
-        #functionSchemas_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _functionSchemas_initializers, []
+        get value() {
+            return this.#value;
+        }
+        set value(newValue) {
+            const oldValue = this.#value;
+            if (newValue !== oldValue) {
+                this.#value = newValue;
+                this._previousValue = newValue;
+                this.requestUpdate('value', oldValue);
+            }
+        }
+        #functionSchemas_accessor_storage = __runInitializers(this, _functionSchemas_initializers, []
         /**
          * Available suggestions for autocomplete
          */
-        ));
+        );
         /**
          * Available function schemas for autocomplete
          */
@@ -229,6 +237,10 @@ let CodeEditor = (() => {
         get isEditorFocus() { return this.#isEditorFocus_accessor_storage; }
         set isEditorFocus(value) { this.#isEditorFocus_accessor_storage = value; }
         editorView = __runInitializers(this, _isEditorFocus_extraInitializers);
+        /**
+         * A control value to track previous value of the editor.
+         * This is used to detect when change event should be dispatched.
+         */
         _previousValue = '';
         /**
          * Matcher for suggestion placeholders in the editor.
@@ -251,6 +263,7 @@ let CodeEditor = (() => {
             }
             return suggestions;
         }
+        readonlyState = new Compartment();
         disconnectedCallback() {
             super.disconnectedCallback();
             this.editorView?.destroy();
@@ -270,7 +283,9 @@ let CodeEditor = (() => {
                 this.updateEditorContent();
             }
             if (changedProperties.has('disabled')) {
-                this.updateEditorState();
+                this.editorView?.dispatch({
+                    effects: this.readonlyState.reconfigure(EditorState.readOnly.of(this.disabled)),
+                });
             }
         }
         /**
@@ -296,6 +311,7 @@ let CodeEditor = (() => {
                 this.createPlaceholderPlugin(),
                 hoverTooltip(this.createHoverTooltipSource),
                 linter((view) => functionLinter(view, this.functionSchemas, (e) => this.dispatchEvent(e))),
+                this.readonlyState.of(EditorState.readOnly.of(this.disabled)),
             ];
             // Add language support
             if (this.language === 'javascript') {
@@ -461,13 +477,13 @@ let CodeEditor = (() => {
                     name.textContent = param.name;
                     const type = document.createElement('span');
                     type.className = 'param-type';
-                    type.textContent = `: ${param.type}`;
+                    type.textContent = `: ${getTypeStringFromSchema(param.schema)}`;
                     listItem.appendChild(name);
                     listItem.appendChild(type);
-                    if (param.description) {
+                    if (param.schema.description) {
                         const paramDesc = document.createElement('p');
                         paramDesc.className = 'param-description';
-                        paramDesc.textContent = param.description;
+                        paramDesc.textContent = param.schema.description;
                         listItem.appendChild(paramDesc);
                     }
                     paramsList.appendChild(listItem);
@@ -482,7 +498,8 @@ let CodeEditor = (() => {
                 returnsHeader.textContent = 'Returns';
                 returnsContainer.appendChild(returnsHeader);
                 const returnsDesc = document.createElement('p');
-                returnsDesc.textContent = fn.returns;
+                const returnType = getTypeStringFromSchema(fn.returns);
+                returnsDesc.textContent = fn.returns.description ? `${returnType}: ${fn.returns.description}` : returnType;
                 returnsContainer.appendChild(returnsDesc);
                 container.appendChild(returnsContainer);
             }
@@ -522,21 +539,6 @@ let CodeEditor = (() => {
                 });
             }
         }
-        /**
-         * Update editor state (e.g., disabled state)
-         */
-        updateEditorState() {
-            if (!this.editorView)
-                return;
-            // For now, we'll handle disabled state differently
-            // CodeMirror 6 doesn't use reconfigure for editable
-            if (this.disabled) {
-                this.editorView.contentDOM.setAttribute('contenteditable', 'false');
-            }
-            else {
-                this.editorView.contentDOM.setAttribute('contenteditable', 'true');
-            }
-        }
         /**
          * Handle editor content change
          */
@@ -544,20 +546,18 @@ let CodeEditor = (() => {
             if (!this.editorView)
                 return;
             const newValue = this.editorView.state.doc.toString();
-            if (newValue !== this._previousValue) {
-                this._previousValue = newValue;
-                this.value = newValue;
-                this.hasContent = newValue.length > 0;
-                this.dispatchEvent(new Event('input', { bubbles: true }));
-            }
+            this.#value = newValue;
+            this.hasContent = newValue.length > 0;
+            this.dispatchEvent(new Event('input', { bubbles: true }));
         }
         /**
          * Handle focus change
          */
         handleFocusChange(hasFocus) {
             this.isEditorFocus = hasFocus;
-            if (!hasFocus && this.value !== this._previousValue) {
-                this.dispatchEvent(new Event('change', { bubbles: true }));
+            if (!hasFocus && this.#value !== this._previousValue) {
+                this._previousValue = this.#value;
+                this.dispatchEvent(new Event('change'));
             }
         }
         /**

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 { 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 { functionLinter } from './Linter.js'\nimport type { FunctionInsertEvent, FunctionSchema, 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   * The editor content value\n   */\n  @property({ type: String })\n  accessor value = ''\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  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 = /\\{\\{(\\w+)\\}\\}/g\n    let match: RegExpExecArray | null\n    while ((match = placeholderPattern.exec(this.value)) !== null) {\n      const placeholderText = match[1]\n      // Find suggestion by label\n      const suggestion = this.suggestions.find((s) => s.label.toLowerCase() === placeholderText.toLowerCase())\n      if (suggestion) {\n        suggestions.push(suggestion)\n      }\n    }\n    return suggestions\n  }\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.updateEditorState()\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    ]\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(/\\{\\{(\\w+)\\}\\}/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(/\\{\\{(\\w*)$/)\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      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      apply: (view: EditorView, completion: unknown, from: number, to: number) => {\n        const placeholderText = `{{${suggestion.label}}}`\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 = `: ${param.type}`\n\n        listItem.appendChild(name)\n        listItem.appendChild(type)\n\n        if (param.description) {\n          const paramDesc = document.createElement('p')\n          paramDesc.className = 'param-description'\n          paramDesc.textContent = param.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      returnsDesc.textContent = fn.returns\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   * Update editor state (e.g., disabled state)\n   */\n  private updateEditorState(): void {\n    if (!this.editorView) return\n\n    // For now, we'll handle disabled state differently\n    // CodeMirror 6 doesn't use reconfigure for editable\n    if (this.disabled) {\n      this.editorView.contentDOM.setAttribute('contenteditable', 'false')\n    } else {\n      this.editorView.contentDOM.setAttribute('contenteditable', 'true')\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    if (newValue !== this._previousValue) {\n      this._previousValue = newValue\n      this.value = newValue\n      this.hasContent = newValue.length > 0\n\n      this.dispatchEvent(new Event('input', { bubbles: true }))\n    }\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.dispatchEvent(new Event('change', { bubbles: true }))\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 } 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 = /\\{\\{(\\w+)\\}\\}/g\n    let match: RegExpExecArray | null\n    while ((match = placeholderPattern.exec(this.value)) !== null) {\n      const placeholderText = match[1]\n      // Find suggestion by label\n      const suggestion = this.suggestions.find((s) => s.label.toLowerCase() === placeholderText.toLowerCase())\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(/\\{\\{(\\w+)\\}\\}/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(/\\{\\{(\\w*)$/)\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      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      apply: (view: EditorView, completion: unknown, from: number, to: number) => {\n        const placeholderText = `{{${suggestion.label}}}`\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"]}

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,wBAuJC"}
+{"version":3,"file":"CodeEditor.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/CodeEditor.styles.ts"],"names":[],"mappings":";AAEA,wBA8MC"}

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

@@ -128,8 +128,63 @@ export default css `
     outline: none;
   }
 
+  .cm-tooltip-hover {
+    box-shadow: var(--md-sys-elevation-3);
+  }
+
+  .editor-container .cm-editor .cm-tooltip,
+  .cm-tooltip-lint,
+  .function-info {
+    background-color: var(--md-sys-color-surface-container-highest);
+    color: var(--md-sys-color-on-surface);
+  }
+
   .function-info {
     padding: 8px;
+
+    font-family: var(--md-sys-typescale-body-medium-font);
+    font-weight: var(--md-sys-typescale-body-medium-weight);
+    font-size: var(--md-sys-typescale-body-medium-size);
+    letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+    line-height: var(--md-sys-typescale-body-medium-height);
+
+    h4 {
+      margin: 4px 0;
+      font-family: var(--md-sys-typescale-title-medium-font);
+      font-weight: var(--md-sys-typescale-title-medium-weight);
+      font-size: var(--md-sys-typescale-title-medium-size);
+      letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+      line-height: var(--md-sys-typescale-title-medium-height);
+    }
+
+    p {
+      margin: 0;
+    }
+
+    .description {
+      font-family: var(--md-sys-typescale-body-large-font);
+      font-weight: var(--md-sys-typescale-body-large-weight);
+      font-size: var(--md-sys-typescale-body-large-size);
+      letter-spacing: var(--md-sys-typescale-body-large-tracking);
+      line-height: var(--md-sys-typescale-body-large-height);
+    }
+
+    ul {
+      margin: 0;
+    }
+
+    .param-name,
+    .param-type {
+      font-family: var(--md-sys-typescale-label-large-font);
+      font-weight: var(--md-sys-typescale-label-large-weight);
+      font-size: var(--md-sys-typescale-label-large-size);
+      letter-spacing: var(--md-sys-typescale-label-large-tracking);
+      line-height: var(--md-sys-typescale-label-large-height);
+    }
+
+    .param-description {
+      color: var(--md-sys-color-on-surface-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuJjB,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  .function-info {\n    padding: 8px;\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"]}

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

@@ -1,5 +1,5 @@
 import type { Diagnostic } from '@codemirror/lint';
 import type { EditorView } from '@codemirror/view';
-import type { FunctionSchema } from './types.js';
+import type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js';
 export declare function functionLinter(view: EditorView, functionSchemas: readonly FunctionSchema[], dispatchEvent: (e: CustomEvent) => void): readonly Diagnostic[];
 //# sourceMappingURL=Linter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Linter.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/Linter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEhD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,SAAS,cAAc,EAAE,EAC1C,aAAa,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,GACtC,SAAS,UAAU,EAAE,CA4EvB"}
+{"version":3,"file":"Linter.d.ts","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/Linter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAErE,wBAAgB,cAAc,CAC5B,IAAI,EAAE,UAAU,EAChB,eAAe,EAAE,SAAS,cAAc,EAAE,EAC1C,aAAa,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,GACtC,SAAS,UAAU,EAAE,CA6EvB"}

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

@@ -52,13 +52,14 @@ export function functionLinter(view, functionSchemas, dispatchEvent) {
                     });
                 }
                 // Check if too many parameters
-                if (fn.parameters && args.length > fn.parameters.length) {
+                const hasVariadicParam = fn.parameters.length > 0 && !!fn.parameters[fn.parameters.length - 1].variadic;
+                if (!hasVariadicParam && args.length > fn.parameters.length) {
                     const functionEndPos = startPos + functionCallMatch[0].length;
                     diagnostics.push({
                         from: startPos,
                         to: functionEndPos,
                         severity: 'warning',
-                        message: `Function "${functionName}" expects at most ${fn.parameters.length} parameters but got ${args.length}`,
+                        message: `Function "${functionName}" expects at most ${fn.parameters.length} parameters, but got ${args.length}.`,
                     });
                 }
             }

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

@@ -1 +1 @@
-{"version":3,"file":"Linter.js","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/Linter.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Diagnostic } from '@codemirror/lint'\nimport type { EditorView } from '@codemirror/view'\nimport type { FunctionSchema } from './types.js'\n\nexport function functionLinter(\n  view: EditorView,\n  functionSchemas: readonly FunctionSchema[],\n  dispatchEvent: (e: CustomEvent) => void\n): readonly Diagnostic[] {\n  const diagnostics: Diagnostic[] = []\n  const doc = view.state.doc\n  const text = doc.toString()\n\n  const functions = functionSchemas\n  if (!functions || functions.length === 0) {\n    return diagnostics\n  }\n\n  // Regular expression to match function calls like functionName(args)\n  const functionCallRegex = /(\\w+)\\s*\\(/g\n  let match: RegExpExecArray | null\n\n  while ((match = functionCallRegex.exec(text)) !== null) {\n    const functionName = match[1]\n    const startPos = match.index\n    const endPos = startPos + functionName.length\n\n    // Check if this function exists in our schemas\n    const fn = functions.find((schema) => schema.name === functionName)\n\n    if (!fn) {\n      diagnostics.push({\n        from: startPos,\n        to: endPos,\n        severity: 'error',\n        message: `Unknown function \"${functionName}\". Make sure you have the correct syntax for the function call.`,\n        actions: [\n          {\n            name: 'View available functions',\n            apply: () => {\n              dispatchEvent(\n                new CustomEvent('show-available-functions', {\n                  detail: { availableFunctions: [...functions] },\n                  bubbles: true,\n                })\n              )\n            },\n          },\n        ],\n      })\n    } else {\n      // Extract the function call content to validate parameters\n      const functionCallMatch = text.substring(startPos).match(/(\\w+)\\s*\\(([^)]*)\\)/)\n      if (functionCallMatch && fn.parameters && fn.parameters.length > 0) {\n        const argsString = functionCallMatch[2].trim()\n        const args = argsString ? argsString.split(',').map((arg) => arg.trim()) : []\n\n        // Check required parameters\n        const requiredParams = fn.parameters.filter((p) => p.required)\n        if (args.length < requiredParams.length) {\n          const functionEndPos = startPos + functionCallMatch[0].length\n          diagnostics.push({\n            from: startPos,\n            to: functionEndPos,\n            severity: 'error',\n            message: `Function \"${functionName}\" requires ${requiredParams.length} parameters but got ${args.length}. Required: ${requiredParams.map((p) => p.name).join(', ')}`,\n          })\n        }\n\n        // Check if too many parameters\n        if (fn.parameters && args.length > fn.parameters.length) {\n          const functionEndPos = startPos + functionCallMatch[0].length\n          diagnostics.push({\n            from: startPos,\n            to: functionEndPos,\n            severity: 'warning',\n            message: `Function \"${functionName}\" expects at most ${fn.parameters.length} parameters but got ${args.length}`,\n          })\n        }\n      }\n    }\n  }\n\n  return diagnostics\n}\n"]}
+{"version":3,"file":"Linter.js","sourceRoot":"","sources":["../../../../../src/elements/code-editor/internals/Linter.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Diagnostic } from '@codemirror/lint'\nimport type { EditorView } from '@codemirror/view'\nimport type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js'\n\nexport function functionLinter(\n  view: EditorView,\n  functionSchemas: readonly FunctionSchema[],\n  dispatchEvent: (e: CustomEvent) => void\n): readonly Diagnostic[] {\n  const diagnostics: Diagnostic[] = []\n  const doc = view.state.doc\n  const text = doc.toString()\n\n  const functions = functionSchemas\n  if (!functions || functions.length === 0) {\n    return diagnostics\n  }\n\n  // Regular expression to match function calls like functionName(args)\n  const functionCallRegex = /(\\w+)\\s*\\(/g\n  let match: RegExpExecArray | null\n\n  while ((match = functionCallRegex.exec(text)) !== null) {\n    const functionName = match[1]\n    const startPos = match.index\n    const endPos = startPos + functionName.length\n\n    // Check if this function exists in our schemas\n    const fn = functions.find((schema) => schema.name === functionName)\n\n    if (!fn) {\n      diagnostics.push({\n        from: startPos,\n        to: endPos,\n        severity: 'error',\n        message: `Unknown function \"${functionName}\". Make sure you have the correct syntax for the function call.`,\n        actions: [\n          {\n            name: 'View available functions',\n            apply: () => {\n              dispatchEvent(\n                new CustomEvent('show-available-functions', {\n                  detail: { availableFunctions: [...functions] },\n                  bubbles: true,\n                })\n              )\n            },\n          },\n        ],\n      })\n    } else {\n      // Extract the function call content to validate parameters\n      const functionCallMatch = text.substring(startPos).match(/(\\w+)\\s*\\(([^)]*)\\)/)\n      if (functionCallMatch && fn.parameters && fn.parameters.length > 0) {\n        const argsString = functionCallMatch[2].trim()\n        const args = argsString ? argsString.split(',').map((arg) => arg.trim()) : []\n\n        // Check required parameters\n        const requiredParams = fn.parameters.filter((p) => p.required)\n        if (args.length < requiredParams.length) {\n          const functionEndPos = startPos + functionCallMatch[0].length\n          diagnostics.push({\n            from: startPos,\n            to: functionEndPos,\n            severity: 'error',\n            message: `Function \"${functionName}\" requires ${requiredParams.length} parameters but got ${args.length}. Required: ${requiredParams.map((p) => p.name).join(', ')}`,\n          })\n        }\n\n        // Check if too many parameters\n        const hasVariadicParam = fn.parameters.length > 0 && !!fn.parameters[fn.parameters.length - 1].variadic\n        if (!hasVariadicParam && args.length > fn.parameters.length) {\n          const functionEndPos = startPos + functionCallMatch[0].length\n          diagnostics.push({\n            from: startPos,\n            to: functionEndPos,\n            severity: 'warning',\n            message: `Function \"${functionName}\" expects at most ${fn.parameters.length} parameters, but got ${args.length}.`,\n          })\n        }\n      }\n    }\n  }\n\n  return diagnostics\n}\n"]}

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

@@ -1,29 +1,4 @@
-export interface FunctionSchema {
-    /** Unique identifier for the function */
-    id: string;
-    /** Function name */
-    name: string;
-    /** Function description */
-    description?: string;
-    /** Function parameters */
-    parameters?: FunctionParameter[];
-    /** Return type description */
-    returns?: string;
-    /** Additional metadata */
-    metadata?: Record<string, unknown>;
-}
-export interface FunctionParameter {
-    /** Parameter name */
-    name: string;
-    /** Parameter type */
-    type: string;
-    /** Parameter description */
-    description?: string;
-    /** Whether parameter is required */
-    required?: boolean;
-    /** Default value */
-    defaultValue?: unknown;
-}
+import type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js';
 export interface Suggestion {
     /** Unique identifier for the suggestion */
     id: string;

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,MAAM,WAAW,cAAc;IAC7B,yCAAyC;IACzC,EAAE,EAAE,MAAM,CAAA;IACV,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAChC,8BAA8B;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,iBAAiB;IAChC,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,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"}

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":["export interface FunctionSchema {\n  /** Unique identifier for the function */\n  id: string\n  /** Function name */\n  name: string\n  /** Function description */\n  description?: string\n  /** Function parameters */\n  parameters?: FunctionParameter[]\n  /** Return type description */\n  returns?: string\n  /** Additional metadata */\n  metadata?: Record<string, unknown>\n}\n\nexport interface FunctionParameter {\n  /** Parameter name */\n  name: string\n  /** Parameter type */\n  type: string\n  /** Parameter description */\n  description?: string\n  /** Whether parameter is required */\n  required?: boolean\n  /** Default value */\n  defaultValue?: unknown\n}\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"]}

package/build/src/index.d.ts

@@ -2,7 +2,7 @@ export { default as MarkedHighlightElement } from './elements/highlight/MarkedHi
 export { default as PrismHighlightElement } from './elements/highlight/PrismHighlight.js';
 export { default as HarViewerElement } from './elements/har/HarViewer.js';
 export { default as CodeEditorElement } from './elements/code-editor/code-editor.js';
-export type { FunctionSchema, FunctionParameter, Suggestion, FunctionInsertEvent, SuggestionInsertEvent, } from './elements/code-editor/code-editor.js';
+export type { Suggestion, FunctionInsertEvent, SuggestionInsertEvent } from './elements/code-editor/code-editor.js';
 export { default as Menu } from './md/menu/internal/Menu.js';
 export { default as MenuItem } from './md/menu/internal/MenuItem.js';
 export { default as SubMenu } from './md/menu/internal/SubMenu.js';

package/build/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAGzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AACpF,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,uCAAuC,CAAA;AAG9C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAGlE,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,2BAA2B,CAAA;AAClC,YAAY,EACV,SAAS,EACT,WAAW,EACX,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,0BAA0B,EAC1B,+BAA+B,GAChC,MAAM,2BAA2B,CAAA;AAGlC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAI7C,cAAc,0CAA0C,CAAA;AACxD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qCAAqC,CAAA;AAInD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,YAAY,EACV,UAAU,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,iBAAiB,EACjB,YAAY,GACb,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGjE,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAIxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,KAAK,eAAe,MAAM,yCAAyC,CAAA;AAC1E,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AAGpD,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAGhD,cAAc,wBAAwB,CAAA;AAGtC,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAGzE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AACpF,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAGnH,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAGlE,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,2BAA2B,CAAA;AAClC,YAAY,EACV,SAAS,EACT,WAAW,EACX,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,0BAA0B,EAC1B,+BAA+B,GAChC,MAAM,2BAA2B,CAAA;AAGlC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAI7C,cAAc,0CAA0C,CAAA;AACxD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qCAAqC,CAAA;AAInD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,YAAY,EACV,UAAU,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,iBAAiB,EACjB,YAAY,GACb,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGjE,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAIxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,KAAK,eAAe,MAAM,yCAAyC,CAAA;AAC1E,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AAGpD,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAGhD,cAAc,wBAAwB,CAAA;AAGtC,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAA"}

package/build/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AAEX,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAEzE,cAAc;AACd,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AASpF,kBAAkB;AAClB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAElE,yBAAyB;AACzB,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,2BAA2B,CAAA;AAWlC,OAAO;AACP,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,WAAW;AAEX,cAAc,0CAA0C,CAAA;AACxD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qCAAqC,CAAA;AAEnD,SAAS;AAET,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAQnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAEjE,SAAS;AACT,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAExC,OAAO;AAEP,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,KAAK,eAAe,MAAM,yCAAyC,CAAA;AAC1E,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AAEpD,SAAS;AACT,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAEhD,SAAS;AACT,cAAc,wBAAwB,CAAA;AAEtC,QAAQ;AACR,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAA","sourcesContent":["// Elements\n\nexport { default as MarkedHighlightElement } from './elements/highlight/MarkedHighlight.js'\nexport { default as PrismHighlightElement } from './elements/highlight/PrismHighlight.js'\nexport { default as HarViewerElement } from './elements/har/HarViewer.js'\n\n// Code Editor\nexport { default as CodeEditorElement } from './elements/code-editor/code-editor.js'\nexport type {\n  FunctionSchema,\n  FunctionParameter,\n  Suggestion,\n  FunctionInsertEvent,\n  SuggestionInsertEvent,\n} from './elements/code-editor/code-editor.js'\n\n// Menu Components\nexport { default as Menu } from './md/menu/internal/Menu.js'\nexport { default as MenuItem } from './md/menu/internal/MenuItem.js'\nexport { default as SubMenu } from './md/menu/internal/SubMenu.js'\n\n// Date Picker Components\nexport {\n  UiDatePickerCalendar,\n  UiDatePickerInput,\n  UiDatePickerModal,\n  UiDatePickerModalInput,\n} from './md/date-picker/index.js'\nexport type {\n  DateRange,\n  CalendarDay,\n  CalendarMonth,\n  DateSelectEvent,\n  DateRangeSelectEvent,\n  ModalDatePickerChangeEvent,\n  ModalInputDatePickerChangeEvent,\n} from './md/date-picker/index.js'\n\n// Demo\nexport { DemoPage } from './demo/DemoPage.js'\n\n// Bindings\n\nexport * from './bindings/base/ConfigurationBindings.js'\nexport * from './bindings/base/IoThread.js'\nexport * from './bindings/base/PlatformBindings.js'\n\n// Events\n\nexport { Events } from './events/Events.js'\nexport { EventTypes } from './events/EventTypes.js'\nexport type {\n  INavDetail,\n  INavRunHttpProjectDetail,\n  INavRunSchemaDesignerDetail,\n  INavRunHttpClient,\n  NavRunDetail,\n} from './events/NavigationEvents.js'\nexport { AppNavigationEvent } from './events/NavigationEvents.js'\n\n// Router\nexport * as Router from './lib/route.js'\n\n// libs\n\nexport { PrismHighlighter } from './elements/highlight/PrismHighlighter.js'\nexport { default as PrismStyles } from './elements/highlight/Prism.styles.js'\nexport { default as MarkdownStyles } from './elements/highlight/MarkdownStyles.js'\nexport * as PrismAutoDetect from './elements/highlight/PrismAutoDetect.js'\nexport * as RouteMixin from './mixins/RouteMixin.js'\n\n// Monaco\nexport * as MonacoLoader from './monaco/loader.js'\nexport * as MonacoTheme from './monaco/theme.js'\n\n// Config\nexport * from './lib/config/Config.js'\n\n// Other\nexport * as Decorators from './decorators/index.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AAEX,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAC3F,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAEzE,cAAc;AACd,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAGpF,kBAAkB;AAClB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,+BAA+B,CAAA;AAElE,yBAAyB;AACzB,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,2BAA2B,CAAA;AAWlC,OAAO;AACP,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,WAAW;AAEX,cAAc,0CAA0C,CAAA;AACxD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qCAAqC,CAAA;AAEnD,SAAS;AAET,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAQnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAEjE,SAAS;AACT,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AAExC,OAAO;AAEP,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,KAAK,eAAe,MAAM,yCAAyC,CAAA;AAC1E,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAA;AAEpD,SAAS;AACT,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAA;AAEhD,SAAS;AACT,cAAc,wBAAwB,CAAA;AAEtC,QAAQ;AACR,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAA","sourcesContent":["// Elements\n\nexport { default as MarkedHighlightElement } from './elements/highlight/MarkedHighlight.js'\nexport { default as PrismHighlightElement } from './elements/highlight/PrismHighlight.js'\nexport { default as HarViewerElement } from './elements/har/HarViewer.js'\n\n// Code Editor\nexport { default as CodeEditorElement } from './elements/code-editor/code-editor.js'\nexport type { Suggestion, FunctionInsertEvent, SuggestionInsertEvent } from './elements/code-editor/code-editor.js'\n\n// Menu Components\nexport { default as Menu } from './md/menu/internal/Menu.js'\nexport { default as MenuItem } from './md/menu/internal/MenuItem.js'\nexport { default as SubMenu } from './md/menu/internal/SubMenu.js'\n\n// Date Picker Components\nexport {\n  UiDatePickerCalendar,\n  UiDatePickerInput,\n  UiDatePickerModal,\n  UiDatePickerModalInput,\n} from './md/date-picker/index.js'\nexport type {\n  DateRange,\n  CalendarDay,\n  CalendarMonth,\n  DateSelectEvent,\n  DateRangeSelectEvent,\n  ModalDatePickerChangeEvent,\n  ModalInputDatePickerChangeEvent,\n} from './md/date-picker/index.js'\n\n// Demo\nexport { DemoPage } from './demo/DemoPage.js'\n\n// Bindings\n\nexport * from './bindings/base/ConfigurationBindings.js'\nexport * from './bindings/base/IoThread.js'\nexport * from './bindings/base/PlatformBindings.js'\n\n// Events\n\nexport { Events } from './events/Events.js'\nexport { EventTypes } from './events/EventTypes.js'\nexport type {\n  INavDetail,\n  INavRunHttpProjectDetail,\n  INavRunSchemaDesignerDetail,\n  INavRunHttpClient,\n  NavRunDetail,\n} from './events/NavigationEvents.js'\nexport { AppNavigationEvent } from './events/NavigationEvents.js'\n\n// Router\nexport * as Router from './lib/route.js'\n\n// libs\n\nexport { PrismHighlighter } from './elements/highlight/PrismHighlighter.js'\nexport { default as PrismStyles } from './elements/highlight/Prism.styles.js'\nexport { default as MarkdownStyles } from './elements/highlight/MarkdownStyles.js'\nexport * as PrismAutoDetect from './elements/highlight/PrismAutoDetect.js'\nexport * as RouteMixin from './mixins/RouteMixin.js'\n\n// Monaco\nexport * as MonacoLoader from './monaco/loader.js'\nexport * as MonacoTheme from './monaco/theme.js'\n\n// Config\nexport * from './lib/config/Config.js'\n\n// Other\nexport * as Decorators from './decorators/index.js'\n"]}

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

@@ -1,8 +1,8 @@
 import { html } from 'lit'
+import type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js'
 import reactive from '../../../src/decorators/reactive.js'
 import { DemoPage } from '../../../src/demo/DemoPage.js'
 import type {
-  FunctionSchema,
   Suggestion,
   FunctionInsertEvent,
   SuggestionInsertEvent,
@@ -29,64 +29,61 @@ class CodeEditorDemo extends DemoPage {
 
   private functionSchemas: FunctionSchema[] = [
     {
-      id: 'getData',
       name: 'getData',
       description: 'Fetches data from the server',
       parameters: [
         {
           name: 'url',
-          type: 'string',
-          description: 'The URL to fetch data from',
+          schema: { type: 'string', description: 'The URL to fetch data from' },
           required: true,
         },
         {
           name: 'options',
-          type: 'RequestInit',
-          description: 'Fetch options',
+          schema: { type: 'object', description: 'Fetch options' },
           required: false,
         },
       ],
-      returns: 'Promise<Response>',
+      returns: {
+        type: 'object',
+        description: 'The fetched data as an object',
+      },
+      category: 'network',
     },
     {
-      id: 'processData',
       name: 'processData',
       description: 'Processes raw data into a usable format',
       parameters: [
         {
           name: 'data',
-          type: 'any',
-          description: 'Raw data to process',
+          schema: { description: 'Raw data to process' },
           required: true,
         },
         {
           name: 'transformer',
-          type: 'Function',
-          description: 'Optional transformer function',
+          schema: { description: 'Optional transformer function' },
           required: false,
         },
       ],
-      returns: 'any',
+      returns: {},
+      category: 'data',
     },
     {
-      id: 'validateInput',
+      category: 'validation',
       name: 'validateInput',
       description: 'Validates user input against a schema',
       parameters: [
         {
           name: 'input',
-          type: 'object',
-          description: 'The input to validate',
+          schema: { type: 'object', description: 'The input to validate' },
           required: true,
         },
         {
           name: 'schema',
-          type: 'Schema',
-          description: 'Validation schema',
+          schema: { type: 'object', description: 'Validation schema' },
           required: true,
         },
       ],
-      returns: 'ValidationResult',
+      returns: { type: 'object', description: 'Validation result' },
     },
   ]
 
@@ -127,6 +124,13 @@ class CodeEditorDemo extends DemoPage {
   private handleInput(event: Event): void {
     const target = event.target as HTMLElement & { value: string }
     this.editorValue = target.value
+    console.log('Editor input:', new Error().stack)
+  }
+
+  private handleChange(event: Event): void {
+    const target = event.target as HTMLElement & { value: string }
+    this.output = `Editor content changed: ${target.value}`
+    console.log('Editor change:', target.value)
   }
 
   contentTemplate() {
@@ -146,6 +150,7 @@ class CodeEditorDemo extends DemoPage {
           @function-insert=${this.handleFunctionInsert}
           @suggestion-insert=${this.handleSuggestionInsert}
           @input=${this.handleInput}
+          @change=${this.handleChange}
         ></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.13",
+  "version": "0.5.15",
   "description": "Internal UI component library for the API Client ecosystem.",
   "license": "UNLICENSED",
   "main": "build/src/index.js",
@@ -190,6 +190,7 @@
     "@codemirror/view": "^6.38.0",
     "@github/relative-time-element": "^4.4.6",
     "@material/web": "^2.3.0",
+    "@pawel-up/jexl": "^4.3.0",
     "@types/har-format": "^1.2.8",
     "dompurify": "^3.2.5",
     "idb-keyval": "^6.1.0",

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

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

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

@@ -129,8 +129,63 @@ export default css`
     outline: none;
   }
 
+  .cm-tooltip-hover {
+    box-shadow: var(--md-sys-elevation-3);
+  }
+
+  .editor-container .cm-editor .cm-tooltip,
+  .cm-tooltip-lint,
+  .function-info {
+    background-color: var(--md-sys-color-surface-container-highest);
+    color: var(--md-sys-color-on-surface);
+  }
+
   .function-info {
     padding: 8px;
+
+    font-family: var(--md-sys-typescale-body-medium-font);
+    font-weight: var(--md-sys-typescale-body-medium-weight);
+    font-size: var(--md-sys-typescale-body-medium-size);
+    letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+    line-height: var(--md-sys-typescale-body-medium-height);
+
+    h4 {
+      margin: 4px 0;
+      font-family: var(--md-sys-typescale-title-medium-font);
+      font-weight: var(--md-sys-typescale-title-medium-weight);
+      font-size: var(--md-sys-typescale-title-medium-size);
+      letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+      line-height: var(--md-sys-typescale-title-medium-height);
+    }
+
+    p {
+      margin: 0;
+    }
+
+    .description {
+      font-family: var(--md-sys-typescale-body-large-font);
+      font-weight: var(--md-sys-typescale-body-large-weight);
+      font-size: var(--md-sys-typescale-body-large-size);
+      letter-spacing: var(--md-sys-typescale-body-large-tracking);
+      line-height: var(--md-sys-typescale-body-large-height);
+    }
+
+    ul {
+      margin: 0;
+    }
+
+    .param-name,
+    .param-type {
+      font-family: var(--md-sys-typescale-label-large-font);
+      font-weight: var(--md-sys-typescale-label-large-weight);
+      font-size: var(--md-sys-typescale-label-large-size);
+      letter-spacing: var(--md-sys-typescale-label-large-tracking);
+      line-height: var(--md-sys-typescale-label-large-height);
+    }
+
+    .param-description {
+      color: var(--md-sys-color-on-surface-variant);
+    }
   }
 
   /* Responsive */

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

@@ -2,7 +2,7 @@ import { html, LitElement, PropertyValues, TemplateResult, nothing } from 'lit'
 import { property, query, state } from 'lit/decorators.js'
 import { classMap } from 'lit/directives/class-map.js'
 import { linter } from '@codemirror/lint'
-import { EditorState, Extension } from '@codemirror/state'
+import { Compartment, EditorState, Extension } from '@codemirror/state'
 import {
   autocompletion,
   CompletionContext,
@@ -24,8 +24,10 @@ import {
   hoverTooltip,
   type Tooltip,
 } from '@codemirror/view'
+import type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js'
+import { getTypeStringFromSchema } from '@pawel-up/jexl/schemas/utils.js'
 import { functionLinter } from './Linter.js'
-import type { FunctionInsertEvent, FunctionSchema, Suggestion, SuggestionInsertEvent } from './types.js'
+import type { FunctionInsertEvent, Suggestion, SuggestionInsertEvent } from './types.js'
 import { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js'
 
 /**
@@ -95,11 +97,27 @@ export default class CodeEditor extends LitElement {
   @property({ type: String })
   accessor placeholder = ''
 
+  /**
+   * This property is used internally to set value without triggering updates.
+   */
+  #value = ''
+
   /**
    * The editor content value
    */
+  get value(): string {
+    return this.#value
+  }
+
   @property({ type: String })
-  accessor value = ''
+  set value(newValue: string) {
+    const oldValue = this.#value
+    if (newValue !== oldValue) {
+      this.#value = newValue
+      this._previousValue = newValue
+      this.requestUpdate('value', oldValue)
+    }
+  }
 
   /**
    * Available function schemas for autocomplete
@@ -135,6 +153,10 @@ export default class CodeEditor extends LitElement {
   private accessor isEditorFocus = false
 
   private editorView?: EditorView
+  /**
+   * A control value to track previous value of the editor.
+   * This is used to detect when change event should be dispatched.
+   */
   private _previousValue = ''
   /**
    * Matcher for suggestion placeholders in the editor.
@@ -159,6 +181,8 @@ export default class CodeEditor extends LitElement {
     return suggestions
   }
 
+  private readonlyState = new Compartment()
+
   override disconnectedCallback(): void {
     super.disconnectedCallback()
     this.editorView?.destroy()
@@ -183,7 +207,9 @@ export default class CodeEditor extends LitElement {
     }
 
     if (changedProperties.has('disabled')) {
-      this.updateEditorState()
+      this.editorView?.dispatch({
+        effects: this.readonlyState.reconfigure(EditorState.readOnly.of(this.disabled)),
+      })
     }
   }
 
@@ -210,6 +236,7 @@ export default class CodeEditor extends LitElement {
       this.createPlaceholderPlugin(),
       hoverTooltip(this.createHoverTooltipSource),
       linter((view) => functionLinter(view, this.functionSchemas, (e) => this.dispatchEvent(e))),
+      this.readonlyState.of(EditorState.readOnly.of(this.disabled)),
     ]
 
     // Add language support
@@ -405,15 +432,15 @@ export default class CodeEditor extends LitElement {
 
         const type = document.createElement('span')
         type.className = 'param-type'
-        type.textContent = `: ${param.type}`
+        type.textContent = `: ${getTypeStringFromSchema(param.schema)}`
 
         listItem.appendChild(name)
         listItem.appendChild(type)
 
-        if (param.description) {
+        if (param.schema.description) {
           const paramDesc = document.createElement('p')
           paramDesc.className = 'param-description'
-          paramDesc.textContent = param.description
+          paramDesc.textContent = param.schema.description
           listItem.appendChild(paramDesc)
         }
         paramsList.appendChild(listItem)
@@ -431,7 +458,8 @@ export default class CodeEditor extends LitElement {
       returnsContainer.appendChild(returnsHeader)
 
       const returnsDesc = document.createElement('p')
-      returnsDesc.textContent = fn.returns
+      const returnType = getTypeStringFromSchema(fn.returns)
+      returnsDesc.textContent = fn.returns.description ? `${returnType}: ${fn.returns.description}` : returnType
       returnsContainer.appendChild(returnsDesc)
       container.appendChild(returnsContainer)
     }
@@ -477,21 +505,6 @@ export default class CodeEditor extends LitElement {
     }
   }
 
-  /**
-   * Update editor state (e.g., disabled state)
-   */
-  private updateEditorState(): void {
-    if (!this.editorView) return
-
-    // For now, we'll handle disabled state differently
-    // CodeMirror 6 doesn't use reconfigure for editable
-    if (this.disabled) {
-      this.editorView.contentDOM.setAttribute('contenteditable', 'false')
-    } else {
-      this.editorView.contentDOM.setAttribute('contenteditable', 'true')
-    }
-  }
-
   /**
    * Handle editor content change
    */
@@ -499,13 +512,10 @@ export default class CodeEditor extends LitElement {
     if (!this.editorView) return
 
     const newValue = this.editorView.state.doc.toString()
-    if (newValue !== this._previousValue) {
-      this._previousValue = newValue
-      this.value = newValue
-      this.hasContent = newValue.length > 0
+    this.#value = newValue
+    this.hasContent = newValue.length > 0
 
-      this.dispatchEvent(new Event('input', { bubbles: true }))
-    }
+    this.dispatchEvent(new Event('input', { bubbles: true }))
   }
 
   /**
@@ -514,8 +524,9 @@ export default class CodeEditor extends LitElement {
   private handleFocusChange(hasFocus: boolean): void {
     this.isEditorFocus = hasFocus
 
-    if (!hasFocus && this.value !== this._previousValue) {
-      this.dispatchEvent(new Event('change', { bubbles: true }))
+    if (!hasFocus && this.#value !== this._previousValue) {
+      this._previousValue = this.#value
+      this.dispatchEvent(new Event('change'))
     }
   }
 

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

@@ -1,6 +1,6 @@
 import type { Diagnostic } from '@codemirror/lint'
 import type { EditorView } from '@codemirror/view'
-import type { FunctionSchema } from './types.js'
+import type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js'
 
 export function functionLinter(
   view: EditorView,
@@ -68,13 +68,14 @@ export function functionLinter(
         }
 
         // Check if too many parameters
-        if (fn.parameters && args.length > fn.parameters.length) {
+        const hasVariadicParam = fn.parameters.length > 0 && !!fn.parameters[fn.parameters.length - 1].variadic
+        if (!hasVariadicParam && args.length > fn.parameters.length) {
           const functionEndPos = startPos + functionCallMatch[0].length
           diagnostics.push({
             from: startPos,
             to: functionEndPos,
             severity: 'warning',
-            message: `Function "${functionName}" expects at most ${fn.parameters.length} parameters but got ${args.length}`,
+            message: `Function "${functionName}" expects at most ${fn.parameters.length} parameters, but got ${args.length}.`,
           })
         }
       }

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

@@ -1,30 +1,4 @@
-export interface FunctionSchema {
-  /** Unique identifier for the function */
-  id: string
-  /** Function name */
-  name: string
-  /** Function description */
-  description?: string
-  /** Function parameters */
-  parameters?: FunctionParameter[]
-  /** Return type description */
-  returns?: string
-  /** Additional metadata */
-  metadata?: Record<string, unknown>
-}
-
-export interface FunctionParameter {
-  /** Parameter name */
-  name: string
-  /** Parameter type */
-  type: string
-  /** Parameter description */
-  description?: string
-  /** Whether parameter is required */
-  required?: boolean
-  /** Default value */
-  defaultValue?: unknown
-}
+import type { FunctionSchema } from '@pawel-up/jexl/schemas/types.js'
 
 export interface Suggestion {
   /** Unique identifier for the suggestion */

package/src/index.ts

@@ -6,13 +6,7 @@ export { default as HarViewerElement } from './elements/har/HarViewer.js'
 
 // Code Editor
 export { default as CodeEditorElement } from './elements/code-editor/code-editor.js'
-export type {
-  FunctionSchema,
-  FunctionParameter,
-  Suggestion,
-  FunctionInsertEvent,
-  SuggestionInsertEvent,
-} from './elements/code-editor/code-editor.js'
+export type { Suggestion, FunctionInsertEvent, SuggestionInsertEvent } from './elements/code-editor/code-editor.js'
 
 // Menu Components
 export { default as Menu } from './md/menu/internal/Menu.js'