@masterteam/components 0.0.69 → 0.0.71

package/types/masterteam-components-table.d.ts

@@ -1,8 +1,10 @@
+import * as _masterteam_components_table from '@masterteam/components/table';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { MTIcon } from '@masterteam/icons';
 import { ConfirmationConfig, ConfirmationService } from '@masterteam/components/confirmation';
-import { TablePageEvent } from 'primeng/table';
+import { Table as Table$1, TablePageEvent } from 'primeng/table';
+import { ControlValueAccessor } from '@angular/forms';
 
 /**
  * Table action confirmation config with optional event
@@ -22,10 +24,22 @@ interface FilterOption {
  * Configuration for filtering on a specific column.
  */
 interface FilterConfig {
-    type: 'text' | 'select';
-    label: string;
+    type: 'text' | 'select' | 'date' | 'boolean';
+    label?: string;
     options?: FilterOption[];
 }
+/**
+ * Filter value for date range or simple value
+ */
+interface FilterValue {
+    value?: any;
+    from?: Date | null;
+    to?: Date | null;
+}
+/**
+ * Table filters map
+ */
+type TableFilters = Record<string, FilterValue | any>;
 /**
  * Column type definition
  */
@@ -62,6 +76,10 @@ interface TableAction {
 declare class Table {
     selectionChange: _angular_core.OutputEmitterRef<any[]>;
     cellChange: _angular_core.OutputEmitterRef<CellChangeEvent>;
+    lazyLoad: _angular_core.OutputEmitterRef<any>;
+    columnReorder: _angular_core.OutputEmitterRef<any>;
+    rowReorder: _angular_core.OutputEmitterRef<any>;
+    filters: _angular_core.ModelSignal<TableFilters>;
     data: _angular_core.InputSignal<any[]>;
     columns: _angular_core.InputSignal<ColumnDef[]>;
     rowActions: _angular_core.InputSignal<TableAction[]>;
@@ -73,6 +91,13 @@ declare class Table {
     showFilters: _angular_core.InputSignalWithTransform<boolean, unknown>;
     loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
     updating: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    lazyTotalRecords: _angular_core.InputSignal<number | undefined>;
+    reorderableColumns: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    reorderableRows: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    dataKey: _angular_core.InputSignal<string | undefined>;
+    exportable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    exportFilename: _angular_core.InputSignal<string>;
     tabs: _angular_core.InputSignal<any[] | undefined>;
     tabsOptionLabel: _angular_core.InputSignal<string | undefined>;
     tabsOptionValue: _angular_core.InputSignal<string | undefined>;
@@ -82,6 +107,7 @@ declare class Table {
     captionStartContent: _angular_core.Signal<TemplateRef<any> | undefined>;
     captionEndContent: _angular_core.Signal<TemplateRef<any> | undefined>;
     emptyContent: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected tableRef: _angular_core.Signal<Table$1<any> | undefined>;
     paginatorPosition: _angular_core.InputSignal<"end" | "start" | "center">;
     pageSize: _angular_core.ModelSignal<number>;
     currentPage: _angular_core.ModelSignal<number>;
@@ -89,32 +115,73 @@ declare class Table {
     filterTerm: _angular_core.ModelSignal<string>;
     confirmationService: ConfirmationService;
     protected selectedRows: _angular_core.WritableSignal<Set<any>>;
-    protected isFilterPanelOpen: _angular_core.WritableSignal<boolean>;
-    protected pendingFilters: _angular_core.WritableSignal<Record<string, any>>;
-    protected appliedFilters: _angular_core.WritableSignal<Record<string, any>>;
-    protected filterableColumns: _angular_core.Signal<ColumnDef[]>;
+    protected exportColumns: _angular_core.Signal<{
+        field: string;
+        header: string;
+        key: string;
+        label: string;
+        type?: _masterteam_components_table.ColumnType;
+        customCellTpl?: TemplateRef<any>;
+        filterConfig?: _masterteam_components_table.FilterConfig;
+    }[]>;
     protected activeFilterCount: _angular_core.Signal<number>;
     protected filteredData: _angular_core.Signal<any[]>;
     protected displayData: _angular_core.Signal<any[]>;
     protected totalRecords: _angular_core.Signal<number>;
     protected paginatedData: _angular_core.Signal<any[]>;
     protected allSelectedOnPage: _angular_core.Signal<boolean>;
-    toggleFilterPanel(): void;
-    updatePendingFilter(key: string, value: any): void;
-    applyFilters(): void;
-    resetFilters(): void;
+    onFilterApplied(filters: TableFilters): void;
+    onFilterReset(): void;
+    protected matchesFilter(item: any, key: string, filterValue: FilterValue | any): boolean;
     toggleRow(row: any): void;
     toggleAllRowsOnPage(): void;
     getProperty(obj: any, key: string): any;
     tabChanged(tab: any): void;
     onTablePage(event: TablePageEvent): void;
+    handleLazyLoad(event: any): void;
+    onPaginatorPage(event: any): void;
     onSearchChange(searchTerm: Event): void;
     onCellChange(row: any, columnKey: string, newValue: any, type?: ColumnTypeForActionCell): void;
     resolveActionLoading(action: TableAction, row: any): boolean | undefined;
+    onColumnReorder(event: any): void;
+    onRowReorder(event: any): void;
+    protected updatePagingFromEvent(event: any): void;
+    protected emitLazyLoad(event: any): void;
+    exportCSV(): void;
     rowAction(event: Event, action: TableAction, row: any): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "mt-table", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showGridlines": { "alias": "showGridlines"; "required": false; "isSignal": true; }; "stripedRows": { "alias": "stripedRows"; "required": false; "isSignal": true; }; "selectableRows": { "alias": "selectableRows"; "required": false; "isSignal": true; }; "generalSearch": { "alias": "generalSearch"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "updating": { "alias": "updating"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "tabsOptionLabel": { "alias": "tabsOptionLabel"; "required": false; "isSignal": true; }; "tabsOptionValue": { "alias": "tabsOptionValue"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "filterTerm": { "alias": "filterTerm"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "cellChange": "cellChange"; "activeTab": "activeTabChange"; "onTabChange": "onTabChange"; "pageSize": "pageSizeChange"; "currentPage": "currentPageChange"; "first": "firstChange"; "filterTerm": "filterTermChange"; }, ["captionStartContent", "captionEndContent", "emptyContent"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "mt-table", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showGridlines": { "alias": "showGridlines"; "required": false; "isSignal": true; }; "stripedRows": { "alias": "stripedRows"; "required": false; "isSignal": true; }; "selectableRows": { "alias": "selectableRows"; "required": false; "isSignal": true; }; "generalSearch": { "alias": "generalSearch"; "required": false; "isSignal": true; }; "showFilters": { "alias": "showFilters"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "updating": { "alias": "updating"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "lazyTotalRecords": { "alias": "lazyTotalRecords"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "exportable": { "alias": "exportable"; "required": false; "isSignal": true; }; "exportFilename": { "alias": "exportFilename"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "tabsOptionLabel": { "alias": "tabsOptionLabel"; "required": false; "isSignal": true; }; "tabsOptionValue": { "alias": "tabsOptionValue"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "paginatorPosition": { "alias": "paginatorPosition"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "filterTerm": { "alias": "filterTerm"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "cellChange": "cellChange"; "lazyLoad": "lazyLoad"; "columnReorder": "columnReorder"; "rowReorder": "rowReorder"; "filters": "filtersChange"; "activeTab": "activeTabChange"; "onTabChange": "onTabChange"; "pageSize": "pageSizeChange"; "currentPage": "currentPageChange"; "first": "firstChange"; "filterTerm": "filterTermChange"; }, ["captionStartContent", "captionEndContent", "emptyContent"], never, true, never>;
+}
+
+declare class TableFilter implements ControlValueAccessor {
+    readonly columns: _angular_core.InputSignal<ColumnDef[]>;
+    readonly data: _angular_core.InputSignal<any[]>;
+    readonly filterApplied: _angular_core.OutputEmitterRef<TableFilters>;
+    readonly filterReset: _angular_core.OutputEmitterRef<void>;
+    protected pendingFilters: _angular_core.WritableSignal<TableFilters>;
+    protected appliedFilters: _angular_core.WritableSignal<TableFilters>;
+    protected booleanOptions: {
+        label: string;
+        value: boolean;
+    }[];
+    private onChange;
+    private onTouched;
+    protected filterableColumns: _angular_core.Signal<ColumnDef[]>;
+    protected activeFilterCount: _angular_core.Signal<number>;
+    protected getFilterType(col: ColumnDef): string;
+    protected getFilterValue(key: string): any;
+    protected getDateRangeValue(key: string, part: 'from' | 'to'): Date | null;
+    protected updateFilter(key: string, value: any): void;
+    protected updateDateFilter(key: string, part: 'from' | 'to', value: Date | null): void;
+    protected apply(): void;
+    protected reset(): void;
+    private hasValue;
+    writeValue(value: TableFilters | null): void;
+    registerOnChange(fn: (value: TableFilters) => void): void;
+    registerOnTouched(fn: () => void): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableFilter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableFilter, "mt-table-filter", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "filterApplied": "filterApplied"; "filterReset": "filterReset"; }, never, never, true, never>;
 }
 
-export { Table };
-export type { CellChangeEvent, ColumnDef, ColumnType, ColumnTypeForActionCell, FilterConfig, FilterOption, TableAction, TableActionConfirmationConfig };
+export { Table, TableFilter };
+export type { CellChangeEvent, ColumnDef, ColumnType, ColumnTypeForActionCell, FilterConfig, FilterOption, FilterValue, TableAction, TableActionConfirmationConfig, TableFilters };

package/types/masterteam-components-tree.d.ts

@@ -0,0 +1,91 @@
+import * as _angular_core from '@angular/core';
+import { Tree as Tree$1 } from 'primeng/tree';
+import { TreeNode, MenuItem } from 'primeng/api';
+export { TreeNode } from 'primeng/api';
+import { MTIcon } from '@masterteam/icons';
+import { Directionality } from '@angular/cdk/bidi';
+import { TranslocoService } from '@jsverse/transloco';
+
+/**
+ * Defines an action button for tree nodes
+ */
+interface TreeAction {
+    icon?: MTIcon | undefined;
+    severity?: 'info' | 'success' | 'warn' | 'danger' | 'secondary' | 'contrast' | 'help' | 'primary';
+    variant?: 'text' | 'outlined' | undefined;
+    size?: 'small' | 'large' | undefined;
+    label?: string;
+    tooltip?: string;
+    hidden?: (node: any) => boolean;
+    action: (node: any) => void;
+    loading?: boolean | ((node: any) => boolean);
+}
+/**
+ * Defines a context menu action for tree nodes
+ */
+interface TreeContextMenuAction {
+    icon?: MTIcon | undefined;
+    label: string;
+    action: (node: any) => void;
+}
+/**
+ * Tree action types - all possible events from tree component
+ */
+type TreeActionType = 'selectionChange' | 'nodeSelect' | 'nodeUnselect' | 'nodeExpand' | 'nodeCollapse';
+/**
+ * Tree action event interface - unified event structure for all tree actions
+ */
+interface TreeActionEvent {
+    action: TreeActionType;
+    data: any;
+}
+
+declare class Tree {
+    transloco: TranslocoService;
+    dir: Directionality | null;
+    readonly primeTree: _angular_core.Signal<Tree$1 | undefined>;
+    readonly value: _angular_core.InputSignal<TreeNode<any>[]>;
+    readonly selection: _angular_core.ModelSignal<TreeNode<any> | TreeNode<any>[] | null | undefined>;
+    readonly selectionMode: _angular_core.InputSignal<"single" | "multiple" | "checkbox" | undefined>;
+    readonly nodeIcon: _angular_core.InputSignal<MTIcon | undefined>;
+    readonly propagateSelectionUp: _angular_core.InputSignal<boolean>;
+    readonly propagateSelectionDown: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly filterPlaceholder: _angular_core.InputSignal<string>;
+    readonly dataKey: _angular_core.InputSignal<string>;
+    readonly filter: _angular_core.InputSignal<boolean>;
+    readonly filterMode: _angular_core.InputSignal<"lenient" | "strict">;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | undefined>;
+    readonly pInputs: _angular_core.InputSignal<Partial<Tree$1> | undefined>;
+    readonly nodeActions: _angular_core.InputSignal<TreeAction[]>;
+    readonly nodeContextmenuActions: _angular_core.InputSignal<TreeContextMenuAction[]>;
+    readonly contextMenuSelection: _angular_core.ModelSignal<TreeNode<any> | null>;
+    readonly contextMenuItems: _angular_core.Signal<MenuItem[]>;
+    readonly action: _angular_core.OutputEmitterRef<TreeActionEvent>;
+    constructor();
+    onSelectionChange(event: TreeNode | TreeNode[] | null): void;
+    onNodeSelect(event: {
+        node: TreeNode;
+    }): void;
+    onNodeUnselect(event: {
+        node: TreeNode;
+    }): void;
+    onNodeExpand(event: {
+        node: TreeNode;
+    }): void;
+    onNodeCollapse(event: {
+        node: TreeNode;
+    }): void;
+    onContextMenuSelect(event: TreeNode): void;
+    toggleNodeSelection(node: TreeNode, event: MouseEvent): void;
+    handleCheckedNodes(): void;
+    resolveActionLoading(action: TreeAction, node: any): boolean | undefined;
+    nodeAction(action: TreeAction, node: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "mt-tree", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "nodeIcon": { "alias": "nodeIcon"; "required": false; "isSignal": true; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; "isSignal": true; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "nodeActions": { "alias": "nodeActions"; "required": false; "isSignal": true; }; "nodeContextmenuActions": { "alias": "nodeContextmenuActions"; "required": false; "isSignal": true; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; "isSignal": true; }; }, { "selection": "selectionChange"; "contextMenuSelection": "contextMenuSelectionChange"; "action": "action"; }, never, never, true, never>;
+}
+
+export { Tree };
+export type { TreeAction, TreeActionEvent, TreeActionType, TreeContextMenuAction };

package/fesm2022/masterteam-components-formula-builder.mjs

@@ -1,360 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, inject, signal, computed, Component } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i3 from '@angular/cdk/drag-drop';
-import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import { Button } from '@masterteam/components/button';
-import { InputTextModule } from 'primeng/inputtext';
-import * as i2 from 'primeng/chip';
-import { ChipModule } from 'primeng/chip';
-import { HttpClient } from '@angular/common/http';
-import { map, catchError, EMPTY, of } from 'rxjs';
-import { SelectField } from '@masterteam/components/select-field';
-import * as i4 from 'primeng/inputgroup';
-import { InputGroupModule } from 'primeng/inputgroup';
-import * as i5 from 'primeng/inputgroupaddon';
-import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
-import { TextField } from '@masterteam/components/text-field';
-
-const types = {
-    function: {
-        bg: 'var(--p-green-50)',
-        border: 'var(--p-green-500)',
-    },
-    value: {
-        bg: 'var(--p-purple-100)',
-        border: 'var(--p-purple-500)',
-    },
-    field: {
-        bg: 'var(--p-orange-50)',
-        border: 'var(--p-orange-500)',
-    },
-    operator: {
-        bg: 'var(--p-primary-50)',
-        border: 'var(--p-primary-500)',
-    },
-};
-const operators = [
-    {
-        key: '+',
-        name: '+',
-        type: 'operator',
-    },
-    {
-        key: '-',
-        name: '-',
-        type: 'operator',
-    },
-    {
-        key: '*',
-        name: '×',
-        type: 'operator',
-    },
-    {
-        key: '/',
-        name: '÷',
-        type: 'operator',
-    },
-    // {
-    //   key: '==',
-    //   name: '=',
-    //   type: 'operator',
-    // },
-    // {
-    //   key: '!=',
-    //   name: '≠',
-    //   type: 'operator',
-    // },
-    // {
-    //   key: '<',
-    //   name: '<',
-    //   type: 'operator',
-    // },
-    // {
-    //   key: '<=',
-    //   name: '≤',
-    //   type: 'operator',
-    // },
-    // {
-    //   key: '>',
-    //   name: '>',
-    //   type: 'operator',
-    // },
-    // {
-    //   key: '>=',
-    //   name: '≥',
-    //   type: 'operator',
-    // },
-    // {
-    //   key: '||',
-    //   name: '||',
-    //   type: 'operator',
-    // },
-    // {
-    //   key: '&&',
-    //   name: '&&',
-    //   type: 'operator',
-    // },
-    {
-        key: '(',
-        name: '(',
-        type: 'operator',
-    },
-    {
-        key: ')',
-        name: ')',
-        type: 'operator',
-    },
-    {
-        key: ',',
-        name: ',',
-        type: 'operator',
-    },
-    {
-        key: ';',
-        name: ';',
-        type: 'operator',
-    },
-];
-
-class FormulaBuilder {
-    hideTitle = input(false, { ...(ngDevMode ? { debugName: "hideTitle" } : {}), transform: booleanAttribute });
-    properties = input([], ...(ngDevMode ? [{ debugName: "properties" }] : []));
-    // validationUrl = input<string>('app/checkformula');
-    validationUrl = input(...(ngDevMode ? [undefined, { debugName: "validationUrl" }] : []));
-    httpClient = inject(HttpClient);
-    // translateService: TranslateService = inject(TranslateService);
-    // functions = computed(() => []);
-    functions = [
-        {
-            // name: this.translateService.instant('formula-builder.count'),
-            name: 'formula-builder.count',
-            key: 'count',
-            hint: '',
-        },
-        {
-            // name: this.translateService.instant('formula-builder.sum'),
-            name: 'formula-builder.sum',
-            key: 'sum',
-            hint: '',
-        },
-        {
-            // name: this.translateService.instant('formula-builder.average'),
-            name: 'formula-builder.average',
-            key: 'average',
-            hint: '',
-        },
-        {
-            // name: this.translateService.instant('formula-builder.count-value'),
-            name: 'formula-builder.count-value',
-            key: 'countvalue',
-            // hint: this.translateService.instant('formula-builder.count-value-hint'),
-            hint: 'formula-builder.count-value-hint',
-        },
-        {
-            // name: this.translateService.instant('formula-builder.average-count'),
-            name: 'formula-builder.average-count',
-            key: 'averagecount',
-            // hint: this.translateService.instant('formula-builder.average-count-hint'),
-            hint: 'formula-builder.average-count-hint',
-        },
-        {
-            // name: this.translateService.instant('formula-builder.mode'),
-            name: 'formula-builder.mode',
-            key: 'mode',
-            // hint: this.translateService.instant('formula-builder.mode-hint'),
-            hint: 'formula-builder.mode-hint',
-        },
-        {
-            // name: this.translateService.instant('formula-builder.median'),
-            name: 'formula-builder.median',
-            key: 'median',
-            // hint: this.translateService.instant('formula-builder.median-hint'),
-            hint: 'formula-builder.median-hint',
-        },
-        {
-            // name: this.translateService.instant('formula-builder.standard-deviation'),
-            name: 'formula-builder.standard-deviation',
-            key: 'stddev',
-            hint: '',
-        },
-        {
-            // name: this.translateService.instant('formula-builder.min-max'),
-            name: 'formula-builder.min-max',
-            key: 'range',
-            // hint: this.translateService.instant('formula-builder.min-max-hint'),
-            hint: 'formula-builder.min-max-hint',
-        },
-    ];
-    selectedLookup = signal(null, ...(ngDevMode ? [{ debugName: "selectedLookup" }] : []));
-    formula = signal([], ...(ngDevMode ? [{ debugName: "formula" }] : []));
-    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    touched = signal(false, ...(ngDevMode ? [{ debugName: "touched" }] : []));
-    types = types;
-    operators = operators;
-    formulaText = computed(() => {
-        return '';
-    }, ...(ngDevMode ? [{ debugName: "formulaText" }] : []));
-    onChange(_formula) { }
-    onTouched() { }
-    emitChange() {
-        const str = this.formula()
-            .map((x) => x.key)
-            .join(' ');
-        this.onChange(str);
-    }
-    onAdd(item) {
-        this.markAsTouched();
-        if (!this.disabled()) {
-            this.formula.update((formula) => [...formula, item]);
-            this.emitChange();
-        }
-    }
-    onRemove(index) {
-        this.markAsTouched();
-        if (!this.disabled()) {
-            this.formula.update((formula) => {
-                formula.splice(index, 1);
-                return formula;
-            });
-            this.emitChange();
-        }
-    }
-    onAddProperty(property, dropdown) {
-        if (!property?.key)
-            return;
-        this.onAdd({
-            key: property.key,
-            name: property.name,
-            type: 'field',
-            dataType: property?.dataType,
-        });
-        // TODO: fix input clearing
-        dropdown?.clearSelection();
-        this.selectedLookup.set(null);
-    }
-    onAddValue(el) {
-        this.onAdd({
-            key: el.value(),
-            name: el.value(),
-            type: 'value',
-        });
-        el.value.set('');
-    }
-    onAddFunction(func, dropdown) {
-        if (!func?.key)
-            return;
-        this.onAdd({
-            key: func.key,
-            name: func.name,
-            type: 'function',
-        });
-        dropdown?.clearSelection();
-    }
-    writeValue(formulaString) {
-        if (formulaString) {
-            this.formula.set(this.parseStringToItems(formulaString));
-        }
-    }
-    registerOnChange(onChange) {
-        this.onChange = onChange;
-    }
-    registerOnTouched(onTouched) {
-        this.onTouched = onTouched;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled.set(isDisabled);
-    }
-    markAsTouched() {
-        if (!this.touched()) {
-            this.onTouched();
-            this.touched.set(true);
-        }
-    }
-    validate(control) {
-        const formula = control.value;
-        if (this.validationUrl()) {
-            const res$ = this.httpClient.post(this.validationUrl(), {
-                formula,
-            });
-            return res$.pipe(map(({ data }) => {
-                return data ? null : { mustBeValidFormula: formula };
-            }), catchError(() => {
-                return EMPTY;
-            }));
-        }
-        else {
-            return of(null);
-        }
-    }
-    drop(event) {
-        this.formula.update((formula) => {
-            moveItemInArray(formula, event.previousIndex, event.currentIndex);
-            return formula;
-        });
-    }
-    parseStringToItems(strValue) {
-        if (!strValue || !strValue.trim())
-            return [];
-        const tokens = strValue.split(/\s+/);
-        const results = [];
-        tokens.forEach((token) => {
-            let found = this.operators.find((el) => el.key === token);
-            if (found) {
-                results.push(found);
-                return;
-            }
-            found = this.functions.find((el) => el.key === token);
-            if (found) {
-                results.push({
-                    key: token,
-                    name: found.name,
-                    type: 'function',
-                });
-                return;
-            }
-            found = this.properties().find((el) => el.key === token);
-            if (found) {
-                results.push({
-                    key: token,
-                    name: found.name,
-                    type: 'field',
-                });
-                return;
-            }
-            results.push({
-                key: token,
-                name: token,
-                type: 'value',
-            });
-        });
-        return results;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FormulaBuilder, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: FormulaBuilder, isStandalone: true, selector: "mt-formula-builder", inputs: { hideTitle: { classPropertyName: "hideTitle", publicName: "hideTitle", isSignal: true, isRequired: false, transformFunction: null }, properties: { classPropertyName: "properties", publicName: "properties", isSignal: true, isRequired: false, transformFunction: null }, validationUrl: { classPropertyName: "validationUrl", publicName: "validationUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"@container w-full flex flex-col gap-2\">\n  @if (!hideTitle()) {\n    <h6 class=\"m-0\" translate>formula-builder.formula-builder</h6>\n  }\n  @if (!disabled()) {\n    <div class=\"grid grid-cols-6 gap-2\">\n      @if (properties()?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #propertyDropdown=\"\"\n            (onChange)=\"onAddProperty($event, propertyDropdown)\"\n            label=\"formula-builder.property\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-property' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"properties()\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      @if (functions?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #functionDropdown=\"\"\n            label=\"formula-builder.function\"\n            (onChange)=\"onAddFunction($event, functionDropdown)\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-function' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"functions\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate>formula-builder.operators</label>\n        <div dir=\"ltr\" class=\"flex flex-wrap gap-1\">\n          @for (operator of operators; track operator) {\n            <mt-button\n              type=\"button\"\n              [outlined]=\"true\"\n              [label]=\"operator.name\"\n              (click)=\"onAdd(operator)\"\n            >\n            </mt-button>\n          }\n        </div>\n      </div>\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate\n          >formula-builder.custom-value</label\n        >\n        <p-input-group>\n          <mt-text-field\n            #customInput\n            type=\"text\"\n            [field]=\"false\"\n            [placeholder]=\"'formula-builder.custom-value'\"\n            style=\"width: 100%\"\n          ></mt-text-field>\n          <p-inputgroup-addon>\n            <mt-button\n              class=\"\"\n              type=\"button\"\n              (click)=\"onAddValue(customInput)\"\n              [disabled]=\"disabled() || !customInput.value()\"\n              label=\"\"\n              icon=\"general.plus\"\n            ></mt-button>\n          </p-inputgroup-addon>\n        </p-input-group>\n      </div>\n    </div>\n  }\n  <div>\n    <label for=\"configuration\" translate>formula-builder.formula</label>\n    <div\n      dir=\"ltr\"\n      cdkDropList=\"\"\n      cdkDropListOrientation=\"mixed\"\n      [cdkDropListData]=\"formula()\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListDisabled]=\"disabled()\"\n      class=\"flex flex-wrap gap-1 rounded-lg border-1 border-gray-500 bg-gray-50 p-2 formula-preview\"\n    >\n      @for (item of formula(); track item; let i = $index) {\n        <p-chip\n          [style]=\"{\n            background: types[item.type]?.bg ?? 'var(--p-gary-50)',\n            borderColor: types[item.type]?.border ?? 'var(--p-gary-500)',\n          }\"\n          styleClass=\"text-black-alpha-90 border-1 border-round cursor-grab\"\n          [label]=\"item.name\"\n          [removable]=\"!disabled()\"\n          (onRemove)=\"onRemove(i)\"\n          [cdkDragDisabled]=\"disabled()\"\n          cdkDrag=\"\"\n        ></p-chip>\n      }\n    </div>\n  </div>\n</div>\n", styles: [":host .formula-preview{border-color:var(--p-gray-500);min-height:60px}:host.ng-valid .formula-preview{border-color:var(--p-green-500)}:host.ng-invalid .formula-preview{border-color:var(--p-red-500)}:host ::ng-deep .cdk-drop-list{display:flex}:host ::ng-deep .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;z-index:1000}:host ::ng-deep .cdk-drag-placeholder{opacity:.5}:host ::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep .formula-preview.cdk-drop-list-dragging .formula-preview:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .p-inputgroupaddon:first-child .p-inputtext,::ng-deep .p-inputgroup>mt-text-field:first-child .p-inputtext{height:100%;width:100%;border-radius:0;border-start-start-radius:var(--p-inputgroup-addon-border-radius);border-end-start-radius:var(--p-inputgroup-addon-border-radius)}::ng-deep .p-inputgroupaddon:first-child,::ng-deep .p-inputgroup>p-autocomplete:first-child{width:100%}::ng-deep .p-inputgroupaddon:first-child>div,::ng-deep .p-inputgroup>p-autocomplete:first-child>div{width:100%;height:100%}::ng-deep .p-inputgroupaddon:first-child>div ul,::ng-deep .p-inputgroup>p-autocomplete:first-child>div ul{border-radius:0;border-start-start-radius:var(--p-inputgroup-addon-border-radius);border-end-start-radius:var(--p-inputgroup-addon-border-radius)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required", "group", "optionGroupLabel", "optionGroupChildren", "loading"], outputs: ["onChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ChipModule }, { kind: "component", type: i2.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "alt", "styleClass", "disabled", "removable", "removeIcon", "chipProps"], outputs: ["onRemove", "onImageError"] }, { kind: "ngmodule", type: 
-                // TranslateModule,
-                DragDropModule }, { kind: "directive", type: i3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FormulaBuilder, decorators: [{
-            type: Component,
-            args: [{ selector: 'mt-formula-builder', standalone: true, imports: [
-                        FormsModule,
-                        SelectField,
-                        InputTextModule,
-                        Button,
-                        ChipModule,
-                        // TranslateModule,
-                        DragDropModule,
-                        InputGroupModule,
-                        InputGroupAddonModule,
-                        TextField,
-                    ], template: "<div class=\"@container w-full flex flex-col gap-2\">\n  @if (!hideTitle()) {\n    <h6 class=\"m-0\" translate>formula-builder.formula-builder</h6>\n  }\n  @if (!disabled()) {\n    <div class=\"grid grid-cols-6 gap-2\">\n      @if (properties()?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #propertyDropdown=\"\"\n            (onChange)=\"onAddProperty($event, propertyDropdown)\"\n            label=\"formula-builder.property\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-property' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"properties()\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      @if (functions?.length) {\n        <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n          <mt-select-field\n            #functionDropdown=\"\"\n            label=\"formula-builder.function\"\n            (onChange)=\"onAddFunction($event, functionDropdown)\"\n            selectId=\"-1\"\n            placeholder=\"{{ 'formula-builder.select-function' }}\"\n            styleClass=\"w-full\"\n            [filter]=\"true\"\n            filterBy=\"name\"\n            [ngModel]=\"null\"\n            [options]=\"functions\"\n            optionLabel=\"name\"\n            dataKey=\"key\"\n            appendTo=\"body\"\n          ></mt-select-field>\n        </div>\n      }\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate>formula-builder.operators</label>\n        <div dir=\"ltr\" class=\"flex flex-wrap gap-1\">\n          @for (operator of operators; track operator) {\n            <mt-button\n              type=\"button\"\n              [outlined]=\"true\"\n              [label]=\"operator.name\"\n              (click)=\"onAdd(operator)\"\n            >\n            </mt-button>\n          }\n        </div>\n      </div>\n      <div class=\"col-span-6 @md:col-span-3 @2xl:col-span-2\">\n        <label for=\"configuration\" translate\n          >formula-builder.custom-value</label\n        >\n        <p-input-group>\n          <mt-text-field\n            #customInput\n            type=\"text\"\n            [field]=\"false\"\n            [placeholder]=\"'formula-builder.custom-value'\"\n            style=\"width: 100%\"\n          ></mt-text-field>\n          <p-inputgroup-addon>\n            <mt-button\n              class=\"\"\n              type=\"button\"\n              (click)=\"onAddValue(customInput)\"\n              [disabled]=\"disabled() || !customInput.value()\"\n              label=\"\"\n              icon=\"general.plus\"\n            ></mt-button>\n          </p-inputgroup-addon>\n        </p-input-group>\n      </div>\n    </div>\n  }\n  <div>\n    <label for=\"configuration\" translate>formula-builder.formula</label>\n    <div\n      dir=\"ltr\"\n      cdkDropList=\"\"\n      cdkDropListOrientation=\"mixed\"\n      [cdkDropListData]=\"formula()\"\n      (cdkDropListDropped)=\"drop($event)\"\n      [cdkDropListDisabled]=\"disabled()\"\n      class=\"flex flex-wrap gap-1 rounded-lg border-1 border-gray-500 bg-gray-50 p-2 formula-preview\"\n    >\n      @for (item of formula(); track item; let i = $index) {\n        <p-chip\n          [style]=\"{\n            background: types[item.type]?.bg ?? 'var(--p-gary-50)',\n            borderColor: types[item.type]?.border ?? 'var(--p-gary-500)',\n          }\"\n          styleClass=\"text-black-alpha-90 border-1 border-round cursor-grab\"\n          [label]=\"item.name\"\n          [removable]=\"!disabled()\"\n          (onRemove)=\"onRemove(i)\"\n          [cdkDragDisabled]=\"disabled()\"\n          cdkDrag=\"\"\n        ></p-chip>\n      }\n    </div>\n  </div>\n</div>\n", styles: [":host .formula-preview{border-color:var(--p-gray-500);min-height:60px}:host.ng-valid .formula-preview{border-color:var(--p-green-500)}:host.ng-invalid .formula-preview{border-color:var(--p-red-500)}:host ::ng-deep .cdk-drop-list{display:flex}:host ::ng-deep .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;z-index:1000}:host ::ng-deep .cdk-drag-placeholder{opacity:.5}:host ::ng-deep .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host ::ng-deep .formula-preview.cdk-drop-list-dragging .formula-preview:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .p-inputgroupaddon:first-child .p-inputtext,::ng-deep .p-inputgroup>mt-text-field:first-child .p-inputtext{height:100%;width:100%;border-radius:0;border-start-start-radius:var(--p-inputgroup-addon-border-radius);border-end-start-radius:var(--p-inputgroup-addon-border-radius)}::ng-deep .p-inputgroupaddon:first-child,::ng-deep .p-inputgroup>p-autocomplete:first-child{width:100%}::ng-deep .p-inputgroupaddon:first-child>div,::ng-deep .p-inputgroup>p-autocomplete:first-child>div{width:100%;height:100%}::ng-deep .p-inputgroupaddon:first-child>div ul,::ng-deep .p-inputgroup>p-autocomplete:first-child>div ul{border-radius:0;border-start-start-radius:var(--p-inputgroup-addon-border-radius);border-end-start-radius:var(--p-inputgroup-addon-border-radius)}\n"] }]
-        }], propDecorators: { hideTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTitle", required: false }] }], properties: [{ type: i0.Input, args: [{ isSignal: true, alias: "properties", required: false }] }], validationUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "validationUrl", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FormulaBuilder };
-//# sourceMappingURL=masterteam-components-formula-builder.mjs.map