@vectoriox/iox-ui 4.2.10 → 4.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectoriox/iox-ui",
-  "version": "4.2.10",
+  "version": "4.2.11",
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",

package/types/vectoriox-iox-ui.d.ts

@@ -419,6 +419,13 @@ interface EditableNode$1 {
         default: any;
     }>;
 }
+/**
+ * Directive-host Heading: the real `<h1>`…`<h6>` IS the host — no `app-builder-heading`
+ * wrapper, no inner/outer split. The tag is chosen by whoever CREATES the component
+ * (engine: `createComponent({ hostElement: document.createElement(level) })`; builder:
+ * RenderDirective does the same), NOT by an internal ngSwitch. `level` is kept as an input
+ * for that creation logic + serialization. Editing (contenteditable) runs in the builder only.
+ */
 declare class BuilderHeadingComponent implements OnInit {
     private events;
     private cdr;
@@ -429,14 +436,14 @@ declare class BuilderHeadingComponent implements OnInit {
     editing: boolean;
     constructor(events: IBuilderEventEmitter | null, cdr: ChangeDetectorRef);
     ngOnInit(): void;
-    onMouseDown(event: MouseEvent): void;
-    startEdit(event: MouseEvent): void;
+    onMouseDown(event: Event): void;
+    startEdit(event: Event): void;
     commitEdit(event: FocusEvent): void;
-    onKeyDown(event: KeyboardEvent): void;
+    onKeyDown(event: Event): void;
     private isBound;
     private syncTraitToPanel;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuilderHeadingComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderHeadingComponent, "app-builder-heading", never, { "content": { "alias": "content"; "required": false; }; "level": { "alias": "level"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "node": { "alias": "node"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderHeadingComponent, "h1[iox-heading],h2[iox-heading],h3[iox-heading],h4[iox-heading],h5[iox-heading],h6[iox-heading]", never, { "content": { "alias": "content"; "required": false; }; "level": { "alias": "level"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "node": { "alias": "node"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 interface EditableNode {
@@ -448,6 +455,12 @@ interface EditableNode {
         default: any;
     }>;
 }
+/**
+ * Directive-host Text: the real `<p>`/`<span>` IS the host — no `app-text-block` wrapper,
+ * no inner/outer split. The tag is chosen by whoever CREATES the component (engine/builder
+ * pass `hostElement`), NOT an internal ngSwitch. Content is rich HTML (Quill) → bound via
+ * `[innerHTML]` on the host. Editing (contenteditable) runs in the builder only.
+ */
 declare class TextBlockComponent implements OnInit {
     private events;
     private cdr;
@@ -461,16 +474,16 @@ declare class TextBlockComponent implements OnInit {
     editing: boolean;
     constructor(events: IBuilderEventEmitter | null, cdr: ChangeDetectorRef);
     ngOnInit(): void;
-    onPointerDown(event: PointerEvent): void;
-    onMouseDown(event: MouseEvent): void;
-    startEdit(event: MouseEvent): void;
-    onPaste(event: ClipboardEvent): void;
-    commitEdit(event: FocusEvent): void;
-    onKeyDown(event: KeyboardEvent): void;
+    onPointerDown(event: Event): void;
+    onMouseDown(event: Event): void;
+    startEdit(event: Event): void;
+    onPaste(event: Event): void;
+    commitEdit(event: Event): void;
+    onKeyDown(event: Event): void;
     private isBound;
     private syncTraitToPanel;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextBlockComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextBlockComponent, "app-text-block", never, { "content": { "alias": "content"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "node": { "alias": "node"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextBlockComponent, "p[iox-text],span[iox-text]", never, { "content": { "alias": "content"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "node": { "alias": "node"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 /** Directive-host section: the `<section>` IS the host — no wrapper, no inner/outer split. */
@@ -521,17 +534,23 @@ declare class ClientRepeaterComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ClientRepeaterComponent, "iox-repeater", never, { "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+/**
+ * Directive-host ButtonBlock: the real `<a>`/`<button>` IS the host — no `app-button-block`
+ * wrapper, no inner/outer split. The tag is chosen by whoever CREATES the component (engine
+ * passes `hostElement`: `<a>` when `tag==='a'`, else `<button>`), NOT an internal `*ngIf`.
+ * The `iox-btn-block` class (UA resets: inline-flex, color/font inherit, no border) matches the
+ * string renderer and lives in the engine's global styles.scss — kept OFF `:host` so styleProps
+ * (`.iox-node-{id}`) can override it. Children render into the host via `childrenHost`.
+ */
 declare class ButtonBlockComponent {
     tag: 'button' | 'a';
     href: string;
     target: '_self' | '_blank';
     type: 'button' | 'submit' | 'reset';
     nodeId: string;
-    buttonHost?: ViewContainerRef;
-    linkHost?: ViewContainerRef;
-    get childrenHost(): ViewContainerRef | undefined;
+    childrenHost: ViewContainerRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonBlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonBlockComponent, "app-button-block", never, { "tag": { "alias": "tag"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonBlockComponent, "a[iox-button-block],button[iox-button-block]", never, { "tag": { "alias": "tag"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class ClientSliderContainerComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -595,35 +614,31 @@ declare class ClientSliderSlideComponent {
 }
 
 /**
- * Client-engine List. Renders a real `<ul>`/`<ol>` (chosen by the `htmlTag` trait) with the
- * shared `iox-node-{id}` class, and inserts children into it via `childrenHost`. `:host` uses
- * `display: contents` so the `<ul>`/`<ol>` is the effective layout child of its parent.
- *
- * The host is chosen from a `*ngIf` branch, so its ViewContainerRef only resolves after change
- * detection — ClientTreeRendererService detects changes before reading `childrenHost`.
+ * Directive-host List: the real `<ul>`/`<ol>` IS the host — no `iox-list` wrapper, no
+ * inner/outer split. The tag is chosen by whoever CREATES the component (engine passes
+ * `hostElement: document.createElement(htmlTag)`), NOT an internal `*ngIf`. Children render
+ * into the host via `childrenHost`. `start`/`reversed` are host attrs (only meaningful on `<ol>`).
  */
 declare class ClientListComponent {
     htmlTag: 'ul' | 'ol';
     start: string | number;
     reversed: boolean;
     nodeId: string;
-    private olHost?;
-    private ulHost?;
-    get childrenHost(): ViewContainerRef | undefined;
+    childrenHost: ViewContainerRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClientListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClientListComponent, "iox-list", never, { "htmlTag": { "alias": "htmlTag"; "required": false; }; "start": { "alias": "start"; "required": false; }; "reversed": { "alias": "reversed"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClientListComponent, "ul[iox-list],ol[iox-list]", never, { "htmlTag": { "alias": "htmlTag"; "required": false; }; "start": { "alias": "start"; "required": false; }; "reversed": { "alias": "reversed"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 /**
- * Client-engine List item. Renders a real `<li>` with the shared `iox-node-{id}` class.
- * `:host { display: contents }` removes the `iox-list-item` wrapper from the box tree so the
- * `<li>` is a proper (marker-bearing) child of the parent `<ul>`/`<ol>`.
+ * Directive-host List item: the real `<li>` IS the host — no `iox-list-item` wrapper, no
+ * inner/outer split. Children render into the `<li>` via `childrenHost`. Fixed tag (`<li>`),
+ * so the engine creates it with `vcr.createComponent` (no `hostElement` needed).
  */
 declare class ClientListItemComponent {
     nodeId: string;
     childrenHost: ViewContainerRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClientListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClientListItemComponent, "iox-list-item", never, { "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClientListItemComponent, "li[iox-list-item]", never, { "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare class IoxBuilderComponentsModule {