ui-core-abv 0.0.0-watch

package/lib/components/table/table.component.d.ts

@@ -0,0 +1,92 @@
+import { ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
+import { TableAction, TableCellChange, TableColums, TableRow, TableFilters, TableRowData, TableButton } from './table.models';
+import { ButtonColor } from '../button/button.component';
+import { ActionMenuOption } from '../uic-action-button/uic-action-button.component';
+import { AlertData } from '../tiny-alert/tiny-alert.model';
+import * as i0 from "@angular/core";
+export declare class UicTableComponent {
+    columns: TableColums[];
+    data: TableRow[];
+    loading: boolean;
+    disabled: boolean;
+    editable: boolean;
+    rowClickable: boolean;
+    rowExpandible: boolean;
+    pages: number;
+    size: number;
+    squeletonRows: number;
+    buttonSize: 'm' | 'l' | 's';
+    highlightedId: string | number;
+    headerText: string;
+    headerSubtitle: string;
+    totalItems: number;
+    alignment: 'left' | 'center';
+    searchEnabled: boolean;
+    searchLabel: string;
+    searchPlaceholder: string;
+    headerClass: string;
+    headerBackgroundColor: ButtonColor;
+    striped: boolean;
+    showPagination: boolean;
+    searchOnKeydown: boolean;
+    showEmptyMessage: boolean;
+    showSearchButton: boolean;
+    showTextPagination: boolean;
+    emptyMessage: string;
+    switchValidation: AlertData[];
+    nextButtonText: string;
+    previousButtonText: string;
+    mobilePortletCols: number;
+    searcherShowButtonText: boolean;
+    action: EventEmitter<TableAction>;
+    update: EventEmitter<TableFilters>;
+    checkedChange: EventEmitter<(string | number)[]>;
+    switchChange: EventEmitter<{
+        key: string | number;
+        value: boolean;
+        columName: string;
+    }>;
+    clickedRow: EventEmitter<string | number>;
+    cellChange: EventEmitter<TableCellChange>;
+    allSelected: boolean;
+    checkedIds: Set<string | number>;
+    sortKey: string;
+    sortAsc: boolean;
+    filter: string;
+    page: number;
+    fullViewRows: (string | number)[];
+    mobileView: boolean;
+    private editableValues;
+    ngOnInit(): void;
+    getValue(data: TableRowData[], key: string): string;
+    getMoreActions(actions: TableButton[], row: TableRowData[]): ActionMenuOption[];
+    getFontColor(data: TableRowData[], key: string): string;
+    isValidRule(data: TableRowData[], key: string[] | undefined): boolean;
+    sortClick(key: string): void;
+    sizeChabge(newSize: number): void;
+    pageChage(newPage: number): void;
+    search(text: string): void;
+    updateData(): void;
+    toggleSelection(id: string | number, checked: boolean): void;
+    toggleAll(checked: boolean): void;
+    areAllSelected(): void;
+    ngOnChanges(change: SimpleChanges): void;
+    doAction(rowId: string | number, key: string, event?: MouseEvent): void;
+    resetCheckedIds(): void;
+    switchHandler(key: string | number, value: boolean, columName: string): void;
+    actionsRef?: ElementRef;
+    hasActions: boolean;
+    ngAfterContentInit(): void;
+    clickRow(id: number | string): void;
+    isCellEditable(column: TableColums): boolean;
+    getEditableCellValue(rowId: string | number, columnKey: string): string | number | null;
+    onEditableInputChange(rowId: string | number, columnKey: string, value: string): void;
+    onEditableInputBlur(rowId: string | number, rowData: TableRowData[], columnKey: string): void;
+    onEditableSelectChange(rowId: string | number, rowData: TableRowData[], columnKey: string, value: string | number | null): void;
+    private syncEditableValues;
+    private getEditableCellKey;
+    private getRawValue;
+    private areSameValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTableComponent, "ui-table", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "rowClickable": { "alias": "rowClickable"; "required": false; }; "rowExpandible": { "alias": "rowExpandible"; "required": false; }; "pages": { "alias": "pages"; "required": false; }; "size": { "alias": "size"; "required": false; }; "squeletonRows": { "alias": "squeletonRows"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "highlightedId": { "alias": "highlightedId"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "headerSubtitle": { "alias": "headerSubtitle"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "headerBackgroundColor": { "alias": "headerBackgroundColor"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "searchOnKeydown": { "alias": "searchOnKeydown"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "showSearchButton": { "alias": "showSearchButton"; "required": false; }; "showTextPagination": { "alias": "showTextPagination"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "switchValidation": { "alias": "switchValidation"; "required": false; }; "nextButtonText": { "alias": "nextButtonText"; "required": false; }; "previousButtonText": { "alias": "previousButtonText"; "required": false; }; "mobilePortletCols": { "alias": "mobilePortletCols"; "required": false; }; "searcherShowButtonText": { "alias": "searcherShowButtonText"; "required": false; }; }, { "action": "action"; "update": "update"; "checkedChange": "checkedChange"; "switchChange": "switchChange"; "clickedRow": "clickedRow"; "cellChange": "cellChange"; }, ["actionsRef"], ["[actions]", "[filters]"], true, never>;
+}

package/lib/components/table/table.models.d.ts

@@ -0,0 +1,70 @@
+import { ButtonColor, ButtonType } from "../button/button.component";
+import { AppSelectOption } from "../inputs/select/select.component";
+import { UicPortletData } from "../uic-portlet-card/uic-portlet-card.component";
+export interface TableColums {
+    key: string;
+    label: string;
+    width?: number;
+    align?: 'flex-start' | 'flex-end' | 'center';
+    type?: ColumnTypes;
+    sortEnable?: boolean;
+    editable?: boolean;
+    editionType?: 'input' | 'select';
+    editionTypeOptions?: AppSelectOption[];
+    actions?: TableButton[];
+    hideOn?: 'small' | 'medium';
+    moreActions?: {
+        icon?: string;
+        actions: TableButton[];
+    }[];
+}
+export interface TableButton {
+    key: string;
+    color?: ButtonColor;
+    icon?: string;
+    text?: string;
+    type?: ButtonType;
+    tooltip?: string;
+    rule?: string[];
+}
+export interface TableRow {
+    id: number | string;
+    data: TableRowData[];
+    highlighted?: boolean;
+}
+export interface TableRowData extends UicPortletData {
+    key: string;
+}
+export interface TableList {
+    text: string;
+    subtext?: string;
+    icon?: string;
+    color?: string;
+}
+export interface TableUser {
+    name: string;
+    id: string;
+    photo?: string;
+    icon?: string;
+    hideAvatar?: boolean;
+}
+export interface TableAction {
+    rowId: number | string;
+    key: string;
+}
+export interface TableCellChange {
+    rowId: number | string;
+    columnKey: string;
+    value: string | number | null;
+    previousValue: string | number | null;
+}
+export type ColumnTypes = 'actions' | 'text' | 'bold' | 'list' | 'money' | 'copy' | 'user' | 'checkbox' | 'icon-list' | 'status' | 'switch' | 'bigtext' | 'date' | 'tag';
+export type TableTextColors = 'primary' | 'red' | 'green' | 'blue' | 'yellow' | 'black' | 'grey';
+export type BackgroundColors = 'primary' | 'secondary' | 'red' | 'green' | 'blue' | 'yellow' | 'black' | 'grey' | 'transparent' | 'white';
+export interface TableFilters {
+    sortBy: string;
+    isSortAscending: boolean;
+    pageNumber: number;
+    pageSize: number;
+    filter: string;
+}

package/lib/components/tabs-button/tabs-button.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UicTabsButtonComponent {
+    tabs: UiBtnTab[];
+    activeTab: string;
+    activeTabChange: EventEmitter<string>;
+    selectTab(tab: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicTabsButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTabsButtonComponent, "ui-tabs-button", never, { "tabs": { "alias": "tabs"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; }, { "activeTabChange": "activeTabChange"; }, never, never, true, never>;
+}
+export interface UiBtnTab {
+    key: string;
+    text: string;
+    icon?: string;
+    subtitle?: string;
+    warning?: string;
+}

package/lib/components/tag-selector/tag-selector.component.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from '@angular/core';
+import { ButtonColor } from '../button/button.component';
+import * as i0 from "@angular/core";
+type selectId = UicTagData[];
+declare const base: abstract new () => {
+    value: selectId;
+    valueChange: EventEmitter<selectId>;
+    onChange: (value: selectId) => void;
+    onTouched: () => void;
+    writeValue(obj: selectId): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    notifyChange(value: selectId): void;
+};
+export declare class UicTagSelectorComponent extends base {
+    icon: string;
+    iconColor: ButtonColor;
+    label: string;
+    error: string;
+    tip: string;
+    disabled: boolean;
+    loading: boolean;
+    placeholder: string;
+    buttonText: string;
+    predefinedTitle: string;
+    newTagTitle: string;
+    predefinedLabels: UicTagData[];
+    createdTag: EventEmitter<UicTagData>;
+    selectTag: EventEmitter<number>;
+    unselectTag: EventEmitter<number>;
+    selectedTags: UicTagData[];
+    filterText: string;
+    newTagLabel: string;
+    filterArray: UicTagData[];
+    ngOnInit(): void;
+    filter(): void;
+    select(tag: UicTagData): void;
+    removeTag(tag: UicTagData): void;
+    createTag(): void;
+    isSelected(name: string): boolean;
+    writeValue(value: UicTagData[] | null | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicTagSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTagSelectorComponent, "ui-tag-selector", never, { "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "label": { "alias": "label"; "required": false; }; "error": { "alias": "error"; "required": false; }; "tip": { "alias": "tip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "predefinedTitle": { "alias": "predefinedTitle"; "required": false; }; "newTagTitle": { "alias": "newTagTitle"; "required": false; }; "predefinedLabels": { "alias": "predefinedLabels"; "required": false; }; }, { "createdTag": "createdTag"; "selectTag": "selectTag"; "unselectTag": "unselectTag"; }, never, never, true, never>;
+}
+export interface UicTagData {
+    id: number;
+    name: string;
+    color: string;
+    icon?: string;
+}
+export {};

package/lib/components/tiny-alert/tiny-alert.component.d.ts

@@ -0,0 +1,15 @@
+import { AlertData, AlertResponseData } from './tiny-alert.model';
+import { UiModalRef } from '../../services/modaRef';
+import * as i0 from "@angular/core";
+export declare class TinyAlertComponent {
+    private readonly modalRef;
+    data: AlertData;
+    constructor(inData: {
+        alert: AlertData;
+        editing: boolean;
+    }, modalRef: UiModalRef);
+    response: AlertResponseData;
+    close(value: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TinyAlertComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TinyAlertComponent, "ui-tiny-alert", never, {}, {}, never, never, true, never>;
+}

package/lib/components/tiny-alert/tiny-alert.model.d.ts

@@ -0,0 +1,33 @@
+import { ButtonColor } from "../button/button.component";
+export interface AlertData {
+    title?: string;
+    body?: string;
+    type?: 'delete' | 'warning' | 'error' | 'info' | 'success';
+    iconPath?: string;
+    iconChar?: string;
+    closeOnOutclick?: boolean;
+    okButtonColor?: ButtonColor;
+    okButtonText?: string;
+    showCancelButton?: boolean;
+    cancelButtonColor?: ButtonColor;
+    cancelButtonText?: string;
+    footerHTML?: string;
+    showCheckBox?: boolean;
+    checkBoxLabel?: string;
+    showInput?: boolean;
+    inputLabel?: string;
+    inputType?: string;
+    inputRequired?: boolean;
+    inputDefaultValue?: string;
+    inputPlaceholder?: string;
+    moreDetail?: string;
+    errorMessage?: string;
+}
+export interface AlertResponse {
+    value: boolean;
+    data: AlertResponseData;
+}
+export interface AlertResponseData {
+    checkbox?: boolean;
+    input?: string;
+}

package/lib/components/tooltip/tooltip.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class UicTooltipComponent {
+    tooltip: string;
+    left: number;
+    top: number;
+    placement: 'top' | 'bottom';
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTooltipComponent, "ui-tooltip", never, {}, {}, never, never, true, never>;
+}

package/lib/components/tree-admin/tree-admin.component.d.ts

@@ -0,0 +1,81 @@
+import { AfterViewChecked, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class UicTreeAdminComponent implements AfterViewChecked {
+    searchEnabled: boolean;
+    loading: boolean;
+    emptyMessage: string;
+    duplicateNameMessage: string;
+    edit: EventEmitter<TreeActionEvent>;
+    remove: EventEmitter<TreeActionEvent>;
+    deactivate: EventEmitter<TreeToggleEvent>;
+    nameChange: EventEmitter<TreeNameChangeEvent>;
+    create: EventEmitter<TreeCreateRequestEvent>;
+    tree: TreeData[];
+    childNameInputs: QueryList<ElementRef<HTMLInputElement>>;
+    parentNameInputs: QueryList<ElementRef<HTMLInputElement>>;
+    private readonly pushAler;
+    private readonly i18n;
+    private collapsedIds;
+    private editingParentId;
+    private editingChildId;
+    private pendingFocusParentId;
+    private pendingFocusChildId;
+    private pendingCreateIds;
+    private originalNames;
+    private tempId;
+    filterTerm: string;
+    ngAfterViewChecked(): void;
+    isExpanded(item: TreeData): boolean;
+    toggleItem(item: TreeData): void;
+    startEditParent(item: TreeData, event?: MouseEvent): void;
+    stopEditParent(): void;
+    isEditingParent(item: TreeData): boolean;
+    startEditChild(subitem: TreeData, event?: MouseEvent): void;
+    stopEditChild(): void;
+    isEditingChild(subitem: TreeData): boolean;
+    updateParentName(item: TreeData, event: Event): void;
+    updateChildName(parent: TreeData, subitem: TreeData, event: Event): void;
+    updateFilter(event: Event): void;
+    clearFilter(): void;
+    getFilteredChildren(item: TreeData): TreeData[];
+    finalizeParentEdit(item: TreeData): void;
+    finalizeChildEdit(parent: TreeData, subitem: TreeData): void;
+    cancelParentEdit(item: TreeData): void;
+    cancelChildEdit(parent: TreeData, subitem: TreeData): void;
+    addSubItem(item: TreeData, event?: MouseEvent): void;
+    emitEditParent(item: TreeData, event?: MouseEvent): void;
+    emitEditChild(parent: TreeData, subitem: TreeData, event?: MouseEvent): void;
+    emitDeleteParent(item: TreeData, event?: MouseEvent): void;
+    emitDeleteChild(parent: TreeData, subitem: TreeData, event?: MouseEvent): void;
+    emitDeactivateParent(item: TreeData, checked: boolean): void;
+    emitDeactivateChild(parent: TreeData, subitem: TreeData, checked: boolean): void;
+    isPendingCreate(subitem: TreeData): boolean;
+    private removeChild;
+    private isNewChild;
+    private hasDuplicateChildName;
+    private cleanupPendingCreateIds;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicTreeAdminComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicTreeAdminComponent, "ui-tree-admin", never, { "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "duplicateNameMessage": { "alias": "duplicateNameMessage"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, { "edit": "edit"; "remove": "remove"; "deactivate": "deactivate"; "nameChange": "nameChange"; "create": "create"; }, never, never, true, never>;
+}
+export interface TreeData {
+    id: number | string;
+    name: string;
+    enabled: boolean;
+    children?: TreeData[];
+}
+export interface TreeActionEvent {
+    kind: 'parent' | 'child';
+    id: number | string;
+    parentId?: number | string;
+}
+export interface TreeToggleEvent extends TreeActionEvent {
+    checked: boolean;
+}
+export interface TreeNameChangeEvent extends TreeActionEvent {
+    name: string;
+}
+export interface TreeCreateRequestEvent {
+    parentId: number | string;
+    name: string;
+    tempId: number | string;
+}

package/lib/components/uic-action-button/uic-action-button.component.d.ts

@@ -0,0 +1,36 @@
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { ButtonSize } from '../button/button.component';
+import * as i0 from "@angular/core";
+export declare class UicActionButtonComponent {
+    icon: string;
+    options: ActionMenuOption[];
+    multiselect: boolean;
+    size: ButtonSize;
+    optionSelected: EventEmitter<ActionMenuOption>;
+    optionsApplied: EventEmitter<ActionMenuOption[]>;
+    menuTemplate: TemplateRef<any>;
+    private overlayRef;
+    private readonly overlay;
+    private readonly vcr;
+    private readonly host;
+    selectedSet: Set<string | number>;
+    allSelected: boolean;
+    overlayPositions: ConnectedPosition[];
+    openMenu(): void;
+    /** SINGLE SELECT MODE */
+    selectOption(option: ActionMenuOption): void;
+    /** MULTISELECT MODE */
+    toggleOption(opt: ActionMenuOption): void;
+    toggleAll(checked: boolean): void;
+    applySelection(): void;
+    updateAllSelected(): void;
+    closeMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicActionButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicActionButtonComponent, "ui-action-button", never, { "icon": { "alias": "icon"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "optionSelected": "optionSelected"; "optionsApplied": "optionsApplied"; }, never, never, true, never>;
+}
+export interface ActionMenuOption {
+    id: string;
+    label: string;
+    icon?: string;
+}

package/lib/components/uic-portlet-card/uic-portlet-card.component.d.ts

@@ -0,0 +1,37 @@
+import { BackgroundColors, ColumnTypes, TableList, TableRowData, TableTextColors, TableUser } from '../table/table.models';
+import { AlertData } from '../tiny-alert/tiny-alert.model';
+import * as i0 from "@angular/core";
+export declare class UicPortletCardComponent {
+    title: string;
+    data: UicPortletData[];
+    layout: 'horizontal' | 'vertical';
+    cols: number;
+    gap: number;
+    labelWeight: number;
+    valueWeight: number;
+    valueSize: number;
+    switchValidation: AlertData[];
+    finalData: TableRowData[];
+    ngOnInit(): void;
+    get gridTemplateColumns(): string | null;
+    copyText(text: string): void;
+    switchHandler(key: string, value: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicPortletCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicPortletCardComponent, "ui-portlet-card", never, { "title": { "alias": "title"; "required": false; }; "data": { "alias": "data"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "labelWeight": { "alias": "labelWeight"; "required": false; }; "valueWeight": { "alias": "valueWeight"; "required": false; }; "valueSize": { "alias": "valueSize"; "required": false; }; "switchValidation": { "alias": "switchValidation"; "required": false; }; }, {}, never, never, true, never>;
+}
+export interface UicPortletData {
+    value?: string | number;
+    label?: string;
+    type?: ColumnTypes;
+    subtext?: string | number;
+    checked?: boolean;
+    list?: TableList[];
+    user?: TableUser;
+    icon?: string;
+    rightIcon?: string;
+    iconColor?: string;
+    textColor?: TableTextColors;
+    color?: BackgroundColors;
+    expanded?: boolean;
+    currencyCode?: string;
+}

package/lib/components/user-formbuilder/block-editor/block-editor.component.d.ts

@@ -0,0 +1,20 @@
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { EditableBlock, EditableField } from '../user-formbuilder.component';
+import { FieldConfig } from '../../dynamic-form/form.models';
+import * as i0 from "@angular/core";
+export declare class BlockEditorComponent {
+    block: import("@angular/core").InputSignal<EditableBlock>;
+    blockChange: import("@angular/core").OutputEmitterRef<EditableBlock>;
+    addFieldRequest: import("@angular/core").OutputEmitterRef<FieldConfig>;
+    deleteBlock: import("@angular/core").OutputEmitterRef<string>;
+    notifySelectedField: import("@angular/core").OutputEmitterRef<EditableField | null>;
+    selectedFieldId: string | null;
+    selectField(field: EditableField): void;
+    changeTitle(newTitle: string): void;
+    changeSubtitle(newSubtitle: string): void;
+    addField(newFieldType: FieldConfig): void;
+    deleteField(fieldCode: string, e: Event): void;
+    reorderFields(event: CdkDragDrop<EditableField[]>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BlockEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockEditorComponent, "lib-block-editor", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "selectedFieldId": { "alias": "selectedFieldId"; "required": false; }; }, { "blockChange": "blockChange"; "addFieldRequest": "addFieldRequest"; "deleteBlock": "deleteBlock"; "notifySelectedField": "notifySelectedField"; }, never, never, true, never>;
+}

package/lib/components/user-formbuilder/block-editor/field-editor/field-editor.component.d.ts

@@ -0,0 +1,33 @@
+import { FormField, uicFormValuesRecord } from '../../../dynamic-form/form.models';
+import { AppSelectOption } from '../../../inputs/select/select.component';
+import { EditableField } from '../../user-formbuilder.component';
+import * as i0 from "@angular/core";
+export declare class FieldEditorComponent {
+    private readonly translateService;
+    hasOptions: import("@angular/core").Signal<boolean>;
+    config: import("@angular/core").InputSignal<EditableField>;
+    options: import("@angular/core").InputSignal<Record<string, AppSelectOption[]>>;
+    hiddenSections: import("@angular/core").WritableSignal<string[]>;
+    fieldChange: import("@angular/core").OutputEmitterRef<FormField>;
+    localField: import("@angular/core").WritableSignal<FormField>;
+    requiredFields: FormField[];
+    advancedFields: import("@angular/core").Signal<FormField[]>;
+    styleFields: import("@angular/core").Signal<FormField[]>;
+    branchFields: FormField[];
+    initialValues: import("@angular/core").Signal<FormField>;
+    branchInitialValues: import("@angular/core").Signal<uicFormValuesRecord>;
+    fieldType: import("@angular/core").Signal<import("ui-core-abv").FieldConfig | undefined>;
+    constructor();
+    updateRuleValue(fr: uicFormValuesRecord): void;
+    addRule(): void;
+    removeRule(): void;
+    updateFieldValues(fr: uicFormValuesRecord): void;
+    updateOptions(options: AppSelectOption[]): void;
+    toggleSection(section: string): void;
+    private buildRequiredFields;
+    private buildDesignBlocks;
+    private buildAdvancedBlocks;
+    private buildBranchFields;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldEditorComponent, "lib-field-editor", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; }, never, never, true, never>;
+}

package/lib/components/user-formbuilder/block-editor/field-editor/field-options-editor/field-options-editor.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import { AppSelectOption } from '../../../../inputs/select/select.component';
+import * as i0 from "@angular/core";
+export declare class UicFieldOptionsEditorComponent {
+    optionsChange: EventEmitter<AppSelectOption[]>;
+    options: AppSelectOption[];
+    addOption(): void;
+    dropOption(index: number): void;
+    updateCode(name: string, idx: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicFieldOptionsEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicFieldOptionsEditorComponent, "ui-field-options-editor", never, { "options": { "alias": "options"; "required": false; }; }, { "optionsChange": "optionsChange"; }, never, never, true, never>;
+}

package/lib/components/user-formbuilder/block-editor/field-type-selector/field-type-selector.component.d.ts

@@ -0,0 +1,9 @@
+import { FieldConfig } from '../../../dynamic-form/form.models';
+import * as i0 from "@angular/core";
+export declare class FieldTypeSelectorComponent {
+    types: FieldConfig[];
+    selectType: import("@angular/core").OutputEmitterRef<FieldConfig>;
+    addField(type: FieldConfig): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldTypeSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldTypeSelectorComponent, "lib-field-type-selector", never, {}, { "selectType": "selectType"; }, never, never, true, never>;
+}

package/lib/components/user-formbuilder/form-preview/form-preview.component.d.ts

@@ -0,0 +1,14 @@
+import { FormResult, FormSchema } from '../../dynamic-form/form.models';
+import * as i0 from "@angular/core";
+export declare class FormPreviewComponent {
+    data: {
+        schema: FormSchema;
+    };
+    schema: FormSchema;
+    constructor(data: {
+        schema: FormSchema;
+    });
+    save(fr: FormResult): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormPreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormPreviewComponent, "lib-form-preview", never, {}, {}, never, never, true, never>;
+}

package/lib/components/user-formbuilder/user-formbuilder.component.d.ts

@@ -0,0 +1,61 @@
+import { FieldConfig, FormField, FormSchema } from '../dynamic-form/form.models';
+import { AppSelectOption } from '../inputs/select/select.component';
+import * as i0 from "@angular/core";
+export type EditableField = {
+    id?: number | null;
+    code: string;
+    order: number;
+    type?: string;
+    field?: FieldConfig;
+    fieldData: FormField;
+};
+export type EditableBlock = {
+    id?: number | null;
+    code: string;
+    order: number;
+    title?: string;
+    subtitle?: string;
+    fields: EditableField[];
+};
+export type EditableForm = {
+    cols: number;
+    blocks: EditableBlock[];
+};
+export declare class UicUserFormbuilderComponent {
+    private readonly modalService;
+    private readonly tinyAlertService;
+    private readonly translateService;
+    disabled: boolean;
+    formTitle: string;
+    readOnly: import("@angular/core").InputSignal<boolean>;
+    editableFormInput: import("@angular/core").InputSignal<EditableForm>;
+    submitFormRequest: import("@angular/core").OutputEmitterRef<EditableForm>;
+    nextBlockId: number;
+    nextFieldId: number;
+    editableCols: import("@angular/core").WritableSignal<number>;
+    editableBlocks: import("@angular/core").WritableSignal<EditableBlock[]>;
+    editingSnapshot: import("@angular/core").WritableSignal<EditableForm | null>;
+    isReadOnly: import("@angular/core").WritableSignal<boolean>;
+    selectedField: import("@angular/core").WritableSignal<EditableField | null>;
+    previewSchema: import("@angular/core").Signal<FormSchema>;
+    dependencyOptions: import("@angular/core").Signal<Record<string, AppSelectOption[]>>;
+    constructor();
+    addBlock(): void;
+    deleteBlock(code: string): void;
+    addField(blockCode: string, newFieldType: FieldConfig): void;
+    printForm(): void;
+    submitForm(): void;
+    private getDuplicatedFieldName;
+    enableEditMode(): void;
+    discardChanges(): void;
+    onBlockChange(index: number, updated: EditableBlock): void;
+    onFieldChange(updatedField: FormField): void;
+    private prepareBlocksForLocalState;
+    private syncLocalCounters;
+    private getNextCodeId;
+    private hydrateBlocks;
+    private removeNullProperties;
+    private deepClone;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicUserFormbuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicUserFormbuilderComponent, "ui-user-formbuilder", never, { "disabled": { "alias": "disabled"; "required": false; }; "formTitle": { "alias": "formTitle"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "editableFormInput": { "alias": "editableForm"; "required": false; "isSignal": true; }; }, { "submitFormRequest": "submitFormRequest"; }, never, never, true, never>;
+}