@masterteam/components 0.0.117 → 0.0.119

package/package.json

@@ -1,27 +1,27 @@
 {
   "name": "@masterteam/components",
-  "version": "0.0.117",
+  "version": "0.0.119",
   "publishConfig": {
     "directory": "../../../dist/masterteam/components",
     "linkDirectory": true,
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/common": "catalog:angular21",
-    "@angular/core": "catalog:angular21",
-    "@angular/forms": "catalog:angular21",
-    "@angular/cdk": "catalog:angular21",
-    "@primeuix/themes": "catalog:",
-    "@tailwindcss/postcss": "catalog:",
-    "@jsverse/transloco": "catalog:i18n",
-    "postcss": "catalog:",
-    "primeng": "catalog:",
-    "tailwindcss": "catalog:",
-    "tailwindcss-primeui": "catalog:",
-    "ngx-quill": "catalog:",
-    "quill": "catalog:",
+    "@angular/common": "^21.0.3",
+    "@angular/core": "^21.0.3",
+    "@angular/forms": "^21.0.3",
+    "@angular/cdk": "^21.0.2",
+    "@primeuix/themes": "^2.0.2",
+    "@tailwindcss/postcss": "^4.1.17",
+    "@jsverse/transloco": "^8.0.2",
+    "postcss": "^8.5.6",
+    "primeng": "21.0.1",
+    "tailwindcss": "^4.1.17",
+    "tailwindcss-primeui": "^0.6.1",
+    "ngx-quill": "^30.0.1",
+    "quill": "^2.0.3",
     "monaco-editor": "^0.52.0",
-    "@masterteam/icons": "workspace:^"
+    "@masterteam/icons": "^0.0.14"
   },
   "repository": {
     "type": "git",
@@ -251,6 +251,6 @@
   "module": "fesm2022/masterteam-components.mjs",
   "typings": "types/masterteam-components.d.ts",
   "dependencies": {
-    "tslib": "catalog:angular21"
+    "tslib": "^2.8.1"
   }
 }

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

@@ -263,7 +263,7 @@ declare class EntityPreview {
     /** Single entity data to display */
     readonly data: _angular_core.InputSignal<EntityData>;
     readonly attachmentShape: _angular_core.InputSignal<"default" | "compact">;
-    readonly previewType: _angular_core.Signal<"Text" | "LongText" | "Date" | "DateTime" | "Percentage" | "Status" | "Currency" | "Checkbox" | "User" | "Lookup" | "Attachment">;
+    readonly previewType: _angular_core.Signal<"Text" | "LongText" | "Date" | "DateTime" | "Percentage" | "Currency" | "Checkbox" | "User" | "Lookup" | "Attachment">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityPreview, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityPreview, "mt-entity-preview", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "attachmentShape": { "alias": "attachmentShape"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,28 @@
+import * as _angular_core from '@angular/core';
+import { MTIcon } from '@masterteam/icons';
+
+interface SidebarItem {
+    id: string | number;
+    title: string;
+    icon?: MTIcon;
+    routerLink?: any[] | string;
+}
+declare class Sidebar {
+    items: _angular_core.InputSignal<SidebarItem[]>;
+    logo: _angular_core.InputSignal<string | undefined>;
+    logoLink: _angular_core.InputSignal<string | any[] | undefined>;
+    title: _angular_core.InputSignal<string | undefined>;
+    subTitle: _angular_core.InputSignal<string | undefined>;
+    bgColor: _angular_core.InputSignal<string | undefined>;
+    bgImage: _angular_core.InputSignal<string | undefined>;
+    bgRepeat: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    iconsColor: _angular_core.InputSignal<string>;
+    expanded: _angular_core.WritableSignal<boolean>;
+    expandedChange: _angular_core.OutputEmitterRef<boolean>;
+    toggleSidebar(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Sidebar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sidebar, "mt-sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "iconsColor": { "alias": "iconsColor"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, never, never, true, never>;
+}
+
+export { Sidebar };
+export type { SidebarItem };

package/types/masterteam-components-slider-field.d.ts

@@ -0,0 +1,45 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
+import { Slider, SliderChangeEvent, SliderSlideEndEvent } from 'primeng/slider';
+import { isInvalid } from '@masterteam/components';
+
+declare class SliderField implements ControlValueAccessor, OnInit, OnChanges {
+    input: Slider;
+    readonly field: _angular_core.InputSignal<boolean>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    readonly animate: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly min: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly max: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly step: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly hideNumber: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly unit: _angular_core.InputSignal<string>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly pInputs: _angular_core.InputSignal<Partial<Slider> | undefined>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    onChange: EventEmitter<SliderChangeEvent>;
+    onSlideEnd: EventEmitter<SliderSlideEndEvent>;
+    styleClass: string;
+    requiredValidator: typeof Validators.required;
+    value: _angular_core.WritableSignal<number | null>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    displayValue: _angular_core.Signal<string>;
+    onTouched: () => void;
+    onModelChange: (value: number | null) => void;
+    ngControl: NgControl;
+    isInvalid: typeof isInvalid;
+    constructor();
+    applyInputsToInput(): void;
+    ngOnInit(): void;
+    onValueChange(value: number | null): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: number): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(disabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderField, "mt-slider-field", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "hideNumber": { "alias": "hideNumber"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onSlideEnd": "onSlideEnd"; }, never, never, true, never>;
+}
+
+export { SliderField };

package/types/masterteam-components-statistic-card.d.ts

@@ -0,0 +1,18 @@
+import * as _angular_core from '@angular/core';
+import { MTIcon } from '@masterteam/icons';
+
+interface StatisticCardData {
+    title: string;
+    subTitle: string;
+    icon: MTIcon;
+    color: string;
+}
+declare class StatisticCard {
+    readonly data: _angular_core.InputSignal<StatisticCardData>;
+    readonly cardClass: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatisticCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatisticCard, "mt-statistic-card", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "cardClass": { "alias": "cardClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { StatisticCard };
+export type { StatisticCardData };

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

@@ -181,6 +181,7 @@ declare class Table {
      */
     getEntityColumnData(row: any, col: ColumnDef): EntityData | null;
     protected getStatusEntityAccentColor(row: Record<string, unknown>): string | null;
+    private resolveStatusEntityAccentColor;
     protected getBooleanProperty(obj: any, key: string): boolean;
     private setProperty;
     private sortData;

package/types/masterteam-components-textarea-field.d.ts

@@ -0,0 +1,38 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, Validators, NgControl } from '@angular/forms';
+import { isInvalid } from '@masterteam/components';
+
+declare class TextareaField implements ControlValueAccessor, OnInit, OnChanges {
+    textarea: HTMLTextAreaElement;
+    readonly field: _angular_core.InputSignal<boolean>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly noErrorStyle: _angular_core.InputSignal<boolean>;
+    readonly pInputs: _angular_core.InputSignal<Partial<HTMLTextAreaElement> | undefined>;
+    readonly rows: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    styleClass: string;
+    requiredValidator: typeof Validators.required;
+    value: _angular_core.WritableSignal<string | null>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    onTouched: () => void;
+    onModelChange: (value: string | null) => void;
+    ngControl: NgControl;
+    isInvalid: typeof isInvalid;
+    constructor();
+    applyInputsToTextarea(): void;
+    ngOnInit(): void;
+    onValueChange(value: string | null): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(disabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaField, "mt-textarea-field", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "noErrorStyle": { "alias": "noErrorStyle"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { TextareaField };

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

@@ -0,0 +1,26 @@
+import * as i0 from '@angular/core';
+import { MessageService, ToastMessageOptions } from 'primeng/api';
+
+declare class Toast {
+    protected readonly toastPosition = "bottom-right";
+    protected readonly toastTransX = "translateX(100%)";
+    static ɵfac: i0.ɵɵFactoryDeclaration<Toast, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Toast, "mt-toast", never, {}, {}, never, never, true, never>;
+}
+
+declare class ToastService {
+    messageService: MessageService;
+    add(message: ToastMessageOptions): void;
+    addAll(messages: ToastMessageOptions[]): void;
+    clear(key?: string): void;
+    success(detail?: string, summary?: string): void;
+    warn(detail?: string, summary?: string): void;
+    error(detail?: string, summary?: string): void;
+    info(detail?: string, summary?: string): void;
+    secondary(detail?: string, summary?: string): void;
+    contrast(detail?: string, summary?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastService>;
+}
+
+export { Toast, ToastService };

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

@@ -0,0 +1,17 @@
+import * as _angular_core from '@angular/core';
+
+declare class Topbar {
+    logo: _angular_core.InputSignal<string | undefined>;
+    logoLink: _angular_core.InputSignal<string | any[] | undefined>;
+    bgColor: _angular_core.InputSignal<string>;
+    bgImage: _angular_core.InputSignal<string | undefined>;
+    bgRepeat: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    textColor: _angular_core.InputSignal<string>;
+    title: _angular_core.InputSignal<string | undefined>;
+    subTitle: _angular_core.InputSignal<string | undefined>;
+    showBranding: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Topbar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Topbar, "mt-topbar", never, { "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "showBranding": { "alias": "showBranding"; "required": false; "isSignal": true; }; }, {}, never, ["[start]", "[actions]"], true, never>;
+}
+
+export { Topbar };

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

@@ -0,0 +1,98 @@
+import * as _angular_core from '@angular/core';
+import { Signal } 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: 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 checkAllChildren: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly checkAllLabel: _angular_core.InputSignal<string>;
+    readonly filterPlaceholder: _angular_core.InputSignal<string>;
+    readonly dataKey: _angular_core.InputSignal<"key">;
+    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: Signal<MenuItem[]>;
+    readonly action: _angular_core.OutputEmitterRef<TreeActionEvent>;
+    CheckAllValue: _angular_core.WritableSignal<boolean>;
+    readonly treeValue: Signal<TreeNode[]>;
+    constructor();
+    private isProcessingBatchSelection;
+    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;
+    getCheckAllValue(event: any): 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": true; "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; }; "checkAllChildren": { "alias": "checkAllChildren"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "checkAllLabel": { "alias": "checkAllLabel"; "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 };