@masterteam/components 0.0.127 → 0.0.129

package/fesm2022/masterteam-components-textarea-field.mjs

@@ -0,0 +1,100 @@
+import * as i0 from '@angular/core';
+import { input, signal, inject, effect, HostBinding, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i2 from 'primeng/textarea';
+import { TextareaModule } from 'primeng/textarea';
+import * as i1 from '@angular/forms';
+import { Validators, NgControl, FormsModule } from '@angular/forms';
+import { FieldValidation } from '@masterteam/components/field-validation';
+import { isInvalid } from '@masterteam/components';
+
+// TODO: text stuck when reset
+class TextareaField {
+    textarea;
+    field = input(true, ...(ngDevMode ? [{ debugName: "field" }] : []));
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    noErrorStyle = input(false, ...(ngDevMode ? [{ debugName: "noErrorStyle" }] : []));
+    pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : []));
+    rows = input('4', ...(ngDevMode ? [{ debugName: "rows" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    styleClass;
+    requiredValidator = Validators.required;
+    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    onTouched = () => { };
+    onModelChange = () => { };
+    ngControl = inject(NgControl, { self: true });
+    isInvalid = isInvalid;
+    constructor() {
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+        effect(() => {
+            if (this.ngControl.control && this.required()) {
+                this.ngControl.control.addValidators(Validators.required);
+                this.ngControl.control.updateValueAndValidity();
+            }
+        });
+    }
+    applyInputsToTextarea() {
+        Object.assign(this.textarea, this.pInputs());
+    }
+    ngOnInit() {
+        this.styleClass = this.class();
+        if (this.pInputs()) {
+            this.applyInputsToTextarea();
+        }
+    }
+    onValueChange(value) {
+        this.value.set(value);
+        const control = this.ngControl?.control;
+        if (control) {
+            control.setValue(value);
+            control.markAsDirty();
+            control.markAsTouched();
+            control.updateValueAndValidity({ emitEvent: false });
+            return;
+        }
+        this.onModelChange(value);
+    }
+    ngOnChanges(changes) {
+        if (changes['pInputs']) {
+            this.applyInputsToTextarea();
+        }
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onModelChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        this.disabled.set(disabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TextareaField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TextareaField, isStandalone: true, selector: "mt-textarea-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, noErrorStyle: { classPropertyName: "noErrorStyle", publicName: "noErrorStyle", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<textarea\r\n  #textarea\r\n  pTextarea\r\n  [ngModel]=\"value()\"\r\n  (ngModelChange)=\"onValueChange($event)\"\r\n  (blur)=\"onTouched()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [id]=\"ngControl?.name || label()\"\r\n  [invalid]=\"!noErrorStyle() && isInvalid(ngControl?.control)\"\r\n  (blur)=\"onTouched()\"\r\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n  class=\"w-full\"\r\n  [rows]=\"rows()\"\r\n  style=\"resize: none\"\r\n></textarea>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "ngmodule", type: TextareaModule }, { kind: "directive", type: i2.Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["pTextareaPT", "pTextareaUnstyled", "autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TextareaField, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-textarea-field', standalone: true, imports: [FormsModule, TextareaModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'grid gap-1',
+                    }, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<textarea\r\n  #textarea\r\n  pTextarea\r\n  [ngModel]=\"value()\"\r\n  (ngModelChange)=\"onValueChange($event)\"\r\n  (blur)=\"onTouched()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [id]=\"ngControl?.name || label()\"\r\n  [invalid]=\"!noErrorStyle() && isInvalid(ngControl?.control)\"\r\n  (blur)=\"onTouched()\"\r\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n  class=\"w-full\"\r\n  [rows]=\"rows()\"\r\n  style=\"resize: none\"\r\n></textarea>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { textarea: [{
+                type: ViewChild,
+                args: ['textarea', { static: true }]
+            }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], noErrorStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "noErrorStyle", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], styleClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaField };
+//# sourceMappingURL=masterteam-components-textarea-field.mjs.map

package/fesm2022/masterteam-components-textarea-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-textarea-field.mjs","sources":["../../../../packages/masterteam/components/textarea-field/textarea-field.ts","../../../../packages/masterteam/components/textarea-field/textarea-field.html","../../../../packages/masterteam/components/textarea-field/masterteam-components-textarea-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  HostBinding,\r\n  SimpleChanges,\r\n  ViewChild,\r\n  signal,\r\n  input,\r\n  OnInit,\r\n  OnChanges,\r\n  inject,\r\n  ChangeDetectionStrategy,\r\n  effect,\r\n} from '@angular/core';\r\nimport { TextareaModule } from 'primeng/textarea';\r\nimport {\r\n  ControlValueAccessor,\r\n  FormsModule,\r\n  NgControl,\r\n  Validators,\r\n} from '@angular/forms';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\n\r\n// TODO: text stuck when reset\r\n@Component({\r\n  selector: 'mt-textarea-field',\r\n  standalone: true,\r\n  imports: [FormsModule, TextareaModule, FieldValidation],\r\n  templateUrl: './textarea-field.html',\r\n  styleUrls: ['./textarea-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class TextareaField implements ControlValueAccessor, OnInit, OnChanges {\r\n  @ViewChild('textarea', { static: true })\r\n  textarea: HTMLTextAreaElement;\r\n\r\n  readonly field = input<boolean>(true);\r\n  readonly label = input<string>();\r\n  readonly placeholder = input<string>();\r\n  readonly class = input<string>('');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly noErrorStyle = input<boolean>(false);\r\n  readonly pInputs = input<Partial<HTMLTextAreaElement>>();\r\n  readonly rows = input<string>('4');\r\n  readonly required = input<boolean>(false);\r\n\r\n  @HostBinding('class') styleClass: string;\r\n\r\n  requiredValidator = Validators.required;\r\n  value = signal<string | null>(null);\r\n  disabled = signal<boolean>(false);\r\n\r\n  onTouched: () => void = () => {};\r\n  onModelChange: (value: string | null) => void = () => {};\r\n\r\n  public ngControl = inject(NgControl, { self: true });\r\n\r\n  isInvalid = isInvalid;\r\n\r\n  constructor() {\r\n    if (this.ngControl) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n    effect(() => {\r\n      if (this.ngControl.control && this.required()) {\r\n        this.ngControl.control.addValidators(Validators.required);\r\n        this.ngControl.control.updateValueAndValidity();\r\n      }\r\n    });\r\n  }\r\n\r\n  applyInputsToTextarea() {\r\n    Object.assign(this.textarea, this.pInputs());\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n    if (this.pInputs()) {\r\n      this.applyInputsToTextarea();\r\n    }\r\n  }\r\n\r\n  onValueChange(value: string | null) {\r\n    this.value.set(value);\r\n\r\n    const control = this.ngControl?.control;\r\n    if (control) {\r\n      control.setValue(value);\r\n      control.markAsDirty();\r\n      control.markAsTouched();\r\n      control.updateValueAndValidity({ emitEvent: false });\r\n      return;\r\n    }\r\n\r\n    this.onModelChange(value);\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['pInputs']) {\r\n      this.applyInputsToTextarea();\r\n    }\r\n  }\r\n\r\n  writeValue(value: string) {\r\n    this.value.set(value);\r\n  }\r\n\r\n  registerOnChange(fn: any) {\r\n    this.onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any) {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(disabled: boolean) {\r\n    this.disabled.set(disabled);\r\n  }\r\n}\r\n","@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<textarea\r\n  #textarea\r\n  pTextarea\r\n  [ngModel]=\"value()\"\r\n  (ngModelChange)=\"onValueChange($event)\"\r\n  (blur)=\"onTouched()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [id]=\"ngControl?.name || label()\"\r\n  [invalid]=\"!noErrorStyle() && isInvalid(ngControl?.control)\"\r\n  (blur)=\"onTouched()\"\r\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n  class=\"w-full\"\r\n  [rows]=\"rows()\"\r\n  style=\"resize: none\"\r\n></textarea>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-toast.mjs

