codexly-ui 0.12.40 → 0.12.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.12.40",
+  "version": "0.12.41",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -1778,6 +1778,18 @@ declare class ClxEditorComponent implements AfterViewInit, OnDestroy, ControlVal
         url: string;
         alt?: string;
     } | undefined | null>) | undefined>;
+    /** Adds an extra toolbar button (only rendered when provided) that inserts a raw HTML block at
+     *  the cursor — e.g. an ERP's own "insert product card" flow, where the result is a whole
+     *  <table> block, not a single <img>, so imagePicker's fixed <img>-only output doesn't fit. The
+     *  returned html is inserted as-is via insertHTML, no sanitization beyond what
+     *  insertHTML/_sanitizePaste already does for pasted content. */
+    readonly blockPicker: _angular_core.InputSignal<{
+        icon: string;
+        title: string;
+        fn: () => Promise<{
+            html: string;
+        } | undefined | null>;
+    } | undefined>;
     private _bodyEl;
     private _sourceEl;
     private readonly _cdr;
@@ -1828,6 +1840,7 @@ declare class ClxEditorComponent implements AfterViewInit, OnDestroy, ControlVal
     protected _execVal(cmd: string, event: Event): void;
     private _openLinkModal;
     private _openImageModal;
+    protected _openBlockPicker(): void;
     protected _saveRange(): void;
     private _restoreRange;
     protected _onPaste(event: ClipboardEvent): void;
@@ -1844,7 +1857,7 @@ declare class ClxEditorComponent implements AfterViewInit, OnDestroy, ControlVal
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxEditorComponent, "clx-editor", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusMessage": { "alias": "statusMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "imagePicker": { "alias": "imagePicker"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxEditorComponent, "clx-editor", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusMessage": { "alias": "statusMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "imagePicker": { "alias": "imagePicker"; "required": false; "isSignal": true; }; "blockPicker": { "alias": "blockPicker"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ClxEditorLinkModalComponent {