ngx-form-designer 0.0.6

package/lib/theme/theme.service.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export interface FormTheme {
+    id: string;
+    name: string;
+    properties: Record<string, string>;
+}
+export declare class ThemeService {
+    private document;
+    private themes;
+    constructor(document: Document);
+    setTheme(themeId: string): void;
+    getThemes(): FormTheme[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
+}

package/lib/ui/json-schema-editor.component.d.ts

@@ -0,0 +1,27 @@
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class JsonSchemaEditorComponent implements AfterViewInit, OnDestroy {
+    readonly schema: import("@angular/core").InputSignal<Record<string, unknown> | null>;
+    readonly value: import("@angular/core").InputSignal<Record<string, unknown> | null>;
+    readonly readOnly: import("@angular/core").InputSignal<boolean>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<Record<string, unknown>>;
+    private readonly containerRef;
+    readonly error: import("@angular/core").WritableSignal<string>;
+    readonly loading: import("@angular/core").WritableSignal<boolean>;
+    private editor?;
+    private editorReady;
+    private suppressChange;
+    private schemaKey;
+    private valueKey;
+    private readonly viewReady;
+    private initToken;
+    private static modulePromise;
+    private readonly syncInputs;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private destroyEditor;
+    private static loadModule;
+    private initializeEditor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsonSchemaEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonSchemaEditorComponent, "app-json-schema-editor", never, { "schema": { "alias": "schema"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/monaco-editor.component.d.ts

@@ -0,0 +1,24 @@
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MonacoEditorComponent implements AfterViewInit, OnDestroy {
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly language: import("@angular/core").InputSignal<string>;
+    readonly theme: import("@angular/core").InputSignal<string>;
+    readonly readOnly: import("@angular/core").InputSignal<boolean>;
+    readonly minimap: import("@angular/core").InputSignal<boolean>;
+    readonly options: import("@angular/core").InputSignal<Record<string, unknown> | null>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
+    private readonly containerRef;
+    private static configured;
+    private monaco?;
+    private editor?;
+    private suppressChange;
+    private subscriptions;
+    private resizeObserver?;
+    private readonly editorReady;
+    private readonly syncInputs;
+    ngAfterViewInit(): Promise<void>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonacoEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonacoEditorComponent, "app-monaco-editor", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "minimap": { "alias": "minimap"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-accordion.component.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class UiAccordionComponent {
+    title: string;
+    subtitle?: string;
+    expanded: boolean;
+    showAdd: boolean;
+    get isOpen(): boolean;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiAccordionComponent, "ui-accordion", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "showAdd": { "alias": "showAdd"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/ui/ui-box-model.component.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface BoxModelValues {
+    marginTop?: any;
+    marginRight?: any;
+    marginBottom?: any;
+    marginLeft?: any;
+    paddingTop?: any;
+    paddingRight?: any;
+    paddingBottom?: any;
+    paddingLeft?: any;
+    borderWidth?: any;
+    width?: any;
+    height?: any;
+}
+export declare class UiBoxModelComponent implements OnChanges {
+    label: string;
+    hint: string;
+    helpText: string;
+    marginTop: any;
+    marginRight: any;
+    marginBottom: any;
+    marginLeft: any;
+    paddingTop: any;
+    paddingRight: any;
+    paddingBottom: any;
+    paddingLeft: any;
+    borderWidth: any;
+    width: any;
+    height: any;
+    units: string[];
+    defaultUnit: string;
+    valueChange: EventEmitter<BoxModelValues>;
+    localMarginTop: any;
+    localMarginRight: any;
+    localMarginBottom: any;
+    localMarginLeft: any;
+    localPaddingTop: any;
+    localPaddingRight: any;
+    localPaddingBottom: any;
+    localPaddingLeft: any;
+    localBorderWidth: any;
+    localWidth: any;
+    localHeight: any;
+    unit: string;
+    private readonly fallbackUnits;
+    get unitOptions(): string[];
+    ngOnChanges(changes: SimpleChanges): void;
+    onUnitChange(value: string): void;
+    emitChange(): void;
+    private resolveUnit;
+    private normalizeValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiBoxModelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiBoxModelComponent, "ui-box-model", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "marginTop": { "alias": "marginTop"; "required": false; }; "marginRight": { "alias": "marginRight"; "required": false; }; "marginBottom": { "alias": "marginBottom"; "required": false; }; "marginLeft": { "alias": "marginLeft"; "required": false; }; "paddingTop": { "alias": "paddingTop"; "required": false; }; "paddingRight": { "alias": "paddingRight"; "required": false; }; "paddingBottom": { "alias": "paddingBottom"; "required": false; }; "paddingLeft": { "alias": "paddingLeft"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "units": { "alias": "units"; "required": false; }; "defaultUnit": { "alias": "defaultUnit"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-color-swatch.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiColorSwatchComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    value: string;
+    valueChange: EventEmitter<string>;
+    blur: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiColorSwatchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiColorSwatchComponent, "ui-color-swatch", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
+}

package/lib/ui/ui-dimension.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiDimensionComponent implements OnChanges {
+    label: string;
+    hint: string;
+    helpText: string;
+    width: any;
+    height: any;
+    valueChange: EventEmitter<{
+        width: any;
+        height: any;
+    }>;
+    localWidth: any;
+    localHeight: any;
+    ngOnChanges(changes: SimpleChanges): void;
+    onWidthChange(value: any): void;
+    onHeightChange(value: any): void;
+    emitChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiDimensionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiDimensionComponent, "ui-dimension", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-edge-box.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiEdgeBoxComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    top: any;
+    right: any;
+    bottom: any;
+    left: any;
+    valueChange: EventEmitter<{
+        top: any;
+        right: any;
+        bottom: any;
+        left: any;
+    }>;
+    emitChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiEdgeBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiEdgeBoxComponent, "ui-edge-box", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "top": { "alias": "top"; "required": false; }; "right": { "alias": "right"; "required": false; }; "bottom": { "alias": "bottom"; "required": false; }; "left": { "alias": "left"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-field-wrapper.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class UiFieldWrapperComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiFieldWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiFieldWrapperComponent, "ui-field-wrapper", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/ui/ui-icon.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "lucide-angular";
+export declare class UiIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UiIconModule, never, [typeof i1.LucideAngularModule], [typeof i1.LucideAngularModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UiIconModule>;
+}

package/lib/ui/ui-input.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiInputComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    placeholder: string;
+    type: 'text' | 'number';
+    min?: number;
+    max?: number;
+    step?: number;
+    model: any;
+    modelChange: EventEmitter<any>;
+    onBlur: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiInputComponent, "ui-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "onBlur": "onBlur"; }, never, never, true, never>;
+}

package/lib/ui/ui-range-number.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiRangeNumberComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    prefix: string;
+    min: number;
+    max: number;
+    step: number;
+    value: number;
+    valueChange: EventEmitter<number>;
+    emitChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiRangeNumberComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiRangeNumberComponent, "ui-range-number", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-select-icon.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface IconOption {
+    label: string;
+    value: any;
+    icon?: string;
+}
+export declare class UiSelectIconComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    options: IconOption[];
+    value: any;
+    valueChange: EventEmitter<any>;
+    select(val: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiSelectIconComponent, "ui-select-icon", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "options": { "alias": "options"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-tabs.component.d.ts

@@ -0,0 +1,25 @@
+import { QueryList, AfterContentInit, EventEmitter, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiTabComponent {
+    label: string;
+    name: string;
+    disabled: boolean;
+    badge?: string;
+    badgeTone: 'neutral' | 'accent';
+    template: TemplateRef<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiTabComponent, "ui-tab", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeTone": { "alias": "badgeTone"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare class UiTabsComponent implements AfterContentInit {
+    tabQuery: QueryList<UiTabComponent>;
+    activeTab?: string;
+    activeTabChange: EventEmitter<string>;
+    private _internalIndex;
+    tabs: UiTabComponent[];
+    ngAfterContentInit(): void;
+    isActive(tab: UiTabComponent): boolean;
+    activate(tab: UiTabComponent): void;
+    get activeTemplate(): TemplateRef<unknown> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiTabsComponent, "ui-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; }; }, { "activeTabChange": "activeTabChange"; }, ["tabQuery"], never, true, never>;
+}

package/lib/website/website-brick-studio.component.d.ts

@@ -0,0 +1,67 @@
+import { OnDestroy } from '@angular/core';
+import type { WebsiteBrick } from './website-project.models';
+import * as i0 from "@angular/core";
+type BrickEditorTab = 'template' | 'script' | 'schema' | 'defaults';
+type BrickRuntimeMode = 'dom' | 'react';
+export declare class WebsiteBrickStudioComponent implements OnDestroy {
+    private readonly projectService;
+    private readonly router;
+    private readonly workspaceRef;
+    readonly searchQuery: import("@angular/core").WritableSignal<string>;
+    readonly newBrickRuntime: import("@angular/core").WritableSignal<BrickRuntimeMode>;
+    readonly bricks: import("@angular/core").Signal<WebsiteBrick[]>;
+    readonly selectedBrickId: import("@angular/core").WritableSignal<string>;
+    readonly selectedBrick: import("@angular/core").Signal<WebsiteBrick | null>;
+    readonly brickGroups: import("@angular/core").Signal<({
+        id: string;
+        label: string;
+        runtime: "react";
+        bricks: WebsiteBrick[];
+    } | {
+        id: string;
+        label: string;
+        runtime: "dom";
+        bricks: WebsiteBrick[];
+    })[]>;
+    readonly editorTab: import("@angular/core").WritableSignal<BrickEditorTab>;
+    readonly draftName: import("@angular/core").WritableSignal<string>;
+    readonly draftRuntime: import("@angular/core").WritableSignal<BrickRuntimeMode>;
+    readonly draftTemplate: import("@angular/core").WritableSignal<string>;
+    readonly draftScript: import("@angular/core").WritableSignal<string>;
+    readonly draftReactComponent: import("@angular/core").WritableSignal<string>;
+    readonly draftSchemaJson: import("@angular/core").WritableSignal<string>;
+    readonly draftDefaultsJson: import("@angular/core").WritableSignal<string>;
+    readonly draftDefaultsValue: import("@angular/core").WritableSignal<Record<string, unknown>>;
+    readonly parseError: import("@angular/core").WritableSignal<string>;
+    readonly editorHeight: import("@angular/core").WritableSignal<number>;
+    readonly inspectorOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly editorOptions: Record<string, unknown>;
+    private resizeCleanup?;
+    readonly previewConfig: import("@angular/core").Signal<{
+        id: string;
+        brickId: string;
+        props: Record<string, unknown>;
+    } | undefined>;
+    readonly previewBrick: import("@angular/core").Signal<WebsiteBrick | undefined>;
+    readonly inspectorSchema: import("@angular/core").Signal<Record<string, unknown> | null>;
+    readonly handlePropsChange: (nextProps: Record<string, unknown>) => void;
+    private readonly selectionSync;
+    private readonly draftSync;
+    backToEditor(): void;
+    selectBrick(id: string): void;
+    createBrick(): void;
+    removeBrick(id: string): void;
+    updateDefaultsJson(value: string): void;
+    saveBrick(): void;
+    setRuntime(mode: BrickRuntimeMode): void;
+    handleResizeKeydown(event: KeyboardEvent): void;
+    startEditorResize(event: PointerEvent): void;
+    ngOnDestroy(): void;
+    private static readonly MIN_EDITOR_HEIGHT;
+    private clampEditorHeight;
+    private computeMaxEditorHeight;
+    private parseJsonObject;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WebsiteBrickStudioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WebsiteBrickStudioComponent, "app-website-brick-studio", never, {}, {}, never, never, true, never>;
+}
+export {};

package/lib/website/website-designer-shell.component.d.ts

@@ -0,0 +1,53 @@
+import { OnInit, ElementRef } from '@angular/core';
+import { DesignerStateService } from '../form-designer/designer-state.service';
+import type { WebsiteProject } from './website-project.models';
+import { DesignerSectionDefinition } from '../plugins/section-definition';
+import * as i0 from "@angular/core";
+export declare class WebsiteDesignerShellComponent implements OnInit {
+    readonly initialProject: import("@angular/core").InputSignal<WebsiteProject | null>;
+    readonly sections: import("@angular/core").InputSignal<DesignerSectionDefinition[] | null>;
+    projectFileInput: ElementRef<HTMLInputElement>;
+    private readonly projectService;
+    private readonly router;
+    protected readonly designerState: DesignerStateService;
+    private readonly pluginSections;
+    private readonly pluginSectionsFlat;
+    readonly project: import("@angular/core").Signal<WebsiteProject>;
+    readonly pages: import("@angular/core").Signal<import("ngx-form-designer").WebsitePage[]>;
+    readonly savedSections: import("@angular/core").Signal<import("ngx-form-designer").WebsiteSection[]>;
+    readonly bricks: import("@angular/core").Signal<import("ngx-form-designer").WebsiteBrick[]>;
+    readonly activePage: import("@angular/core").Signal<import("ngx-form-designer").WebsitePage | null>;
+    readonly activePageId: import("@angular/core").WritableSignal<string>;
+    readonly canRemovePage: import("@angular/core").Signal<boolean>;
+    readonly sectionLibraryList: import("@angular/core").Signal<DesignerSectionDefinition[]>;
+    readonly savedSectionsList: import("@angular/core").Signal<{
+        id: string;
+        name: string;
+        description: string;
+    }[]>;
+    private readonly syncEnabled;
+    private readonly schemaSync;
+    ngOnInit(): void;
+    addPage(): void;
+    selectPage(id: string): void;
+    removePage(id: string): void;
+    renamePage(id: string, name: string): void;
+    updateRoute(id: string, route: string): void;
+    openBrickStudio(): void;
+    insertSection(section: DesignerSectionDefinition): void;
+    saveSection(name: string): void;
+    insertSavedSection(sectionId: string): void;
+    removeSavedSection(sectionId: string): void;
+    openPreview(openInNewTab?: boolean): void;
+    exportProject(): void;
+    importProject(): void;
+    onProjectFileSelected(event: Event): void;
+    private loadActivePage;
+    private persistActivePage;
+    private getSelectedRow;
+    private extractSectionDraft;
+    private materializeSection;
+    private generateId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WebsiteDesignerShellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WebsiteDesignerShellComponent, "app-website-designer-shell", never, { "initialProject": { "alias": "initialProject"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/website/website-preview-shell.component.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+export declare class WebsitePreviewShellComponent {
+    private readonly router;
+    private readonly projectService;
+    readonly project: import("@angular/core").Signal<import("ngx-form-designer").WebsiteProject>;
+    readonly pages: import("@angular/core").Signal<import("ngx-form-designer").WebsitePage[]>;
+    readonly breakpoints: readonly ["xs", "sm", "md", "lg", "xl", "2xl"];
+    readonly breakpoint: import("@angular/core").WritableSignal<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
+    readonly activeDevice: import("@angular/core").Signal<"desktop" | "mobile">;
+    private readonly url;
+    readonly activePage: import("@angular/core").Signal<import("ngx-form-designer").WebsitePage | null>;
+    setBreakpoint(bp: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'): void;
+    getPageStyle(schema: {
+        ui?: {
+            baseStyle?: Record<string, unknown>;
+        };
+    }): Record<string, any>;
+    navigateTo(route: string): void;
+    backToEditor(): void;
+    private getContainerWidth;
+    private extractPath;
+    private normalizeRoute;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WebsitePreviewShellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WebsitePreviewShellComponent, "app-website-preview-shell", never, {}, {}, never, never, true, never>;
+}

package/lib/website/website-project.models.d.ts

@@ -0,0 +1,78 @@
+import type { FormSchema } from '../form-core/models';
+export interface WebsiteProject {
+    id: string;
+    name: string;
+    pages: WebsitePage[];
+    sections?: WebsiteSection[];
+    bricks?: WebsiteBrick[];
+    themes?: WebsiteTheme[];
+    activeThemeId?: string;
+    tokens?: WebsiteTokens;
+    metadata?: Record<string, unknown>;
+}
+export interface WebsitePage {
+    id: string;
+    name: string;
+    route: string;
+    schema: FormSchema;
+}
+export interface WebsiteSection {
+    id: string;
+    name: string;
+    schema: FormSchema;
+}
+export interface WebsiteTokens {
+    colors?: Record<string, string>;
+    spacing?: Record<string, string>;
+    typography?: Record<string, string>;
+    radii?: Record<string, string>;
+    shadows?: Record<string, string>;
+}
+export interface BrickUiHints {
+    title?: string;
+    groups?: Array<{
+        id: string;
+        label: string;
+        fields: string[];
+    }>;
+    order?: string[];
+}
+export interface WebsiteBrick {
+    id: string;
+    name: string;
+    runtime?: 'dom' | 'react';
+    templateHtml: string;
+    scriptJs?: string;
+    reactComponentJs?: string;
+    propsSchema?: Record<string, unknown>;
+    ui?: BrickUiHints;
+    defaultProps?: Record<string, unknown>;
+}
+export interface WebsiteTheme {
+    id: string;
+    vars: Record<string, string>;
+}
+export declare function createWebsiteProject(opts?: {
+    id?: string;
+    name?: string;
+    pages?: WebsitePage[];
+}): WebsiteProject;
+export declare function createWebsitePage(opts?: {
+    id?: string;
+    name?: string;
+    route?: string;
+    schema?: FormSchema;
+}): WebsitePage;
+export declare function createDefaultWebsiteTheme(): WebsiteTheme;
+export declare function createDefaultWebsiteBrick(): WebsiteBrick;
+export declare function createDefaultWebsiteBricks(): WebsiteBrick[];
+export declare function createWebsiteBrick(opts?: {
+    id?: string;
+    name?: string;
+    runtime?: 'dom' | 'react';
+    templateHtml?: string;
+    scriptJs?: string;
+    reactComponentJs?: string;
+    propsSchema?: Record<string, unknown>;
+    defaultProps?: Record<string, unknown>;
+}): WebsiteBrick;

package/lib/website/website-project.service.d.ts

@@ -0,0 +1,50 @@
+import type { FormSchema } from '../form-core/models';
+import type { WebsitePage, WebsiteProject, WebsiteSection, WebsiteTokens, WebsiteBrick, WebsiteTheme } from './website-project.models';
+import * as i0 from "@angular/core";
+export declare class WebsiteProjectService {
+    private static readonly STORAGE_KEY;
+    private readonly projectSignal;
+    readonly project: import("@angular/core").Signal<WebsiteProject>;
+    readonly pages: import("@angular/core").Signal<WebsitePage[]>;
+    readonly sections: import("@angular/core").Signal<WebsiteSection[]>;
+    readonly bricks: import("@angular/core").Signal<WebsiteBrick[]>;
+    readonly themes: import("@angular/core").Signal<WebsiteTheme[]>;
+    readonly activeThemeId: import("@angular/core").Signal<string>;
+    readonly tokens: import("@angular/core").Signal<WebsiteTokens>;
+    readonly activePageId: import("@angular/core").WritableSignal<string>;
+    readonly activePage: import("@angular/core").Signal<WebsitePage | null>;
+    readonly canRemovePage: import("@angular/core").Signal<boolean>;
+    constructor();
+    setProject(project: WebsiteProject): void;
+    getPageById(id: string): WebsitePage | undefined;
+    setActivePage(id: string): void;
+    addPage(): WebsitePage;
+    removePage(id: string): void;
+    renamePage(id: string, name: string): void;
+    updateRoute(id: string, route: string): void;
+    updateActivePageSchema(schema: FormSchema): void;
+    updatePageSchema(id: string, schema: FormSchema): void;
+    addSection(section: WebsiteSection): void;
+    removeSection(id: string): void;
+    updateSection(section: WebsiteSection): void;
+    updateTokens(tokens: WebsiteTokens): void;
+    addBrick(brick: WebsiteBrick): void;
+    updateBrick(brick: WebsiteBrick): void;
+    removeBrick(id: string): void;
+    setActiveTheme(id: string): void;
+    updateTheme(theme: WebsiteTheme): void;
+    setThemes(themes: WebsiteTheme[]): void;
+    persistNow(): void;
+    private normalizeProject;
+    private nextPageName;
+    private buildRouteFromName;
+    private ensureUniqueRoute;
+    private normalizeRoute;
+    private updateSchemaLinkRoutes;
+    private slugify;
+    private normalizeSchema;
+    private canUseStorage;
+    private loadFromStorage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WebsiteProjectService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WebsiteProjectService>;
+}

package/lib/website/website-section-library.d.ts

@@ -0,0 +1,6 @@
+import type { FormSchema } from '../form-core/models';
+import type { DesignerSectionDefinition, DesignerSectionDraft } from '../plugins/section-definition';
+export type WebsiteSectionDefinition = DesignerSectionDefinition;
+export type WebsiteSectionDraft = DesignerSectionDraft;
+export declare const DEFAULT_WEBSITE_SECTIONS: WebsiteSectionDefinition[];
+export declare function appendSectionToSchema(schema: FormSchema, section: WebsiteSectionDefinition): FormSchema;

package/lib/widgets/email-widgets/email-button-widget.component.d.ts

@@ -0,0 +1,15 @@
+import { FormControl } from '@angular/forms';
+import { FormEngine } from '../../form-core/form-engine';
+import * as i0 from "@angular/core";
+export declare class EmailButtonWidgetComponent {
+    config: any;
+    engine?: FormEngine;
+    control?: FormControl;
+    get label(): string;
+    get href(): string;
+    get variant(): string;
+    get buttonWrapperStyles(): Record<string, any>;
+    get buttonStyles(): Record<string, any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmailButtonWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmailButtonWidgetComponent, "app-email-button-widget", never, { "config": { "alias": "config"; "required": true; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/email-widgets/email-heading-widget.component.d.ts

@@ -0,0 +1,15 @@
+import { FormControl } from '@angular/forms';
+import { FormEngine } from '../../form-core/form-engine';
+import * as i0 from "@angular/core";
+export declare class EmailHeadingWidgetComponent {
+    config: any;
+    engine?: FormEngine;
+    control?: FormControl;
+    get text(): string;
+    get level(): string;
+    get h1Styles(): Record<string, any>;
+    get h2Styles(): Record<string, any>;
+    get h3Styles(): Record<string, any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmailHeadingWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmailHeadingWidgetComponent, "app-email-heading-widget", never, { "config": { "alias": "config"; "required": true; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/email-widgets/email-text-widget.component.d.ts

@@ -0,0 +1,13 @@
+import { FormControl } from '@angular/forms';
+import { FormEngine } from '../../form-core/form-engine';
+import * as i0 from "@angular/core";
+export declare class EmailTextWidgetComponent {
+    config: any;
+    engine?: FormEngine;
+    control?: FormControl;
+    get text(): string;
+    get isMuted(): boolean;
+    get paragraphStyles(): Record<string, any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmailTextWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmailTextWidgetComponent, "app-email-text-widget", never, { "config": { "alias": "config"; "required": true; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/email-widgets.d.ts

@@ -0,0 +1,2 @@
+import { WidgetDefinition } from './widget-definition';
+export declare const EMAIL_WIDGETS: WidgetDefinition[];