@@ -0,0 +1,75 @@
+import * as i0 from '@angular/core';
+import { Component, inject, Injectable } from '@angular/core';
+import * as i1 from 'primeng/toast';
+import { ToastModule } from 'primeng/toast';
+import { MessageService } from 'primeng/api';
+
+class Toast {
+    toastPosition = 'bottom-right';
+    toastTransX = 'translateX(100%)';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Toast, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: Toast, isStandalone: true, selector: "mt-toast", ngImport: i0, template: "<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\r\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\r\n  <!--   <div> -->\r\n  <!--     <div class=\"flex justify-between p-3\"> -->\r\n  <!--       <h6> -->\r\n  <!--         {{ message.summary }} -->\r\n  <!--       </h6> -->\r\n  <!--       <mt-button -->\r\n  <!--         size=\"small\" -->\r\n  <!--         icon=\"general.x\" -->\r\n  <!--         severity=\"secondary\" -->\r\n  <!--         text -->\r\n  <!--         (onClick)=\"closeFn()\" -->\r\n  <!--       /> -->\r\n  <!--     </div> -->\r\n  <!--   </div> -->\r\n  <!-- </ng-template> -->\r\n</p-toast>\r\n", dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "motionOptions", "breakpoints"], outputs: ["onClose"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Toast, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [ToastModule], selector: 'mt-toast', template: "<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\r\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\r\n  <!--   <div> -->\r\n  <!--     <div class=\"flex justify-between p-3\"> -->\r\n  <!--       <h6> -->\r\n  <!--         {{ message.summary }} -->\r\n  <!--       </h6> -->\r\n  <!--       <mt-button -->\r\n  <!--         size=\"small\" -->\r\n  <!--         icon=\"general.x\" -->\r\n  <!--         severity=\"secondary\" -->\r\n  <!--         text -->\r\n  <!--         (onClick)=\"closeFn()\" -->\r\n  <!--       /> -->\r\n  <!--     </div> -->\r\n  <!--   </div> -->\r\n  <!-- </ng-template> -->\r\n</p-toast>\r\n" }]
+        }] });
+
+class ToastService {
+    messageService = inject(MessageService);
+    // translateService = inject(TranslateService);
+    add(message) {
+        this.messageService.add(message);
+    }
+    addAll(messages) {
+        this.messageService.addAll(messages);
+    }
+    clear(key) {
+        this.messageService.clear(key);
+    }
+    success(detail = '', 
+    // summary: string = this.translateService.instant('success')
+    summary = 'Success') {
+        this.messageService.add({ severity: 'success', summary, detail });
+    }
+    warn(detail = '', 
+    // summary: string = this.translateService.instant('error')
+    summary = 'Warning') {
+        this.messageService.add({ severity: 'warn', summary, detail });
+    }
+    error(detail = '', 
+    // summary: string = this.translateService.instant('error')
+    summary = 'Error') {
+        this.messageService.add({ severity: 'error', summary, detail });
+    }
+    info(detail = '', 
+    // summary: string = this.translateService.instant('info')
+    summary = 'Info') {
+        this.messageService.add({ severity: 'info', summary, detail });
+    }
+    secondary(detail = '', 
+    // summary: string = this.translateService.instant('info')
+    summary = '') {
+        this.messageService.add({ severity: 'secondary', summary, detail });
+    }
+    contrast(detail = '', 
+    // summary: string = this.translateService.instant('info')
+    summary = '') {
+        this.messageService.add({ severity: 'contrast', summary, detail });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Toast, ToastService };
+//# sourceMappingURL=masterteam-components-toast.mjs.map

package/fesm2022/masterteam-components-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-toast.mjs","sources":["../../../../packages/masterteam/components/toast/toast.ts","../../../../packages/masterteam/components/toast/toast.html","../../../../packages/masterteam/components/toast/toast.service.ts","../../../../packages/masterteam/components/toast/masterteam-components-toast.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { ToastModule } from 'primeng/toast';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [ToastModule],\r\n  selector: 'mt-toast',\r\n  templateUrl: 'toast.html',\r\n})\r\nexport class Toast {\r\n  protected readonly toastPosition = 'bottom-right';\r\n  protected readonly toastTransX = 'translateX(100%)';\r\n\r\n  // TODO: uncomment when we know how to handle i18n\r\n  // toastPosition = computed(() =>\r\n  //   this.langService.rtl() ? 'top-left' : 'top-right'\r\n  // );\r\n  // toastTransX = computed(() =>\r\n  //   this.langService.rtl() ? 'translateX(-100%)' : 'translateX(100%)'\r\n  // );\r\n}\r\n","<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\r\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\r\n  <!--   <div> -->\r\n  <!--     <div class=\"flex justify-between p-3\"> -->\r\n  <!--       <h6> -->\r\n  <!--         {{ message.summary }} -->\r\n  <!--       </h6> -->\r\n  <!--       <mt-button -->\r\n  <!--         size=\"small\" -->\r\n  <!--         icon=\"general.x\" -->\r\n  <!--         severity=\"secondary\" -->\r\n  <!--         text -->\r\n  <!--         (onClick)=\"closeFn()\" -->\r\n  <!--       /> -->\r\n  <!--     </div> -->\r\n  <!--   </div> -->\r\n  <!-- </ng-template> -->\r\n</p-toast>\r\n","import { inject, Injectable } from '@angular/core';\r\n// import { TranslateService } from '@ngx-translate/core';\r\nimport { MessageService, ToastMessageOptions } from 'primeng/api';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class ToastService {\r\n  messageService = inject(MessageService);\r\n  // translateService = inject(TranslateService);\r\n\r\n  add(message: ToastMessageOptions): void {\r\n    this.messageService.add(message);\r\n  }\r\n\r\n  addAll(messages: ToastMessageOptions[]): void {\r\n    this.messageService.addAll(messages);\r\n  }\r\n\r\n  clear(key?: string): void {\r\n    this.messageService.clear(key);\r\n  }\r\n\r\n  success(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('success')\r\n    summary: string = 'Success',\r\n  ) {\r\n    this.messageService.add({ severity: 'success', summary, detail });\r\n  }\r\n\r\n  warn(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('error')\r\n    summary: string = 'Warning',\r\n  ) {\r\n    this.messageService.add({ severity: 'warn', summary, detail });\r\n  }\r\n\r\n  error(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('error')\r\n    summary: string = 'Error',\r\n  ) {\r\n    this.messageService.add({ severity: 'error', summary, detail });\r\n  }\r\n\r\n  info(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('info')\r\n    summary: string = 'Info',\r\n  ) {\r\n    this.messageService.add({ severity: 'info', summary, detail });\r\n  }\r\n\r\n  secondary(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('info')\r\n    summary: string = '',\r\n  ) {\r\n    this.messageService.add({ severity: 'secondary', summary, detail });\r\n  }\r\n\r\n  contrast(\r\n    detail: string = '',\r\n    // summary: string = this.translateService.instant('info')\r\n    summary: string = '',\r\n  ) {\r\n    this.messageService.add({ severity: 'contrast', summary, detail });\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-topbar.mjs

@@ -0,0 +1,28 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+class Topbar {
+    logo = input(...(ngDevMode ? [undefined, { debugName: "logo" }] : []));
+    logoLink = input(...(ngDevMode ? [undefined, { debugName: "logoLink" }] : []));
+    bgColor = input('var(--p-primary-color)', ...(ngDevMode ? [{ debugName: "bgColor" }] : []));
+    bgImage = input(...(ngDevMode ? [undefined, { debugName: "bgImage" }] : []));
+    bgRepeat = input(false, { ...(ngDevMode ? { debugName: "bgRepeat" } : {}), transform: booleanAttribute });
+    textColor = input('var(--p-primary-contrast-color)', ...(ngDevMode ? [{ debugName: "textColor" }] : []));
+    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
+    subTitle = input(...(ngDevMode ? [undefined, { debugName: "subTitle" }] : []));
+    showBranding = input(true, { ...(ngDevMode ? { debugName: "showBranding" } : {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Topbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Topbar, isStandalone: true, selector: "mt-topbar", inputs: { logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, showBranding: { classPropertyName: "showBranding", publicName: "showBranding", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n  class=\"w-full flex justify-between align-center bg-primary px-4 py-2 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    <div\r\n      class=\"flex gap-4 items-center h-full overflow-hidden transition-all duration-400 ease-in-out\"\r\n      [class.max-w-0]=\"!showBranding()\"\r\n      [class.opacity-0]=\"!showBranding()\"\r\n      [class.max-w-lg]=\"showBranding()\"\r\n      [class.opacity-100]=\"showBranding()\"\r\n    >\r\n      @if (logo()) {\r\n        <img\r\n          [src]=\"logo()\"\r\n          alt=\"Logo\"\r\n          class=\"h-10 shrink-0\"\r\n          [routerLink]=\"logoLink()\"\r\n          [class.cursor-pointer]=\"logoLink()\"\r\n        />\r\n      }\r\n      @if (logo() && (title() || subTitle())) {\r\n        <div class=\"h-3/4 w-[1px] bg-current shrink-0\"></div>\r\n      }\r\n      @if (title() || subTitle()) {\r\n        <div class=\"flex flex-col shrink-0\">\r\n          <h2 class=\"text-md font-semibold product-name whitespace-nowrap\">\r\n            {{ title() }}\r\n          </h2>\r\n          <span class=\"text-sm product-tagline whitespace-nowrap\">{{\r\n            subTitle()\r\n          }}</span>\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-content select=\"[start]\"></ng-content>\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Topbar, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-topbar', standalone: true, imports: [RouterLink], template: "<div\r\n  class=\"w-full flex justify-between align-center bg-primary px-4 py-2 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    <div\r\n      class=\"flex gap-4 items-center h-full overflow-hidden transition-all duration-400 ease-in-out\"\r\n      [class.max-w-0]=\"!showBranding()\"\r\n      [class.opacity-0]=\"!showBranding()\"\r\n      [class.max-w-lg]=\"showBranding()\"\r\n      [class.opacity-100]=\"showBranding()\"\r\n    >\r\n      @if (logo()) {\r\n        <img\r\n          [src]=\"logo()\"\r\n          alt=\"Logo\"\r\n          class=\"h-10 shrink-0\"\r\n          [routerLink]=\"logoLink()\"\r\n          [class.cursor-pointer]=\"logoLink()\"\r\n        />\r\n      }\r\n      @if (logo() && (title() || subTitle())) {\r\n        <div class=\"h-3/4 w-[1px] bg-current shrink-0\"></div>\r\n      }\r\n      @if (title() || subTitle()) {\r\n        <div class=\"flex flex-col shrink-0\">\r\n          <h2 class=\"text-md font-semibold product-name whitespace-nowrap\">\r\n            {{ title() }}\r\n          </h2>\r\n          <span class=\"text-sm product-tagline whitespace-nowrap\">{{\r\n            subTitle()\r\n          }}</span>\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-content select=\"[start]\"></ng-content>\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n" }]
+        }], propDecorators: { logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], logoLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoLink", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgImage", required: false }] }], bgRepeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgRepeat", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], showBranding: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBranding", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Topbar };
+//# sourceMappingURL=masterteam-components-topbar.mjs.map

