ngx-form-designer 0.0.23

package/lib/widgets/field-widgets/select/select-widget.component.d.ts

@@ -0,0 +1,53 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { FieldSchema, OptionSchema } from '../../../form-core/models';
+import { FormEngine } from '../../../form-core/form-engine';
+import * as i0 from "@angular/core";
+export declare class SelectWidgetComponent implements OnInit, OnDestroy {
+    private _config;
+    private hasReceivedConfig;
+    private hasInitialized;
+    set config(value: FieldSchema);
+    get config(): FieldSchema;
+    engine?: FormEngine;
+    control: FormControl<any>;
+    searchControl: FormControl<string | null>;
+    loading: boolean;
+    loadError: string | null;
+    private requestId;
+    private readonly destroyRef;
+    private readonly cdr;
+    options: OptionSchema[];
+    private runtimeManagedField;
+    private runtimeOptionsLoaded;
+    private readonly dependencyValueSnapshot;
+    private readonly dataProvider;
+    private readonly runtimeFieldDataAccessRegistry;
+    get fieldId(): string;
+    get errorId(): string;
+    get helpTextId(): string;
+    getAriaDescribedBy(): string;
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    private getDependencyFieldIds;
+    private loadOptions;
+    getWrapperStyles(): Record<string, any>;
+    get visible(): boolean;
+    get enabled(): boolean;
+    get required(): boolean;
+    get error(): string | null;
+    onFocus(): void;
+    onClick(): void;
+    onBlur(): void;
+    private syncEnabledState;
+    private ensureRuntimeOptionsLoaded;
+    private seedDependencySnapshotFromValues;
+    private haveDependencyValuesChanged;
+    private hasSelectedValue;
+    private handleConfigChange;
+    private getConfigSignature;
+    private getOptionsSignature;
+    private stringifyValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectWidgetComponent, "app-select-widget", never, { "config": { "alias": "config"; "required": false; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/field-widgets/text-field/text-field.component.d.ts

@@ -0,0 +1,39 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { FieldSchema } from '../../../form-core/models';
+import { FormEngine } from '../../../form-core/form-engine';
+import * as i0 from "@angular/core";
+export declare class TextFieldWidgetComponent implements OnInit, OnDestroy {
+    private _config;
+    private hasReceivedConfig;
+    private readonly dependencyValueSnapshot;
+    set config(value: FieldSchema);
+    get config(): FieldSchema;
+    engine?: FormEngine;
+    control: FormControl<any>;
+    private readonly destroyRef;
+    private readonly dataProvider;
+    get fieldId(): string;
+    get errorId(): string;
+    get helpTextId(): string;
+    getAriaDescribedBy(): string;
+    ngOnInit(): void;
+    onFocus(): void;
+    onClick(): void;
+    onBlur(): void;
+    ngOnDestroy(): void;
+    getWrapperStyles(): Record<string, any>;
+    get visible(): boolean;
+    get enabled(): boolean;
+    get required(): boolean;
+    get error(): string | null;
+    private syncEnabledState;
+    private refreshValueFromDataSource;
+    private getDataConfigSignature;
+    private seedDependencySnapshotFromEngine;
+    private seedDependencySnapshot;
+    private haveDependencyValuesChanged;
+    private getDependencyFieldNames;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldWidgetComponent, "app-text-field-widget", never, { "config": { "alias": "config"; "required": false; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/field-widgets/tree-select/tree-select-widget.component.d.ts

@@ -0,0 +1,47 @@
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { FieldSchema } from '../../../form-core/models';
+import { FormEngine } from '../../../form-core/form-engine';
+import { TreeNode } from '../../../data/tree-utils';
+import * as i0 from "@angular/core";
+export declare class TreeSelectWidgetComponent implements OnInit, OnDestroy {
+    private el;
+    config: FieldSchema;
+    engine?: FormEngine;
+    control: FormControl<any>;
+    searchInput?: ElementRef<HTMLInputElement>;
+    private dataProvider;
+    private cdr;
+    private readonly destroyRef;
+    private rawList;
+    tree: TreeNode[];
+    displayTree: TreeNode[];
+    isLoading: boolean;
+    isOpen: boolean;
+    selectedId: string | null;
+    selectedLabel: string | null;
+    expandedIds: Set<string>;
+    searchControl: FormControl<string | null>;
+    loadError: string | null;
+    private hasFocus;
+    constructor(el: ElementRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private onDocumentClick;
+    loadData(): Promise<void>;
+    private build;
+    private filter;
+    toggleDropdown(e: Event): void;
+    isExpanded(node: TreeNode): boolean;
+    toggleExpand(node: TreeNode, e: Event): void;
+    selectNode(node: TreeNode, e: Event): void;
+    private updateSelectionFromValue;
+    get isInvalid(): boolean;
+    get isRequired(): boolean | undefined;
+    get errorMessage(): string | null;
+    get searchEnabled(): boolean;
+    private openDropdown;
+    private closeDropdown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeSelectWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeSelectWidgetComponent, "app-tree-select", never, { "config": { "alias": "config"; "required": false; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/page-link-context.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+export type WidgetPageLink = {
+    id: string;
+    name: string;
+    route: string;
+};
+export type WidgetPageLinkProvider = () => WidgetPageLink[];
+export declare const WIDGET_PAGE_LINKS: InjectionToken<WidgetPageLinkProvider>;

package/lib/widgets/page-widgets/brick-settings.component.d.ts

@@ -0,0 +1,23 @@
+import { OnChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BrickSettingsComponent implements OnChanges {
+    config: any;
+    getValue: (path: string) => unknown;
+    setValue: (path: string, value: unknown) => void;
+    onChange: () => void;
+    private readonly projectService;
+    protected readonly bricks: import("@angular/core").Signal<import("ngx-form-designer").WebsiteBrick[]>;
+    protected propsValue: Record<string, unknown>;
+    protected propsSchema: Record<string, unknown> | null;
+    private lastBrickId;
+    ngOnChanges(): void;
+    selectedBrickId(): string;
+    onBrickChange(id: string): void;
+    onPropsChange(nextProps: Record<string, unknown>): void;
+    private syncPropsState;
+    private applyDefaultsForBrick;
+    private normalizeSchema;
+    private cloneProps;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrickSettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrickSettingsComponent, "app-brick-settings", never, { "config": { "alias": "config"; "required": false; }; "getValue": { "alias": "getValue"; "required": false; }; "setValue": { "alias": "setValue"; "required": false; }; "onChange": { "alias": "onChange"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/page-widgets/brick-widget.component.d.ts

@@ -0,0 +1,47 @@
+import { AfterViewInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import type { WebsiteBrick } from '../../website/website-project.models';
+import * as i0 from "@angular/core";
+export declare class BrickWidgetComponent implements AfterViewInit, OnChanges, OnDestroy {
+    config: any;
+    engine?: any;
+    control?: any;
+    brickOverride?: WebsiteBrick;
+    onPropsChange?: (nextProps: Record<string, unknown>) => void;
+    private readonly brickRoot;
+    private readonly projectService;
+    private readonly editor;
+    private runtimeInstance?;
+    private cleanupFns;
+    private reactUnmount?;
+    private viewReady;
+    private renderSequence;
+    private static reactGlobalsPromise;
+    private static babelGlobalsPromise;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    showMissing(): boolean;
+    missingMessage(): string;
+    private renderBrick;
+    private resolveBrick;
+    private getProps;
+    private getRuntime;
+    private applyBindings;
+    private setupInlineEditing;
+    private initRuntime;
+    private renderReactBrick;
+    private resolveReactComponent;
+    private updateProps;
+    private ensureRootBinding;
+    private updateProp;
+    private readProp;
+    private setPropValue;
+    private isDesignMode;
+    private cleanupRuntime;
+    private static loadReactGlobals;
+    private static loadBabelGlobals;
+    private static compileReactComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrickWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrickWidgetComponent, "app-brick-widget", never, { "config": { "alias": "config"; "required": false; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; "brickOverride": { "alias": "brickOverride"; "required": false; }; "onPropsChange": { "alias": "onPropsChange"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/page-widgets/button-link-settings.component.d.ts

@@ -0,0 +1,23 @@
+import { WidgetPageLink } from '../page-link-context';
+import * as i0 from "@angular/core";
+type LinkType = 'none' | 'page' | 'url';
+export declare class ButtonLinkSettingsComponent {
+    config: any;
+    getValue?: (path: string) => any;
+    setValue?: (path: string, value: any) => void;
+    onChange?: () => void;
+    private readonly pageLinks;
+    linkType(): LinkType;
+    pages(): WidgetPageLink[];
+    selectedPageId(): string;
+    selectedPageRoute(): string;
+    linkHref(): string;
+    openInNewTab(): boolean;
+    setLinkType(type: LinkType): void;
+    setPageId(pageId: string): void;
+    setUrl(value: string): void;
+    setOpenInNewTab(value: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonLinkSettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonLinkSettingsComponent, "app-button-link-settings", never, { "config": { "alias": "config"; "required": false; }; "getValue": { "alias": "getValue"; "required": false; }; "setValue": { "alias": "setValue"; "required": false; }; "onChange": { "alias": "onChange"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

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

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+export declare class ButtonWidgetComponent {
+    private readonly router;
+    private readonly pageLinks;
+    config: any;
+    engine?: any;
+    control?: any;
+    getClasses(): "inline-flex items-center px-4 py-2 border text-sm font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors border-gray-300 text-gray-700 bg-white hover:bg-gray-50 focus:ring-blue-500" | "inline-flex items-center px-4 py-2 border text-sm font-medium rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors border-transparent text-white bg-blue-600 hover:bg-blue-700 focus:ring-blue-500";
+    getStyles(): Record<string, any>;
+    getButtonType(): 'button' | 'submit' | 'reset';
+    linkHref(): string;
+    linkTarget(): string | null;
+    linkRel(): string | null;
+    onLinkClick(event: MouseEvent): void;
+    onClick(): void;
+    private openInNewTab;
+    private getLinkType;
+    private isInternalLink;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonWidgetComponent, "app-button-widget", never, { "config": { "alias": "config"; "required": false; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+export declare class HeadingWidgetComponent {
+    private readonly editor;
+    private readonly router;
+    config: any;
+    engine?: any;
+    control?: any;
+    getStyles(): Record<string, any>;
+    isDesignMode(): boolean;
+    isEditing(): boolean;
+    headingEditorClass(): string;
+    headingContainerClass(): string;
+    labelHtml(): string;
+    quillHtml(): string;
+    onHtmlChange(html: string): void;
+    onLinkClick(event: MouseEvent): void;
+    private wrapHtmlForQuill;
+    private normalizeInlineHtml;
+    private normalizeInternalHref;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeadingWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeadingWidgetComponent, "app-heading-widget", never, { "config": { "alias": "config"; "required": false; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/page-widgets/inline-quill-editor.component.d.ts

@@ -0,0 +1,35 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const INLINE_QUILL_TOOLBAR_OPTIONS: unknown[];
+export declare class InlineQuillEditorComponent implements AfterViewInit, OnChanges, OnDestroy {
+    html: string;
+    placeholder: string;
+    readOnly: boolean;
+    autoFocus: boolean;
+    containerClass: string;
+    editorClass: string;
+    editorStyle: Record<string, string | number> | null;
+    htmlChange: EventEmitter<string>;
+    editorBlur: EventEmitter<void>;
+    editorFocus: EventEmitter<void>;
+    editorRef: ElementRef<HTMLDivElement>;
+    private quill?;
+    private lastHtml;
+    private hasFocus;
+    private updating;
+    private appliedClasses;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private initQuill;
+    private setHtml;
+    private applyEditorAppearance;
+    private focusToEnd;
+    onEditorMouseDown(event: MouseEvent): void;
+    onEditorPointerDown(event: PointerEvent): void;
+    onEditorTouchStart(event: TouchEvent): void;
+    onEditorDragStart(event: DragEvent): void;
+    private stopInteractionEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InlineQuillEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InlineQuillEditorComponent, "app-inline-quill-editor", never, { "html": { "alias": "html"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "editorClass": { "alias": "editorClass"; "required": false; }; "editorStyle": { "alias": "editorStyle"; "required": false; }; }, { "htmlChange": "htmlChange"; "editorBlur": "editorBlur"; "editorFocus": "editorFocus"; }, never, never, true, never>;
+}

package/lib/widgets/page-widgets/table-inspector.component.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class TableInspectorComponent {
+    config: any;
+    getValue: (path: string) => any;
+    setValue: (path: string, value: any) => void;
+    onChange: () => void;
+    get columns(): any;
+    get rows(): any;
+    addColumn(): void;
+    removeColumn(index: number): void;
+    updateColumns(): void;
+    addRow(): void;
+    removeRow(index: number): void;
+    updateRows(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableInspectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableInspectorComponent, "app-table-inspector", never, { "config": { "alias": "config"; "required": false; }; "getValue": { "alias": "getValue"; "required": false; }; "setValue": { "alias": "setValue"; "required": false; }; "onChange": { "alias": "onChange"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/page-widgets/table-widget.component.d.ts

@@ -0,0 +1,36 @@
+import { OnInit, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { FormEngine } from '../../form-core/form-engine';
+import * as i0 from "@angular/core";
+export declare class TableWidgetComponent implements OnInit, OnChanges, OnDestroy {
+    config: any;
+    engine?: FormEngine;
+    control?: FormControl;
+    private readonly dataProvider;
+    private readonly pluginCtx;
+    searchControl: FormControl<string | null>;
+    loading: boolean;
+    error: string | null;
+    pageSize: number;
+    pageIndex: number;
+    total: number;
+    displayRows: any[];
+    private readonly destroyRef;
+    private reqId;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    getStyles(): Record<string, any>;
+    showToolbar(): boolean;
+    get pageStart(): number;
+    get pageEnd(): number;
+    prevPage(): void;
+    nextPage(): void;
+    hasNextPage(): boolean;
+    private updateRows;
+    private getRowsFromBinding;
+    private getDependencyFieldIds;
+    protected resolveCellValue(row: Record<string, unknown>, path: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableWidgetComponent, "app-table-widget", never, { "config": { "alias": "config"; "required": true; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/page-widgets/text-block-widget.component.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+export declare class TextBlockWidgetComponent {
+    private readonly editor;
+    private readonly router;
+    config: any;
+    engine?: any;
+    control?: any;
+    getStyles(): Record<string, any>;
+    isDesignMode(): boolean;
+    isEditing(): boolean;
+    textEditorClass(): string;
+    textContainerClass(): string;
+    textHtml(): string;
+    quillHtml(): string;
+    onHtmlChange(html: string): void;
+    onLinkClick(event: MouseEvent): void;
+    private wrapHtmlForQuill;
+    private normalizeInlineHtml;
+    private normalizeInternalHref;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextBlockWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextBlockWidgetComponent, "app-text-block-widget", never, { "config": { "alias": "config"; "required": false; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

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

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

package/lib/widgets/static-widgets/image/image-widget.component.d.ts

@@ -0,0 +1,20 @@
+import { OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { FormEngine } from '../../../form-core/form-engine';
+import * as i0 from "@angular/core";
+export declare class ImageWidgetComponent implements OnInit, OnChanges, OnDestroy {
+    config: any;
+    engine?: FormEngine;
+    control?: FormControl;
+    displaySrc: string | null;
+    private readonly destroyRef;
+    private readonly dataProvider;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private updateSrc;
+    getContainerStyles(): Record<string, any>;
+    getSpacing(token: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageWidgetComponent, "app-image-widget", never, { "config": { "alias": "config"; "required": false; }; "engine": { "alias": "engine"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/widgets/style-helpers.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Shared helpers for normalizing style objects coming from widget configs.
+ * - Converts number values to px strings.
+ * - Skips null/undefined/empty values.
+ */
+export type StyleRecord = Record<string, any>;
+export declare function normalizeStyle(style?: StyleRecord): Record<string, any>;
+export declare function mergeAndNormalize(base?: StyleRecord, override?: StyleRecord): Record<string, any>;

package/lib/widgets/style-properties.d.ts

@@ -0,0 +1,28 @@
+import { PropertyField, PropertySection } from './widget-definition';
+export declare const LAYOUT_FIELDS: PropertyField[];
+export declare const SPACING_MARGIN_FIELDS: PropertyField[];
+export declare const SPACING_PADDING_FIELDS: PropertyField[];
+export declare const SPACING_BOX_MODEL_FIELD: PropertyField;
+export declare const APPEARANCE_FIELDS: PropertyField[];
+export declare const TYPOGRAPHY_FIELDS: PropertyField[];
+export declare const TRANSFORM_FIELDS: PropertyField[];
+export declare const EFFECTS_FIELDS: PropertyField[];
+export declare const STYLE_LAYOUT_SECTION: PropertySection;
+export declare const STYLE_SPACING_SECTION: PropertySection;
+export declare const STYLE_APPEARANCE_SECTION: PropertySection;
+export declare const STYLE_TYPOGRAPHY_SECTION: PropertySection;
+export declare const STYLE_TRANSFORM_SECTION: PropertySection;
+export declare const STYLE_EFFECTS_SECTION: PropertySection;
+export declare const STYLE_SECTIONS: PropertySection[];
+/**
+ * Standard style sections for form widgets (no transforms)
+ */
+export declare const STANDARD_FORM_STYLE_SECTIONS: PropertySection[];
+/**
+ * Full style sections for web widgets (includes transforms)
+ */
+export declare const FULL_WEB_STYLE_SECTIONS: PropertySection[];
+/**
+ * Email-safe style sections (no transforms or advanced effects)
+ */
+export declare const EMAIL_SAFE_STYLE_SECTIONS: PropertySection[];

package/lib/widgets/style-sections.d.ts

@@ -0,0 +1 @@
+export { STYLE_LAYOUT_SECTION, STYLE_SPACING_SECTION, STYLE_APPEARANCE_SECTION, STYLE_TYPOGRAPHY_SECTION, STYLE_TRANSFORM_SECTION, STYLE_EFFECTS_SECTION, STYLE_SECTIONS } from './style-properties';

package/lib/widgets/table-widget.d.ts

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

package/lib/widgets/widget-definition.d.ts

@@ -0,0 +1,81 @@
+import { Type, InjectionToken } from '@angular/core';
+import { WidgetKind, DesignerFlavor } from '../form-core/models';
+export interface WidgetConfig {
+    label?: string;
+    name?: string;
+    placeholder?: string;
+    required?: boolean;
+    [key: string]: any;
+}
+export type PropertyFieldType = 'text' | 'textarea' | 'number' | 'select' | 'checkbox' | 'slide-toggle' | 'color' | 'color-swatch' | 'icon-picker' | 'padding' | 'margin' | 'shadow' | 'border' | 'options-editor' | 'validators-editor' | 'conditional-editor' | 'custom' | 'field-reference' | 'dimension' | 'edge-box' | 'box-model' | 'range-number' | 'select-icon';
+export interface PropertyField {
+    key: string;
+    type: PropertyFieldType;
+    label: string;
+    placeholder?: string;
+    helpText?: string;
+    hint?: string;
+    options?: {
+        label: string;
+        value: any;
+        icon?: string;
+    }[];
+    allowedFieldTypes?: string[];
+    includeSelf?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    icon?: string;
+    unit?: string;
+    linkedByDefault?: boolean;
+    allowedUnits?: string[];
+    customComponent?: Type<any>;
+    customInputs?: Record<string, any>;
+    hiddenIf?: (config: any) => boolean;
+}
+export interface PropertySection {
+    label: string;
+    expanded?: boolean;
+    fields: PropertyField[];
+}
+export declare const WIDGET_ID_SEPARATOR: ":";
+/**
+ * Generates a stable widget ID from a plugin ID and widget name/type.
+ * @param pluginId Globally unique plugin ID (e.g. 'core.form', 'acme.analytics')
+ * @param widgetName Short widget identifier (e.g. 'text', 'line-chart')
+ */
+export declare function buildWidgetId(pluginId: string, widgetName: string): string;
+/**
+ * Implementation helper for defining widgets with standard IDs.
+ * Plugin authors should use this to ensure ID consistency.
+ */
+export declare function defineWidget(pluginId: string, def: Omit<WidgetDefinition, 'id'>): WidgetDefinition;
+export type DataShape = 'scalar' | 'list';
+export interface DataBindingContract {
+    shape: DataShape;
+    targetPath?: string;
+}
+export interface WidgetPaletteConfig {
+    hidden?: boolean;
+}
+export interface WidgetDefinition {
+    id: string;
+    kind: WidgetKind;
+    flavor?: DesignerFlavor;
+    type: string;
+    icon: string;
+    label: string;
+    createConfig: () => any;
+    renderer: Type<any>;
+    properties?: PropertySection[];
+    dataBinding?: DataBindingContract;
+    palette?: WidgetPaletteConfig;
+    dataConsumer?: 'value' | 'list' | 'image' | 'none';
+    inspector?: Type<any>;
+}
+export interface WidgetPack {
+    flavor: DesignerFlavor;
+    widgets: WidgetDefinition[];
+}
+export declare const WIDGET_DEFINITIONS: InjectionToken<WidgetDefinition[]>;
+export declare function isWidgetVisibleInPalette(widget: WidgetDefinition): boolean;

package/lib/widgets/widget-editor-context.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+import type { FieldSchema } from '../form-core/models';
+export type WidgetEditorContext = {
+    isDesignMode: () => boolean;
+    isSelected: () => boolean;
+    updateField: (fieldId: string, updates: Partial<FieldSchema>) => void;
+};
+export declare const WIDGET_EDITOR_CONTEXT: InjectionToken<WidgetEditorContext>;

package/lib/widgets/widget-packs.d.ts

@@ -0,0 +1,4 @@
+import { DesignerFlavor } from '../form-core/models';
+import { WidgetDefinition, WidgetPack } from './widget-definition';
+export declare const DEFAULT_WIDGET_PACKS: WidgetPack[];
+export declare function getWidgetsForFlavor(flavor: DesignerFlavor, packs?: WidgetPack[]): WidgetDefinition[];

package/lib/widgets/widgets.d.ts

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

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "ngx-form-designer",
+  "version": "0.0.23",
+  "peerDependencies": {
+    "@angular/common": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/cdk": "^19.0.0",
+    "@monaco-editor/loader": "^1.4.0",
+    "lucide-angular": "^0.469.0",
+    "quill": "^2.0.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@babel/standalone": "^7.25.0",
+    "@json-editor/json-editor": "^2.15.2"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "@babel/standalone": {
+      "optional": true
+    },
+    "@json-editor/json-editor": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0",
+    "uuid": "^13.0.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ngx-form-designer.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/ngx-form-designer.mjs"
+    }
+  }
+}