codexly-ui 0.12.36 → 0.12.37

package/package.json

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

package/types/codexly-ui.d.ts

@@ -1773,6 +1773,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 "poster" template resolved against a chosen product/variant, 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;
@@ -1823,6 +1835,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;
@@ -1839,7 +1852,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 {