package/fesm2022/masterteam-components-topbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-topbar.mjs","sources":["../../../../packages/masterteam/components/topbar/topbar.ts","../../../../packages/masterteam/components/topbar/topbar.html","../../../../packages/masterteam/components/topbar/masterteam-components-topbar.ts"],"sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Component({\r\n  selector: 'mt-topbar',\r\n  standalone: true,\r\n  imports: [RouterLink],\r\n  templateUrl: './topbar.html',\r\n})\r\nexport class Topbar {\r\n  logo = input<string>();\r\n  logoLink = input<string | any[]>();\r\n  bgColor = input<string>('var(--p-primary-color)');\r\n  bgImage = input<string>();\r\n  bgRepeat = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  textColor = input<string>('var(--p-primary-contrast-color)');\r\n  title = input<string>();\r\n  subTitle = input<string>();\r\n  showBranding = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n}\r\n","<div\r\n  class=\"w-full flex justify-between align-center bg-primary px-4 py-2 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    <div\r\n      class=\"flex gap-4 items-center h-full overflow-hidden transition-all duration-400 ease-in-out\"\r\n      [class.max-w-0]=\"!showBranding()\"\r\n      [class.opacity-0]=\"!showBranding()\"\r\n      [class.max-w-lg]=\"showBranding()\"\r\n      [class.opacity-100]=\"showBranding()\"\r\n    >\r\n      @if (logo()) {\r\n        <img\r\n          [src]=\"logo()\"\r\n          alt=\"Logo\"\r\n          class=\"h-10 shrink-0\"\r\n          [routerLink]=\"logoLink()\"\r\n          [class.cursor-pointer]=\"logoLink()\"\r\n        />\r\n      }\r\n      @if (logo() && (title() || subTitle())) {\r\n        <div class=\"h-3/4 w-[1px] bg-current shrink-0\"></div>\r\n      }\r\n      @if (title() || subTitle()) {\r\n        <div class=\"flex flex-col shrink-0\">\r\n          <h2 class=\"text-md font-semibold product-name whitespace-nowrap\">\r\n            {{ title() }}\r\n          </h2>\r\n          <span class=\"text-sm product-tagline whitespace-nowrap\">{{\r\n            subTitle()\r\n          }}</span>\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-content select=\"[start]\"></ng-content>\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-tree.mjs

