ngx-form-designer 0.0.6

package/lib/form-designer/data-panel/data-panel.component.d.ts

@@ -0,0 +1,73 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { FieldSchema, OptionSchema, DataDependencyBinding, DataFilter } from '../../form-core/models';
+import { DataSourceDefinition } from '../../data/data-catalog';
+import { DataSourceColumn } from '../../data/data-source-client';
+import * as i0 from "@angular/core";
+export declare class DataPanelComponent implements OnChanges {
+    config: FieldSchema;
+    dataConsumer: 'value' | 'list' | 'image' | 'none';
+    bindingShape: 'scalar' | 'list' | null;
+    widgetType: string;
+    allFields: FieldSchema[];
+    configChange: EventEmitter<FieldSchema>;
+    sourceType: 'static' | 'source' | 'context';
+    selectedSourceId?: string;
+    showSourceManager: boolean;
+    staticOptions: OptionSchema[];
+    labelKey?: string;
+    valueKey?: string;
+    staticValue?: any;
+    tableColumns: any[];
+    tableRows: any[];
+    dependencyBindings: DataDependencyBinding[];
+    dataFilters: DataFilter[];
+    availableSources: DataSourceDefinition[];
+    sourceColumns: DataSourceColumn[];
+    previewLoading: boolean;
+    previewError: string | null;
+    previewRows: unknown[];
+    previewTotal: number;
+    private previewReqId;
+    private client;
+    constructor();
+    searchEnabled: boolean;
+    optionsLimit?: number;
+    searchColumns: string[];
+    treeIdKey?: string;
+    treeParentKey?: string;
+    treeRootValue?: string;
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
+    refreshSources(): Promise<void>;
+    openSourceManager(): void;
+    closeSourceManager(): void;
+    get availableFields(): FieldSchema[];
+    setSourceType(type: 'static' | 'source' | 'context'): void;
+    addOption(): void;
+    removeOption(index: number): void;
+    onSourceChange(): void;
+    onKeyBlur(): void;
+    loadSourceInfo(): Promise<void>;
+    refreshPreview(): Promise<void>;
+    autoMapKeys(): void;
+    hasFieldFilters(): boolean;
+    updateSearchColumns(value: string): void;
+    getPreviewLabel(row: any): string;
+    getPreviewValue(row: any): string;
+    addTableColumn(): void;
+    removeTableColumn(index: number): void;
+    addTableRow(): void;
+    removeTableRow(index: number): void;
+    addDependency(): void;
+    removeDependency(index: number): void;
+    addFilter(): void;
+    removeFilter(index: number): void;
+    loadFromField(): void;
+    emitChange(): void;
+    generateTableColumns(): Promise<void>;
+    pageSize?: number;
+    sortColumn?: string;
+    sortDir: 'asc' | 'desc';
+    toggleSortDir(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataPanelComponent, "app-data-panel", never, { "config": { "alias": "config"; "required": false; }; "dataConsumer": { "alias": "dataConsumer"; "required": false; }; "bindingShape": { "alias": "bindingShape"; "required": false; }; "widgetType": { "alias": "widgetType"; "required": false; }; "allFields": { "alias": "allFields"; "required": false; }; }, { "configChange": "configChange"; }, never, never, true, never>;
+}

package/lib/form-designer/designer-context.service.d.ts

@@ -0,0 +1,29 @@
+import { Signal } from '@angular/core';
+import { FormSchema, FieldSchema } from '../form-core/models';
+import { WidgetDefinition } from '../widgets/widget-definition';
+import { DesignerPlugin } from '../plugins/designer-plugin';
+import * as i0 from "@angular/core";
+/**
+ * Public API for Designer Plugins.
+ * Allows plugins to interact with the designer state and discover other plugins.
+ */
+export declare class DesignerContext {
+    private readonly state;
+    private readonly pluginGroups;
+    readonly schema: Signal<FormSchema>;
+    readonly plugins: Signal<DesignerPlugin[]>;
+    getSchema(): FormSchema;
+    updateSchema(mutator: (schema: FormSchema) => FormSchema): void;
+    getFields(): FieldSchema[];
+    getFieldById(id: string): FieldSchema | undefined;
+    updateField(id: string, updater: (field: FieldSchema) => FieldSchema): void;
+    getPluginSchemaMeta<T = unknown>(pluginId: string): T | undefined;
+    setPluginSchemaMeta<T = unknown>(pluginId: string, value: T): void;
+    getPluginFieldMeta<T = unknown>(fieldId: string, pluginId: string): T | undefined;
+    setPluginFieldMeta<T = unknown>(fieldId: string, pluginId: string, value: T): void;
+    getWidgetDefinitionById(id: string): WidgetDefinition | undefined;
+    getWidgetDefinitionForField(field: FieldSchema, kind?: string): WidgetDefinition | undefined;
+    getWidgetDefinition(type: string): WidgetDefinition | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DesignerContext, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DesignerContext>;
+}

package/lib/form-designer/designer-state.service.d.ts

@@ -0,0 +1,133 @@
+import { FormSchema, WidgetKind, LayoutNode, WidgetNode, FieldSchema, DesignerFlavor } from '../form-core/models';
+import { WidgetDefinition } from '../widgets/widget-definition';
+import type { DesignerSectionDefinition } from '../plugins/section-definition';
+import * as i0 from "@angular/core";
+export interface InternalDragData {
+    type: 'new-widget' | 'new-section';
+    widgetType?: string;
+    widgetKind?: WidgetKind;
+    section?: DesignerSectionDefinition;
+}
+type LayoutIndexEntry = {
+    node: LayoutNode;
+    parentId: string | null;
+    path: string[];
+    index: number;
+};
+type LayoutIndex = Record<string, LayoutIndexEntry>;
+export declare class DesignerStateService {
+    readonly activeFlavor: import("@angular/core").WritableSignal<DesignerFlavor>;
+    readonly schema: import("@angular/core").WritableSignal<FormSchema>;
+    readonly selectedNodeId: import("@angular/core").WritableSignal<string | null>;
+    readonly selectedNodeIds: import("@angular/core").WritableSignal<string[]>;
+    readonly contextMenu: import("@angular/core").WritableSignal<{
+        x: number;
+        y: number;
+    } | null>;
+    readonly activeBreakpoint: import("@angular/core").WritableSignal<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
+    readonly isPreviewMode: import("@angular/core").WritableSignal<boolean>;
+    readonly activeDevice: import("@angular/core").Signal<"desktop" | "mobile">;
+    readonly activeThemeId: import("@angular/core").WritableSignal<string>;
+    readonly clipboard: import("@angular/core").WritableSignal<{
+        nodes: LayoutNode[];
+        fields: FieldSchema[];
+    } | null>;
+    private readonly history;
+    private readonly historyIndex;
+    private readonly historyLength;
+    private readonly maxHistory;
+    readonly canUndo: import("@angular/core").Signal<boolean>;
+    readonly canRedo: import("@angular/core").Signal<boolean>;
+    constructor();
+    readonly layoutIndex: import("@angular/core").Signal<LayoutIndex>;
+    readonly selectedNode: import("@angular/core").Signal<LayoutNode | null>;
+    readonly selectedField: import("@angular/core").Signal<FieldSchema | null>;
+    updateSchema(schema: FormSchema): void;
+    setFlavor(flavor: DesignerFlavor): void;
+    undo(): void;
+    redo(): void;
+    selectNode(id: string | null): void;
+    toggleNodeSelection(id: string): void;
+    isNodeSelected(nodeId: string): boolean;
+    openContextMenu(position: {
+        x: number;
+        y: number;
+    }): void;
+    closeContextMenu(): void;
+    private setSchema;
+    copy(): void;
+    cut(): void;
+    paste(): void;
+    deleteSelected(): void;
+    private collectFields;
+    private ensureSelectionIsValid;
+    private recordHistory;
+    private restoreSnapshot;
+    findNode(root: LayoutNode, id: string): LayoutNode | null;
+    /** Get the path of nodes from root to target (for breadcrumb) */
+    getNodePath(nodeId: string): {
+        id: string;
+        label: string;
+        type: string;
+    }[];
+    private getNodeLabel;
+    addFieldWidget(field: any, widgetNode: WidgetNode, targetColId: string): void;
+    private insertNodeIntoLayout;
+    handleDrop(event: any, targetColId: string): void;
+    pushField(widgetDef: WidgetDefinition): void;
+    pushStructure(type: 'row' | '2col'): void;
+    /** Remove a column by its id */
+    removeColumn(columnId: string): void;
+    /** Set preset column layout (e.g., 3,4,6) on a row */
+    setPresetLayout(rowId: string, preset: number): void;
+    /** Add one or more columns to a row */
+    addColumn(rowId: string, count?: number): void;
+    /** Move a node up or down within its parent container */
+    moveNode(nodeId: string, direction: 'up' | 'down'): void;
+    /** Duplicate a node (row, col, or widget) */
+    duplicateNode(nodeId: string): void;
+    /** Delete a node (row, col, or widget) and associated field if widget */
+    deleteNode(nodeId: string): void;
+    duplicateField(fieldId: string): void;
+    removeField(fieldId: string): void;
+    updateField(fieldId: string, updates: Partial<FieldSchema>): void;
+    groupSelectedFields(): string | null;
+    ungroupSelectedFields(): void;
+    canGroupSelectedFields(): boolean;
+    canUngroupSelectedFields(): boolean;
+    private getSelectedWidgetFields;
+    /**
+     * Update a specific node's style without cloning the entire tree.
+     * Only the path from root to the target node gets new references.
+     */
+    updateNodeStyle(nodeId: string, style: Record<string, any>): void;
+    /**
+     * Update a specific node's responsive settings.
+     */
+    updateNodeResponsive(nodeId: string, responsive: Record<string, number | undefined>): void;
+    /**
+     * Immutable tree update - only creates new references along the path to target.
+     * Returns the original node if no changes were made (preserves reference equality).
+     */
+    private updateNodeInTree;
+    private isLayoutNode;
+    private detachNode;
+    private findWidgetByRefId;
+    private findParentCol;
+    private removeWidgetByRefId;
+    /**
+     * Insert a new Row (with default column structure) into a specific Column.
+     * Useful for creating nested grids.
+     */
+    insertRowInColumn(columnId: string, colCount?: 1 | 2): void;
+    /**
+     * Wrap an existing widget in a new Row -> Column structure.
+     * Replaces the widget's current position with the new Row,
+     * and puts the widget inside the new Row's Column.
+     */
+    wrapWidgetInRow(widgetId: string): void;
+    private findParentAndIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DesignerStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DesignerStateService>;
+}
+export {};

package/lib/form-designer/dynamic-properties/dynamic-properties.component.d.ts

@@ -0,0 +1,89 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { PropertySection, PropertyField, PropertyFieldType } from '../../widgets/widget-definition';
+import { FieldSchema } from '../../form-core/models';
+import * as i0 from "@angular/core";
+export declare class DynamicPropertiesComponent implements OnChanges {
+    onPropertyChange?: () => void;
+    private readonly designerCtx;
+    get properties(): PropertySection[];
+    getFieldReferenceCandidates(field: PropertyField): FieldSchema[];
+    config: any;
+    includeSections: string[] | null;
+    excludeSections: string[] | null;
+    allFields: FieldSchema[];
+    configChange: EventEmitter<any>;
+    openSections: {
+        [key: string]: boolean;
+    };
+    nameDraft: string;
+    nameError: string;
+    private nameDraftDirty;
+    private lastConfigId;
+    private lastConfigName;
+    ngOnChanges(changes: SimpleChanges): void;
+    isSectionOpen(section: PropertySection, index: number): boolean;
+    toggleSection(label: string, index: number): void;
+    getValue(key: string): any;
+    setValue(key: string, value: any): void;
+    isBasicInput(type: PropertyFieldType): boolean;
+    isNameField(field: PropertyField): boolean;
+    isGroupKeyField(field: PropertyField): boolean;
+    onNameDraftChange(value: string): void;
+    commitNameField(): void;
+    getGroupKeyOptions(): string[];
+    getGroupKeyListId(field: PropertyField): string;
+    private getNameError;
+    private getAllFields;
+    private getSafeOptionValue;
+    getDimensionPaths(field: PropertyField): [string, string];
+    onDimensionChange(field: PropertyField, value: {
+        width: any;
+        height: any;
+    }): void;
+    getBoxModelPath(field: PropertyField, key: string): string;
+    onBoxModelChange(field: PropertyField, value: {
+        marginTop?: any;
+        marginRight?: any;
+        marginBottom?: any;
+        marginLeft?: any;
+        paddingTop?: any;
+        paddingRight?: any;
+        paddingBottom?: any;
+        paddingLeft?: any;
+        borderWidth?: any;
+        width?: any;
+        height?: any;
+    }): void;
+    getEdgePaths(field: PropertyField): {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    onEdgeChange(field: PropertyField, value: {
+        top: any;
+        right: any;
+        bottom: any;
+        left: any;
+    }): void;
+    handleFieldChange(): void;
+    buildCustomInputs(field: PropertyField): {
+        config: any;
+        getValue: (path: string) => any;
+        setValue: (path: string, value: any) => void;
+        onChange: () => void;
+    };
+    private setValues;
+    addOption(path: string): void;
+    removeOption(path: string, index: number): void;
+    updateOption(path: string, index: number, field: string, value: any): void;
+    addValidator(path: string): void;
+    removeValidator(path: string, index: number): void;
+    updateValidator(path: string, index: number, field: string, value: any): void;
+    getValidatorLabel(name: string): string;
+    enableConditional(path: string): void;
+    disableConditional(path: string): void;
+    updateConditional(path: string, field: string, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPropertiesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPropertiesComponent, "app-dynamic-properties", never, { "onPropertyChange": { "alias": "onPropertyChange"; "required": false; }; "config": { "alias": "config"; "required": false; }; "includeSections": { "alias": "includeSections"; "required": false; }; "excludeSections": { "alias": "excludeSections"; "required": false; }; "allFields": { "alias": "allFields"; "required": false; }; }, { "configChange": "configChange"; }, never, never, true, never>;
+}

package/lib/form-designer/events-panel/events-panel.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import { FieldSchema, WidgetEventBinding, WidgetEventType, WidgetEventAction } from '../../form-core/models';
+import * as i0 from "@angular/core";
+export declare class EventsPanelComponent {
+    config: FieldSchema;
+    allFields: FieldSchema[];
+    configChange: EventEmitter<FieldSchema>;
+    eventTypes: WidgetEventType[];
+    get bindings(): WidgetEventBinding[];
+    get availableFields(): FieldSchema[];
+    addEvent(): void;
+    removeEvent(index: number): void;
+    addAction(binding: WidgetEventBinding): void;
+    removeAction(binding: WidgetEventBinding, index: number): void;
+    asSetValue(action: WidgetEventAction): any;
+    asLog(action: WidgetEventAction): any;
+    emitChange(): void;
+    private emitUpdate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EventsPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EventsPanelComponent, "app-events-panel", never, { "config": { "alias": "config"; "required": false; }; "allFields": { "alias": "allFields"; "required": false; }; }, { "configChange": "configChange"; }, never, never, true, never>;
+}

package/lib/form-designer/field-palette.component.d.ts

@@ -0,0 +1,99 @@
+import { WidgetDefinition } from '../widgets/widget-definition';
+import { InternalDragData, DesignerStateService } from './designer-state.service';
+import { DesignerSectionDefinition } from '../plugins/section-definition';
+import * as i0 from "@angular/core";
+type PaletteTab = 'pages' | 'sections' | 'widgets' | 'layers';
+type SectionsView = 'library' | 'saved' | 'bricks';
+type PalettePage = {
+    id: string;
+    name: string;
+    route: string;
+};
+type PaletteSavedSectionDefinition = {
+    id: string;
+    name: string;
+    description?: string;
+    tags?: string[];
+};
+type PaletteBrick = {
+    id: string;
+    name: string;
+    runtime?: 'dom' | 'react';
+    defaultProps?: Record<string, unknown>;
+};
+export declare class FieldPaletteComponent {
+    private _widgets;
+    designerState: DesignerStateService;
+    readonly sectionLibrary: import("@angular/core").InputSignal<DesignerSectionDefinition[] | null>;
+    readonly sectionInsert: import("@angular/core").OutputEmitterRef<DesignerSectionDefinition>;
+    readonly pages: import("@angular/core").InputSignal<PalettePage[] | null>;
+    readonly activePageId: import("@angular/core").InputSignal<string | null>;
+    readonly canRemovePage: import("@angular/core").InputSignal<boolean>;
+    readonly pageAdd: import("@angular/core").OutputEmitterRef<void>;
+    readonly pageSelect: import("@angular/core").OutputEmitterRef<string>;
+    readonly pageRemove: import("@angular/core").OutputEmitterRef<string>;
+    readonly pageRename: import("@angular/core").OutputEmitterRef<{
+        id: string;
+        name: string;
+    }>;
+    readonly pageRouteChange: import("@angular/core").OutputEmitterRef<{
+        id: string;
+        route: string;
+    }>;
+    readonly savedSections: import("@angular/core").InputSignal<PaletteSavedSectionDefinition[] | null>;
+    readonly savedSectionInsert: import("@angular/core").OutputEmitterRef<string>;
+    readonly savedSectionRemove: import("@angular/core").OutputEmitterRef<string>;
+    readonly savedSectionCreateRequested: import("@angular/core").OutputEmitterRef<{
+        name: string;
+    }>;
+    readonly bricks: import("@angular/core").InputSignal<PaletteBrick[] | null>;
+    activeTab: import("@angular/core").WritableSignal<PaletteTab>;
+    sectionsView: import("@angular/core").WritableSignal<SectionsView>;
+    widgetSearchQuery: import("@angular/core").WritableSignal<string>;
+    sectionLibrarySearchQuery: import("@angular/core").WritableSignal<string>;
+    savedSectionSearchQuery: import("@angular/core").WritableSignal<string>;
+    savedSectionName: import("@angular/core").WritableSignal<string>;
+    brickSearchQuery: import("@angular/core").WritableSignal<string>;
+    private readonly injectedSections;
+    private readonly injectedSectionsFlat;
+    allWidgets: import("@angular/core").Signal<WidgetDefinition[]>;
+    filteredFields: import("@angular/core").Signal<WidgetDefinition[]>;
+    filteredStatic: import("@angular/core").Signal<WidgetDefinition[]>;
+    pagesList: import("@angular/core").Signal<PalettePage[]>;
+    activePage: import("@angular/core").Signal<PalettePage | null>;
+    savedSectionsList: import("@angular/core").Signal<PaletteSavedSectionDefinition[]>;
+    filteredSavedSections: import("@angular/core").Signal<PaletteSavedSectionDefinition[]>;
+    canSaveSection: import("@angular/core").Signal<boolean>;
+    sectionLibraryList: import("@angular/core").Signal<DesignerSectionDefinition[]>;
+    filteredSections: import("@angular/core").Signal<DesignerSectionDefinition[]>;
+    sectionGroups: import("@angular/core").Signal<{
+        label: string;
+        items: DesignerSectionDefinition[];
+    }[]>;
+    bricksList: import("@angular/core").Signal<PaletteBrick[]>;
+    showBricks: import("@angular/core").Signal<boolean>;
+    sectionViewOptions: import("@angular/core").Signal<SectionsView[]>;
+    currentSectionView: import("@angular/core").Signal<SectionsView>;
+    filteredBricks: import("@angular/core").Signal<PaletteBrick[]>;
+    brickGroups: import("@angular/core").Signal<{
+        label: string;
+        items: PaletteBrick[];
+    }[]>;
+    tabOptions: import("@angular/core").Signal<PaletteTab[]>;
+    currentTab: import("@angular/core").Signal<PaletteTab>;
+    constructor(_widgets: WidgetDefinition[][], designerState: DesignerStateService);
+    tabLabel(tab: PaletteTab): string;
+    sectionViewLabel(view: SectionsView): string;
+    sectionViewCount(view: SectionsView): number;
+    addField(widget: WidgetDefinition): void;
+    addStructure(type: 'row' | '2col'): void;
+    getDragData(widget: WidgetDefinition): InternalDragData;
+    getSectionDragData(section: DesignerSectionDefinition): InternalDragData;
+    insertSection(section: DesignerSectionDefinition): void;
+    insertBrick(brick: PaletteBrick): void;
+    requestSaveSection(): void;
+    private cloneBrickProps;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldPaletteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldPaletteComponent, "app-field-palette", never, { "sectionLibrary": { "alias": "sectionLibrary"; "required": false; "isSignal": true; }; "pages": { "alias": "pages"; "required": false; "isSignal": true; }; "activePageId": { "alias": "activePageId"; "required": false; "isSignal": true; }; "canRemovePage": { "alias": "canRemovePage"; "required": false; "isSignal": true; }; "savedSections": { "alias": "savedSections"; "required": false; "isSignal": true; }; "bricks": { "alias": "bricks"; "required": false; "isSignal": true; }; }, { "sectionInsert": "sectionInsert"; "pageAdd": "pageAdd"; "pageSelect": "pageSelect"; "pageRemove": "pageRemove"; "pageRename": "pageRename"; "pageRouteChange": "pageRouteChange"; "savedSectionInsert": "savedSectionInsert"; "savedSectionRemove": "savedSectionRemove"; "savedSectionCreateRequested": "savedSectionCreateRequested"; }, never, never, true, never>;
+}
+export {};

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

@@ -0,0 +1,46 @@
+import { EventEmitter, SimpleChanges, OnChanges } from '@angular/core';
+import { FormEngine } from '../form-core/form-engine';
+import { FormSchema, DesignerFlavor } from '../form-core/models';
+import { DesignerStateService } from './designer-state.service';
+import { DesignerTemplateDefinition } from './template-library';
+import * as i0 from "@angular/core";
+export declare class FormDesignerShellComponent implements OnChanges {
+    protected readonly state: DesignerStateService;
+    flavor: DesignerFlavor;
+    flavors: DesignerFlavor[];
+    templates: DesignerTemplateDefinition[];
+    headerLabel?: string;
+    enableTemplateLibrary: boolean;
+    enableGlobalDataManager: boolean;
+    showSaveButton: boolean;
+    showPublishButton: boolean;
+    showEmailPreview: boolean;
+    flavorChange: EventEmitter<DesignerFlavor>;
+    save: EventEmitter<FormSchema>;
+    publish: EventEmitter<FormSchema>;
+    showGlobalData: boolean;
+    showTemplateLibrary: boolean;
+    selectedTemplateId: string | null;
+    pendingTemplate: DesignerTemplateDefinition | null;
+    get engine(): FormEngine;
+    get filteredTemplates(): DesignerTemplateDefinition[];
+    get selectedTemplate(): DesignerTemplateDefinition | null;
+    ngOnChanges(changes: SimpleChanges): void;
+    switchFlavor(next: DesignerFlavor): void;
+    openLibrary(): void;
+    closeLibrary(): void;
+    selectTemplate(template: DesignerTemplateDefinition): void;
+    requestApplyTemplate(template: DesignerTemplateDefinition | null): void;
+    confirmApplyTemplate(): void;
+    cancelApplyTemplate(): void;
+    onSave(): void;
+    onPublish(): void;
+    trackByTemplateId(_index: number, template: DesignerTemplateDefinition): string;
+    trackByFlavor(_index: number, flavor: DesignerFlavor): DesignerFlavor;
+    private shouldConfirmReplace;
+    private applyTemplate;
+    private syncTemplateSelection;
+    private createSchemaId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormDesignerShellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormDesignerShellComponent, "app-form-designer-shell", never, { "flavor": { "alias": "flavor"; "required": false; }; "flavors": { "alias": "flavors"; "required": false; }; "templates": { "alias": "templates"; "required": false; }; "headerLabel": { "alias": "headerLabel"; "required": false; }; "enableTemplateLibrary": { "alias": "enableTemplateLibrary"; "required": false; }; "enableGlobalDataManager": { "alias": "enableGlobalDataManager"; "required": false; }; "showSaveButton": { "alias": "showSaveButton"; "required": false; }; "showPublishButton": { "alias": "showPublishButton"; "required": false; }; "showEmailPreview": { "alias": "showEmailPreview"; "required": false; }; }, { "flavorChange": "flavorChange"; "save": "save"; "publish": "publish"; }, never, never, true, never>;
+}

package/lib/form-designer/form-preview.component.d.ts

@@ -0,0 +1,21 @@
+import { DesignerStateService } from './designer-state.service';
+import * as i0 from "@angular/core";
+export declare class FormPreviewComponent {
+    state: DesignerStateService;
+    breakpoints: readonly ["xs", "sm", "md", "lg", "xl", "2xl"];
+    breakpoint: import("@angular/core").WritableSignal<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
+    activeDevice: import("@angular/core").Signal<"desktop" | "mobile">;
+    formData: any;
+    combinedFormData: any;
+    constructor(state: DesignerStateService);
+    setBreakpoint(bp: any): void;
+    getContainerWidth(): "100%" | "375px" | "576px" | "768px" | "992px" | "1200px" | "1400px";
+    getPageStyle(): Record<string, any>;
+    close(): void;
+    updateData(data: any): void;
+    updateCombinedData(data: any): void;
+    previewData(): any;
+    copyData(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormPreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormPreviewComponent, "app-form-preview", never, {}, {}, never, never, true, never>;
+}

package/lib/form-designer/form-settings-inspector.component.d.ts

@@ -0,0 +1,14 @@
+import { FormSchema, StyleTokenSet } from '../form-core/models';
+import * as i0 from "@angular/core";
+export declare class FormSettingsInspectorComponent {
+    readonly schema: import("@angular/core").InputSignal<FormSchema>;
+    readonly settingsChange: import("@angular/core").OutputEmitterRef<Record<string, any>>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<Partial<StyleTokenSet>>;
+    readonly tabs: string[];
+    activeTab: import("@angular/core").WritableSignal<string>;
+    currentStyle: import("@angular/core").Signal<StyleTokenSet>;
+    updateSettings(key: string, value: any): void;
+    onStyleChange(style: Partial<StyleTokenSet>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormSettingsInspectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormSettingsInspectorComponent, "form-settings-inspector", never, { "schema": { "alias": "schema"; "required": true; "isSignal": true; }; }, { "settingsChange": "settingsChange"; "styleChange": "styleChange"; }, never, never, true, never>;
+}

package/lib/form-designer/global-data-manager.component.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '@angular/core';
+import { DataSourceDefinition } from '../data/data-catalog';
+import { UploadSourceType } from '../data/data-source-client';
+import * as i0 from "@angular/core";
+export declare class GlobalDataManagerComponent {
+    close: EventEmitter<void>;
+    private client;
+    sources: DataSourceDefinition[];
+    newId: string;
+    newLabel: string;
+    newType: UploadSourceType;
+    newRawData: string;
+    parsedColumns: {
+        name: string;
+        type: string;
+    }[];
+    parsedCount: number;
+    error: string;
+    listError: string;
+    isSaving: boolean;
+    constructor();
+    get canDelete(): boolean;
+    refreshList(): Promise<void>;
+    onFileSelected(event: Event): void;
+    onLabelBlur(): void;
+    refreshPreview(): void;
+    createDataset(): Promise<void>;
+    remove(id: string): Promise<void>;
+    objectKeys(obj: any): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<GlobalDataManagerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GlobalDataManagerComponent, "app-global-data-manager", never, {}, { "close": "close"; }, never, never, true, never>;
+}

package/lib/form-designer/inspector-sections/inspector-advanced-section.component.d.ts

@@ -0,0 +1,17 @@
+import { StyleTokenSet } from '../../form-core/models';
+import * as i0 from "@angular/core";
+/**
+ * Light theme Advanced/Custom Properties section.
+ */
+export declare class InspectorAdvancedSectionComponent {
+    readonly style: import("@angular/core").InputSignal<Partial<StyleTokenSet>>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<Partial<StyleTokenSet>>;
+    hasCustomProperties(): boolean;
+    getCustomProperties(): Array<{
+        key: string;
+        value: string;
+    }>;
+    updateStyle(key: string, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorAdvancedSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InspectorAdvancedSectionComponent, "inspector-advanced-section", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "styleChange": "styleChange"; }, never, never, true, never>;
+}

package/lib/form-designer/inspector-sections/inspector-backgrounds-section.component.d.ts

@@ -0,0 +1,14 @@
+import { StyleTokenSet } from '../../form-core/models';
+import * as i0 from "@angular/core";
+/**
+ * Light theme Backgrounds section.
+ */
+export declare class InspectorBackgroundsSectionComponent {
+    readonly style: import("@angular/core").InputSignal<Partial<StyleTokenSet>>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<Partial<StyleTokenSet>>;
+    showImageUrl: boolean;
+    getBackgroundPreview(): string;
+    updateStyle(key: string, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorBackgroundsSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InspectorBackgroundsSectionComponent, "inspector-backgrounds-section", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "styleChange": "styleChange"; }, never, never, true, never>;
+}

package/lib/form-designer/inspector-sections/inspector-borders-section.component.d.ts

@@ -0,0 +1,45 @@
+import { StyleTokenSet } from '../../form-core/models';
+import * as i0 from "@angular/core";
+/**
+ * Light theme Borders section.
+ */
+export declare class InspectorBordersSectionComponent {
+    readonly style: import("@angular/core").InputSignal<Partial<StyleTokenSet>>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<Partial<StyleTokenSet>>;
+    selectedCorner: import("@angular/core").WritableSignal<"br" | "tr" | "tl" | "bl" | "all">;
+    selectedSide: import("@angular/core").WritableSignal<"left" | "right" | "top" | "bottom" | "all">;
+    readonly radiusCorners: ({
+        corner: "all";
+        label: string;
+        icon: string;
+    } | {
+        corner: "tl";
+        label: string;
+        icon: string;
+    } | {
+        corner: "tr";
+        label: string;
+        icon: string;
+    } | {
+        corner: "bl";
+        label: string;
+        icon: string;
+    } | {
+        corner: "br";
+        label: string;
+        icon: string;
+    })[];
+    readonly borderStyles: {
+        value: string;
+        icon: string;
+    }[];
+    selectCorner(corner: 'all' | 'tl' | 'tr' | 'br' | 'bl'): void;
+    selectSide(side: 'all' | 'top' | 'right' | 'bottom' | 'left'): void;
+    getRadiusValue(): string;
+    setRadiusValue(value: string): void;
+    parseValue(val: string | number | undefined): number;
+    getColorName(color: string | undefined): string;
+    updateStyle(key: string, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorBordersSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InspectorBordersSectionComponent, "inspector-borders-section", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "styleChange": "styleChange"; }, never, never, true, never>;
+}