@vectoriox/iox-ui 4.2.10 → 4.2.12

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@vectoriox/iox-ui",
-  "version": "4.2.10",
+  "version": "4.2.12",
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",
     "@angular/animations": ">=20.0.0"
   },
   "dependencies": {
-    "tslib": "^2.3.0",
-    "@fristys/masonry": "^1.1.7"
+    "tslib": "^2.3.0"
   },
   "module": "fesm2022/vectoriox-iox-ui.mjs",
   "typings": "types/vectoriox-iox-ui.d.ts",

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

@@ -3,7 +3,6 @@ import { AfterViewInit, EventEmitter, ElementRef, SimpleChanges, OnDestroy, OnIn
 import { AnimationPlayer, AnimationBuilder } from '@angular/animations';
 import { Observable, Subject } from 'rxjs';
 import * as i3 from '@angular/platform-browser/animations';
-import * as i3$1 from '@angular/platform-browser';
 import Lenis from 'lenis';
 import * as i2 from '@angular/common';
 import { HttpClient } from '@angular/common/http';
@@ -97,60 +96,6 @@ declare class IoxAosModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<IoxAosModule>;
 }
 
-declare class IoxMasonryService {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<IoxMasonryService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<IoxMasonryService>;
-}
-
-declare class IoxMasonryComponent implements OnInit, AfterViewInit {
-    private _element;
-    options: any;
-    useImagesLoaded: Boolean;
-    updateLayout: Boolean;
-    layoutComplete: EventEmitter<any[]>;
-    _msnry: any;
-    private isAppendAllowed;
-    constructor(_element: ElementRef);
-    ngAfterViewInit(): void;
-    ngOnInit(): void;
-    ngOnChanges(changes: any): void;
-    add: (element: HTMLElement) => void;
-    remove(element: HTMLElement): void;
-    layout(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IoxMasonryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IoxMasonryComponent, "[iox-masonry], iox-masonry", never, { "options": { "alias": "options"; "required": false; }; "useImagesLoaded": { "alias": "useImagesLoaded"; "required": false; }; "updateLayout": { "alias": "updateLayout"; "required": false; }; }, { "layoutComplete": "layoutComplete"; }, never, ["*"], false, never>;
-}
-interface IoxMasonryOptions {
-    columns?: number;
-    columnBreakpoints?: number;
-    gutter?: number | string;
-    initOnImageLoad?: boolean;
-    loadingClass?: string;
-    loadedClass?: string;
-    onInit?: any;
-    bindOnScroll?: boolean;
-    useContainerWidth?: boolean;
-    trackItemSizeChanges?: boolean;
-}
-
-declare class IoxMasonryItemDirective implements OnDestroy, AfterViewInit {
-    private _element;
-    private _parent;
-    private _renderer;
-    constructor(_element: ElementRef, _parent: IoxMasonryComponent, _renderer: Renderer2);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IoxMasonryItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IoxMasonryItemDirective, "[ioxMasonryItem], ioxMasonryItem", never, {}, {}, never, never, false, never>;
-}
-
-declare class IoxMasonryModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IoxMasonryModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IoxMasonryModule, [typeof IoxMasonryComponent, typeof IoxMasonryItemDirective], [typeof i3$1.BrowserModule], [typeof IoxMasonryComponent, typeof IoxMasonryItemDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IoxMasonryModule>;
-}
-
 declare class PageScrollProvider {
     private zone;
     private lenis?;
@@ -419,6 +364,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 +381,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 +400,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 +419,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 +479,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 +559,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 {
@@ -710,5 +670,5 @@ declare const DEFAULT_WIDTH_BY_TYPE: Readonly<Record<string, string>>;
  */
 declare function renderDefaultDeclarations(type: string, styleProps: Record<string, any>, hasHoverState: boolean): string[];
 
-export { AOSService, AnalyticsService, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CMSClientInfraModule, CardComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ConsentService, ContainerComponent, ContentService, DEFAULT_WIDTH_BY_TYPE, ENVIRONMENT, IOX_BUILDER_EVENTS, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxMasonryComponent, IoxMasonryItemDirective, IoxMasonryModule, IoxMasonryService, IoxPageComponent, IoxPageModule, IoxUiModule, LinkedContainerComponent, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, SectionComponent, TextBlockComponent, ViewPositionDirective, ViewPositionModule, WebSettingsService, compileDeclarations, renderDefaultDeclarations, rewriteViewportUnits, styleKeyToKebab };
-export type { IBuilderEventEmitter, IoxMasonryOptions };
+export { AOSService, AnalyticsService, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CMSClientInfraModule, CardComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ConsentService, ContainerComponent, ContentService, DEFAULT_WIDTH_BY_TYPE, ENVIRONMENT, IOX_BUILDER_EVENTS, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxPageComponent, IoxPageModule, IoxUiModule, LinkedContainerComponent, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, SectionComponent, TextBlockComponent, ViewPositionDirective, ViewPositionModule, WebSettingsService, compileDeclarations, renderDefaultDeclarations, rewriteViewportUnits, styleKeyToKebab };
+export type { IBuilderEventEmitter };