@flusys/ng-form-builder 0.1.0-alpha.1

package/types/flusys-ng-form-builder.d.ts

@@ -0,0 +1,2269 @@
+import * as _angular_core from '@angular/core';
+import { Type, model } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as _flusys_ng_form_builder from '@flusys/ng-form-builder';
+import { FileSelectEvent, FileRemoveEvent } from 'primeng/fileupload';
+import { CdkDragStart, CdkDragDrop } from '@angular/cdk/drag-drop';
+import { MenuItem } from 'primeng/api';
+import { Routes } from '@angular/router';
+
+/**
+ * Supported field types for form builder
+ */
+declare enum FieldType {
+    TEXT = "text",
+    NUMBER = "number",
+    EMAIL = "email",
+    CHECKBOX = "checkbox",
+    RADIO = "radio",
+    DROPDOWN = "dropdown",
+    MULTI_SELECT = "multi_select",
+    DATE = "date",
+    LIKERT = "likert",
+    RATING = "rating",
+    FILE_UPLOAD = "file_upload"
+}
+/**
+ * Field type metadata for UI display
+ */
+interface IFieldTypeInfo {
+    type: FieldType;
+    label: string;
+    icon: string;
+    category: 'input' | 'selection' | 'specialized';
+}
+/**
+ * Default field type information for palette display
+ */
+declare const FIELD_TYPE_INFO: IFieldTypeInfo[];
+
+/**
+ * Section layout types
+ */
+declare enum LayoutType {
+    FLEX = "flex",
+    GRID = "grid"
+}
+
+/**
+ * Validation rule types
+ */
+declare enum ValidationRuleType {
+    REQUIRED = "required",
+    MIN_LENGTH = "min_length",
+    MAX_LENGTH = "max_length",
+    MIN = "min",
+    MAX = "max",
+    PATTERN = "pattern",
+    EMAIL = "email",
+    CUSTOM = "custom"
+}
+
+/**
+ * Logic group operators for combining conditions
+ */
+declare enum LogicOperator {
+    AND = "AND",
+    OR = "OR"
+}
+/**
+ * Comparison operators for field conditions
+ */
+declare enum ComparisonOperator {
+    EQUALS = "equals",
+    NOT_EQUALS = "not_equals",
+    CONTAINS = "contains",
+    NOT_CONTAINS = "not_contains",
+    GREATER_THAN = "greater_than",
+    LESS_THAN = "less_than",
+    GREATER_OR_EQUAL = "greater_or_equal",
+    LESS_OR_EQUAL = "less_or_equal",
+    IS_EMPTY = "is_empty",
+    IS_NOT_EMPTY = "is_not_empty",
+    IN = "in",
+    NOT_IN = "not_in"
+}
+/**
+ * Actions that can be triggered by conditional logic
+ */
+declare enum LogicAction {
+    SHOW = "show",
+    HIDE = "hide",
+    REQUIRE = "require",
+    SKIP = "skip",
+    JUMP = "jump"
+}
+
+/**
+ * ID-based option for selection fields (radio, dropdown, multi-select, etc.)
+ * Using ID-based approach allows safe logic evaluation and multi-language support.
+ */
+interface IFieldOption {
+    /** Unique identifier - stored as value in submissions */
+    id: string;
+    /** Display text shown to users */
+    label: string;
+    /** Sort order */
+    order: number;
+    /** Whether this option is selected by default */
+    isDefault?: boolean;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+    /** Optional additional data */
+    value?: unknown;
+}
+
+/**
+ * Field validation configuration
+ */
+interface IFieldValidation {
+    rules: IValidationRule[];
+}
+/**
+ * Single validation rule
+ */
+interface IValidationRule {
+    /** Type of validation */
+    type: ValidationRuleType;
+    /** Rule-specific value (min, max, pattern, etc.) */
+    value?: unknown;
+    /** Custom error message */
+    message?: string;
+}
+/**
+ * Required validation rule
+ */
+interface IRequiredRule extends IValidationRule {
+    type: ValidationRuleType.REQUIRED;
+}
+/**
+ * Minimum length validation rule
+ */
+interface IMinLengthRule extends IValidationRule {
+    type: ValidationRuleType.MIN_LENGTH;
+    value: number;
+}
+/**
+ * Maximum length validation rule
+ */
+interface IMaxLengthRule extends IValidationRule {
+    type: ValidationRuleType.MAX_LENGTH;
+    value: number;
+}
+/**
+ * Minimum value validation rule
+ */
+interface IMinRule extends IValidationRule {
+    type: ValidationRuleType.MIN;
+    value: number;
+}
+/**
+ * Maximum value validation rule
+ */
+interface IMaxRule extends IValidationRule {
+    type: ValidationRuleType.MAX;
+    value: number;
+}
+/**
+ * Pattern validation rule
+ */
+interface IPatternRule extends IValidationRule {
+    type: ValidationRuleType.PATTERN;
+    value: string;
+}
+/**
+ * Email validation rule
+ */
+interface IEmailRule extends IValidationRule {
+    type: ValidationRuleType.EMAIL;
+}
+/**
+ * Custom validation rule
+ */
+interface ICustomRule extends IValidationRule {
+    type: ValidationRuleType.CUSTOM;
+    /** Custom validator function name */
+    value: string;
+}
+
+/**
+ * Conditional rule for showing/hiding fields or sections
+ * Supports AND/OR logic with nested groups
+ */
+interface IConditionalRule {
+    /** Action to perform when conditions are met */
+    action: LogicAction;
+    /** Logic group containing conditions */
+    logic: ILogicGroup;
+    /** Target field or section ID (for jump/skip actions) */
+    targetId?: string;
+}
+/**
+ * Logic group - combines conditions with AND/OR
+ */
+interface ILogicGroup {
+    /** Operator to combine conditions */
+    operator: LogicOperator;
+    /** Array of conditions or nested groups */
+    conditions: Array<ICondition | ILogicGroup>;
+}
+/**
+ * Single condition - evaluates a field value
+ */
+interface ICondition {
+    /** Reference to the field being evaluated */
+    fieldId: string;
+    /** Comparison operator */
+    comparison: ComparisonOperator;
+    /** Value to compare against */
+    value: unknown;
+}
+/**
+ * Type guard to check if a condition is a nested group
+ */
+declare function isLogicGroup(item: ICondition | ILogicGroup): item is ILogicGroup;
+
+/**
+ * Section layout configuration
+ */
+interface ISectionLayout {
+    /** Layout type */
+    type: LayoutType;
+    /** Layout-specific configuration */
+    config: IFlexLayout | IGridLayout;
+}
+/**
+ * Flex layout configuration
+ */
+interface IFlexLayout {
+    /** Flex direction */
+    direction: 'row' | 'column';
+    /** Whether items should wrap */
+    wrap: boolean;
+    /** Gap between items (CSS value) */
+    gap: string;
+    /** Align items property */
+    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch';
+    /** Justify content property */
+    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+}
+/**
+ * Grid layout configuration
+ */
+interface IGridLayout {
+    /** Number of columns */
+    columns: number;
+    /** Gap between items (CSS value) */
+    gap: string;
+    /** Row gap (optional, overrides gap for rows) */
+    rowGap?: string;
+    /** Column gap (optional, overrides gap for columns) */
+    columnGap?: string;
+}
+/**
+ * Default flex layout
+ */
+declare const DEFAULT_FLEX_LAYOUT: IFlexLayout;
+/**
+ * Default grid layout
+ */
+declare const DEFAULT_GRID_LAYOUT: IGridLayout;
+/**
+ * Default section layout
+ */
+declare const DEFAULT_SECTION_LAYOUT: ISectionLayout;
+
+/**
+ * Field width options for responsive layouts
+ */
+type FieldWidth = 'full' | 'half' | 'third' | 'quarter';
+/**
+ * Base field interface - all fields extend this
+ */
+interface IBaseField {
+    /** Unique field identifier */
+    id: string;
+    /** Field type */
+    type: FieldType;
+    /** Internal name (unique within form) */
+    name: string;
+    /** Display label */
+    label: string;
+    /** Optional description/help text */
+    description?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Default value */
+    defaultValue?: unknown;
+    /** Validation rules */
+    validation?: IFieldValidation;
+    /** Conditional logic for show/hide */
+    conditionalLogic?: IConditionalRule;
+    /** Sort order within section */
+    order: number;
+    /** Field width in grid layout */
+    width?: FieldWidth;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Additional metadata */
+    metadata?: Record<string, unknown>;
+}
+/**
+ * Text field configuration
+ */
+interface ITextField extends IBaseField {
+    type: FieldType.TEXT;
+    defaultValue?: string;
+    /** Maximum character length */
+    maxLength?: number;
+    /** Minimum character length */
+    minLength?: number;
+    /** Number of rows (1 = single line, >1 = textarea) */
+    rows?: number;
+}
+/**
+ * Number field configuration
+ */
+interface INumberField extends IBaseField {
+    type: FieldType.NUMBER;
+    defaultValue?: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Prefix symbol (e.g., '$') */
+    prefix?: string;
+    /** Suffix symbol (e.g., 'kg') */
+    suffix?: string;
+    /** Show increment/decrement buttons */
+    showButtons?: boolean;
+}
+/**
+ * Email field configuration
+ */
+interface IEmailField extends IBaseField {
+    type: FieldType.EMAIL;
+    defaultValue?: string;
+    /** Regex pattern for custom email validation (e.g., '@company\\.com$' for company emails) */
+    pattern?: string;
+    /** Custom error message when pattern validation fails */
+    patternMessage?: string;
+}
+/**
+ * Checkbox field (single boolean)
+ */
+interface ICheckboxField extends IBaseField {
+    type: FieldType.CHECKBOX;
+    defaultValue?: boolean;
+    /** Label displayed next to checkbox */
+    checkboxLabel?: string;
+}
+/**
+ * Radio field - single selection from options
+ */
+interface IRadioField extends IBaseField {
+    type: FieldType.RADIO;
+    /** Available options */
+    options: IFieldOption[];
+    /** Default selected option ID */
+    defaultValue?: string;
+    /** Display layout */
+    displayLayout?: 'vertical' | 'horizontal';
+}
+/**
+ * Dropdown field - single selection
+ */
+interface IDropdownField extends IBaseField {
+    type: FieldType.DROPDOWN;
+    /** Available options */
+    options: IFieldOption[];
+    /** Default selected option ID */
+    defaultValue?: string;
+    /** Enable search/filter */
+    searchable?: boolean;
+    /** Show clear button */
+    showClear?: boolean;
+}
+/**
+ * Multi-select field - multiple selection
+ */
+interface IMultiSelectField extends IBaseField {
+    type: FieldType.MULTI_SELECT;
+    /** Available options */
+    options: IFieldOption[];
+    /** Default selected option IDs */
+    defaultValue?: string[];
+    /** Maximum number of selections */
+    maxSelections?: number;
+    /** Display mode */
+    display?: 'comma' | 'chip';
+}
+/**
+ * Date field configuration
+ */
+interface IDateField extends IBaseField {
+    type: FieldType.DATE;
+    /** Default date (ISO string) */
+    defaultValue?: string;
+    /** Minimum selectable date (ISO string) */
+    minDate?: string;
+    /** Maximum selectable date (ISO string) */
+    maxDate?: string;
+    /** Include time selection */
+    showTime?: boolean;
+    /** Date format string */
+    dateFormat?: string;
+    /** Selection mode */
+    selectionMode?: 'single' | 'range' | 'multiple';
+}
+/**
+ * Likert scale row
+ */
+interface ILikertRow {
+    id: string;
+    label: string;
+    order: number;
+}
+/**
+ * Likert scale field configuration
+ */
+interface ILikertField extends IBaseField {
+    type: FieldType.LIKERT;
+    /** Row labels (questions) */
+    rows: ILikertRow[];
+    /** Scale labels (e.g., ['Strongly Disagree', ..., 'Strongly Agree']) */
+    scaleLabels: string[];
+    /** Minimum scale value */
+    scaleMin: number;
+    /** Maximum scale value */
+    scaleMax: number;
+    /** Default values by row ID */
+    defaultValue?: Record<string, number>;
+}
+/**
+ * Rating field configuration
+ */
+interface IRatingField extends IBaseField {
+    type: FieldType.RATING;
+    /** Maximum rating value (number of stars) */
+    maxRating: number;
+    /** Icon class (PrimeIcon) */
+    icon?: string;
+    /** Default rating value */
+    defaultValue?: number;
+    /** Allow half ratings */
+    allowHalf?: boolean;
+    /** Allow cancel/clear */
+    allowCancel?: boolean;
+    /** Label shown on the left (min) side */
+    minLabel?: string;
+    /** Label shown on the right (max) side */
+    maxLabel?: string;
+}
+/**
+ * File upload field configuration
+ */
+interface IFileUploadField extends IBaseField {
+    type: FieldType.FILE_UPLOAD;
+    /** Accepted MIME types */
+    accept?: string[];
+    /** Maximum number of files */
+    maxFiles?: number;
+    /** Maximum file size in bytes */
+    maxFileSize?: number;
+    /** Allow multiple files */
+    multiple?: boolean;
+}
+/**
+ * Union type for all field types
+ */
+type IField = ITextField | INumberField | IEmailField | ICheckboxField | IRadioField | IDropdownField | IMultiSelectField | IDateField | ILikertField | IRatingField | IFileUploadField;
+/**
+ * Type guard for fields with options
+ */
+declare function hasOptions(field: IField): field is IRadioField | IDropdownField | IMultiSelectField;
+
+/**
+ * Form section - groups fields with layout configuration
+ */
+interface ISection {
+    /** Unique section identifier */
+    id: string;
+    /** Section title */
+    name: string;
+    /** Optional description */
+    description?: string;
+    /** Fields within this section */
+    fields: IField[];
+    /** Layout configuration */
+    layout: ISectionLayout;
+    /** Conditional logic for show/hide */
+    conditionalLogic?: IConditionalRule;
+    /** Sort order within form */
+    order: number;
+    /** Whether section is collapsible */
+    isCollapsible?: boolean;
+    /** Whether section is initially collapsed */
+    isCollapsed?: boolean;
+}
+/**
+ * Create a new section with defaults
+ */
+declare function createSection(partial?: Partial<ISection>): ISection;
+
+/**
+ * Form settings
+ */
+interface IFormSettings {
+    /** Allow saving draft submissions */
+    allowSaveDraft?: boolean;
+    /** Show progress bar */
+    showProgressBar?: boolean;
+    /** Shuffle questions */
+    shuffleQuestions?: boolean;
+    /** Submit button text */
+    submitButtonText?: string;
+    /** Show section navigation */
+    showSectionNav?: boolean;
+}
+/**
+ * Root form schema - complete JSON representation of a form
+ */
+interface IFormSchema {
+    /** Unique form identifier */
+    id: string;
+    /** Schema version for migrations */
+    version: string;
+    /** Form name/title */
+    name: string;
+    /** Form description */
+    description?: string;
+    /** Form sections */
+    sections: ISection[];
+    /** Global conditional logic rules */
+    logic?: IConditionalRule[];
+    /** Form settings */
+    settings?: IFormSettings;
+    /** Additional metadata */
+    metadata?: Record<string, unknown>;
+    /** Creation timestamp */
+    createdAt?: string;
+    /** Last update timestamp */
+    updatedAt?: string;
+}
+/**
+ * Form submission data
+ */
+interface IFormSubmission {
+    /** Form schema ID */
+    schemaId: string;
+    /** Schema version at submission time */
+    schemaVersion: string;
+    /** Field values by field ID */
+    values: Record<string, unknown>;
+    /** Submission timestamp */
+    submittedAt: string;
+    /** Whether this is a draft */
+    isDraft?: boolean;
+}
+/**
+ * Default form settings
+ */
+declare const DEFAULT_FORM_SETTINGS: IFormSettings;
+/**
+ * Create a new form schema with defaults
+ */
+declare function createFormSchema(partial?: Partial<IFormSchema>): IFormSchema;
+
+/**
+ * Manages the form builder UI state including schema, selection, and UI toggles.
+ * Should be provided at the FormBuilder component level (not root).
+ */
+declare class FormBuilderStateService {
+    private readonly _schema;
+    private readonly _isDirty;
+    private readonly _selectedSectionId;
+    private readonly _selectedFieldId;
+    private readonly _isPaletteOpen;
+    private readonly _isPropertiesOpen;
+    private readonly _previewMode;
+    readonly schema: _angular_core.Signal<IFormSchema>;
+    readonly isDirty: _angular_core.Signal<boolean>;
+    readonly selectedSectionId: _angular_core.Signal<string | null>;
+    readonly selectedFieldId: _angular_core.Signal<string | null>;
+    readonly isPaletteOpen: _angular_core.Signal<boolean>;
+    readonly isPropertiesOpen: _angular_core.Signal<boolean>;
+    readonly previewMode: _angular_core.Signal<boolean>;
+    readonly sections: _angular_core.Signal<ISection[]>;
+    readonly formName: _angular_core.Signal<string>;
+    readonly formSettings: _angular_core.Signal<IFormSettings>;
+    readonly selectedSection: _angular_core.Signal<ISection | null>;
+    readonly selectedField: _angular_core.Signal<IField | null>;
+    readonly allFields: _angular_core.Signal<IField[]>;
+    /**
+     * Load an existing schema into the builder
+     */
+    loadSchema(schema: IFormSchema): void;
+    /**
+     * Create a new empty schema
+     */
+    createNewSchema(name?: string): void;
+    /**
+     * Update form metadata
+     */
+    updateFormMeta(updates: Partial<Pick<IFormSchema, 'name' | 'description' | 'settings'>>): void;
+    /**
+     * Mark schema as saved (clears dirty flag)
+     */
+    markAsSaved(): void;
+    /**
+     * Add a new section
+     */
+    addSection(section?: Partial<ISection>): string;
+    /**
+     * Update an existing section
+     */
+    updateSection(sectionId: string, updates: Partial<ISection>): void;
+    /**
+     * Delete a section
+     */
+    deleteSection(sectionId: string): void;
+    /**
+     * Reorder sections
+     */
+    reorderSections(fromIndex: number, toIndex: number): void;
+    /**
+     * Duplicate a section
+     */
+    duplicateSection(sectionId: string): string | null;
+    /**
+     * Add a field to a section
+     */
+    addField(sectionId: string, fieldType: FieldType, field?: Partial<IField>): string | null;
+    /**
+     * Update a field
+     */
+    updateField(sectionId: string, fieldId: string, updates: Partial<IField>): void;
+    /**
+     * Delete a field
+     */
+    deleteField(sectionId: string, fieldId: string): void;
+    /**
+     * Reorder fields within a section
+     */
+    reorderFields(sectionId: string, fromIndex: number, toIndex: number): void;
+    /**
+     * Move a field to a different section
+     */
+    moveFieldToSection(fromSectionId: string, toSectionId: string, fieldId: string, toIndex: number): void;
+    /**
+     * Duplicate a field
+     */
+    duplicateField(sectionId: string, fieldId: string): string | null;
+    /**
+     * Select a section
+     */
+    selectSection(sectionId: string | null): void;
+    /**
+     * Select a field (also selects its parent section)
+     */
+    selectField(fieldId: string | null): void;
+    /**
+     * Clear all selections
+     */
+    clearSelection(): void;
+    /**
+     * Toggle palette visibility
+     */
+    togglePalette(): void;
+    /**
+     * Toggle properties panel visibility
+     */
+    toggleProperties(): void;
+    /**
+     * Set preview mode
+     */
+    setPreviewMode(enabled: boolean): void;
+    /**
+     * Toggle preview mode
+     */
+    togglePreviewMode(): void;
+    private getDefaultFieldLabel;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderStateService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FormBuilderStateService>;
+}
+
+/**
+ * Service for evaluating conditional logic rules.
+ * Determines field/section visibility based on form values.
+ */
+declare class ConditionalLogicService {
+    private readonly _formValues;
+    private readonly _fieldVisibility;
+    private readonly _sectionVisibility;
+    readonly formValues: _angular_core.Signal<Record<string, unknown>>;
+    readonly fieldVisibility: _angular_core.Signal<Map<string, boolean>>;
+    readonly sectionVisibility: _angular_core.Signal<Map<string, boolean>>;
+    /**
+     * Update a single form value
+     */
+    updateFormValue(fieldId: string, value: unknown): void;
+    /**
+     * Set all form values at once
+     */
+    setFormValues(values: Record<string, unknown>): void;
+    /**
+     * Clear all form values
+     */
+    clearFormValues(): void;
+    /**
+     * Evaluate visibility for a field based on its conditional logic
+     */
+    evaluateFieldVisibility(field: IField): boolean;
+    /**
+     * Evaluate visibility for a section based on its conditional logic
+     */
+    evaluateSectionVisibility(section: ISection): boolean;
+    /**
+     * Evaluate a conditional rule
+     */
+    evaluateRule(rule: IConditionalRule): boolean;
+    /**
+     * Evaluate a logic group (AND/OR combination of conditions)
+     */
+    evaluateLogicGroup(group: ILogicGroup): boolean;
+    /**
+     * Evaluate a single condition
+     */
+    evaluateCondition(condition: ICondition): boolean;
+    /**
+     * Recalculate visibility for all fields
+     */
+    recalculateFieldVisibility(fields: IField[]): Map<string, boolean>;
+    /**
+     * Recalculate visibility for all sections
+     */
+    recalculateSectionVisibility(sections: ISection[]): Map<string, boolean>;
+    /**
+     * Check if a specific field is visible
+     */
+    isFieldVisible(fieldId: string): boolean;
+    /**
+     * Check if a specific section is visible
+     */
+    isSectionVisible(sectionId: string): boolean;
+    /**
+     * Deep equality check
+     */
+    private deepEquals;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConditionalLogicService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ConditionalLogicService>;
+}
+
+/**
+ * Validation error result
+ */
+interface IValidationError {
+    fieldId: string;
+    fieldLabel: string;
+    message: string;
+}
+/**
+ * Service for validating form field values
+ */
+declare class ValidationService {
+    private customValidators;
+    /**
+     * Register a custom validator
+     */
+    registerCustomValidator(name: string, validator: (value: unknown, field: IField) => string | null): void;
+    /**
+     * Validate a single field
+     * @returns Error message or null if valid
+     */
+    validateField(field: IField, value: unknown): string | null;
+    /**
+     * Validate all fields in a section
+     * @returns Map of field ID to error message
+     */
+    validateSection(section: ISection, values: Record<string, unknown>, visibleFieldIds?: Set<string>): Map<string, string>;
+    /**
+     * Validate all fields in a form
+     * @returns Array of validation errors
+     */
+    validateForm(sections: ISection[], values: Record<string, unknown>, visibleFieldIds?: Set<string>): IValidationError[];
+    /**
+     * Validate a single rule
+     */
+    private validateRule;
+    /**
+     * Get default error message for a rule
+     */
+    private getDefaultMessage;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ValidationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ValidationService>;
+}
+
+/**
+ * Extended field type metadata including component reference
+ */
+interface IFieldTypeMetadata extends IFieldTypeInfo {
+    /** Component class to render this field type */
+    component?: Type<unknown>;
+    /** Default configuration for new fields of this type */
+    defaultConfig?: Partial<IField>;
+}
+/**
+ * Registry for field types - supports extensibility with custom field types.
+ * Provided at root level for global access.
+ */
+declare class FieldRegistryService {
+    private readonly _registry;
+    readonly fieldTypes: _angular_core.Signal<Map<string, IFieldTypeMetadata>>;
+    readonly allFieldTypes: _angular_core.Signal<IFieldTypeMetadata[]>;
+    readonly inputFieldTypes: _angular_core.Signal<IFieldTypeMetadata[]>;
+    readonly selectionFieldTypes: _angular_core.Signal<IFieldTypeMetadata[]>;
+    readonly specializedFieldTypes: _angular_core.Signal<IFieldTypeMetadata[]>;
+    constructor();
+    /**
+     * Register a field type
+     */
+    register(metadata: IFieldTypeMetadata): void;
+    /**
+     * Register multiple field types
+     */
+    registerMany(metadataList: IFieldTypeMetadata[]): void;
+    /**
+     * Unregister a field type
+     */
+    unregister(type: FieldType | string): void;
+    /**
+     * Get metadata for a field type
+     */
+    getMetadata(type: FieldType | string): IFieldTypeMetadata | undefined;
+    /**
+     * Get all registered field types
+     */
+    getAll(): IFieldTypeMetadata[];
+    /**
+     * Get field types by category
+     */
+    getByCategory(category: 'input' | 'selection' | 'specialized'): IFieldTypeMetadata[];
+    /**
+     * Check if a field type is registered
+     */
+    isRegistered(type: FieldType | string): boolean;
+    /**
+     * Get the component for a field type
+     */
+    getComponent(type: FieldType | string): Type<unknown> | undefined;
+    /**
+     * Get default config for a field type
+     */
+    getDefaultConfig(type: FieldType | string): Partial<IField> | undefined;
+    /**
+     * Register built-in field types
+     */
+    private registerBuiltInTypes;
+    /**
+     * Get default config for built-in field types
+     */
+    private getBuiltInDefaultConfig;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldRegistryService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FieldRegistryService>;
+}
+
+/**
+ * Schema validation error
+ */
+interface ISchemaValidationError {
+    path: string;
+    message: string;
+}
+/**
+ * Schema validation result
+ */
+interface ISchemaValidationResult {
+    valid: boolean;
+    errors: ISchemaValidationError[];
+}
+/**
+ * Service for importing and exporting form schemas as JSON
+ */
+declare class SchemaExportService {
+    /**
+     * Export schema to JSON string
+     */
+    exportToJson(schema: IFormSchema, pretty?: boolean): string;
+    /**
+     * Export schema to downloadable file
+     */
+    exportToFile(schema: IFormSchema, filename?: string): void;
+    /**
+     * Import schema from JSON string
+     */
+    importFromJson(json: string): IFormSchema;
+    /**
+     * Import schema from File
+     */
+    importFromFile(file: File): Promise<IFormSchema>;
+    /**
+     * Validate schema structure
+     */
+    validateSchema(schema: unknown): ISchemaValidationResult;
+    /**
+     * Validate section structure
+     */
+    private validateSection;
+    /**
+     * Validate field structure
+     */
+    private validateField;
+    /**
+     * Clean schema for export (remove undefined values, etc.)
+     */
+    private cleanSchema;
+    /**
+     * Normalize imported schema (add missing defaults, generate IDs if needed)
+     */
+    private normalizeSchema;
+    /**
+     * Sanitize filename for download
+     */
+    private sanitizeFilename;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SchemaExportService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SchemaExportService>;
+}
+
+/**
+ * PDF export configuration
+ */
+interface IPdfExportConfig {
+    /** Document title (defaults to form name) */
+    title?: string;
+    /** Subtitle text */
+    subtitle?: string;
+    /** Show submission metadata (date, status) */
+    showMetadata?: boolean;
+    /** Show form description */
+    showDescription?: boolean;
+    /** Show section descriptions */
+    showSectionDescriptions?: boolean;
+    /** Show summary statistics */
+    showSummary?: boolean;
+    /** Primary color for headers (hex) */
+    primaryColor?: string;
+    /** Secondary/accent color (hex) */
+    accentColor?: string;
+    /** Page size */
+    pageSize?: 'A4' | 'LETTER' | 'LEGAL';
+    /** Page orientation */
+    pageOrientation?: 'portrait' | 'landscape';
+    /** Footer text */
+    footerText?: string;
+}
+/**
+ * Default PDF export configuration
+ */
+declare const DEFAULT_PDF_CONFIG: IPdfExportConfig;
+/**
+ * Service for exporting form results to PDF using pdfmake
+ */
+declare class PdfExportService {
+    private readonly platformId;
+    private readonly isBrowser;
+    private pdfMake;
+    /**
+     * Initialize pdfmake (lazy load for browser only)
+     */
+    private initPdfMake;
+    /**
+     * Download form result as PDF
+     */
+    downloadPdf(schema: IFormSchema, submission: IFormSubmission, config?: IPdfExportConfig): Promise<void>;
+    /**
+     * Open form result PDF in new tab
+     */
+    openPdf(schema: IFormSchema, submission: IFormSubmission, config?: IPdfExportConfig): Promise<void>;
+    /**
+     * Get PDF as Blob
+     */
+    getPdfBlob(schema: IFormSchema, submission: IFormSubmission, config?: IPdfExportConfig): Promise<Blob>;
+    /**
+     * Build pdfmake document definition
+     */
+    private buildDocDefinition;
+    /**
+     * Build stat column for summary
+     */
+    private buildStatColumn;
+    /**
+     * Build section content for PDF
+     */
+    private buildSectionContent;
+    /**
+     * Count answered fields
+     */
+    private countAnsweredFields;
+    /**
+     * Format field value for display in PDF
+     */
+    private formatFieldValue;
+    /**
+     * Get label for single-select option
+     */
+    private getOptionLabel;
+    /**
+     * Get labels for multi-select options
+     */
+    private getMultiSelectLabels;
+    /**
+     * Format likert field value
+     */
+    private formatLikertValue;
+    /**
+     * Format file upload value
+     */
+    private formatFileValue;
+    /**
+     * Format date string
+     */
+    private formatDate;
+    /**
+     * Sanitize filename for download
+     */
+    private sanitizeFilename;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PdfExportService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PdfExportService>;
+}
+
+/**
+ * Interface for items with an order property
+ */
+interface Orderable {
+    order: number;
+}
+/**
+ * Sort items by their order property (ascending)
+ */
+declare function sortByOrder<T extends Orderable>(items: T[]): T[];
+/**
+ * Sort fields by order
+ */
+declare function sortFields(fields: IField[]): IField[];
+/**
+ * Sort sections by order
+ */
+declare function sortSections(sections: ISection[]): ISection[];
+/**
+ * Sort options by order
+ */
+declare function sortOptions(options: IFieldOption[]): IFieldOption[];
+/**
+ * Check if a value is considered empty
+ */
+declare function isEmpty(value: unknown): boolean;
+/**
+ * Check if a value is considered answered/filled
+ */
+declare function hasValue(value: unknown): boolean;
+/**
+ * Format bytes to human-readable file size
+ */
+declare function formatFileSize(bytes: number): string;
+
+/**
+ * Base class for all form builder field components.
+ *
+ * Supports three form patterns:
+ * 1. Template-driven: [(value)]="signal" or [(ngModel)]="value"
+ * 2. Reactive forms: [formControl]="ctrl" or formControlName="field"
+ * 3. Signal forms: [formField]="formTree.field"
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   providers: [provideFieldValueAccessor(TextFieldComponent)]
+ * })
+ * export class TextFieldComponent extends BaseFieldComponent<string> {
+ *   override readonly value = model<string | null>(null);
+ * }
+ * ```
+ */
+declare abstract class BaseFieldComponent<T = unknown> implements ControlValueAccessor {
+    protected readonly logicService: ConditionalLogicService | null;
+    readonly field: _angular_core.InputSignal<IField>;
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly showLabel: _angular_core.InputSignal<boolean>;
+    readonly showHelpText: _angular_core.InputSignal<boolean>;
+    readonly errors: _angular_core.InputSignal<string[]>;
+    readonly valueChanged: _angular_core.OutputEmitterRef<T | null>;
+    abstract readonly value: ReturnType<typeof model<T | null>>;
+    private onChange;
+    private onTouched;
+    private isWritingValue;
+    readonly label: _angular_core.Signal<string>;
+    readonly placeholder: _angular_core.Signal<string>;
+    readonly helpText: _angular_core.Signal<string | undefined>;
+    readonly isRequired: _angular_core.Signal<boolean>;
+    readonly fieldId: _angular_core.Signal<string>;
+    readonly hasErrors: _angular_core.Signal<boolean>;
+    readonly firstError: _angular_core.Signal<string>;
+    readonly isVisible: _angular_core.Signal<boolean>;
+    /**
+     * Hook for subclass-specific form control initialization.
+     * Override in subclasses if additional setup is needed.
+     */
+    protected initializeFormControl(): void;
+    /**
+     * Emit value change to external consumers
+     */
+    protected emitValue(value: T | null): void;
+    /**
+     * Handle value change - updates signal and emits to external consumers.
+     * Use this in field components instead of duplicating the pattern.
+     */
+    protected handleValueChange(value: T | null): void;
+    /**
+     * Mark the control as touched
+     */
+    protected markAsTouched(): void;
+    writeValue(value: T | null): void;
+    registerOnChange(fn: (value: T | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseFieldComponent<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseFieldComponent<any>, never, never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showHelpText": { "alias": "showHelpText"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "touched": "touchedChange"; "valueChanged": "valueChanged"; }, never, never, true, never>;
+}
+/**
+ * Factory function to provide NG_VALUE_ACCESSOR for a field component.
+ */
+declare function provideFieldValueAccessor<T extends new (...args: unknown[]) => ControlValueAccessor>(component: T): {
+    provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
+    useExisting: T;
+    multi: boolean;
+};
+
+/**
+ * Text field component supporting single-line and multi-line input.
+ *
+ * Uses pInputText for single-line (rows <= 1) and pTextarea for multi-line (rows > 1).
+ *
+ * @example
+ * ```html
+ * <fb-text-field [field]="textField" [(value)]="textValue" />
+ * ```
+ */
+declare class TextFieldComponent extends BaseFieldComponent<string> {
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly textField: _angular_core.Signal<ITextField>;
+    readonly isMultiLine: _angular_core.Signal<boolean>;
+    readonly rows: _angular_core.Signal<number>;
+    readonly maxLength: _angular_core.Signal<number | null>;
+    constructor();
+    onValueChange(value: string | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextFieldComponent, "fb-text-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Number field component with support for min/max, step, prefix/suffix, and buttons.
+ *
+ * Uses p-inputNumber from PrimeNG.
+ *
+ * @example
+ * ```html
+ * <fb-number-field [field]="numberField" [(value)]="numberValue" />
+ * ```
+ */
+declare class NumberFieldComponent extends BaseFieldComponent<number> {
+    readonly value: _angular_core.ModelSignal<number | null>;
+    readonly numberField: _angular_core.Signal<INumberField>;
+    readonly min: _angular_core.Signal<number | undefined>;
+    readonly max: _angular_core.Signal<number | undefined>;
+    readonly step: _angular_core.Signal<number>;
+    readonly prefix: _angular_core.Signal<string>;
+    readonly suffix: _angular_core.Signal<string>;
+    readonly showButtons: _angular_core.Signal<boolean>;
+    constructor();
+    onValueChange(value: number | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFieldComponent, "fb-number-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Email field component with type="email" for browser validation hints.
+ *
+ * Uses pInputText with type="email" from PrimeNG.
+ *
+ * @example
+ * ```html
+ * <fb-email-field [field]="emailField" [(value)]="emailValue" />
+ * ```
+ */
+declare class EmailFieldComponent extends BaseFieldComponent<string> {
+    readonly value: _angular_core.ModelSignal<string | null>;
+    constructor();
+    onValueChange(value: string | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmailFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmailFieldComponent, "fb-email-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Checkbox field component with binary mode for boolean values.
+ *
+ * Uses p-checkbox from PrimeNG in binary mode.
+ *
+ * @example
+ * ```html
+ * <fb-checkbox-field [field]="checkboxField" [(value)]="checked" />
+ * ```
+ */
+declare class CheckboxFieldComponent extends BaseFieldComponent<boolean> {
+    readonly value: _angular_core.ModelSignal<boolean | null>;
+    readonly checkboxField: _angular_core.Signal<ICheckboxField>;
+    readonly checkboxLabel: _angular_core.Signal<string>;
+    constructor();
+    onValueChange(value: boolean | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxFieldComponent, "fb-checkbox-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Radio field component for single selection from multiple options.
+ *
+ * Supports vertical and horizontal layout modes.
+ * Uses p-radioButton from PrimeNG.
+ *
+ * @example
+ * ```html
+ * <fb-radio-field [field]="radioField" [(value)]="selectedOptionId" />
+ * ```
+ */
+declare class RadioFieldComponent extends BaseFieldComponent<string> {
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly radioField: _angular_core.Signal<IRadioField>;
+    readonly isHorizontal: _angular_core.Signal<boolean>;
+    readonly sortedOptions: _angular_core.Signal<_flusys_ng_form_builder.IFieldOption[]>;
+    constructor();
+    onValueChange(value: string | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioFieldComponent, "fb-radio-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Dropdown field component for single selection with optional search.
+ *
+ * Uses p-dropdown from PrimeNG with searchable and clear options.
+ *
+ * @example
+ * ```html
+ * <fb-dropdown-field [field]="dropdownField" [(value)]="selectedOptionId" />
+ * ```
+ */
+declare class DropdownFieldComponent extends BaseFieldComponent<string> {
+    readonly value: _angular_core.ModelSignal<string | null>;
+    readonly dropdownField: _angular_core.Signal<IDropdownField>;
+    readonly searchable: _angular_core.Signal<boolean>;
+    readonly showClear: _angular_core.Signal<boolean>;
+    readonly sortedOptions: _angular_core.Signal<_flusys_ng_form_builder.IFieldOption[]>;
+    constructor();
+    onValueChange(value: string | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownFieldComponent, "fb-dropdown-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Multi-select field component for selecting multiple options.
+ *
+ * Uses p-multiSelect from PrimeNG with chip display mode.
+ *
+ * @example
+ * ```html
+ * <fb-multi-select-field [field]="multiSelectField" [(value)]="selectedOptionIds" />
+ * ```
+ */
+declare class MultiSelectFieldComponent extends BaseFieldComponent<string[]> {
+    readonly value: _angular_core.ModelSignal<string[] | null>;
+    readonly multiSelectField: _angular_core.Signal<IMultiSelectField>;
+    readonly maxSelections: _angular_core.Signal<number | undefined>;
+    readonly display: _angular_core.Signal<"comma" | "chip">;
+    readonly sortedOptions: _angular_core.Signal<_flusys_ng_form_builder.IFieldOption[]>;
+    constructor();
+    onValueChange(value: string[] | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectFieldComponent, "fb-multi-select-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Date field component with optional time selection and range mode.
+ *
+ * Uses p-calendar from PrimeNG with configurable date format and selection mode.
+ *
+ * @example
+ * ```html
+ * <fb-date-field [field]="dateField" [(value)]="dateValue" />
+ * ```
+ */
+declare class DateFieldComponent extends BaseFieldComponent<string | string[]> {
+    readonly value: _angular_core.ModelSignal<string | string[] | null>;
+    readonly dateField: _angular_core.Signal<IDateField>;
+    readonly showTime: _angular_core.Signal<boolean>;
+    readonly dateFormat: _angular_core.Signal<string>;
+    readonly selectionMode: _angular_core.Signal<"single" | "range" | "multiple">;
+    readonly minDate: _angular_core.Signal<Date | undefined>;
+    readonly maxDate: _angular_core.Signal<Date | undefined>;
+    /**
+     * Convert stored ISO string(s) to Date object(s) for the calendar
+     */
+    readonly dateValue: _angular_core.Signal<Date | Date[] | null>;
+    constructor();
+    /**
+     * Convert Date object(s) to ISO string(s) for storage
+     */
+    onDateChange(value: Date | Date[] | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateFieldComponent, "fb-date-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Likert scale field component using a matrix table with radio buttons.
+ *
+ * Displays rows (questions) on the left and scale columns with radio buttons.
+ * Value is stored as a Record<rowId, scaleValue>.
+ *
+ * @example
+ * ```html
+ * <fb-likert-field [field]="likertField" [(value)]="likertValues" />
+ * ```
+ */
+declare class LikertFieldComponent extends BaseFieldComponent<Record<string, number>> {
+    readonly value: _angular_core.ModelSignal<Record<string, number> | null>;
+    /** Local selections signal for reactive template binding */
+    readonly selections: _angular_core.WritableSignal<Record<string, number>>;
+    readonly likertField: _angular_core.Signal<ILikertField>;
+    readonly sortedRows: _angular_core.Signal<ILikertRow[]>;
+    readonly scaleLabels: _angular_core.Signal<string[]>;
+    readonly scaleMin: _angular_core.Signal<number>;
+    readonly scaleMax: _angular_core.Signal<number>;
+    /**
+     * Generate array of scale values from min to max
+     */
+    readonly scaleValues: _angular_core.Signal<number[]>;
+    constructor();
+    /**
+     * Get the label for a scale value
+     */
+    getScaleLabel(scaleValue: number): string;
+    /**
+     * Handle value change for a specific row (stores row ID -> scale value)
+     */
+    onRowValueChange(rowId: string, scaleValue: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LikertFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LikertFieldComponent, "fb-likert-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Rating field component using star icons.
+ *
+ * Uses p-rating from PrimeNG with configurable max rating and cancel option.
+ *
+ * @example
+ * ```html
+ * <fb-rating-field [field]="ratingField" [(value)]="ratingValue" />
+ * ```
+ */
+declare class RatingFieldComponent extends BaseFieldComponent<number> {
+    readonly value: _angular_core.ModelSignal<number | null>;
+    readonly ratingField: _angular_core.Signal<IRatingField>;
+    readonly maxRating: _angular_core.Signal<number>;
+    readonly allowCancel: _angular_core.Signal<boolean>;
+    readonly minLabel: _angular_core.Signal<string>;
+    readonly maxLabel: _angular_core.Signal<string>;
+    readonly iconClass: _angular_core.Signal<string>;
+    readonly iconOffClass: _angular_core.Signal<string>;
+    constructor();
+    onValueChange(value: number | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RatingFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RatingFieldComponent, "fb-rating-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Uploaded file info stored in value
+ */
+interface IUploadedFile {
+    name: string;
+    size: number;
+    type: string;
+    /** Base64 data URL or file ID from backend */
+    data: string;
+}
+/**
+ * File upload field component with custom handler.
+ *
+ * Uses p-fileUpload from PrimeNG in advanced mode with custom upload handling.
+ * Value stores an array of IUploadedFile objects.
+ *
+ * @example
+ * ```html
+ * <fb-file-upload-field
+ *   [field]="fileUploadField"
+ *   [(value)]="uploadedFiles"
+ *   (filesSelected)="handleFilesSelected($event)"
+ * />
+ * ```
+ */
+declare class FileUploadFieldComponent extends BaseFieldComponent<IUploadedFile[]> {
+    readonly value: _angular_core.ModelSignal<IUploadedFile[] | null>;
+    /**
+     * Emits when files are selected for custom upload handling
+     */
+    readonly filesSelected: _angular_core.OutputEmitterRef<File[]>;
+    readonly fileUploadField: _angular_core.Signal<IFileUploadField>;
+    readonly multiple: _angular_core.Signal<boolean>;
+    readonly maxFiles: _angular_core.Signal<number>;
+    readonly maxFileSize: _angular_core.Signal<number>;
+    readonly acceptString: _angular_core.Signal<string>;
+    constructor();
+    /**
+     * Handle file selection
+     */
+    onFilesSelect(event: FileSelectEvent): Promise<void>;
+    /**
+     * Handle file removal
+     */
+    onFileRemove(event: FileRemoveEvent): void;
+    /**
+     * Handle clear all files
+     */
+    onClear(): void;
+    /**
+     * Read file as base64 data URL
+     */
+    private readFileAsDataUrl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUploadFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadFieldComponent, "fb-file-upload-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "filesSelected": "filesSelected"; }, never, never, true, never>;
+}
+
+/**
+ * Main form builder component with three-panel layout.
+ *
+ * - Left: Field palette (draggable field types)
+ * - Center: Canvas (sections and fields preview)
+ * - Right: Properties panel (field/section configuration)
+ *
+ * Provides FormBuilderStateService at component level for isolated state management.
+ *
+ * @example
+ * ```html
+ * <fb-form-builder
+ *   [schema]="formSchema"
+ *   (schemaChange)="onSchemaChange($event)"
+ *   (schemaSave)="onSave($event)"
+ *   (schemaExport)="onExport($event)"
+ * />
+ * ```
+ */
+declare class FormBuilderComponent {
+    readonly state: FormBuilderStateService;
+    readonly schema: _angular_core.InputSignal<IFormSchema | null>;
+    readonly schemaChange: _angular_core.OutputEmitterRef<IFormSchema>;
+    readonly schemaSave: _angular_core.OutputEmitterRef<IFormSchema>;
+    readonly schemaExport: _angular_core.OutputEmitterRef<IFormSchema>;
+    readonly panelSizes: _angular_core.Signal<number[]>;
+    readonly minSizes: _angular_core.Signal<number[]>;
+    readonly sectionDropListIds: _angular_core.Signal<string[]>;
+    readonly paletteConnectedTo: _angular_core.Signal<string[]>;
+    constructor();
+    handleSave(): void;
+    handlePreviewToggle(): void;
+    handleImport(): void;
+    handleExport(): void;
+    handleSectionReorder(event: {
+        fromIndex: number;
+        toIndex: number;
+    }): void;
+    handleFieldUpdate(updates: {
+        fieldId: string;
+        changes: Record<string, unknown>;
+    }): void;
+    handleSectionUpdate(updates: {
+        sectionId: string;
+        changes: Record<string, unknown>;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderComponent, "fb-form-builder", never, { "schema": { "alias": "schema"; "required": false; "isSignal": true; }; }, { "schemaChange": "schemaChange"; "schemaSave": "schemaSave"; "schemaExport": "schemaExport"; }, never, never, true, never>;
+}
+
+/**
+ * Builder toolbar component with form name, dirty indicator, and action buttons.
+ *
+ * Actions:
+ * - Preview: Toggle preview mode
+ * - Import: Trigger import dialog (handled by parent)
+ * - Export: Export current schema
+ * - Save: Save current schema
+ *
+ * @example
+ * ```html
+ * <fb-builder-toolbar
+ *   (save)="onSave()"
+ *   (preview)="onPreviewToggle()"
+ *   (import)="onImport()"
+ *   (export)="onExport()"
+ * />
+ * ```
+ */
+declare class BuilderToolbarComponent {
+    readonly state: FormBuilderStateService;
+    readonly save: _angular_core.OutputEmitterRef<void>;
+    readonly preview: _angular_core.OutputEmitterRef<void>;
+    readonly import: _angular_core.OutputEmitterRef<void>;
+    readonly export: _angular_core.OutputEmitterRef<void>;
+    readonly formTitle: _angular_core.Signal<string>;
+    readonly sectionCount: _angular_core.Signal<number>;
+    readonly fieldCount: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuilderToolbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuilderToolbarComponent, "fb-builder-toolbar", never, {}, { "save": "save"; "preview": "preview"; "import": "import"; "export": "export"; }, never, never, true, never>;
+}
+
+/**
+ * Field palette component with draggable field types grouped by category.
+ *
+ * Categories:
+ * - Input: Text, Number, Email, Date
+ * - Selection: Checkbox, Radio, Dropdown, Multi-Select
+ * - Specialized: Likert, Rating, File Upload
+ *
+ * Each field type is draggable (CDK Drag) and can be dropped onto the canvas.
+ *
+ * @example
+ * ```html
+ * <fb-field-palette
+ *   (fieldDragStart)="onFieldDragStart($event)"
+ * />
+ * ```
+ */
+declare class FieldPaletteComponent {
+    private readonly fieldRegistry;
+    readonly connectedDropLists: _angular_core.InputSignal<string[]>;
+    readonly fieldDragStart: _angular_core.OutputEmitterRef<{
+        fieldType: FieldType;
+        metadata: IFieldTypeMetadata;
+    }>;
+    readonly searchQuery: _angular_core.WritableSignal<string>;
+    readonly allFieldTypes: _angular_core.Signal<IFieldTypeMetadata[]>;
+    readonly filteredInputFields: _angular_core.Signal<IFieldTypeMetadata[]>;
+    readonly filteredSelectionFields: _angular_core.Signal<IFieldTypeMetadata[]>;
+    readonly filteredSpecializedFields: _angular_core.Signal<IFieldTypeMetadata[]>;
+    readonly noResultsFound: _angular_core.Signal<boolean>;
+    onDragStart(event: CdkDragStart, metadata: IFieldTypeMetadata): void;
+    private filterFields;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldPaletteComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldPaletteComponent, "fb-field-palette", never, { "connectedDropLists": { "alias": "connectedDropLists"; "required": false; "isSignal": true; }; }, { "fieldDragStart": "fieldDragStart"; }, never, never, true, never>;
+}
+
+/**
+ * Section editor component - card representation of a form section in the canvas.
+ *
+ * Features:
+ * - Section title/description display (editing via right panel)
+ * - Field drop zone (CDK Drop List)
+ * - Field list with drag reorder
+ * - Section actions (duplicate, delete, move up/down)
+ *
+ * @example
+ * ```html
+ * <fb-section-editor
+ *   [section]="section"
+ *   [isSelected]="isSelected"
+ *   [selectedFieldId]="selectedFieldId"
+ *   (sectionSelect)="onSectionSelect($event)"
+ *   (sectionUpdate)="onSectionUpdate($event)"
+ *   (sectionDelete)="onSectionDelete($event)"
+ *   (fieldSelect)="onFieldSelect($event)"
+ *   (fieldDrop)="onFieldDrop($event)"
+ * />
+ * ```
+ */
+declare class SectionEditorComponent {
+    readonly section: _angular_core.InputSignal<ISection>;
+    readonly isSelected: _angular_core.InputSignal<boolean>;
+    readonly selectedFieldId: _angular_core.InputSignal<string | null>;
+    readonly isFirst: _angular_core.InputSignal<boolean>;
+    readonly isLast: _angular_core.InputSignal<boolean>;
+    readonly connectedDropLists: _angular_core.InputSignal<string[]>;
+    readonly sectionSelect: _angular_core.OutputEmitterRef<string>;
+    readonly sectionUpdate: _angular_core.OutputEmitterRef<{
+        sectionId: string;
+        changes: Partial<ISection>;
+    }>;
+    readonly sectionDelete: _angular_core.OutputEmitterRef<string>;
+    readonly sectionDuplicate: _angular_core.OutputEmitterRef<string>;
+    readonly moveUp: _angular_core.OutputEmitterRef<string>;
+    readonly moveDown: _angular_core.OutputEmitterRef<string>;
+    readonly fieldSelect: _angular_core.OutputEmitterRef<string>;
+    readonly fieldDrop: _angular_core.OutputEmitterRef<{
+        sectionId: string;
+        fieldType?: FieldType;
+        fromIndex?: number;
+        toIndex: number;
+        fromSectionId?: string;
+    }>;
+    readonly fieldDelete: _angular_core.OutputEmitterRef<{
+        sectionId: string;
+        fieldId: string;
+    }>;
+    readonly fieldDuplicate: _angular_core.OutputEmitterRef<{
+        sectionId: string;
+        fieldId: string;
+    }>;
+    readonly sectionId: _angular_core.Signal<string>;
+    readonly dropListId: _angular_core.Signal<string>;
+    readonly sectionColumns: _angular_core.Signal<number>;
+    readonly layoutStyles: _angular_core.Signal<{
+        display: string;
+        gridTemplateColumns: string;
+        gap: string;
+        flexWrap?: undefined;
+    } | {
+        display: string;
+        flexWrap: string;
+        gap: string;
+        gridTemplateColumns?: undefined;
+    }>;
+    onSectionClick(event: MouseEvent): void;
+    onFieldDropped(event: CdkDragDrop<IField[], IField[] | IFieldTypeMetadata[]>): void;
+    onFieldDelete(fieldId: string): void;
+    onFieldDuplicate(fieldId: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionEditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionEditorComponent, "fb-section-editor", never, { "section": { "alias": "section"; "required": true; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "selectedFieldId": { "alias": "selectedFieldId"; "required": false; "isSignal": true; }; "isFirst": { "alias": "isFirst"; "required": false; "isSignal": true; }; "isLast": { "alias": "isLast"; "required": false; "isSignal": true; }; "connectedDropLists": { "alias": "connectedDropLists"; "required": false; "isSignal": true; }; }, { "sectionSelect": "sectionSelect"; "sectionUpdate": "sectionUpdate"; "sectionDelete": "sectionDelete"; "sectionDuplicate": "sectionDuplicate"; "moveUp": "moveUp"; "moveDown": "moveDown"; "fieldSelect": "fieldSelect"; "fieldDrop": "fieldDrop"; "fieldDelete": "fieldDelete"; "fieldDuplicate": "fieldDuplicate"; }, never, never, true, never>;
+}
+
+interface IWidthOption {
+    label: string;
+    value: FieldWidth;
+}
+/**
+ * Field editor component - right panel for configuring fields and sections.
+ *
+ * Tabs:
+ * - General: Label, placeholder, required, help text, width
+ * - Validation: Type-specific validation rules
+ * - Logic: Conditional visibility rules
+ *
+ * @example
+ * ```html
+ * <fb-field-editor
+ *   [field]="selectedField"
+ *   [section]="selectedSection"
+ *   (fieldUpdated)="onFieldUpdate($event)"
+ *   (sectionUpdated)="onSectionUpdate($event)"
+ * />
+ * ```
+ */
+declare class FieldEditorComponent {
+    readonly FieldType: typeof FieldType;
+    readonly field: _angular_core.InputSignal<IField | null>;
+    readonly section: _angular_core.InputSignal<ISection>;
+    readonly fieldUpdated: _angular_core.OutputEmitterRef<{
+        fieldId: string;
+        changes: Partial<IField>;
+    }>;
+    readonly sectionUpdated: _angular_core.OutputEmitterRef<{
+        sectionId: string;
+        changes: Partial<ISection>;
+    }>;
+    activeTab: string;
+    readonly widthOptions: IWidthOption[];
+    readonly columnOptions: {
+        label: string;
+        value: number;
+    }[];
+    readonly gapOptions: {
+        label: string;
+        value: string;
+    }[];
+    private readonly _formData;
+    readonly formData: _angular_core.Signal<Record<string, unknown>>;
+    private readonly _sectionFormData;
+    readonly sectionFormData: _angular_core.Signal<Record<string, unknown>>;
+    readonly fieldIcon: _angular_core.Signal<string>;
+    readonly fieldTypeLabel: _angular_core.Signal<string>;
+    readonly hasFieldOptions: _angular_core.Signal<boolean>;
+    /** Fields that have actual validation options */
+    readonly hasValidationOptions: _angular_core.Signal<boolean>;
+    readonly fieldOptions: _angular_core.Signal<IFieldOption[]>;
+    readonly maxFileSizeMB: _angular_core.Signal<number>;
+    readonly sectionColumns: _angular_core.Signal<number>;
+    readonly sectionGap: _angular_core.Signal<string>;
+    readonly likertScaleLabels: _angular_core.Signal<string[]>;
+    readonly likertRows: _angular_core.Signal<ILikertRow[]>;
+    constructor();
+    updateFormData(key: string, value: unknown): void;
+    updateSectionData(key: string, value: unknown): void;
+    updateSectionLayout(key: 'columns' | 'gap', value: number | string): void;
+    updateMaxFileSize(mb: number): void;
+    updateOption(index: number, key: keyof IFieldOption, value: unknown): void;
+    addOption(): void;
+    removeOption(index: number): void;
+    updateScaleLabel(index: number, value: string): void;
+    addScaleLabel(): void;
+    removeScaleLabel(index: number): void;
+    updateRowLabel(index: number, value: string): void;
+    addRow(): void;
+    removeRow(index: number): void;
+    private emitFieldUpdate;
+    private emitSectionUpdate;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldEditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldEditorComponent, "fb-field-editor", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "section": { "alias": "section"; "required": true; "isSignal": true; }; }, { "fieldUpdated": "fieldUpdated"; "sectionUpdated": "sectionUpdated"; }, never, never, true, never>;
+}
+
+/**
+ * Builder canvas component - center panel displaying all sections.
+ *
+ * Features:
+ * - Section list with CDK drag reorder
+ * - Add section button
+ * - Empty state for no sections
+ * - Preview mode support
+ *
+ * @example
+ * ```html
+ * <fb-builder-canvas
+ *   [sections]="sections"
+ *   [selectedSectionId]="selectedSectionId"
+ *   [selectedFieldId]="selectedFieldId"
+ *   [previewMode]="previewMode"
+ *   (sectionSelected)="onSectionSelect($event)"
+ *   (fieldSelected)="onFieldSelect($event)"
+ *   (sectionReorder)="onSectionReorder($event)"
+ * />
+ * ```
+ */
+declare class BuilderCanvasComponent {
+    private readonly state;
+    readonly sections: _angular_core.InputSignal<ISection[]>;
+    readonly selectedSectionId: _angular_core.InputSignal<string | null>;
+    readonly selectedFieldId: _angular_core.InputSignal<string | null>;
+    readonly previewMode: _angular_core.InputSignal<boolean>;
+    readonly sectionSelected: _angular_core.OutputEmitterRef<string>;
+    readonly fieldSelected: _angular_core.OutputEmitterRef<string>;
+    readonly sectionReorder: _angular_core.OutputEmitterRef<{
+        fromIndex: number;
+        toIndex: number;
+    }>;
+    readonly connectedDropListIds: _angular_core.Signal<string[]>;
+    addSection(): void;
+    onSectionDropped(event: CdkDragDrop<ISection[]>): void;
+    onSectionUpdate(event: {
+        sectionId: string;
+        changes: Partial<ISection>;
+    }): void;
+    onSectionDelete(sectionId: string): void;
+    onSectionDuplicate(sectionId: string): void;
+    onMoveUp(sectionId: string): void;
+    onMoveDown(sectionId: string): void;
+    onFieldDrop(event: {
+        sectionId: string;
+        fieldType?: FieldType;
+        fromIndex?: number;
+        toIndex: number;
+        fromSectionId?: string;
+    }): void;
+    onFieldDelete(event: {
+        sectionId: string;
+        fieldId: string;
+    }): void;
+    onFieldDuplicate(event: {
+        sectionId: string;
+        fieldId: string;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuilderCanvasComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuilderCanvasComponent, "fb-builder-canvas", never, { "sections": { "alias": "sections"; "required": true; "isSignal": true; }; "selectedSectionId": { "alias": "selectedSectionId"; "required": false; "isSignal": true; }; "selectedFieldId": { "alias": "selectedFieldId"; "required": false; "isSignal": true; }; "previewMode": { "alias": "previewMode"; "required": false; "isSignal": true; }; }, { "sectionSelected": "sectionSelected"; "fieldSelected": "fieldSelected"; "sectionReorder": "sectionReorder"; }, never, never, true, never>;
+}
+
+/**
+ * Field preview component - displays a field representation in the canvas.
+ *
+ * Features:
+ * - Field label and type icon
+ * - Selected state styling
+ * - Drag handle for reordering
+ * - Click to select
+ * - Delete and duplicate actions
+ *
+ * @example
+ * ```html
+ * <fb-field-preview
+ *   [field]="field"
+ *   [isSelected]="isSelected"
+ *   (fieldSelect)="onFieldSelect($event)"
+ *   (fieldDelete)="onFieldDelete($event)"
+ *   (fieldDuplicate)="onFieldDuplicate($event)"
+ * />
+ * ```
+ */
+declare class FieldPreviewComponent {
+    readonly field: _angular_core.InputSignal<IField>;
+    readonly columns: _angular_core.InputSignal<number>;
+    readonly isSelected: _angular_core.InputSignal<boolean>;
+    readonly fieldSelect: _angular_core.OutputEmitterRef<string>;
+    readonly fieldDelete: _angular_core.OutputEmitterRef<string>;
+    readonly fieldDuplicate: _angular_core.OutputEmitterRef<string>;
+    readonly fieldIcon: _angular_core.Signal<string>;
+    readonly fieldTypeLabel: _angular_core.Signal<string>;
+    readonly fieldStyles: _angular_core.Signal<{
+        gridColumn: string;
+    }>;
+    onFieldClick(event: MouseEvent): void;
+    onDelete(event: MouseEvent): void;
+    onDuplicate(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldPreviewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldPreviewComponent, "fb-field-preview", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; }, { "fieldSelect": "fieldSelect"; "fieldDelete": "fieldDelete"; "fieldDuplicate": "fieldDuplicate"; }, never, never, true, never>;
+}
+
+/**
+ * Form viewer component for runtime form rendering.
+ *
+ * Features:
+ * - Renders form from IFormSchema
+ * - Section-based navigation with steps (p-steps)
+ * - Progress bar (p-progressbar)
+ * - Validates on next/submit
+ * - Logic evaluation for field/section visibility
+ * - Provides ConditionalLogicService at component level
+ *
+ * @example
+ * ```html
+ * <fb-form-viewer
+ *   [schema]="formSchema"
+ *   [initialValues]="savedValues"
+ *   [disabled]="isReadOnly"
+ *   (submitted)="onFormSubmit($event)"
+ *   (valueChanged)="onValueChange($event)"
+ * />
+ * ```
+ */
+declare class FormViewerComponent {
+    private readonly logicService;
+    private readonly validationService;
+    readonly schema: _angular_core.InputSignal<IFormSchema>;
+    readonly initialValues: _angular_core.InputSignal<Record<string, unknown>>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly showHeader: _angular_core.InputSignal<boolean>;
+    readonly showSubmit: _angular_core.InputSignal<boolean>;
+    readonly submitLabel: _angular_core.InputSignal<string>;
+    readonly isSubmitting: _angular_core.InputSignal<boolean>;
+    readonly valueChanged: _angular_core.OutputEmitterRef<Record<string, unknown>>;
+    readonly submitted: _angular_core.OutputEmitterRef<Record<string, unknown>>;
+    readonly validityChanged: _angular_core.OutputEmitterRef<boolean>;
+    readonly saveDraft: _angular_core.OutputEmitterRef<Record<string, unknown>>;
+    private readonly _formValues;
+    private readonly _activeStepIndex;
+    private readonly _errors;
+    private readonly _touched;
+    readonly formValues: _angular_core.Signal<Record<string, unknown>>;
+    readonly activeStepIndex: _angular_core.Signal<number>;
+    readonly settings: _angular_core.Signal<IFormSettings>;
+    readonly visibleSections: _angular_core.Signal<ISection[]>;
+    readonly currentSection: _angular_core.Signal<ISection | null>;
+    readonly stepsItems: _angular_core.Signal<MenuItem[]>;
+    readonly progressValue: _angular_core.Signal<number>;
+    readonly hasPreviousSection: _angular_core.Signal<boolean>;
+    readonly hasNextSection: _angular_core.Signal<boolean>;
+    readonly sectionErrors: _angular_core.Signal<Map<string, string>>;
+    readonly isFormValid: _angular_core.Signal<boolean>;
+    constructor();
+    /**
+     * Handle field value changes
+     */
+    onFieldValueChange(event: {
+        fieldId: string;
+        value: unknown;
+    }): void;
+    /**
+     * Navigate to a specific section
+     */
+    goToSection(index: number): void;
+    /**
+     * Navigate to previous section
+     */
+    goToPreviousSection(): void;
+    /**
+     * Navigate to next section with validation
+     */
+    goToNextSection(): void;
+    /**
+     * Handle step change from p-steps
+     */
+    onStepChange(index: number): void;
+    /**
+     * Handle form submission
+     */
+    onSubmit(): void;
+    /**
+     * Handle save draft
+     */
+    onSaveDraft(): void;
+    /**
+     * Validate a single field
+     */
+    private validateField;
+    /**
+     * Validate current section
+     */
+    private validateCurrentSection;
+    /**
+     * Validate all sections
+     */
+    private validateAllSections;
+    /**
+     * Find section index containing a field
+     */
+    private findSectionIndexByFieldId;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormViewerComponent, "fb-form-viewer", never, { "schema": { "alias": "schema"; "required": true; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "showSubmit": { "alias": "showSubmit"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "isSubmitting": { "alias": "isSubmitting"; "required": false; "isSignal": true; }; }, { "valueChanged": "valueChanged"; "submitted": "submitted"; "validityChanged": "validityChanged"; "saveDraft": "saveDraft"; }, never, never, true, never>;
+}
+
+/**
+ * Section viewer component for rendering form sections.
+ *
+ * Features:
+ * - Renders fields with configured layout (flex/grid)
+ * - Supports collapsible sections
+ * - Applies field visibility based on logic
+ *
+ * @example
+ * ```html
+ * <fb-section-viewer
+ *   [section]="section"
+ *   [values]="formValues"
+ *   [errors]="sectionErrors"
+ *   [disabled]="isDisabled"
+ *   (valueChanged)="onValueChange($event)"
+ * />
+ * ```
+ */
+declare class SectionViewerComponent {
+    readonly section: _angular_core.InputSignal<ISection>;
+    readonly values: _angular_core.InputSignal<Record<string, unknown>>;
+    readonly errors: _angular_core.InputSignal<Map<string, string>>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly valueChanged: _angular_core.OutputEmitterRef<{
+        fieldId: string;
+        value: unknown;
+    }>;
+    readonly collapsed: _angular_core.WritableSignal<boolean>;
+    readonly isCollapsible: _angular_core.Signal<boolean>;
+    constructor();
+    readonly sortedFields: _angular_core.Signal<_flusys_ng_form_builder.IField[]>;
+    readonly gridColumns: _angular_core.Signal<number>;
+    readonly layoutGap: _angular_core.Signal<string>;
+    /**
+     * Get value for a specific field
+     */
+    getValue(fieldId: string): unknown;
+    /**
+     * Get errors for a specific field as string array
+     */
+    getFieldErrors(fieldId: string): string[];
+    /**
+     * Handle field value change
+     */
+    onFieldValueChange(fieldId: string, value: unknown): void;
+    /**
+     * Handle collapsed state change
+     */
+    onCollapsedChange(collapsed: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionViewerComponent, "fb-section-viewer", never, { "section": { "alias": "section"; "required": true; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+}
+
+/**
+ * Field viewer component for dynamic field rendering.
+ *
+ * Features:
+ * - Switches on field type to render appropriate field component
+ * - Passes value and handles changes
+ * - Uses @switch for field type selection
+ * - Respects conditional logic visibility
+ *
+ * @example
+ * ```html
+ * <fb-field-viewer
+ *   [field]="field"
+ *   [value]="fieldValue"
+ *   [disabled]="isDisabled"
+ *   [errors]="fieldErrors"
+ *   (valueChanged)="onValueChange($event)"
+ * />
+ * ```
+ */
+declare class FieldViewerComponent {
+    private readonly logicService;
+    protected readonly FieldType: typeof FieldType;
+    readonly field: _angular_core.InputSignal<IField>;
+    readonly value: _angular_core.InputSignal<unknown>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly errors: _angular_core.InputSignal<string[]>;
+    readonly valueChanged: _angular_core.OutputEmitterRef<unknown>;
+    readonly fieldType: _angular_core.Signal<FieldType>;
+    readonly isVisible: _angular_core.Signal<boolean>;
+    /**
+     * Handle value change from field components
+     */
+    onValueChange(value: unknown): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldViewerComponent, "fb-field-viewer", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+}
+
+/**
+ * Form result viewer component for post-submission display.
+ *
+ * Features:
+ * - Shows form name and submission date
+ * - Accordion sections (p-accordion)
+ * - Status badge (completed/draft)
+ * - Optional analytics display
+ *
+ * @example
+ * ```html
+ * <fb-form-result-viewer
+ *   [schema]="formSchema"
+ *   [result]="submissionResult"
+ *   [showAnalytics]="true"
+ *   (fieldClick)="onFieldClick($event)"
+ * />
+ * ```
+ */
+declare class FormResultViewerComponent {
+    readonly schema: _angular_core.InputSignal<IFormSchema>;
+    readonly result: _angular_core.InputSignal<IFormSubmission>;
+    readonly showAnalytics: _angular_core.InputSignal<boolean>;
+    readonly fieldClick: _angular_core.OutputEmitterRef<{
+        field: IField;
+        value: unknown;
+    }>;
+    readonly sortedSections: _angular_core.Signal<ISection[]>;
+    readonly isDraft: _angular_core.Signal<boolean>;
+    readonly statusLabel: _angular_core.Signal<string>;
+    readonly statusSeverity: _angular_core.Signal<"success" | "warn" | "info" | "danger" | "secondary" | "contrast">;
+    readonly statusIcon: _angular_core.Signal<string>;
+    readonly formattedDate: _angular_core.Signal<string>;
+    readonly totalFieldCount: _angular_core.Signal<number>;
+    readonly answeredCount: _angular_core.Signal<number>;
+    readonly activeValues: _angular_core.Signal<string[]>;
+    /**
+     * Get answered count for a specific section
+     */
+    getSectionAnsweredCount(section: ISection): number;
+    /**
+     * Handle field click event
+     */
+    onFieldClick(event: {
+        field: IField;
+        value: unknown;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormResultViewerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormResultViewerComponent, "fb-form-result-viewer", never, { "schema": { "alias": "schema"; "required": true; "isSignal": true; }; "result": { "alias": "result"; "required": true; "isSignal": true; }; "showAnalytics": { "alias": "showAnalytics"; "required": false; "isSignal": true; }; }, { "fieldClick": "fieldClick"; }, never, never, true, never>;
+}
+
+/**
+ * Section result component for displaying section answers.
+ *
+ * Features:
+ * - Renders fields as label/value pairs
+ * - Handles field click events
+ * - Used inside accordion panels (no internal collapsible wrapper)
+ *
+ * @example
+ * ```html
+ * <fb-section-result
+ *   [section]="section"
+ *   [values]="submissionValues"
+ *   (fieldClick)="onFieldClick($event)"
+ * />
+ * ```
+ */
+declare class SectionResultComponent {
+    readonly section: _angular_core.InputSignal<ISection>;
+    readonly values: _angular_core.InputSignal<Record<string, unknown>>;
+    readonly fieldClick: _angular_core.OutputEmitterRef<{
+        field: IField;
+        value: unknown;
+    }>;
+    readonly sortedFields: _angular_core.Signal<IField[]>;
+    /**
+     * Get value for a specific field
+     */
+    getValue(fieldId: string): unknown;
+    /**
+     * Handle field click
+     */
+    onFieldClick(field: IField): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionResultComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionResultComponent, "fb-section-result", never, { "section": { "alias": "section"; "required": true; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; }, { "fieldClick": "fieldClick"; }, never, never, true, never>;
+}
+
+/**
+ * Field result component for displaying individual answer values.
+ *
+ * Features:
+ * - Resolves option IDs to labels for display
+ * - Shows multi-select as chips
+ * - Shows likert as row:value pairs
+ * - Clean, read-only display format
+ *
+ * @example
+ * ```html
+ * <fb-field-result
+ *   [field]="field"
+ *   [value]="fieldValue"
+ *   (click)="onFieldClick()"
+ * />
+ * ```
+ */
+declare class FieldResultComponent {
+    protected readonly FieldType: typeof FieldType;
+    readonly field: _angular_core.InputSignal<IField>;
+    readonly value: _angular_core.InputSignal<unknown>;
+    readonly click: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Get label for single-select fields (radio, dropdown)
+     */
+    readonly singleOptionLabel: _angular_core.Signal<string>;
+    /**
+     * Get labels for multi-select field
+     */
+    readonly multiSelectLabels: _angular_core.Signal<string[]>;
+    /**
+     * Get display data for likert field
+     */
+    readonly likertDisplay: _angular_core.Signal<{
+        rowId: string;
+        rowLabel: string;
+        scaleLabel: string;
+    }[]>;
+    /**
+     * Get display data for file upload field
+     */
+    readonly fileDisplay: _angular_core.Signal<{
+        name: string;
+        size: string;
+        type: string;
+    } | null>;
+    /**
+     * Format file size to human readable string
+     */
+    private formatFileSize;
+    /**
+     * Default display value for simple fields
+     */
+    readonly displayValue: _angular_core.Signal<string>;
+    /**
+     * Handle click
+     */
+    onClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldResultComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldResultComponent, "fb-field-result", never, { "field": { "alias": "field"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
+}
+
+interface ITab {
+    id: string;
+    label: string;
+    icon: string;
+    route: string;
+}
+/**
+ * Form Builder Container Component
+ *
+ * Main container with tab navigation for form builder demo
+ * Tabs: Builder | Viewer | Result Viewer
+ */
+declare class FormBuilderContainerComponent {
+    readonly tabs: ITab[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormBuilderContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormBuilderContainerComponent, "lib-form-builder-container", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Builder Page Component
+ *
+ * Demo page for testing the FormBuilderComponent
+ */
+declare class BuilderPageComponent {
+    private readonly platformId;
+    private readonly messageService;
+    private readonly isBrowser;
+    readonly formSchema: _angular_core.WritableSignal<IFormSchema>;
+    onSchemaChange(schema: IFormSchema): void;
+    onSave(schema: IFormSchema): void;
+    onExport(schema: IFormSchema): void;
+    private createSampleSchema;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BuilderPageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BuilderPageComponent, "lib-builder-page", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Viewer Page Component
+ *
+ * Demo page for testing the FormViewerComponent
+ */
+declare class ViewerPageComponent {
+    private readonly platformId;
+    private readonly router;
+    private readonly route;
+    private readonly messageService;
+    private readonly isBrowser;
+    readonly formSchema: _angular_core.WritableSignal<IFormSchema | null>;
+    readonly initialValues: _angular_core.WritableSignal<Record<string, unknown>>;
+    readonly hasSchema: _angular_core.Signal<boolean>;
+    onValueChange(values: Record<string, unknown>): void;
+    onSubmit(values: Record<string, unknown>): void;
+    onSaveDraft(values: Record<string, unknown>): void;
+    goToBuilder(): void;
+    private loadSchema;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewerPageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViewerPageComponent, "lib-viewer-page", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Result Page Component
+ *
+ * Demo page for testing the FormResultViewerComponent
+ */
+declare class ResultPageComponent {
+    private readonly platformId;
+    private readonly router;
+    private readonly route;
+    private readonly pdfExportService;
+    private readonly isBrowser;
+    readonly formSchema: _angular_core.WritableSignal<IFormSchema | null>;
+    readonly submission: _angular_core.WritableSignal<IFormSubmission | null>;
+    readonly hasSubmission: _angular_core.Signal<boolean>;
+    downloadPdf(): Promise<void>;
+    goToViewer(): void;
+    goToBuilder(): void;
+    clearSubmission(): void;
+    private loadSchema;
+    private loadSubmission;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResultPageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResultPageComponent, "lib-result-page", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Form Builder Routes Configuration
+ *
+ * Demo routes for testing form builder components
+ * - Builder: Visual form creation
+ * - Viewer: Runtime form filling
+ * - Result: View submitted answers
+ */
+declare const FORM_BUILDER_ROUTES: Routes;
+
+export { BaseFieldComponent, BuilderCanvasComponent, BuilderPageComponent, BuilderToolbarComponent, CheckboxFieldComponent, ComparisonOperator, ConditionalLogicService, DEFAULT_FLEX_LAYOUT, DEFAULT_FORM_SETTINGS, DEFAULT_GRID_LAYOUT, DEFAULT_PDF_CONFIG, DEFAULT_SECTION_LAYOUT, DateFieldComponent, DropdownFieldComponent, EmailFieldComponent, FIELD_TYPE_INFO, FORM_BUILDER_ROUTES, FieldEditorComponent, FieldPaletteComponent, FieldPreviewComponent, FieldRegistryService, FieldResultComponent, FieldType, FieldViewerComponent, FileUploadFieldComponent, FormBuilderComponent, FormBuilderContainerComponent, FormBuilderStateService, FormResultViewerComponent, FormViewerComponent, LayoutType, LikertFieldComponent, LogicAction, LogicOperator, MultiSelectFieldComponent, NumberFieldComponent, PdfExportService, RadioFieldComponent, RatingFieldComponent, ResultPageComponent, SchemaExportService, SectionEditorComponent, SectionResultComponent, SectionViewerComponent, TextFieldComponent, ValidationRuleType, ValidationService, ViewerPageComponent, createFormSchema, createSection, formatFileSize, hasOptions, hasValue, isEmpty, isLogicGroup, provideFieldValueAccessor, sortByOrder, sortFields, sortOptions, sortSections };
+export type { FieldWidth, IBaseField, ICheckboxField, ICondition, IConditionalRule, ICustomRule, IDateField, IDropdownField, IEmailField, IEmailRule, IField, IFieldOption, IFieldTypeInfo, IFieldTypeMetadata, IFieldValidation, IFileUploadField, IFlexLayout, IFormSchema, IFormSettings, IFormSubmission, IGridLayout, ILikertField, ILikertRow, ILogicGroup, IMaxLengthRule, IMaxRule, IMinLengthRule, IMinRule, IMultiSelectField, INumberField, IPatternRule, IPdfExportConfig, IRadioField, IRatingField, IRequiredRule, ISchemaValidationError, ISchemaValidationResult, ISection, ISectionLayout, ITextField, IUploadedFile, IValidationError, IValidationRule };