ngx-form-designer 0.0.23

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

@@ -0,0 +1,55 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { DesignerEventApiDefinition, FormSchema, UploadedFileRef, WidgetEventApiExecutor } from '../../form-core/models';
+import { JsonFormRendererComponent, FormSubmitResult, FormValidationResult, FormValueMap, GroupedFormValues, CombinedFormValues } from '../json-form-renderer.component';
+import { type FieldDataAccessMap, type RuntimeFieldDataAccessApi } from '../../data/runtime-field-data-access-registry.service';
+import * as i0 from "@angular/core";
+export interface FormViewerOptions {
+    showSubmitButton?: boolean;
+    submitLabel?: string;
+    emitOnChange?: boolean;
+}
+export type FormViewerDataInput = Record<string, unknown> | FormValueMap | GroupedFormValues | CombinedFormValues | FormSubmitResult;
+export declare class FormViewerComponent implements OnInit, OnDestroy {
+    schema: FormSchema;
+    set data(value: FormViewerDataInput);
+    get data(): FormViewerDataInput;
+    options: FormViewerOptions;
+    viewOnly: boolean;
+    eventApis: DesignerEventApiDefinition[];
+    eventApiExecutor?: WidgetEventApiExecutor;
+    fieldDataAccessMap?: FieldDataAccessMap;
+    fieldDataAccessApi?: RuntimeFieldDataAccessApi;
+    formContentId?: string;
+    formContentVersion?: string;
+    formDataChange: EventEmitter<FormValueMap>;
+    formValidationChange: EventEmitter<FormValidationResult>;
+    uploadedFilesChange: EventEmitter<Record<string, UploadedFileRef[]>>;
+    submit: EventEmitter<FormSubmitResult>;
+    renderer: JsonFormRendererComponent;
+    breakpoint: import("@angular/core").WritableSignal<"xs" | "sm" | "md" | "lg" | "xl" | "2xl">;
+    private el;
+    private zone;
+    private resizeObserver?;
+    private currentValues;
+    private _data;
+    protected normalizedInitialValues: Record<string, unknown>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setupResizeObserver;
+    private updateBreakpoint;
+    onValueChange(values: FormValueMap): void;
+    onValidationChange(result: FormValidationResult): void;
+    onUploadedFilesChange(result: Record<string, UploadedFileRef[]>): void;
+    triggerSubmit(): void;
+    onRendererSubmit(result: FormSubmitResult): void;
+    private normalizeInitialValues;
+    private collectOutputShapeFields;
+    private deserializeFieldValue;
+    private formFieldMapToNameMap;
+    private isOutputShapeCandidate;
+    private isFormFieldMap;
+    private isFormFieldValue;
+    private isRecord;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormViewerComponent, "app-form-viewer", never, { "schema": { "alias": "schema"; "required": true; }; "data": { "alias": "data"; "required": false; }; "options": { "alias": "options"; "required": false; }; "viewOnly": { "alias": "viewOnly"; "required": false; }; "eventApis": { "alias": "eventApis"; "required": false; }; "eventApiExecutor": { "alias": "eventApiExecutor"; "required": false; }; "fieldDataAccessMap": { "alias": "fieldDataAccessMap"; "required": false; }; "fieldDataAccessApi": { "alias": "fieldDataAccessApi"; "required": false; }; "formContentId": { "alias": "formContentId"; "required": false; }; "formContentVersion": { "alias": "formContentVersion"; "required": false; }; }, { "formDataChange": "formDataChange"; "formValidationChange": "formValidationChange"; "uploadedFilesChange": "uploadedFilesChange"; "submit": "submit"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,98 @@
+import { OnInit, OnChanges, SimpleChanges, EventEmitter, OnDestroy } from '@angular/core';
+import { DesignerEventApiDefinition, FormSchema, UploadedFileRef, WidgetEventApiExecutor } from '../form-core/models';
+import { FormEngine } from '../form-core/form-engine';
+import { DesignerStateService } from '../form-designer/designer-state.service';
+import { type FieldDataAccessMap, type RuntimeFieldDataAccessApi } from '../data/runtime-field-data-access-registry.service';
+import * as i0 from "@angular/core";
+export interface FormFieldValue {
+    fieldName: string;
+    fieldValue: unknown;
+    fileType?: string | string[];
+    data?: string | string[];
+}
+export type FormValueMap = Record<string, FormFieldValue>;
+export type GroupedFormValues = Record<string, FormValueMap>;
+export type CombinedFormValues = Record<string, FormFieldValue | FormValueMap>;
+export interface FormValidationResult {
+    errors: Record<string, string[]>;
+    isValid: boolean;
+}
+export interface FormSubmitResult {
+    values: FormValueMap;
+    groupedValues?: GroupedFormValues;
+    combinedValues?: CombinedFormValues;
+    uploadedFiles: Record<string, UploadedFileRef[]>;
+    validation: FormValidationResult;
+}
+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;
+    };
+    eventApis: DesignerEventApiDefinition[];
+    eventApiExecutor?: WidgetEventApiExecutor;
+    uploadOnSubmit: boolean;
+    fieldDataAccessMap?: FieldDataAccessMap;
+    fieldDataAccessApi?: RuntimeFieldDataAccessApi;
+    formContentId?: string;
+    formContentVersion?: string;
+    valueChange: EventEmitter<FormValueMap>;
+    groupedValueChange: EventEmitter<GroupedFormValues>;
+    combinedValueChange: EventEmitter<CombinedFormValues>;
+    validationChange: EventEmitter<FormValidationResult>;
+    uploadedFilesChange: EventEmitter<Record<string, UploadedFileRef[]>>;
+    formSubmit: EventEmitter<FormSubmitResult>;
+    engine: FormEngine;
+    private runner?;
+    private readonly uploadClient;
+    private readonly runtimeFieldDataAccessRegistry;
+    private readonly dataCatalog;
+    constructor(designerState: DesignerStateService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private createEngine;
+    private syncRuntimeFieldDataAccessContext;
+    private unregisterRuntimeFieldDataAccessContext;
+    private emitValuePayload;
+    private disposeRunner;
+    private configureRunner;
+    private resolveEventApiExecutor;
+    private executeApiFromDefinitions;
+    private serializeQueryParams;
+    private writeEventDatasource;
+    private resolveEventApiDefinition;
+    private inferDatasourceSchema;
+    private inferDatasourceValueType;
+    onNodeSelect(nodeId: string): void;
+    onSubmit(event: Event): Promise<void>;
+    private getValidationResult;
+    private uploadPendingFiles;
+    private uploadPendingFilesInSchema;
+    private getPendingFiles;
+    private isFile;
+    private isFileList;
+    private isObjectRecord;
+    private buildFieldValueMap;
+    private buildFieldValueMapForSchema;
+    private buildFileFieldMetadata;
+    private readFileBase64;
+    private readFileBytes;
+    private encodeBytesToBase64;
+    private toSingleOrList;
+    private getUploadedFileRefs;
+    private mergeFileMetadata;
+    private buildGroupedValues;
+    private buildCombinedValues;
+    private isFieldValue;
+    private isGroupValue;
+    private isUploadedFileRef;
+    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; }; "eventApis": { "alias": "eventApis"; "required": false; }; "eventApiExecutor": { "alias": "eventApiExecutor"; "required": false; }; "uploadOnSubmit": { "alias": "uploadOnSubmit"; "required": false; }; "fieldDataAccessMap": { "alias": "fieldDataAccessMap"; "required": false; }; "fieldDataAccessApi": { "alias": "fieldDataAccessApi"; "required": false; }; "formContentId": { "alias": "formContentId"; "required": false; }; "formContentVersion": { "alias": "formContentVersion"; "required": false; }; }, { "valueChange": "valueChange"; "groupedValueChange": "groupedValueChange"; "combinedValueChange": "combinedValueChange"; "validationChange": "validationChange"; "uploadedFilesChange": "uploadedFilesChange"; "formSubmit": "formSubmit"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,94 @@
+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;
+    readOnlyMode: boolean;
+    scopePath: string[];
+    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 renderEngineProxy?;
+    private renderEngineSource?;
+    private renderEngineMode;
+    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;
+    protected getScopedNodeId(nodeId: string): string;
+    protected hasActiveNestedSelection(): boolean;
+    asRow(node: LayoutNode): RowNode;
+    asCol(node: LayoutNode): ColumnNode;
+    getColClasses(node: LayoutNode): string;
+    getColContainerClasses(node: LayoutNode): string;
+    private getEffectiveSpan;
+    private getSpanClass;
+    getStyle(node: LayoutNode): Record<string, any>;
+    private getEngineForRender;
+    isNodeVisible(node: LayoutNode): boolean;
+    shouldShowRuleBlur(node: LayoutNode): boolean;
+    isRuleHidden(node: LayoutNode): boolean;
+    isRuleControlled(node: LayoutNode): boolean;
+    private getFieldForWidgetNode;
+    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; }; "readOnlyMode": { "alias": "readOnlyMode"; "required": false; }; "scopePath": { "alias": "scopePath"; "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[]>;

package/lib/theme/theme.service.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export interface FormTheme {
+    id: string;
+    name: string;
+    properties: Record<string, string>;
+}
+export declare class ThemeService {
+    private document;
+    private themes;
+    constructor(document: Document);
+    setTheme(themeId: string): void;
+    getThemes(): FormTheme[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
+}

package/lib/ui/json-schema-editor.component.d.ts

@@ -0,0 +1,27 @@
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class JsonSchemaEditorComponent implements AfterViewInit, OnDestroy {
+    readonly schema: import("@angular/core").InputSignal<Record<string, unknown> | null>;
+    readonly value: import("@angular/core").InputSignal<Record<string, unknown> | null>;
+    readonly readOnly: import("@angular/core").InputSignal<boolean>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<Record<string, unknown>>;
+    private readonly containerRef;
+    readonly error: import("@angular/core").WritableSignal<string>;
+    readonly loading: import("@angular/core").WritableSignal<boolean>;
+    private editor?;
+    private editorReady;
+    private suppressChange;
+    private schemaKey;
+    private valueKey;
+    private readonly viewReady;
+    private initToken;
+    private static modulePromise;
+    private readonly syncInputs;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private destroyEditor;
+    private static loadModule;
+    private initializeEditor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JsonSchemaEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JsonSchemaEditorComponent, "app-json-schema-editor", never, { "schema": { "alias": "schema"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/monaco-editor.component.d.ts

@@ -0,0 +1,24 @@
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MonacoEditorComponent implements AfterViewInit, OnDestroy {
+    readonly value: import("@angular/core").InputSignal<string>;
+    readonly language: import("@angular/core").InputSignal<string>;
+    readonly theme: import("@angular/core").InputSignal<string>;
+    readonly readOnly: import("@angular/core").InputSignal<boolean>;
+    readonly minimap: import("@angular/core").InputSignal<boolean>;
+    readonly options: import("@angular/core").InputSignal<Record<string, unknown> | null>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
+    private readonly containerRef;
+    private static configured;
+    private monaco?;
+    private editor?;
+    private suppressChange;
+    private subscriptions;
+    private resizeObserver?;
+    private readonly editorReady;
+    private readonly syncInputs;
+    ngAfterViewInit(): Promise<void>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonacoEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonacoEditorComponent, "app-monaco-editor", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "minimap": { "alias": "minimap"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-accordion.component.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class UiAccordionComponent {
+    title: string;
+    subtitle?: string;
+    expanded: boolean;
+    showAdd: boolean;
+    get isOpen(): boolean;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiAccordionComponent, "ui-accordion", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "showAdd": { "alias": "showAdd"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/ui/ui-box-model.component.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface BoxModelValues {
+    marginTop?: any;
+    marginRight?: any;
+    marginBottom?: any;
+    marginLeft?: any;
+    paddingTop?: any;
+    paddingRight?: any;
+    paddingBottom?: any;
+    paddingLeft?: any;
+    borderWidth?: any;
+    width?: any;
+    height?: any;
+}
+export declare class UiBoxModelComponent implements OnChanges {
+    label: string;
+    hint: string;
+    helpText: string;
+    marginTop: any;
+    marginRight: any;
+    marginBottom: any;
+    marginLeft: any;
+    paddingTop: any;
+    paddingRight: any;
+    paddingBottom: any;
+    paddingLeft: any;
+    borderWidth: any;
+    width: any;
+    height: any;
+    units: string[];
+    defaultUnit: string;
+    valueChange: EventEmitter<BoxModelValues>;
+    localMarginTop: any;
+    localMarginRight: any;
+    localMarginBottom: any;
+    localMarginLeft: any;
+    localPaddingTop: any;
+    localPaddingRight: any;
+    localPaddingBottom: any;
+    localPaddingLeft: any;
+    localBorderWidth: any;
+    localWidth: any;
+    localHeight: any;
+    unit: string;
+    private readonly fallbackUnits;
+    get unitOptions(): string[];
+    ngOnChanges(changes: SimpleChanges): void;
+    onUnitChange(value: string): void;
+    emitChange(): void;
+    private resolveUnit;
+    private normalizeValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiBoxModelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiBoxModelComponent, "ui-box-model", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "marginTop": { "alias": "marginTop"; "required": false; }; "marginRight": { "alias": "marginRight"; "required": false; }; "marginBottom": { "alias": "marginBottom"; "required": false; }; "marginLeft": { "alias": "marginLeft"; "required": false; }; "paddingTop": { "alias": "paddingTop"; "required": false; }; "paddingRight": { "alias": "paddingRight"; "required": false; }; "paddingBottom": { "alias": "paddingBottom"; "required": false; }; "paddingLeft": { "alias": "paddingLeft"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "units": { "alias": "units"; "required": false; }; "defaultUnit": { "alias": "defaultUnit"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-color-swatch.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiColorSwatchComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    value: string;
+    valueChange: EventEmitter<string>;
+    blur: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiColorSwatchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiColorSwatchComponent, "ui-color-swatch", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
+}

package/lib/ui/ui-dimension.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiDimensionComponent implements OnChanges {
+    label: string;
+    hint: string;
+    helpText: string;
+    width: any;
+    height: any;
+    valueChange: EventEmitter<{
+        width: any;
+        height: any;
+    }>;
+    localWidth: any;
+    localHeight: any;
+    ngOnChanges(changes: SimpleChanges): void;
+    onWidthChange(value: any): void;
+    onHeightChange(value: any): void;
+    emitChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiDimensionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiDimensionComponent, "ui-dimension", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-edge-box.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiEdgeBoxComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    top: any;
+    right: any;
+    bottom: any;
+    left: any;
+    valueChange: EventEmitter<{
+        top: any;
+        right: any;
+        bottom: any;
+        left: any;
+    }>;
+    emitChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiEdgeBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiEdgeBoxComponent, "ui-edge-box", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "top": { "alias": "top"; "required": false; }; "right": { "alias": "right"; "required": false; }; "bottom": { "alias": "bottom"; "required": false; }; "left": { "alias": "left"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-field-wrapper.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class UiFieldWrapperComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiFieldWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiFieldWrapperComponent, "ui-field-wrapper", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/ui/ui-icon.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "lucide-angular";
+export declare class UiIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UiIconModule, never, [typeof i1.LucideAngularModule], [typeof i1.LucideAngularModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UiIconModule>;
+}

package/lib/ui/ui-input.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiInputComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    placeholder: string;
+    type: 'text' | 'number';
+    min?: number;
+    max?: number;
+    step?: number;
+    model: any;
+    modelChange: EventEmitter<any>;
+    onBlur: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiInputComponent, "ui-input", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "onBlur": "onBlur"; }, never, never, true, never>;
+}

package/lib/ui/ui-range-number.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiRangeNumberComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    prefix: string;
+    min: number;
+    max: number;
+    step: number;
+    value: number;
+    valueChange: EventEmitter<number>;
+    emitChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiRangeNumberComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiRangeNumberComponent, "ui-range-number", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-select-icon.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface IconOption {
+    label: string;
+    value: any;
+    icon?: string;
+}
+export declare class UiSelectIconComponent {
+    label: string;
+    hint: string;
+    helpText: string;
+    options: IconOption[];
+    value: any;
+    valueChange: EventEmitter<any>;
+    select(val: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiSelectIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiSelectIconComponent, "ui-select-icon", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "options": { "alias": "options"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/ui/ui-tabs.component.d.ts

@@ -0,0 +1,25 @@
+import { QueryList, AfterContentInit, EventEmitter, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UiTabComponent {
+    label: string;
+    name: string;
+    disabled: boolean;
+    badge?: string;
+    badgeTone: 'neutral' | 'accent';
+    template: TemplateRef<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiTabComponent, "ui-tab", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeTone": { "alias": "badgeTone"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare class UiTabsComponent implements AfterContentInit {
+    tabQuery: QueryList<UiTabComponent>;
+    activeTab?: string;
+    activeTabChange: EventEmitter<string>;
+    private _internalIndex;
+    tabs: UiTabComponent[];
+    ngAfterContentInit(): void;
+    isActive(tab: UiTabComponent): boolean;
+    activate(tab: UiTabComponent): void;
+    get activeTemplate(): TemplateRef<unknown> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UiTabsComponent, "ui-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; }; }, { "activeTabChange": "activeTabChange"; }, ["tabQuery"], never, true, never>;
+}