@vectoriox/iox-ui 4.0.6 → 4.0.8

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, EventEmitter, ElementRef, SimpleChanges, OnDestroy, OnInit, Renderer2, ModuleWithProviders, InjectionToken } from '@angular/core';
+import { AfterViewInit, EventEmitter, ElementRef, SimpleChanges, OnDestroy, OnInit, Renderer2, ModuleWithProviders, NgZone, InjectionToken, ChangeDetectorRef, ViewContainerRef, Type } from '@angular/core';
 import { AnimationPlayer, AnimationBuilder } from '@angular/animations';
 import { Observable, Subject } from 'rxjs';
 import * as i3 from '@angular/platform-browser/animations';
@@ -152,10 +152,11 @@ declare class IoxMasonryModule {
 }
 
 declare class PageScrollProvider {
+    private zone;
     private platformId;
     private lenis?;
     private rafId?;
-    constructor(platformId: object);
+    constructor(zone: NgZone, platformId: object);
     init(options?: ConstructorParameters<typeof Lenis>[0]): void;
     scrollTo(y: number, options?: {
         duration?: number;
@@ -172,11 +173,19 @@ declare class PageScrollProvider {
     static ɵprov: i0.ɵɵInjectableDeclaration<PageScrollProvider>;
 }
 
+interface IoxScrollOptions {
+    lerp?: number;
+    wheelMultiplier?: number;
+    touchMultiplier?: number;
+    orientation?: 'vertical' | 'horizontal';
+    infinite?: boolean;
+}
 declare class IoxPageComponent implements AfterViewInit, OnDestroy {
     private pageScrollProvider;
     private platformId;
     class: string;
     scrollEnabled: boolean;
+    scrollOptions: IoxScrollOptions;
     page: ElementRef<HTMLDivElement>;
     scrollEvent: EventEmitter<{
         scrollTop: number;
@@ -191,7 +200,7 @@ declare class IoxPageComponent implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IoxPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IoxPageComponent, "iox-page-component", never, { "class": { "alias": "class"; "required": false; }; "scrollEnabled": { "alias": "scrollEnabled"; "required": false; }; }, { "scrollEvent": "scrollEvent"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IoxPageComponent, "iox-page-component", never, { "class": { "alias": "class"; "required": false; }; "scrollEnabled": { "alias": "scrollEnabled"; "required": false; }; "scrollOptions": { "alias": "scrollOptions"; "required": false; }; }, { "scrollEvent": "scrollEvent"; }, never, ["*"], false, never>;
 }
 
 declare class IoxPageModule {
@@ -291,5 +300,228 @@ declare class AnalyticsService {
     static ɵprov: i0.ɵɵInjectableDeclaration<AnalyticsService>;
 }
 
-export { AOSService, AnalyticsService, CMSClientInfraModule, ConsentService, ContentService, ENVIRONMENT, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxMasonryComponent, IoxMasonryItemDirective, IoxMasonryModule, IoxMasonryService, IoxPageComponent, IoxPageModule, IoxUiModule, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, ViewPositionDirective, ViewPositionModule, WebSettingsService };
-export type { IoxMasonryOptions };
+declare const IS_PREVIEW: InjectionToken<boolean>;
+interface IBuilderEventEmitter {
+    emit(type: string, data?: any): void;
+}
+declare const IOX_BUILDER_EVENTS: InjectionToken<IBuilderEventEmitter>;
+
+declare class BuilderImageComponent {
+    src: string;
+    alt: string;
+    objectFit: 'cover' | 'contain' | 'fill' | 'none';
+    nodeId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BuilderImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderImageComponent, "app-builder-image", never, { "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "objectFit": { "alias": "objectFit"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class BuilderSpacerComponent {
+    nodeId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BuilderSpacerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderSpacerComponent, "app-builder-spacer", never, { "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class CardComponent {
+    title: string;
+    image: string;
+    description: string;
+    nodeId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "app-card", never, { "title": { "alias": "title"; "required": false; }; "image": { "alias": "image"; "required": false; }; "description": { "alias": "description"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class BuilderDividerComponent {
+    nodeId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BuilderDividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderDividerComponent, "app-builder-divider", never, { "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class BuilderIconComponent {
+    /** Full Phosphor icon CSS class string, e.g. "ph-thin ph-star" */
+    iconClass: string;
+    nodeId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BuilderIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderIconComponent, "app-builder-icon", never, { "iconClass": { "alias": "iconClass"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class BuilderLinkComponent {
+    isPreview: boolean;
+    label: string;
+    linkType: 'external' | 'page';
+    url: string;
+    pageRoute: string;
+    target: '_self' | '_blank' | '_parent' | '_top';
+    style: {
+        [key: string]: any;
+    };
+    constructor(isPreview: boolean);
+    get resolvedHref(): string;
+    onLinkClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BuilderLinkComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderLinkComponent, "app-builder-link", never, { "label": { "alias": "label"; "required": false; }; "linkType": { "alias": "linkType"; "required": false; }; "url": { "alias": "url"; "required": false; }; "pageRoute": { "alias": "pageRoute"; "required": false; }; "target": { "alias": "target"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+interface EditableNode$2 {
+    bindings?: Array<{
+        prop: string;
+    }>;
+    traits?: Array<{
+        name: string;
+        default: any;
+    }>;
+}
+declare class BuilderButtonComponent implements OnInit {
+    private events;
+    label: string;
+    link: string;
+    variant: 'primary' | 'outlined' | 'text';
+    nodeId: string;
+    node: EditableNode$2 | null;
+    editing: boolean;
+    constructor(events: IBuilderEventEmitter | null);
+    ngOnInit(): void;
+    startEdit(event: MouseEvent): void;
+    commitEdit(event: FocusEvent): void;
+    onKeyDown(event: KeyboardEvent): void;
+    private isBound;
+    private syncTraitToPanel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BuilderButtonComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderButtonComponent, "app-builder-button", never, { "label": { "alias": "label"; "required": false; }; "link": { "alias": "link"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "node": { "alias": "node"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+interface EditableNode$1 {
+    bindings?: Array<{
+        prop: string;
+    }>;
+    traits?: Array<{
+        name: string;
+        default: any;
+    }>;
+}
+declare class BuilderHeadingComponent implements OnInit {
+    private events;
+    private cdr;
+    content: string;
+    level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    nodeId: string;
+    node: EditableNode$1 | null;
+    editing: boolean;
+    constructor(events: IBuilderEventEmitter | null, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    onMouseDown(event: MouseEvent): void;
+    startEdit(event: MouseEvent): void;
+    commitEdit(event: FocusEvent): void;
+    onKeyDown(event: KeyboardEvent): 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>;
+}
+
+interface EditableNode {
+    bindings?: Array<{
+        prop: string;
+    }>;
+    traits?: Array<{
+        name: string;
+        default: any;
+    }>;
+}
+declare class TextBlockComponent implements OnInit {
+    private events;
+    private cdr;
+    content: string;
+    tag: 'p' | 'span';
+    style: {
+        [key: string]: any;
+    };
+    nodeId: string;
+    node: EditableNode | null;
+    editing: boolean;
+    constructor(events: IBuilderEventEmitter | null, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    onMouseDown(event: MouseEvent): void;
+    startEdit(event: MouseEvent): void;
+    commitEdit(event: FocusEvent): void;
+    onKeyDown(event: KeyboardEvent): 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>;
+}
+
+declare class SectionComponent {
+    nodeId: string;
+    childrenHost: ViewContainerRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionComponent, "iox-section", never, { "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class ContainerComponent {
+    nodeId: string;
+    childrenHost: ViewContainerRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContainerComponent, "iox-container", never, { "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class LinkedContainerComponent implements OnInit, OnDestroy {
+    private elRef;
+    private isPreview;
+    nodeId: string;
+    linkType: 'external' | 'page';
+    url: string;
+    pageRoute: string;
+    target: '_self' | '_blank' | '_parent' | '_top';
+    childrenHost: ViewContainerRef;
+    private capturePreventDefault;
+    constructor(elRef: ElementRef<HTMLElement>, isPreview: boolean);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get resolvedHref(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkedContainerComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkedContainerComponent, "iox-linked-container", never, { "nodeId": { "alias": "nodeId"; "required": false; }; "linkType": { "alias": "linkType"; "required": false; }; "url": { "alias": "url"; "required": false; }; "pageRoute": { "alias": "pageRoute"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**
+ * Client-engine repeater shell. Data fetching and item expansion are handled
+ * by DataSourceResolverService + BindingApplicatorService in the PageResolver
+ * before this component is rendered. ClientRenderDirective inserts one child
+ * per resolved item into childrenHost.
+ */
+declare class ClientRepeaterComponent {
+    nodeId: string;
+    childrenHost: ViewContainerRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClientRepeaterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClientRepeaterComponent, "iox-repeater", never, { "nodeId": { "alias": "nodeId"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class IoxBuilderComponentsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxBuilderComponentsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IoxBuilderComponentsModule, [typeof BuilderImageComponent, typeof BuilderSpacerComponent, typeof CardComponent, typeof BuilderDividerComponent, typeof BuilderIconComponent, typeof BuilderLinkComponent, typeof BuilderButtonComponent, typeof BuilderHeadingComponent, typeof TextBlockComponent, typeof SectionComponent, typeof ContainerComponent, typeof LinkedContainerComponent, typeof ClientRepeaterComponent], [typeof i2.CommonModule], [typeof BuilderImageComponent, typeof BuilderSpacerComponent, typeof CardComponent, typeof BuilderDividerComponent, typeof BuilderIconComponent, typeof BuilderLinkComponent, typeof BuilderButtonComponent, typeof BuilderHeadingComponent, typeof TextBlockComponent, typeof SectionComponent, typeof ContainerComponent, typeof LinkedContainerComponent, typeof ClientRepeaterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IoxBuilderComponentsModule>;
+}
+
+/**
+ * Single source of truth for the IOX component type → Angular class mapping.
+ * Used by the client engine (iox-client-engine) to resolve component classes
+ * from IoxLayoutNode.type strings at render time.
+ *
+ * All 13 builder components are registered here:
+ * - Leaf (Phase 2a): Image, Spacer, Card, Divider, Icon
+ * - Inline-editable (Phase 2b): Link, Button, Heading, Text
+ * - Layout shells (Phase 2c): Section, Container, LinkedContainer
+ * - Repeater (Phase 2d): ClientRepeaterComponent
+ *
+ * Section/Container/LinkedContainer/Repeater expose childrenHost: ViewContainerRef
+ * for ClientRenderDirective to insert child components into.
+ */
+declare class IoxComponentRegistryService {
+    private readonly map;
+    getComponent(type: string): Type<any> | undefined;
+    hasComponent(type: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IoxComponentRegistryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IoxComponentRegistryService>;
+}
+
+export { AOSService, AnalyticsService, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, CMSClientInfraModule, CardComponent, ClientRepeaterComponent, ConsentService, ContainerComponent, ContentService, 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 };
+export type { IBuilderEventEmitter, IoxMasonryOptions, IoxScrollOptions };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectoriox/iox-ui",
-  "version": "4.0.6",
+  "version": "4.0.8",
   "dependencies": {
     "tslib": "^2.3.0",
     "@fristys/masonry": "^1.1.7",