@api-client/ui 0.5.11 → 0.5.13

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

@@ -0,0 +1,13 @@
+import type { CSSResultOrNative } from 'lit';
+import Element from './internals/CodeEditor.js';
+export declare class CodeEditorElement extends Element {
+    static styles: CSSResultOrNative[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'code-editor': CodeEditorElement;
+    }
+}
+export default CodeEditorElement;
+export type { FunctionSchema, FunctionParameter, Suggestion, FunctionInsertEvent, SuggestionInsertEvent, } from './internals/types.js';
+//# sourceMappingURL=code-editor.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/CodeEditor.js';
+import styles from './internals/CodeEditor.styles.js';
+let CodeEditorElement = (() => {
+    let _classDecorators = [customElement('code-editor')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var CodeEditorElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            CodeEditorElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [styles];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return CodeEditorElement = _classThis;
+})();
+export { CodeEditorElement };
+export default CodeEditorElement;
+//# sourceMappingURL=code-editor.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,159 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import type { FunctionSchema, Suggestion } from './types.js';
+import { SuggestionMatchDecorator } from './SuggestionMatchDecorator.js';
+/**
+ * A CodeMirror 6 based editor component that supports function autocomplete and suggestion placeholders.
+ *
+ * Features:
+ * - Dynamic function schema loading
+ * - Autocomplete for functions and suggestions
+ * - Suggestion placeholders with double curly braces ({{suggestion}})
+ * - Keyboard navigation
+ * - Accessibility support
+ *
+ * @fires function-insert - When a function is inserted
+ * @fires suggestion-insert - When a suggestion is inserted
+ * @fires input - When the editor content changes
+ * @fires change - When the editor loses focus and content has changed
+ */
+export default class CodeEditor extends LitElement {
+    /**
+     * Shadow root configuration for the component.
+     * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.
+     */
+    static shadowRootOptions: ShadowRootInit;
+    /**
+     * The label text displayed as placeholder/floating label
+     */
+    accessor label: string;
+    /**
+     * Supporting text displayed below the editor
+     */
+    accessor supportingText: string;
+    /**
+     * Whether the component is disabled
+     */
+    accessor disabled: boolean;
+    /**
+     * Whether the component is in an invalid state
+     */
+    accessor invalid: boolean;
+    /**
+     * The name attribute for form integration
+     */
+    accessor name: string;
+    /**
+     * Whether the input is required
+     */
+    accessor required: boolean;
+    /**
+     * Placeholder text shown when editor is empty
+     */
+    accessor placeholder: string;
+    /**
+     * The editor content value
+     */
+    accessor value: string;
+    /**
+     * Available function schemas for autocomplete
+     */
+    accessor functionSchemas: FunctionSchema[];
+    /**
+     * Available suggestions for autocomplete
+     */
+    accessor suggestions: Suggestion[];
+    /**
+     * Whether to use dark theme
+     */
+    accessor darkTheme: boolean;
+    /**
+     * Programming language for syntax highlighting
+     */
+    accessor language: string;
+    private accessor editorContainer;
+    private accessor hasContent;
+    private accessor isEditorFocus;
+    private editorView?;
+    private _previousValue;
+    /**
+     * Matcher for suggestion placeholders in the editor.
+     */
+    placeholderMatcher?: SuggestionMatchDecorator;
+    /**
+     * Get all suggestions (placeholders) currently in the editor
+     */
+    get activeSuggestions(): Suggestion[];
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    willUpdate(changedProperties: PropertyValues): void;
+    /**
+     * Initialize CodeMirror editor with extensions
+     */
+    private initializeCodeMirror;
+    /**
+     * Creates the ViewPlugin for rendering suggestion placeholders.
+     * This is created as a method to get access to the component's `suggestions`.
+     */
+    private createPlaceholderPlugin;
+    /**
+     * Create completion source for functions and suggestions
+     */
+    private createCompletionSource;
+    private createFunctionCompletion;
+    private createSuggestionCompletion;
+    /**
+     * Creates the source for the hover tooltips.
+     * This is an arrow function to automatically bind `this`.
+     */
+    private createHoverTooltipSource;
+    /**
+     * Creates a styled HTML element to display function documentation.
+     * This is used for both hover tooltips and autocomplete info panels.
+     */
+    private createFunctionInfoElement;
+    /**
+     * Format function call with parameters
+     */
+    private formatFunctionCall;
+    /**
+     * Update editor content when value changes
+     */
+    private updateEditorContent;
+    /**
+     * Update editor state (e.g., disabled state)
+     */
+    private updateEditorState;
+    /**
+     * Handle editor content change
+     */
+    private handleEditorChange;
+    /**
+     * Handle focus change
+     */
+    private handleFocusChange;
+    /**
+     * Dispatch function insert event
+     */
+    private dispatchFunctionInsert;
+    /**
+     * Dispatch suggestion insert event
+     */
+    private dispatchSuggestionInsert;
+    /**
+     * Focus the editor
+     */
+    focus(): void;
+    /**
+     * Get the editor's current selection
+     */
+    getSelection(): {
+        from: number;
+        to: number;
+    } | null;
+    /**
+     * Insert text at the current cursor position
+     */
+    insertText(text: string): void;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=CodeEditor.d.ts.map

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

@@ -0,0 +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"}