ngx-form-designer 0.0.23

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" | "all" | "tl" | "bl">;
+    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>;
+}

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

@@ -0,0 +1,22 @@
+import { StyleTokenSet } from '../../form-core/models';
+import * as i0 from "@angular/core";
+/**
+ * Light theme Effects section.
+ */
+export declare class InspectorEffectsSectionComponent {
+    readonly style: import("@angular/core").InputSignal<Partial<StyleTokenSet>>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<Partial<StyleTokenSet>>;
+    readonly outlineOptions: {
+        value: string;
+        icon: string;
+    }[];
+    readonly effectItems: {
+        label: string;
+        hasMore: boolean;
+    }[];
+    parseOpacity(): number;
+    setOpacity(val: number): void;
+    updateStyle(key: string, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorEffectsSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InspectorEffectsSectionComponent, "inspector-effects-section", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "styleChange": "styleChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,33 @@
+import { StyleTokenSet } from '../../form-core/models';
+import * as i0 from "@angular/core";
+/**
+ * Light theme Layout section with segmented controls.
+ */
+export declare class InspectorLayoutSectionComponent {
+    readonly style: import("@angular/core").InputSignal<Partial<StyleTokenSet>>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<Partial<StyleTokenSet>>;
+    showMoreAlign: import("@angular/core").WritableSignal<boolean>;
+    readonly displayOptions: {
+        value: string;
+        label: string;
+    }[];
+    readonly flexDirections: {
+        value: string;
+        label: string;
+        icon: string;
+    }[];
+    readonly alignmentGrid: {
+        id: string;
+        align: string;
+        justify: string;
+    }[];
+    currentDisplay: import("@angular/core").Signal<{}>;
+    setDisplay(value: string): void;
+    setAlignment(align: string, justify: string): void;
+    isAlignmentActive(align: string, justify: string): boolean;
+    toggleWrap(): void;
+    parseValue(val: string | number | undefined): number;
+    updateStyle(key: string, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorLayoutSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InspectorLayoutSectionComponent, "inspector-layout-section", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "styleChange": "styleChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,28 @@
+import { StyleTokenSet } from '../../form-core/models';
+import * as i0 from "@angular/core";
+/**
+ * Light theme Position section.
+ */
+export declare class InspectorPositionSectionComponent {
+    readonly style: import("@angular/core").InputSignal<Partial<StyleTokenSet>>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<Partial<StyleTokenSet>>;
+    showPositionDropdown: import("@angular/core").WritableSignal<boolean>;
+    showFloatClear: import("@angular/core").WritableSignal<boolean>;
+    readonly positionOptions: {
+        value: string;
+        label: string;
+        icon: string;
+    }[];
+    readonly floatOptions: {
+        value: string;
+        label: string;
+    }[];
+    readonly clearOptions: {
+        value: string;
+        label: string;
+    }[];
+    setPosition(value: string): void;
+    updateStyle(key: string, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorPositionSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InspectorPositionSectionComponent, "inspector-position-section", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "styleChange": "styleChange"; }, never, never, true, never>;
+}

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

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

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

@@ -0,0 +1,13 @@
+import { StyleTokenSet } from '../../form-core/models';
+import * as i0 from "@angular/core";
+/**
+ * Light theme Spacing section with visual box model.
+ */
+export declare class InspectorSpacingSectionComponent {
+    readonly style: import("@angular/core").InputSignal<Partial<StyleTokenSet>>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<Partial<StyleTokenSet>>;
+    updateStyle(key: string, value: any): void;
+    setAutoMargin(key: 'marginLeft' | 'marginRight'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorSpacingSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InspectorSpacingSectionComponent, "inspector-spacing-section", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "styleChange": "styleChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,31 @@
+import { StyleTokenSet } from '../../form-core/models';
+import * as i0 from "@angular/core";
+/**
+ * Light theme Typography section.
+ */
+export declare class InspectorTypographySectionComponent {
+    readonly style: import("@angular/core").InputSignal<Partial<StyleTokenSet>>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<Partial<StyleTokenSet>>;
+    readonly fontFamilyOptions: {
+        label: string;
+        value: string;
+    }[];
+    readonly alignOptions: {
+        value: string;
+        icon: string;
+    }[];
+    readonly verticalAlignOptions: {
+        value: string;
+        label: string;
+    }[];
+    setFontFamily(fontFamily: string): void;
+    toggleBold(): void;
+    toggleItalic(): void;
+    toggleUnderline(): void;
+    isBoldActive(): boolean;
+    isItalicActive(): boolean;
+    isUnderlineActive(): boolean;
+    updateStyle(key: string, value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorTypographySectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InspectorTypographySectionComponent, "inspector-typography-section", never, { "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "styleChange": "styleChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,17 @@
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { DesignerStateService } from './designer-state.service';
+import { DesignerEventApiDefinition, DesignerFlavor, WidgetEventApiExecutor } from '../form-core/models';
+import * as i0 from "@angular/core";
+type DesignerMode = 'edit' | 'view';
+export declare class JsonFormDesignerComponent implements OnInit, OnChanges {
+    flavor: DesignerFlavor;
+    mode: DesignerMode;
+    eventApis: DesignerEventApiDefinition[];
+    eventApiExecutor?: WidgetEventApiExecutor;
+    state: DesignerStateService;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsonFormDesignerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonFormDesignerComponent, "app-json-form-designer", never, { "flavor": { "alias": "flavor"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "eventApis": { "alias": "eventApis"; "required": false; }; "eventApiExecutor": { "alias": "eventApiExecutor"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/form-designer/layer-tree/layer-tree.component.d.ts

@@ -0,0 +1,24 @@
+import { FormSchema, LayoutNode } from '../../form-core/models';
+import { DesignerStateService } from '../designer-state.service';
+import * as i0 from "@angular/core";
+export declare class LayerTreeNodeComponent {
+    private designerState;
+    node: LayoutNode;
+    schema: FormSchema;
+    constructor(designerState: DesignerStateService);
+    get isSelected(): boolean;
+    selectNode(e: Event): void;
+    getIcon(): string;
+    getLabel(): string;
+    hasChildren(): boolean;
+    getChildren(): LayoutNode[];
+    shrinkId(id: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayerTreeNodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayerTreeNodeComponent, "app-layer-tree-node", never, { "node": { "alias": "node"; "required": false; }; "schema": { "alias": "schema"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class LayerTreeComponent {
+    schema: FormSchema;
+    getRootNodes(): LayoutNode[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayerTreeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayerTreeComponent, "app-layer-tree", never, { "schema": { "alias": "schema"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/form-designer/layout-canvas.component.d.ts

@@ -0,0 +1,69 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { DesignerStateService } from './designer-state.service';
+import * as i0 from "@angular/core";
+export declare class LayoutCanvasComponent implements AfterViewInit {
+    state: DesignerStateService;
+    private readonly destroyRef;
+    readonly previewMode: import("@angular/core").InputSignal<"overlay" | "route">;
+    readonly previewRequested: import("@angular/core").OutputEmitterRef<void>;
+    fileInput: ElementRef<HTMLInputElement>;
+    root: ElementRef<HTMLDivElement>;
+    scrollContainer: ElementRef<HTMLDivElement>;
+    pageWrapper: ElementRef<HTMLDivElement>;
+    breakpoints: readonly ["xs", "sm", "md", "lg", "xl", "2xl"];
+    constructor(state: DesignerStateService);
+    get schema(): import("@angular/core").WritableSignal<import("ngx-form-designer").FormSchema>;
+    get device(): "mobile" | "desktop";
+    get breakpoint(): "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    readonly zoom: import("@angular/core").WritableSignal<number>;
+    private readonly pageBaseSize;
+    private readonly minZoom;
+    private readonly maxZoom;
+    private wheelListener?;
+    private pendingScrollAdjust;
+    private resizeObserver?;
+    readonly isWebFlavor: import("@angular/core").Signal<boolean>;
+    ngAfterViewInit(): void;
+    onEscape(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    deselect(): void;
+    closeContextMenu(): void;
+    groupSelected(): void;
+    ungroupSelected(): void;
+    onCanvasContextMenu(event: MouseEvent): void;
+    cut(): void;
+    copy(): void;
+    paste(): void;
+    deleteSelected(): void;
+    setBreakpoint(bp: any): void;
+    preview(): void;
+    getCanvasWidth(): "100%" | "375px" | "576px" | "768px" | "992px" | "1200px" | "1400px";
+    getCanvasHeight(): "667px" | "800px";
+    getPageStyle(): Record<string, any>;
+    pageTransform(): string;
+    zoomLabel(): string;
+    scaledPageWidth(): number;
+    scaledPageHeight(): number;
+    zoomIn(): void;
+    zoomOut(): void;
+    resetZoom(): void;
+    private clampZoom;
+    private updatePageBaseSize;
+    private isEditableTarget;
+    private getViewportCenter;
+    private setZoom;
+    private captureAnchor;
+    private restoreAnchor;
+    private getRenderedScale;
+    exportJson(): void;
+    importJson(): void;
+    onFileSelected(event: Event): void;
+    getNodePath(): {
+        id: string;
+        label: string;
+        type: string;
+    }[];
+    selectCrumb(nodeId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutCanvasComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutCanvasComponent, "app-layout-canvas", never, { "previewMode": { "alias": "previewMode"; "required": false; "isSignal": true; }; }, { "previewRequested": "previewRequested"; }, never, never, true, never>;
+}

package/lib/form-designer/page-style.d.ts

@@ -0,0 +1,2 @@
+import type { StyleTokenSet } from '../form-core/models';
+export declare const DEFAULT_PAGE_STYLE: StyleTokenSet;

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

@@ -0,0 +1,65 @@
+import { Injector, ViewContainerRef } from '@angular/core';
+import { DesignerStateService } from './designer-state.service';
+import { WidgetDefinition, DataBindingContract } from '../widgets/widget-definition';
+import { WidgetNode, FieldSchema, FormRule, StyleTokenSet } from '../form-core/models';
+import * as i0 from "@angular/core";
+export declare class PropertiesPanelComponent {
+    state: DesignerStateService;
+    private injector;
+    inspectorContainer: ViewContainerRef;
+    private widgetDefs;
+    constructor(state: DesignerStateService, _widgetDefs: WidgetDefinition[][], injector: Injector);
+    updateInspectorSettings(values: Record<string, any>): void;
+    updateInspectorStyle(values: Partial<StyleTokenSet>): void;
+    getWidgetLabel(node: any): string;
+    /**
+     * Accesses the style object of the LayoutNode itself.
+     * This affects the CONTAINER of the row/column/widget in the grid system.
+     * For widgets, this controls outer dimensions/positioning (flex item props).
+     */
+    nodeStyle(node: any): any;
+    colResponsive(node: any): any;
+    /**
+     * Targeted style update - only updates the specific node in the tree.
+     * Preserves object references for unchanged nodes to avoid re-renders.
+     */
+    onStyleChange(nodeId: string, key: string, value: any): void;
+    /**
+     * Handle style changes from the widget inspector.
+     * Widget style tab always edits FieldSchema.style.
+     */
+    onWidgetInspectorStyleChange(style: Partial<StyleTokenSet>): void;
+    /**
+     * Targeted responsive update - only updates the specific node in the tree.
+     */
+    onResponsiveChange(nodeId: string, breakpoint: string, value: any): void;
+    /**
+     * Legacy method for backward compatibility with dynamic properties.
+     * TODO: Migrate dynamic properties to use targeted updates.
+     */
+    refreshSchema(): void;
+    get pageStyle(): StyleTokenSet;
+    updatePageBoxModel(values: Partial<StyleTokenSet>): void;
+    updatePageStyleValue(key: keyof StyleTokenSet, value: any): void;
+    private updatePageStyle;
+    hasDynamicProperties(node: WidgetNode): boolean;
+    hasDynamicDataProperties(node: WidgetNode): boolean;
+    renderInspector(node: WidgetNode): void;
+    isBrickWidget(node: WidgetNode): boolean;
+    duplicateField(): void;
+    /**
+     * Resolve a widget definition for the current field, preferring widgetId when present,
+     * otherwise falling back to kind/type for backward compatibility.
+     */
+    private findDefinition;
+    deleteField(): void;
+    updateRules(rules: FormRule[]): void;
+    updateFieldConfig(field: FieldSchema): void;
+    getDataConsumer(node: WidgetNode): any;
+    getDataBinding(node: WidgetNode): DataBindingContract | null;
+    applyPreset(rowId: string, preset: number): void;
+    addColumn(rowId: string): void;
+    removeColumn(colId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertiesPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertiesPanelComponent, "app-properties-panel", never, {}, {}, never, never, true, never>;
+}

package/lib/form-designer/rules-editor/query-builder/query-builder.component.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from '@angular/core';
+import { LogicGroup, LogicCondition } from '../../../form-core/models';
+import * as i0 from "@angular/core";
+export declare class QueryBuilderComponent {
+    group: LogicGroup;
+    allFields: any[];
+    level: number;
+    groupChange: EventEmitter<LogicGroup>;
+    remove: EventEmitter<void>;
+    isCondition(item: any): boolean;
+    getAsCondition(item: any): LogicCondition;
+    getAsGroup(item: any): LogicGroup;
+    setOperator(op: 'AND' | 'OR'): void;
+    addCondition(): void;
+    addGroup(): void;
+    removeItem(index: number): void;
+    removeSelf(): void;
+    updateCondition(index: number, field: string, value: any): void;
+    onChildGroupChange(): void;
+    emitChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QueryBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QueryBuilderComponent, "app-query-builder", never, { "group": { "alias": "group"; "required": false; }; "allFields": { "alias": "allFields"; "required": false; }; "level": { "alias": "level"; "required": false; }; }, { "groupChange": "groupChange"; "remove": "remove"; }, never, never, true, never>;
+}

package/lib/form-designer/rules-editor/rules-panel/rules-panel.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import { FormRule } from '../../../form-core/models';
+import * as i0 from "@angular/core";
+export declare class RulesPanelComponent {
+    readOnly: boolean;
+    rules: FormRule[];
+    allFields: any[];
+    rulesChange: EventEmitter<FormRule[]>;
+    addRule(): void;
+    removeRule(index: number): void;
+    onChange(): void;
+    getActionColor(action: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RulesPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RulesPanelComponent, "app-rules-panel", never, { "readOnly": { "alias": "readOnly"; "required": false; }; "rules": { "alias": "rules"; "required": false; }; "allFields": { "alias": "allFields"; "required": false; }; }, { "rulesChange": "rulesChange"; }, never, never, true, never>;
+}

package/lib/form-designer/services/widget-definition-resolver.service.d.ts

@@ -0,0 +1,38 @@
+import { WidgetDefinition, DataBindingContract } from '../../widgets/widget-definition';
+import { FieldSchema, WidgetKind } from '../../form-core/models';
+import * as i0 from "@angular/core";
+/**
+ * Service responsible for resolving widget definitions.
+ * Handles lookup by widgetId (preferred) or by kind/type fallback for backward compatibility.
+ */
+export declare class WidgetDefinitionResolverService {
+    private readonly widgetDefs;
+    constructor(widgetDefs: WidgetDefinition[][]);
+    /**
+     * Finds a widget definition for the given field and widget kind.
+     * Prefers widgetId when present, falls back to kind/type matching.
+     *
+     * @param field - The field schema to find a definition for
+     * @param kind - The widget kind
+     * @returns The matching widget definition, or null if not found
+     */
+    findDefinition(field: FieldSchema, kind: WidgetKind): WidgetDefinition | null;
+    /**
+     * Gets the data consumer type for a field.
+     *
+     * @param field - The field schema
+     * @param kind - The widget kind
+     * @returns The data consumer type, or 'none' if not found
+     */
+    getDataConsumer(field: FieldSchema, kind: WidgetKind): string;
+    /**
+     * Gets the data binding contract for a field.
+     *
+     * @param field - The field schema
+     * @param kind - The widget kind
+     * @returns The data binding contract, or null if not found
+     */
+    getDataBinding(field: FieldSchema, kind: WidgetKind): DataBindingContract | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetDefinitionResolverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WidgetDefinitionResolverService>;
+}

package/lib/form-designer/template-library.d.ts

@@ -0,0 +1,9 @@
+import { FormSchema } from '../form-core/models';
+export interface DesignerTemplateDefinition {
+    id: string;
+    name: string;
+    description: string;
+    tags: readonly string[];
+    schema: FormSchema;
+}
+export declare const DEFAULT_TEMPLATE_LIBRARY: DesignerTemplateDefinition[];

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

@@ -0,0 +1,30 @@
+import { WidgetNode, FieldSchema, StyleTokenSet, FormRule } from '../form-core/models';
+import { DesignerStateService } from './designer-state.service';
+import * as i0 from "@angular/core";
+export declare class WidgetInspectorComponent {
+    readonly node: import("@angular/core").InputSignal<WidgetNode>;
+    readonly field: import("@angular/core").InputSignal<FieldSchema>;
+    readonly readOnly: import("@angular/core").InputSignal<boolean>;
+    readonly fieldChange: import("@angular/core").OutputEmitterRef<FieldSchema>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<Partial<StyleTokenSet>>;
+    readonly rulesChange: import("@angular/core").OutputEmitterRef<FormRule[]>;
+    readonly duplicate: import("@angular/core").OutputEmitterRef<void>;
+    readonly delete: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly stateService: DesignerStateService;
+    private readonly widgetResolver;
+    readonly tabs: string[];
+    activeTab: import("@angular/core").WritableSignal<string>;
+    private readonly readOnlyFieldSnapshot;
+    readonly inspectorField: import("@angular/core").Signal<FieldSchema>;
+    currentStyle: import("@angular/core").Signal<Partial<StyleTokenSet>>;
+    dataConsumer: import("@angular/core").Signal<"image" | "none" | "value" | "list">;
+    bindingShape: import("@angular/core").Signal<import("ngx-form-designer").DataShape | null>;
+    getWidgetIcon(): string;
+    onStyleChange(style: Partial<StyleTokenSet>): void;
+    onFieldConfigChange(field: FieldSchema): void;
+    onRulesConfigChange(rules: FormRule[]): void;
+    constructor();
+    private cloneField;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WidgetInspectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WidgetInspectorComponent, "widget-inspector", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "field": { "alias": "field"; "required": true; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; "styleChange": "styleChange"; "rulesChange": "rulesChange"; "duplicate": "duplicate"; "delete": "delete"; }, never, never, true, never>;
+}

package/lib/form-renderer/form-viewer/form-viewer-readonly.component.d.ts

@@ -0,0 +1,56 @@
+import { type ColumnNode, type FieldSchema, type FormSchema, type LayoutNode, type RowNode, type UploadedFileRef, type WidgetNode } from '../../form-core/models';
+import * as i0 from "@angular/core";
+interface DisplayColumn {
+    key: string;
+    label: string;
+}
+export declare class FormViewerReadonlyComponent {
+    schema: FormSchema;
+    values: Record<string, unknown>;
+    breakpoint: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    protected asRow(node: LayoutNode): RowNode;
+    protected asCol(node: LayoutNode): ColumnNode;
+    protected asWidget(node: LayoutNode): WidgetNode;
+    protected getField(fieldId: string): FieldSchema | undefined;
+    protected getFieldLabel(field: FieldSchema): string;
+    protected getFieldValue(field: FieldSchema): unknown;
+    protected getHeadingText(field: FieldSchema): string;
+    protected getHeadingLevel(field: FieldSchema): string;
+    protected getParagraphText(field: FieldSchema): string;
+    protected getNodeStyle(node: LayoutNode): Record<string, unknown>;
+    protected getFieldStyle(field: FieldSchema): Record<string, unknown>;
+    protected getColClasses(node: LayoutNode): string;
+    protected formatFieldValue(field: FieldSchema, value: unknown): string;
+    protected formatScalarValue(value: unknown, field?: FieldSchema): string;
+    protected getDisplayList(field: FieldSchema, value: unknown): string[];
+    protected getUploadedFiles(value: unknown): UploadedFileRef[];
+    protected getImageSource(field: FieldSchema, value: unknown): string | null;
+    protected getRepeatableItems(value: unknown): Record<string, unknown>[];
+    protected getRepeatableFields(field: FieldSchema): FieldSchema[];
+    protected getRepeatableItemTitle(field: FieldSchema, index: number): string;
+    protected getNestedFieldValue(item: Record<string, unknown>, nestedField: FieldSchema): unknown;
+    protected getTableRows(value: unknown): Record<string, unknown>[];
+    protected getTableColumns(field: FieldSchema, value: unknown): DisplayColumn[];
+    protected readPathValue(value: unknown, path: string): unknown;
+    protected isTruthy(value: unknown): boolean;
+    protected getEmptyValueLabel(field?: FieldSchema): string;
+    protected formatFileSize(size: number): string;
+    protected trackByNodeId(_: number, node: LayoutNode): string;
+    protected trackByIndex(index: number): number;
+    protected trackByFieldId(_: number, field: FieldSchema): string;
+    protected trackByTableColumn(_: number, column: DisplayColumn): string;
+    protected trackByUploadedFile(_: number, file: UploadedFileRef): string;
+    private getEffectiveSpan;
+    private getSpanClass;
+    private resolveOptionLabel;
+    private getFieldOptions;
+    private optionMatches;
+    private formatDateValue;
+    private formatTimeValue;
+    private formatDateTimeValue;
+    private isRecord;
+    private isUploadedFileRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormViewerReadonlyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormViewerReadonlyComponent, "app-form-viewer-readonly", never, { "schema": { "alias": "schema"; "required": true; }; "values": { "alias": "values"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};