ngx-form-designer 0.0.6

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<any>;
+    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,18 @@
+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>>;
+    showMore: import("@angular/core").WritableSignal<boolean>;
+    readonly overflowOptions: {
+        value: string;
+        label: string;
+        icon: string;
+    }[];
+    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,12 @@
+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;
+    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,21 @@
+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>>;
+    showMore: import("@angular/core").WritableSignal<boolean>;
+    readonly alignOptions: {
+        value: string;
+        icon: string;
+    }[];
+    readonly decorOptions: {
+        value: string;
+        icon: string;
+    }[];
+    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,12 @@
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { DesignerStateService } from './designer-state.service';
+import { DesignerFlavor } from '../form-core/models';
+import * as i0 from "@angular/core";
+export declare class JsonFormDesignerComponent implements OnInit, OnChanges {
+    flavor: DesignerFlavor;
+    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; }; }, {}, never, never, true, never>;
+}

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,70 @@
+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(): "desktop" | "mobile";
+    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 pageLabel: import("@angular/core").Signal<string>;
+    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,68 @@
+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.
+     * The widget inspector emits { target: 'container' | 'widget', style: StyleTokenSet }
+     */
+    onWidgetInspectorStyleChange(event: {
+        target: 'container' | 'widget';
+        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,14 @@
+import { EventEmitter } from '@angular/core';
+import { FormRule } from '../../../form-core/models';
+import * as i0 from "@angular/core";
+export declare class RulesPanelComponent {
+    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, { "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,27 @@
+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 fieldChange: import("@angular/core").OutputEmitterRef<FieldSchema>;
+    readonly styleChange: import("@angular/core").OutputEmitterRef<{
+        target: "container" | "widget";
+        style: 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>;
+    currentTarget: import("@angular/core").WritableSignal<"widget" | "container">;
+    currentStyle: import("@angular/core").Signal<StyleTokenSet>;
+    dataConsumer: import("@angular/core").Signal<"value" | "image" | "none" | "list">;
+    bindingShape: import("@angular/core").Signal<import("ngx-form-designer").DataShape | null>;
+    getWidgetIcon(): string;
+    onStyleChange(style: Partial<StyleTokenSet>): void;
+    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; }; }, { "fieldChange": "fieldChange"; "styleChange": "styleChange"; "rulesChange": "rulesChange"; "duplicate": "duplicate"; "delete": "delete"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,50 @@
+import { OnInit, OnChanges, SimpleChanges, EventEmitter, OnDestroy } from '@angular/core';
+import { FormSchema, UploadedFileRef } from '../form-core/models';
+import { FormEngine } from '../form-core/form-engine';
+import { DesignerStateService } from '../form-designer/designer-state.service';
+import * as i0 from "@angular/core";
+export type GroupedFormValues = Record<string, Record<string, unknown>>;
+export type CombinedFormValues = Record<string, unknown>;
+export interface FormSubmitResult {
+    values: Record<string, unknown>;
+    groupedValues?: GroupedFormValues;
+    combinedValues?: CombinedFormValues;
+    uploadedFiles: Record<string, UploadedFileRef[]>;
+}
+export declare class JsonFormRendererComponent implements OnInit, OnChanges, OnDestroy {
+    private designerState;
+    schema: FormSchema;
+    initialValues: Record<string, any>;
+    mode: 'live' | 'preview' | 'design';
+    device: 'desktop' | 'mobile';
+    breakpoint: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    eventLogger?: {
+        log: (message: string, data?: unknown) => void;
+        warn: (message: string, data?: unknown) => void;
+    };
+    uploadOnSubmit: boolean;
+    valueChange: EventEmitter<any>;
+    groupedValueChange: EventEmitter<GroupedFormValues>;
+    combinedValueChange: EventEmitter<CombinedFormValues>;
+    formSubmit: EventEmitter<FormSubmitResult>;
+    engine: FormEngine;
+    private runner?;
+    private readonly uploadClient;
+    constructor(designerState: DesignerStateService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private createEngine;
+    private disposeRunner;
+    onNodeSelect(nodeId: string): void;
+    onSubmit(event: Event): Promise<void>;
+    private uploadPendingFiles;
+    private getPendingFiles;
+    private isFile;
+    private isFileList;
+    private buildGroupedValues;
+    private buildCombinedValues;
+    private isGroupValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsonFormRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonFormRendererComponent, "app-json-form-renderer", never, { "schema": { "alias": "schema"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "device": { "alias": "device"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "eventLogger": { "alias": "eventLogger"; "required": false; }; "uploadOnSubmit": { "alias": "uploadOnSubmit"; "required": false; }; }, { "valueChange": "valueChange"; "groupedValueChange": "groupedValueChange"; "combinedValueChange": "combinedValueChange"; "formSubmit": "formSubmit"; }, never, never, true, never>;
+}

package/lib/form-renderer/layout-node.component.d.ts

@@ -0,0 +1,85 @@
+import { ViewContainerRef, OnInit, OnChanges, SimpleChanges, EventEmitter, ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
+import { LayoutNode, ColumnNode, RowNode, FieldSchema } from '../form-core/models';
+import { WidgetDefinition } from '../widgets/widget-definition';
+import { FormEngine } from '../form-core/form-engine';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { DesignerStateService } from '../form-designer/designer-state.service';
+import * as i0 from "@angular/core";
+export declare class LayoutNodeComponent implements OnInit, OnChanges, OnDestroy {
+    private _widgetDefs;
+    private designerState;
+    private cdr;
+    private el;
+    node: LayoutNode;
+    engine: FormEngine;
+    fields: FieldSchema[];
+    designMode: boolean;
+    device: 'desktop' | 'mobile';
+    breakpoint: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    nodeDrop: EventEmitter<CdkDragDrop<any, any, any>>;
+    nodeSelect: EventEmitter<string>;
+    widgetContainer: ViewContainerRef;
+    connectedDropLists: string[];
+    private readonly allWidgetDefs;
+    private widgetDefs;
+    private widgetComponentRef?;
+    private widgetDefId?;
+    private widgetControl?;
+    private widgetControlName?;
+    private designEngineProxy?;
+    private designEngineSource?;
+    private resizeStartX;
+    private resizeStartSpan;
+    private readonly destroyRef;
+    constructor(_widgetDefs: WidgetDefinition[][], designerState: DesignerStateService, cdr: ChangeDetectorRef, el: ElementRef);
+    get isSelected(): boolean;
+    protected isNodeSelected(nodeId: string): boolean;
+    onWidgetClick(e: Event): void;
+    onWidgetContextMenu(e: MouseEvent): void;
+    onColumnClick(e: Event): void;
+    onRowClick(e: Event): void;
+    onRowContextMenu(e: MouseEvent): void;
+    onColumnContextMenu(e: MouseEvent): void;
+    onDrop(event: CdkDragDrop<any>): void;
+    moveNodeUp(): void;
+    moveNodeDown(): void;
+    deleteNode(): void;
+    duplicateNode(): void;
+    insertRowInColumn(): void;
+    wrapWidgetInRow(): void;
+    getNodeTypeLabel(): string;
+    private resizeStartY;
+    private resizeStartHeight;
+    private resizingNode;
+    private resizingCol;
+    private resizeMoveListener;
+    private resizeUpListener;
+    get isResizing(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onResizeStart(e: MouseEvent, node: LayoutNode): void;
+    onColResizeStart(e: MouseEvent, node: LayoutNode): void;
+    onResizeMove(e: MouseEvent): void;
+    onResizeEnd(): void;
+    onNodeDrop(event: CdkDragDrop<any>): void;
+    onNodeSelect(id: string): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    renderWidget(forceRecreate?: boolean): void;
+    private updateWidgetDefinitions;
+    private resolveWidgetDefinition;
+    private createWidgetInjector;
+    private getWidgetControl;
+    /** TrackBy function for *ngFor to prevent unnecessary component destruction */
+    trackById(index: number, node: LayoutNode): string;
+    asRow(node: LayoutNode): RowNode;
+    asCol(node: LayoutNode): ColumnNode;
+    getColClasses(node: LayoutNode): string;
+    private getEffectiveSpan;
+    private getSpanClass;
+    getStyle(node: LayoutNode): Record<string, any>;
+    private getEngineForRender;
+    isNodeVisible(node: LayoutNode): boolean;
+    isRuleHidden(node: LayoutNode): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutNodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutNodeComponent, "app-layout-node", never, { "node": { "alias": "node"; "required": false; }; "engine": { "alias": "engine"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "designMode": { "alias": "designMode"; "required": false; }; "device": { "alias": "device"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "connectedDropLists": { "alias": "connectedDropLists"; "required": false; }; }, { "nodeDrop": "nodeDrop"; "nodeSelect": "nodeSelect"; }, never, never, true, never>;
+}

package/lib/plugins/core-plugins.d.ts

@@ -0,0 +1,5 @@
+import { DesignerFlavor } from '../form-core/models';
+import { WidgetDefinition } from '../widgets/widget-definition';
+import { DesignerPlugin } from './designer-plugin';
+export declare const CORE_DESIGNER_PLUGINS: DesignerPlugin[];
+export declare function flattenPluginWidgets(plugins: DesignerPlugin[], flavor?: DesignerFlavor): WidgetDefinition[];

package/lib/plugins/designer-plugin.d.ts

@@ -0,0 +1,15 @@
+import { InjectionToken } from '@angular/core';
+import { DesignerFlavor } from '../form-core/models';
+import { WidgetDefinition } from '../widgets/widget-definition';
+import type { DesignerSectionDefinition } from './section-definition';
+export interface DesignerPlugin {
+    id: string;
+    label: string;
+    description?: string;
+    flavors: DesignerFlavor[];
+    widgets?: WidgetDefinition[];
+    sections?: DesignerSectionDefinition[];
+    metadata?: Record<string, unknown>;
+    version?: string;
+}
+export declare const DESIGNER_PLUGINS: InjectionToken<DesignerPlugin[]>;

package/lib/plugins/plugin-context.d.ts

@@ -0,0 +1,18 @@
+import { DesignerContext } from '../form-designer/designer-context.service';
+import { FieldSchema } from '../form-core/models';
+export interface PluginContext {
+    readonly pluginId: string;
+    getSchema(): ReturnType<DesignerContext['getSchema']>;
+    updateSchema(mutator: (schema: ReturnType<DesignerContext['getSchema']>) => ReturnType<DesignerContext['getSchema']>): void;
+    getFields(): FieldSchema[];
+    getFieldById(id: string): FieldSchema | undefined;
+    getMySchemaMeta<T = unknown>(): T | undefined;
+    setMySchemaMeta<T = unknown>(value: T): void;
+    getMyFieldMeta<T = unknown>(fieldId: string): T | undefined;
+    setMyFieldMeta<T = unknown>(fieldId: string, value: T): void;
+    style: {
+        normalize: (style?: Record<string, any>) => Record<string, any>;
+        merge: (base?: Record<string, any>, override?: Record<string, any>) => Record<string, any>;
+    };
+}
+export declare function createPluginContext(pluginId: string): PluginContext;

package/lib/plugins/plugin-providers.d.ts

@@ -0,0 +1,3 @@
+import { Provider } from '@angular/core';
+import { DesignerPlugin } from './designer-plugin';
+export declare function provideDesignerPlugins(plugins: DesignerPlugin[]): Provider[];

package/lib/plugins/section-definition.d.ts

@@ -0,0 +1,16 @@
+import { InjectionToken } from '@angular/core';
+import type { DesignerFlavor, FieldSchema, RowNode } from '../form-core/models';
+export interface DesignerSectionDraft {
+    fields: FieldSchema[];
+    layout: RowNode;
+}
+export interface DesignerSectionDefinition {
+    id: string;
+    name: string;
+    description: string;
+    category?: string;
+    tags?: string[];
+    flavor?: DesignerFlavor;
+    build: () => DesignerSectionDraft;
+}
+export declare const DESIGNER_SECTIONS: InjectionToken<DesignerSectionDefinition[]>;