@@ -0,0 +1,219 @@
+import { ToggleField } from '@masterteam/components/toggle-field';
+import { Avatar } from '@masterteam/components/avatar';
+import { Button } from '@masterteam/components/button';
+import * as i0 from '@angular/core';
+import { inject, viewChild, input, model, computed, output, signal, effect, Component } from '@angular/core';
+import * as i1 from 'primeng/tree';
+import { TreeModule } from 'primeng/tree';
+import { Icon } from '@masterteam/icons';
+import { CommonModule } from '@angular/common';
+import { Directionality } from '@angular/cdk/bidi';
+import * as i3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i4 from 'primeng/contextmenu';
+import { ContextMenuModule } from 'primeng/contextmenu';
+import { TranslocoService, TranslocoModule } from '@jsverse/transloco';
+import * as i2 from 'primeng/api';
+
+class Tree {
+    transloco = inject(TranslocoService);
+    dir = inject(Directionality, { optional: true });
+    primeTree = viewChild('primeTree', ...(ngDevMode ? [{ debugName: "primeTree" }] : []));
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    selection = model(...(ngDevMode ? [undefined, { debugName: "selection" }] : []));
+    selectionMode = input(...(ngDevMode ? [undefined, { debugName: "selectionMode" }] : []));
+    nodeIcon = input(...(ngDevMode ? [undefined, { debugName: "nodeIcon" }] : []));
+    propagateSelectionUp = input(false, ...(ngDevMode ? [{ debugName: "propagateSelectionUp" }] : []));
+    propagateSelectionDown = input(false, ...(ngDevMode ? [{ debugName: "propagateSelectionDown" }] : []));
+    checkAllChildren = input(false, ...(ngDevMode ? [{ debugName: "checkAllChildren" }] : []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    emptyMessage = input(this.transloco.translate('components.tree.no-data-found'), ...(ngDevMode ? [{ debugName: "emptyMessage" }] : []));
+    checkAllLabel = input(this.transloco.translate('components.tree.check-all'), ...(ngDevMode ? [{ debugName: "checkAllLabel" }] : []));
+    filterPlaceholder = input(this.transloco.translate('components.tree.search'), ...(ngDevMode ? [{ debugName: "filterPlaceholder" }] : []));
+    dataKey = input('key', ...(ngDevMode ? [{ debugName: "dataKey" }] : []));
+    filter = input(false, ...(ngDevMode ? [{ debugName: "filter" }] : []));
+    filterMode = input('lenient', ...(ngDevMode ? [{ debugName: "filterMode" }] : []));
+    styleClass = input('', ...(ngDevMode ? [{ debugName: "styleClass" }] : []));
+    style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : []));
+    pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : []));
+    nodeActions = input([], ...(ngDevMode ? [{ debugName: "nodeActions" }] : []));
+    nodeContextmenuActions = input([], ...(ngDevMode ? [{ debugName: "nodeContextmenuActions" }] : []));
+    // Context menu state
+    contextMenuSelection = model(null, ...(ngDevMode ? [{ debugName: "contextMenuSelection" }] : []));
+    contextMenuItems = computed(() => {
+        const actions = this.nodeContextmenuActions();
+        return actions.map((action) => ({
+            label: action.label,
+            icon: action.icon,
+            command: () => {
+                const node = this.contextMenuSelection();
+                if (node) {
+                    action.action(node);
+                }
+            },
+        }));
+    }, ...(ngDevMode ? [{ debugName: "contextMenuItems" }] : []));
+    action = output();
+    CheckAllValue = signal(false, ...(ngDevMode ? [{ debugName: "CheckAllValue" }] : []));
+    // Computed tree value with "Check All" nodes added recursively to all parents
+    treeValue = computed(() => {
+        const nodes = this.value();
+        const shouldAddCheckAll = this.checkAllChildren() && this.selectionMode() === 'checkbox';
+        if (!shouldAddCheckAll) {
+            return nodes;
+        }
+        // Recursively add "Check All" child to any parent node
+        const addCheckAllRecursive = (node) => {
+            if (node.children && node.children.length > 0) {
+                const checkAllNode = {
+                    key: `${node.key}-check-all`,
+                    label: this.checkAllLabel(),
+                    icon: 'general.check-square-broken',
+                    data: node,
+                };
+                return {
+                    ...node,
+                    children: [checkAllNode, ...node.children.map(addCheckAllRecursive)],
+                };
+            }
+            return node;
+        };
+        // Transform all nodes
+        const transformedNodes = nodes.map(addCheckAllRecursive);
+        // Add "Check All" for entire tree at the beginning
+        const treeCheckAllNode = {
+            key: 'tree-check-all',
+            label: this.checkAllLabel(),
+            icon: 'general.check-square-broken',
+            data: { isTreeRoot: true, children: transformedNodes },
+        };
+        return [treeCheckAllNode, ...transformedNodes];
+    }, ...(ngDevMode ? [{ debugName: "treeValue" }] : []));
+    constructor() {
+        // Apply pInputs to the PrimeNG tree instance
+        effect(() => {
+            const tree = this.primeTree();
+            const inputs = this.pInputs();
+            if (tree && inputs) {
+                Object.assign(tree, inputs);
+            }
+        });
+        // Sync checked state when selection changes (including initial value)
+        effect(() => {
+            const value = this.treeValue();
+            // Only run if we have nodes and selection
+            if (value.length > 0 && this.selectionMode() === 'checkbox') {
+                this.handleCheckedNodes();
+            }
+        });
+    }
+    isProcessingBatchSelection = signal(false, ...(ngDevMode ? [{ debugName: "isProcessingBatchSelection" }] : []));
+    onSelectionChange(event) {
+        // Skip emitting if we're in the middle of batch processing
+        if (this.isProcessingBatchSelection()) {
+            return;
+        }
+        this.handleCheckedNodes();
+        this.action.emit({ action: 'selectionChange', data: event });
+    }
+    onNodeSelect(event) {
+        this.action.emit({ action: 'nodeSelect', data: event });
+    }
+    onNodeUnselect(event) {
+        this.action.emit({ action: 'nodeUnselect', data: event });
+    }
+    onNodeExpand(event) {
+        this.action.emit({ action: 'nodeExpand', data: event });
+    }
+    onNodeCollapse(event) {
+        this.action.emit({ action: 'nodeCollapse', data: event });
+    }
+    onContextMenuSelect(event) {
+        this.contextMenuSelection.set(event);
+    }
+    getCheckAllValue(event) {
+        this.CheckAllValue.set(event);
+    }
+    toggleNodeSelection(node, event) {
+        event.stopPropagation();
+        const tree = this.primeTree();
+        if (this.selectionMode() === 'checkbox' && tree) {
+            if (node.key?.includes('check-all') && node.data) {
+                const checkValue = this.CheckAllValue() ?? true;
+                // Handle parent-level "Check All" - only check immediate children
+                const parentNode = node.data;
+                // Start batch processing to prevent multiple selection change events
+                this.isProcessingBatchSelection.set(true);
+                parentNode?.children?.forEach((child) => {
+                    if (!child.key?.includes('check-all')) {
+                        const isSelected = tree.isSelected(child);
+                        // Only toggle if the current state doesn't match desired state
+                        if ((checkValue && !isSelected) || (!checkValue && isSelected)) {
+                            tree.onNodeClick(event, child);
+                        }
+                    }
+                });
+                // End batch processing and emit single selection change event
+                this.isProcessingBatchSelection.set(false);
+                this.handleCheckedNodes();
+                this.action.emit({
+                    action: 'selectionChange',
+                    data: this.selection(),
+                });
+            }
+            else {
+                tree.onNodeClick(event, node);
+            }
+        }
+    }
+    handleCheckedNodes() {
+        const updateNodeCheckedState = (nodes) => {
+            const tree = this.primeTree();
+            nodes.forEach((node) => {
+                if (node.key?.includes('check-all')) {
+                    const isAllChildrenSelected = !nodes?.filter((n) => !tree?.isSelected(n) && !n.key?.includes('check-all'))?.length;
+                    node.checked = isAllChildrenSelected;
+                }
+                else {
+                    node.checked = tree?.isSelected(node);
+                }
+                if (node.children) {
+                    updateNodeCheckedState(node.children);
+                }
+            });
+        };
+        updateNodeCheckedState(this.treeValue());
+    }
+    resolveActionLoading(action, node) {
+        if (typeof action.loading === 'function') {
+            return action.loading(node);
+        }
+        return action.loading;
+    }
+    nodeAction(action, node) {
+        action.action(node);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Tree, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Tree, isStandalone: true, selector: "mt-tree", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, nodeIcon: { classPropertyName: "nodeIcon", publicName: "nodeIcon", isSignal: true, isRequired: false, transformFunction: null }, propagateSelectionUp: { classPropertyName: "propagateSelectionUp", publicName: "propagateSelectionUp", isSignal: true, isRequired: false, transformFunction: null }, propagateSelectionDown: { classPropertyName: "propagateSelectionDown", publicName: "propagateSelectionDown", isSignal: true, isRequired: false, transformFunction: null }, checkAllChildren: { classPropertyName: "checkAllChildren", publicName: "checkAllChildren", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, checkAllLabel: { classPropertyName: "checkAllLabel", publicName: "checkAllLabel", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, dataKey: { classPropertyName: "dataKey", publicName: "dataKey", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterMode: { classPropertyName: "filterMode", publicName: "filterMode", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, nodeActions: { classPropertyName: "nodeActions", publicName: "nodeActions", isSignal: true, isRequired: false, transformFunction: null }, nodeContextmenuActions: { classPropertyName: "nodeContextmenuActions", publicName: "nodeContextmenuActions", isSignal: true, isRequired: false, transformFunction: null }, contextMenuSelection: { classPropertyName: "contextMenuSelection", publicName: "contextMenuSelection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", contextMenuSelection: "contextMenuSelectionChange", action: "action" }, viewQueries: [{ propertyName: "primeTree", first: true, predicate: ["primeTree"], descendants: true, isSignal: true }], ngImport: i0, template: "<p-tree\r\n  #primeTree\r\n  [value]=\"treeValue()\"\r\n  [(selection)]=\"selection\"\r\n  [selectionMode]=\"selectionMode()\"\r\n  [propagateSelectionUp]=\"propagateSelectionUp()\"\r\n  [propagateSelectionDown]=\"propagateSelectionDown()\"\r\n  [loading]=\"loading()\"\r\n  [emptyMessage]=\"emptyMessage()\"\r\n  [filter]=\"filter()\"\r\n  [filterMode]=\"filterMode()\"\r\n  [filterPlaceholder]=\"filterPlaceholder()\"\r\n  [styleClass]=\"'mt-tree ' + styleClass()\"\r\n  [style]=\"style()\"\r\n  [contextMenu]=\"contextMenuItems().length ? cm : null\"\r\n  [(contextMenuSelection)]=\"contextMenuSelection\"\r\n  contextMenuSelectionMode=\"separate\"\r\n  (selectionChange)=\"onSelectionChange($event)\"\r\n  (onNodeSelect)=\"onNodeSelect($event)\"\r\n  (onNodeUnselect)=\"onNodeUnselect($event)\"\r\n  (onNodeExpand)=\"onNodeExpand($event)\"\r\n  (onNodeCollapse)=\"onNodeCollapse($event)\"\r\n  (onNodeContextMenuSelect)=\"onContextMenuSelect($event.node)\"\r\n>\r\n  <ng-template let-node pTemplate=\"default\">\r\n    <div\r\n      (click)=\"selectionMode() === 'checkbox' ? $event.stopPropagation() : null\"\r\n      class=\"mt-tree-node border-1 border-gray-300 cursor-default rounded-lg flex items-center hover:bg-surface-100 justify-between\"\r\n      [class]=\"node?.key.includes('check-all') ? 'bg-surface-100 ' : ''\"\r\n    >\r\n      <div\r\n        class=\"px-3 flex items-center justify-between flex-1\"\r\n        [class.cursor-pointer]=\"\r\n          selectionMode() === 'single' || selectionMode() === 'multiple'\r\n        \"\r\n      >\r\n        <div class=\"flex items-center\">\r\n          @if (node.children && node.children.length > 0) {\r\n            <div\r\n              class=\"py-3\"\r\n              (click)=\"node.expanded = !node.expanded; $event.stopPropagation()\"\r\n            >\r\n              <mt-icon\r\n                class=\"text-2xl cursor-pointer\"\r\n                [icon]=\"\r\n                  node.expanded\r\n                    ? 'arrow.chevron-down'\r\n                    : dir?.value === 'rtl'\r\n                      ? 'arrow.chevron-left'\r\n                      : 'arrow.chevron-right'\r\n                \"\r\n              />\r\n            </div>\r\n          }\r\n          @if (node.icon || nodeIcon()) {\r\n            <mt-avatar\r\n              class=\"ms-2\"\r\n              [icon]=\"node.icon || nodeIcon()\"\r\n              shape=\"square\"\r\n              size=\"small\"\r\n              style=\"\r\n                --p-avatar-background: var(--p-primary-50);\r\n                --p-avatar-color: var(--p-primary-color);\r\n              \"\r\n              [style]=\"\r\n                node?.key.includes('check-all')\r\n                  ? ' --p-avatar-background: var(--p-primary-color); --p-avatar-color: white'\r\n                  : ''\r\n              \"\r\n            >\r\n            </mt-avatar>\r\n          }\r\n          <div class=\"text-md mx-3 py-4\">{{ node.label }}</div>\r\n        </div>\r\n        <div class=\"flex items-center gap-2\">\r\n          @if (nodeActions().length > 0) {\r\n            <div class=\"flex items-center\">\r\n              @for (action of nodeActions(); track action.icon) {\r\n                @let hidden = action.hidden?.(node);\r\n                @if (!hidden) {\r\n                  <mt-button\r\n                    [variant]=\"action.variant\"\r\n                    [icon]=\"action.icon\"\r\n                    [severity]=\"action.severity\"\r\n                    [size]=\"action.size\"\r\n                    [label]=\"action.label\"\r\n                    [tooltip]=\"action.tooltip\"\r\n                    [loading]=\"resolveActionLoading(action, node)\"\r\n                    (click)=\"nodeAction(action, node)\"\r\n                  >\r\n                  </mt-button>\r\n                }\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n      @if (selectionMode() === \"checkbox\") {\r\n        <div\r\n          class=\"cursor-pointer me-3\"\r\n          (click)=\"toggleNodeSelection(node, $event)\"\r\n        >\r\n          <mt-toggle-field\r\n            (ngModelChange)=\"getCheckAllValue($event)\"\r\n            [ngModel]=\"node.checked\"\r\n            [disabled]=\"node.selectable === false\"\r\n          />\r\n        </div>\r\n      }\r\n    </div>\r\n  </ng-template>\r\n</p-tree>\r\n\r\n<p-contextMenu #cm [model]=\"contextMenuItems()\" appendTo=\"body\">\r\n  <ng-template pTemplate=\"item\" let-item>\r\n    <div class=\"p-menu-item-content\" (click)=\"item.command()\">\r\n      <a class=\"p-menu-item-link flex items-center gap-2\">\r\n        @if (item.icon) {\r\n          <mt-icon [icon]=\"item.icon\" class=\"text-lg\" />\r\n        }\r\n        <span class=\"p-menu-item-label\">{{ item.label }}</span>\r\n      </a>\r\n    </div>\r\n  </ng-template>\r\n</p-contextMenu>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "contextMenuSelectionMode", "contextMenuSelection", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["selectionChange", "contextMenuSelectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { 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: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i4.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: TranslocoModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Tree, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-tree', standalone: true, imports: [
+                        TreeModule,
+                        Icon,
+                        CommonModule,
+                        Avatar,
+                        Button,
+                        FormsModule,
+                        ToggleField,
+                        ContextMenuModule,
+                        TranslocoModule,
+                    ], template: "<p-tree\r\n  #primeTree\r\n  [value]=\"treeValue()\"\r\n  [(selection)]=\"selection\"\r\n  [selectionMode]=\"selectionMode()\"\r\n  [propagateSelectionUp]=\"propagateSelectionUp()\"\r\n  [propagateSelectionDown]=\"propagateSelectionDown()\"\r\n  [loading]=\"loading()\"\r\n  [emptyMessage]=\"emptyMessage()\"\r\n  [filter]=\"filter()\"\r\n  [filterMode]=\"filterMode()\"\r\n  [filterPlaceholder]=\"filterPlaceholder()\"\r\n  [styleClass]=\"'mt-tree ' + styleClass()\"\r\n  [style]=\"style()\"\r\n  [contextMenu]=\"contextMenuItems().length ? cm : null\"\r\n  [(contextMenuSelection)]=\"contextMenuSelection\"\r\n  contextMenuSelectionMode=\"separate\"\r\n  (selectionChange)=\"onSelectionChange($event)\"\r\n  (onNodeSelect)=\"onNodeSelect($event)\"\r\n  (onNodeUnselect)=\"onNodeUnselect($event)\"\r\n  (onNodeExpand)=\"onNodeExpand($event)\"\r\n  (onNodeCollapse)=\"onNodeCollapse($event)\"\r\n  (onNodeContextMenuSelect)=\"onContextMenuSelect($event.node)\"\r\n>\r\n  <ng-template let-node pTemplate=\"default\">\r\n    <div\r\n      (click)=\"selectionMode() === 'checkbox' ? $event.stopPropagation() : null\"\r\n      class=\"mt-tree-node border-1 border-gray-300 cursor-default rounded-lg flex items-center hover:bg-surface-100 justify-between\"\r\n      [class]=\"node?.key.includes('check-all') ? 'bg-surface-100 ' : ''\"\r\n    >\r\n      <div\r\n        class=\"px-3 flex items-center justify-between flex-1\"\r\n        [class.cursor-pointer]=\"\r\n          selectionMode() === 'single' || selectionMode() === 'multiple'\r\n        \"\r\n      >\r\n        <div class=\"flex items-center\">\r\n          @if (node.children && node.children.length > 0) {\r\n            <div\r\n              class=\"py-3\"\r\n              (click)=\"node.expanded = !node.expanded; $event.stopPropagation()\"\r\n            >\r\n              <mt-icon\r\n                class=\"text-2xl cursor-pointer\"\r\n                [icon]=\"\r\n                  node.expanded\r\n                    ? 'arrow.chevron-down'\r\n                    : dir?.value === 'rtl'\r\n                      ? 'arrow.chevron-left'\r\n                      : 'arrow.chevron-right'\r\n                \"\r\n              />\r\n            </div>\r\n          }\r\n          @if (node.icon || nodeIcon()) {\r\n            <mt-avatar\r\n              class=\"ms-2\"\r\n              [icon]=\"node.icon || nodeIcon()\"\r\n              shape=\"square\"\r\n              size=\"small\"\r\n              style=\"\r\n                --p-avatar-background: var(--p-primary-50);\r\n                --p-avatar-color: var(--p-primary-color);\r\n              \"\r\n              [style]=\"\r\n                node?.key.includes('check-all')\r\n                  ? ' --p-avatar-background: var(--p-primary-color); --p-avatar-color: white'\r\n                  : ''\r\n              \"\r\n            >\r\n            </mt-avatar>\r\n          }\r\n          <div class=\"text-md mx-3 py-4\">{{ node.label }}</div>\r\n        </div>\r\n        <div class=\"flex items-center gap-2\">\r\n          @if (nodeActions().length > 0) {\r\n            <div class=\"flex items-center\">\r\n              @for (action of nodeActions(); track action.icon) {\r\n                @let hidden = action.hidden?.(node);\r\n                @if (!hidden) {\r\n                  <mt-button\r\n                    [variant]=\"action.variant\"\r\n                    [icon]=\"action.icon\"\r\n                    [severity]=\"action.severity\"\r\n                    [size]=\"action.size\"\r\n                    [label]=\"action.label\"\r\n                    [tooltip]=\"action.tooltip\"\r\n                    [loading]=\"resolveActionLoading(action, node)\"\r\n                    (click)=\"nodeAction(action, node)\"\r\n                  >\r\n                  </mt-button>\r\n                }\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n      @if (selectionMode() === \"checkbox\") {\r\n        <div\r\n          class=\"cursor-pointer me-3\"\r\n          (click)=\"toggleNodeSelection(node, $event)\"\r\n        >\r\n          <mt-toggle-field\r\n            (ngModelChange)=\"getCheckAllValue($event)\"\r\n            [ngModel]=\"node.checked\"\r\n            [disabled]=\"node.selectable === false\"\r\n          />\r\n        </div>\r\n      }\r\n    </div>\r\n  </ng-template>\r\n</p-tree>\r\n\r\n<p-contextMenu #cm [model]=\"contextMenuItems()\" appendTo=\"body\">\r\n  <ng-template pTemplate=\"item\" let-item>\r\n    <div class=\"p-menu-item-content\" (click)=\"item.command()\">\r\n      <a class=\"p-menu-item-link flex items-center gap-2\">\r\n        @if (item.icon) {\r\n          <mt-icon [icon]=\"item.icon\" class=\"text-lg\" />\r\n        }\r\n        <span class=\"p-menu-item-label\">{{ item.label }}</span>\r\n      </a>\r\n    </div>\r\n  </ng-template>\r\n</p-contextMenu>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { primeTree: [{ type: i0.ViewChild, args: ['primeTree', { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], nodeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeIcon", required: false }] }], propagateSelectionUp: [{ type: i0.Input, args: [{ isSignal: true, alias: "propagateSelectionUp", required: false }] }], propagateSelectionDown: [{ type: i0.Input, args: [{ isSignal: true, alias: "propagateSelectionDown", required: false }] }], checkAllChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkAllChildren", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], checkAllLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkAllLabel", required: false }] }], filterPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterPlaceholder", required: false }] }], dataKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataKey", required: false }] }], filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], filterMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterMode", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], nodeActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeActions", required: false }] }], nodeContextmenuActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeContextmenuActions", required: false }] }], contextMenuSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextMenuSelection", required: false }] }, { type: i0.Output, args: ["contextMenuSelectionChange"] }], action: [{ type: i0.Output, args: ["action"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Tree };
+//# sourceMappingURL=masterteam-components-tree.mjs.map

package/fesm2022/masterteam-components-tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-tree.mjs","sources":["../../../../packages/masterteam/components/tree/tree.ts","../../../../packages/masterteam/components/tree/tree.html","../../../../packages/masterteam/components/tree/masterteam-components-tree.ts"],"sourcesContent":["import { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\nimport { Button } from '@masterteam/components/button';\r\nimport {\r\n  Component,\r\n  input,\r\n  output,\r\n  viewChild,\r\n  effect,\r\n  inject,\r\n  computed,\r\n  model,\r\n  Signal,\r\n  signal,\r\n} from '@angular/core';\r\nimport { Tree as PrimeTree, TreeModule } from 'primeng/tree';\r\nimport { MenuItem, TreeNode } from 'primeng/api';\r\nimport { Icon } from '@masterteam/icons';\r\nimport { MTIcon } from '@masterteam/icons';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Directionality } from '@angular/cdk/bidi';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { ContextMenuModule } from 'primeng/contextmenu';\r\nimport { TranslocoModule } from '@jsverse/transloco';\r\nimport {\r\n  TreeAction,\r\n  TreeContextMenuAction,\r\n  TreeActionEvent,\r\n} from './tree-types';\r\nimport { TranslocoService } from '@jsverse/transloco';\r\n\r\n@Component({\r\n  selector: 'mt-tree',\r\n  standalone: true,\r\n  imports: [\r\n    TreeModule,\r\n    Icon,\r\n    CommonModule,\r\n    Avatar,\r\n    Button,\r\n    FormsModule,\r\n    ToggleField,\r\n    ContextMenuModule,\r\n    TranslocoModule,\r\n  ],\r\n  templateUrl: './tree.html',\r\n  styleUrls: ['./tree.scss'],\r\n})\r\nexport class Tree {\r\n  transloco = inject(TranslocoService);\r\n\r\n  dir = inject(Directionality, { optional: true });\r\n\r\n  readonly primeTree = viewChild<PrimeTree>('primeTree');\r\n\r\n  readonly value = input.required<TreeNode[]>();\r\n  readonly selection = model<TreeNode | TreeNode[] | null>();\r\n  readonly selectionMode = input<'single' | 'multiple' | 'checkbox'>();\r\n  readonly nodeIcon = input<MTIcon | undefined>();\r\n  readonly propagateSelectionUp = input<boolean>(false);\r\n  readonly propagateSelectionDown = input<boolean>(false);\r\n  readonly checkAllChildren = input<boolean>(false);\r\n  readonly loading = input<boolean>(false);\r\n  readonly emptyMessage = input<string>(\r\n    this.transloco.translate('components.tree.no-data-found'),\r\n  );\r\n  readonly checkAllLabel = input<string>(\r\n    this.transloco.translate('components.tree.check-all'),\r\n  );\r\n  readonly filterPlaceholder = input<string>(\r\n    this.transloco.translate('components.tree.search'),\r\n  );\r\n  readonly dataKey = input<'key'>('key');\r\n  readonly filter = input<boolean>(false);\r\n  readonly filterMode = input<'lenient' | 'strict'>('lenient');\r\n\r\n  readonly styleClass = input<string>('');\r\n  readonly style = input<Record<string, string>>();\r\n  readonly pInputs = input<Partial<PrimeTree>>();\r\n  readonly nodeActions = input<TreeAction[]>([]);\r\n  readonly nodeContextmenuActions = input<TreeContextMenuAction[]>([]);\r\n\r\n  // Context menu state\r\n  readonly contextMenuSelection = model<TreeNode | null>(null);\r\n  readonly contextMenuItems = computed<MenuItem[]>(() => {\r\n    const actions = this.nodeContextmenuActions();\r\n    return actions.map((action) => ({\r\n      label: action.label,\r\n      icon: action.icon,\r\n      command: () => {\r\n        const node = this.contextMenuSelection();\r\n        if (node) {\r\n          action.action(node);\r\n        }\r\n      },\r\n    }));\r\n  });\r\n\r\n  readonly action = output<TreeActionEvent>();\r\n  CheckAllValue = signal<boolean>(false);\r\n  // Computed tree value with \"Check All\" nodes added recursively to all parents\r\n  readonly treeValue: Signal<TreeNode[]> = computed(() => {\r\n    const nodes = this.value();\r\n    const shouldAddCheckAll =\r\n      this.checkAllChildren() && this.selectionMode() === 'checkbox';\r\n\r\n    if (!shouldAddCheckAll) {\r\n      return nodes;\r\n    }\r\n\r\n    // Recursively add \"Check All\" child to any parent node\r\n    const addCheckAllRecursive = (node: TreeNode): TreeNode => {\r\n      if (node.children && node.children.length > 0) {\r\n        const checkAllNode: TreeNode = {\r\n          key: `${node.key}-check-all`,\r\n          label: this.checkAllLabel(),\r\n          icon: 'general.check-square-broken',\r\n          data: node,\r\n        };\r\n\r\n        return {\r\n          ...node,\r\n          children: [checkAllNode, ...node.children.map(addCheckAllRecursive)],\r\n        };\r\n      }\r\n      return node;\r\n    };\r\n\r\n    // Transform all nodes\r\n    const transformedNodes = nodes.map(addCheckAllRecursive);\r\n\r\n    // Add \"Check All\" for entire tree at the beginning\r\n    const treeCheckAllNode: TreeNode = {\r\n      key: 'tree-check-all',\r\n      label: this.checkAllLabel(),\r\n      icon: 'general.check-square-broken',\r\n      data: { isTreeRoot: true, children: transformedNodes },\r\n    };\r\n\r\n    return [treeCheckAllNode, ...transformedNodes];\r\n  });\r\n\r\n  constructor() {\r\n    // Apply pInputs to the PrimeNG tree instance\r\n    effect(() => {\r\n      const tree = this.primeTree();\r\n      const inputs = this.pInputs();\r\n      if (tree && inputs) {\r\n        Object.assign(tree, inputs);\r\n      }\r\n    });\r\n\r\n    // Sync checked state when selection changes (including initial value)\r\n    effect(() => {\r\n      const value = this.treeValue();\r\n      // Only run if we have nodes and selection\r\n      if (value.length > 0 && this.selectionMode() === 'checkbox') {\r\n        this.handleCheckedNodes();\r\n      }\r\n    });\r\n  }\r\n  private isProcessingBatchSelection = signal<boolean>(false);\r\n\r\n  onSelectionChange(event: TreeNode | TreeNode[] | null) {\r\n    // Skip emitting if we're in the middle of batch processing\r\n    if (this.isProcessingBatchSelection()) {\r\n      return;\r\n    }\r\n    this.handleCheckedNodes();\r\n    this.action.emit({ action: 'selectionChange', data: event });\r\n  }\r\n\r\n  onNodeSelect(event: { node: TreeNode }) {\r\n    this.action.emit({ action: 'nodeSelect', data: event });\r\n  }\r\n\r\n  onNodeUnselect(event: { node: TreeNode }) {\r\n    this.action.emit({ action: 'nodeUnselect', data: event });\r\n  }\r\n\r\n  onNodeExpand(event: { node: TreeNode }) {\r\n    this.action.emit({ action: 'nodeExpand', data: event });\r\n  }\r\n\r\n  onNodeCollapse(event: { node: TreeNode }) {\r\n    this.action.emit({ action: 'nodeCollapse', data: event });\r\n  }\r\n\r\n  onContextMenuSelect(event: TreeNode) {\r\n    this.contextMenuSelection.set(event);\r\n  }\r\n  getCheckAllValue(event: any) {\r\n    this.CheckAllValue.set(event);\r\n  }\r\n  toggleNodeSelection(node: TreeNode, event: MouseEvent): void {\r\n    event.stopPropagation();\r\n    const tree = this.primeTree();\r\n    if (this.selectionMode() === 'checkbox' && tree) {\r\n      if (node.key?.includes('check-all') && node.data) {\r\n        const checkValue = this.CheckAllValue() ?? true;\r\n        // Handle parent-level \"Check All\" - only check immediate children\r\n        const parentNode = node.data;\r\n\r\n        // Start batch processing to prevent multiple selection change events\r\n        this.isProcessingBatchSelection.set(true);\r\n\r\n        parentNode?.children?.forEach((child: TreeNode) => {\r\n          if (!child.key?.includes('check-all')) {\r\n            const isSelected = tree.isSelected(child);\r\n            // Only toggle if the current state doesn't match desired state\r\n            if ((checkValue && !isSelected) || (!checkValue && isSelected)) {\r\n              tree.onNodeClick(event, child);\r\n            }\r\n          }\r\n        });\r\n\r\n        // End batch processing and emit single selection change event\r\n        this.isProcessingBatchSelection.set(false);\r\n        this.handleCheckedNodes();\r\n        this.action.emit({\r\n          action: 'selectionChange',\r\n          data: this.selection(),\r\n        });\r\n      } else {\r\n        tree.onNodeClick(event, node);\r\n      }\r\n    }\r\n  }\r\n\r\n  handleCheckedNodes() {\r\n    const updateNodeCheckedState = (nodes: TreeNode[]) => {\r\n      const tree = this.primeTree();\r\n      nodes.forEach((node: any) => {\r\n        if (node.key?.includes('check-all')) {\r\n          const isAllChildrenSelected = !nodes?.filter(\r\n            (n: any) => !tree?.isSelected(n) && !n.key?.includes('check-all'),\r\n          )?.length;\r\n          node.checked = isAllChildrenSelected;\r\n        } else {\r\n          node.checked = tree?.isSelected(node);\r\n        }\r\n        if (node.children) {\r\n          updateNodeCheckedState(node.children);\r\n        }\r\n      });\r\n    };\r\n    updateNodeCheckedState(this.treeValue());\r\n  }\r\n\r\n  resolveActionLoading(action: TreeAction, node: any): boolean | undefined {\r\n    if (typeof action.loading === 'function') {\r\n      return action.loading(node);\r\n    }\r\n    return action.loading;\r\n  }\r\n\r\n  nodeAction(action: TreeAction, node: any): void {\r\n    action.action(node);\r\n  }\r\n}\r\n","<p-tree\r\n  #primeTree\r\n  [value]=\"treeValue()\"\r\n  [(selection)]=\"selection\"\r\n  [selectionMode]=\"selectionMode()\"\r\n  [propagateSelectionUp]=\"propagateSelectionUp()\"\r\n  [propagateSelectionDown]=\"propagateSelectionDown()\"\r\n  [loading]=\"loading()\"\r\n  [emptyMessage]=\"emptyMessage()\"\r\n  [filter]=\"filter()\"\r\n  [filterMode]=\"filterMode()\"\r\n  [filterPlaceholder]=\"filterPlaceholder()\"\r\n  [styleClass]=\"'mt-tree ' + styleClass()\"\r\n  [style]=\"style()\"\r\n  [contextMenu]=\"contextMenuItems().length ? cm : null\"\r\n  [(contextMenuSelection)]=\"contextMenuSelection\"\r\n  contextMenuSelectionMode=\"separate\"\r\n  (selectionChange)=\"onSelectionChange($event)\"\r\n  (onNodeSelect)=\"onNodeSelect($event)\"\r\n  (onNodeUnselect)=\"onNodeUnselect($event)\"\r\n  (onNodeExpand)=\"onNodeExpand($event)\"\r\n  (onNodeCollapse)=\"onNodeCollapse($event)\"\r\n  (onNodeContextMenuSelect)=\"onContextMenuSelect($event.node)\"\r\n>\r\n  <ng-template let-node pTemplate=\"default\">\r\n    <div\r\n      (click)=\"selectionMode() === 'checkbox' ? $event.stopPropagation() : null\"\r\n      class=\"mt-tree-node border-1 border-gray-300 cursor-default rounded-lg flex items-center hover:bg-surface-100 justify-between\"\r\n      [class]=\"node?.key.includes('check-all') ? 'bg-surface-100 ' : ''\"\r\n    >\r\n      <div\r\n        class=\"px-3 flex items-center justify-between flex-1\"\r\n        [class.cursor-pointer]=\"\r\n          selectionMode() === 'single' || selectionMode() === 'multiple'\r\n        \"\r\n      >\r\n        <div class=\"flex items-center\">\r\n          @if (node.children && node.children.length > 0) {\r\n            <div\r\n              class=\"py-3\"\r\n              (click)=\"node.expanded = !node.expanded; $event.stopPropagation()\"\r\n            >\r\n              <mt-icon\r\n                class=\"text-2xl cursor-pointer\"\r\n                [icon]=\"\r\n                  node.expanded\r\n                    ? 'arrow.chevron-down'\r\n                    : dir?.value === 'rtl'\r\n                      ? 'arrow.chevron-left'\r\n                      : 'arrow.chevron-right'\r\n                \"\r\n              />\r\n            </div>\r\n          }\r\n          @if (node.icon || nodeIcon()) {\r\n            <mt-avatar\r\n              class=\"ms-2\"\r\n              [icon]=\"node.icon || nodeIcon()\"\r\n              shape=\"square\"\r\n              size=\"small\"\r\n              style=\"\r\n                --p-avatar-background: var(--p-primary-50);\r\n                --p-avatar-color: var(--p-primary-color);\r\n              \"\r\n              [style]=\"\r\n                node?.key.includes('check-all')\r\n                  ? ' --p-avatar-background: var(--p-primary-color); --p-avatar-color: white'\r\n                  : ''\r\n              \"\r\n            >\r\n            </mt-avatar>\r\n          }\r\n          <div class=\"text-md mx-3 py-4\">{{ node.label }}</div>\r\n        </div>\r\n        <div class=\"flex items-center gap-2\">\r\n          @if (nodeActions().length > 0) {\r\n            <div class=\"flex items-center\">\r\n              @for (action of nodeActions(); track action.icon) {\r\n                @let hidden = action.hidden?.(node);\r\n                @if (!hidden) {\r\n                  <mt-button\r\n                    [variant]=\"action.variant\"\r\n                    [icon]=\"action.icon\"\r\n                    [severity]=\"action.severity\"\r\n                    [size]=\"action.size\"\r\n                    [label]=\"action.label\"\r\n                    [tooltip]=\"action.tooltip\"\r\n                    [loading]=\"resolveActionLoading(action, node)\"\r\n                    (click)=\"nodeAction(action, node)\"\r\n                  >\r\n                  </mt-button>\r\n                }\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n      @if (selectionMode() === \"checkbox\") {\r\n        <div\r\n          class=\"cursor-pointer me-3\"\r\n          (click)=\"toggleNodeSelection(node, $event)\"\r\n        >\r\n          <mt-toggle-field\r\n            (ngModelChange)=\"getCheckAllValue($event)\"\r\n            [ngModel]=\"node.checked\"\r\n            [disabled]=\"node.selectable === false\"\r\n          />\r\n        </div>\r\n      }\r\n    </div>\r\n  </ng-template>\r\n</p-tree>\r\n\r\n<p-contextMenu #cm [model]=\"contextMenuItems()\" appendTo=\"body\">\r\n  <ng-template pTemplate=\"item\" let-item>\r\n    <div class=\"p-menu-item-content\" (click)=\"item.command()\">\r\n      <a class=\"p-menu-item-link flex items-center gap-2\">\r\n        @if (item.icon) {\r\n          <mt-icon [icon]=\"item.icon\" class=\"text-lg\" />\r\n        }\r\n        <span class=\"p-menu-item-label\">{{ item.label }}</span>\r\n      </a>\r\n    </div>\r\n  </ng-template>\r\n</p-contextMenu>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}