@masterteam/components 0.0.59 → 0.0.61

package/fesm2022/masterteam-components-toast.mjs

@@ -7,10 +7,10 @@ import { MessageService } from 'primeng/api';
 class Toast {
     toastPosition = 'bottom-right';
     toastTransX = 'translateX(100%)';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Toast, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: Toast, isStandalone: true, selector: "mt-toast", ngImport: i0, template: "<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\n  <!--   <div> -->\n  <!--     <div class=\"flex justify-between p-3\"> -->\n  <!--       <h6> -->\n  <!--         {{ message.summary }} -->\n  <!--       </h6> -->\n  <!--       <mt-button -->\n  <!--         size=\"small\" -->\n  <!--         icon=\"general.x\" -->\n  <!--         severity=\"secondary\" -->\n  <!--         text -->\n  <!--         (onClick)=\"closeFn()\" -->\n  <!--       /> -->\n  <!--     </div> -->\n  <!--   </div> -->\n  <!-- </ng-template> -->\n</p-toast>\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", "breakpoints"], outputs: ["onClose"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Toast, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: Toast, isStandalone: true, selector: "mt-toast", ngImport: i0, template: "<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\n  <!--   <div> -->\n  <!--     <div class=\"flex justify-between p-3\"> -->\n  <!--       <h6> -->\n  <!--         {{ message.summary }} -->\n  <!--       </h6> -->\n  <!--       <mt-button -->\n  <!--         size=\"small\" -->\n  <!--         icon=\"general.x\" -->\n  <!--         severity=\"secondary\" -->\n  <!--         text -->\n  <!--         (onClick)=\"closeFn()\" -->\n  <!--       /> -->\n  <!--     </div> -->\n  <!--   </div> -->\n  <!-- </ng-template> -->\n</p-toast>\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: "20.1.3", ngImport: i0, type: Toast, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Toast, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [ToastModule], selector: 'mt-toast', template: "<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\n  <!--   <div> -->\n  <!--     <div class=\"flex justify-between p-3\"> -->\n  <!--       <h6> -->\n  <!--         {{ message.summary }} -->\n  <!--       </h6> -->\n  <!--       <mt-button -->\n  <!--         size=\"small\" -->\n  <!--         icon=\"general.x\" -->\n  <!--         severity=\"secondary\" -->\n  <!--         text -->\n  <!--         (onClick)=\"closeFn()\" -->\n  <!--       /> -->\n  <!--     </div> -->\n  <!--   </div> -->\n  <!-- </ng-template> -->\n</p-toast>\n" }]
         }] });
@@ -57,10 +57,10 @@ class ToastService {
     summary = '') {
         this.messageService.add({ severity: 'contrast', summary, detail });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ToastService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToastService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ToastService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

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

@@ -1 +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';\nimport { ToastModule } from 'primeng/toast';\n\n@Component({\n  standalone: true,\n  imports: [ToastModule],\n  selector: 'mt-toast',\n  templateUrl: 'toast.html',\n})\nexport class Toast {\n  protected readonly toastPosition = 'bottom-right';\n  protected readonly toastTransX = 'translateX(100%)';\n\n  // TODO: uncomment when we know how to handle i18n\n  // toastPosition = computed(() =>\n  //   this.langService.rtl() ? 'top-left' : 'top-right'\n  // );\n  // toastTransX = computed(() =>\n  //   this.langService.rtl() ? 'translateX(-100%)' : 'translateX(100%)'\n  // );\n}\n","<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\n  <!--   <div> -->\n  <!--     <div class=\"flex justify-between p-3\"> -->\n  <!--       <h6> -->\n  <!--         {{ message.summary }} -->\n  <!--       </h6> -->\n  <!--       <mt-button -->\n  <!--         size=\"small\" -->\n  <!--         icon=\"general.x\" -->\n  <!--         severity=\"secondary\" -->\n  <!--         text -->\n  <!--         (onClick)=\"closeFn()\" -->\n  <!--       /> -->\n  <!--     </div> -->\n  <!--   </div> -->\n  <!-- </ng-template> -->\n</p-toast>\n","import { inject, Injectable } from '@angular/core';\n// import { TranslateService } from '@ngx-translate/core';\nimport { MessageService, ToastMessageOptions } from 'primeng/api';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ToastService {\n  messageService = inject(MessageService);\n  // translateService = inject(TranslateService);\n\n  add(message: ToastMessageOptions): void {\n    this.messageService.add(message);\n  }\n\n  addAll(messages: ToastMessageOptions[]): void {\n    this.messageService.addAll(messages);\n  }\n\n  clear(key?: string): void {\n    this.messageService.clear(key);\n  }\n\n  success(\n    detail: string = '',\n    // summary: string = this.translateService.instant('success')\n    summary: string = 'Success',\n  ) {\n    this.messageService.add({ severity: 'success', summary, detail });\n  }\n\n  warn(\n    detail: string = '',\n    // summary: string = this.translateService.instant('error')\n    summary: string = 'Warning',\n  ) {\n    this.messageService.add({ severity: 'warn', summary, detail });\n  }\n\n  error(\n    detail: string = '',\n    // summary: string = this.translateService.instant('error')\n    summary: string = 'Error',\n  ) {\n    this.messageService.add({ severity: 'error', summary, detail });\n  }\n\n  info(\n    detail: string = '',\n    // summary: string = this.translateService.instant('info')\n    summary: string = 'Info',\n  ) {\n    this.messageService.add({ severity: 'info', summary, detail });\n  }\n\n  secondary(\n    detail: string = '',\n    // summary: string = this.translateService.instant('info')\n    summary: string = '',\n  ) {\n    this.messageService.add({ severity: 'secondary', summary, detail });\n  }\n\n  contrast(\n    detail: string = '',\n    // summary: string = this.translateService.instant('info')\n    summary: string = '',\n  ) {\n    this.messageService.add({ severity: 'contrast', summary, detail });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MASa,KAAK,CAAA;IACG,aAAa,GAAG,cAAc;IAC9B,WAAW,GAAG,kBAAkB;uGAFxC,KAAK,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAL,KAAK,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTlB,8nBAkBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDbY,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,YAAA,EAAA,YAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIV,KAAK,EAAA,UAAA,EAAA,CAAA;kBANjB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EAAA,OAAA,EACP,CAAC,WAAW,CAAC,YACZ,UAAU,EAAA,QAAA,EAAA,8nBAAA,EAAA;;;MECT,YAAY,CAAA;AACvB,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;;AAGvC,IAAA,GAAG,CAAC,OAA4B,EAAA;AAC9B,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC;IAClC;AAEA,IAAA,MAAM,CAAC,QAA+B,EAAA;AACpC,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC;IACtC;AAEA,IAAA,KAAK,CAAC,GAAY,EAAA;AAChB,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;IAChC;IAEA,OAAO,CACL,SAAiB,EAAE;;AAEnB,IAAA,OAAA,GAAkB,SAAS,EAAA;AAE3B,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IACnE;IAEA,IAAI,CACF,SAAiB,EAAE;;AAEnB,IAAA,OAAA,GAAkB,SAAS,EAAA;AAE3B,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IAChE;IAEA,KAAK,CACH,SAAiB,EAAE;;AAEnB,IAAA,OAAA,GAAkB,OAAO,EAAA;AAEzB,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IACjE;IAEA,IAAI,CACF,SAAiB,EAAE;;AAEnB,IAAA,OAAA,GAAkB,MAAM,EAAA;AAExB,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IAChE;IAEA,SAAS,CACP,SAAiB,EAAE;;AAEnB,IAAA,OAAA,GAAkB,EAAE,EAAA;AAEpB,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IACrE;IAEA,QAAQ,CACN,SAAiB,EAAE;;AAEnB,IAAA,OAAA,GAAkB,EAAE,EAAA;AAEpB,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;IACpE;uGA9DW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,cAFX,MAAM,EAAA,CAAA;;2FAEP,YAAY,EAAA,UAAA,EAAA,CAAA;kBAHxB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACND;;AAEG;;;;"}
+{"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';\nimport { ToastModule } from 'primeng/toast';\n\n@Component({\n  standalone: true,\n  imports: [ToastModule],\n  selector: 'mt-toast',\n  templateUrl: 'toast.html',\n})\nexport class Toast {\n  protected readonly toastPosition = 'bottom-right';\n  protected readonly toastTransX = 'translateX(100%)';\n\n  // TODO: uncomment when we know how to handle i18n\n  // toastPosition = computed(() =>\n  //   this.langService.rtl() ? 'top-left' : 'top-right'\n  // );\n  // toastTransX = computed(() =>\n  //   this.langService.rtl() ? 'translateX(-100%)' : 'translateX(100%)'\n  // );\n}\n","<p-toast [position]=\"toastPosition\" [showTransformOptions]=\"toastTransX\">\n  <!-- <ng-template let-message #headless let-closeFn=\"closeFn\"> -->\n  <!--   <div> -->\n  <!--     <div class=\"flex justify-between p-3\"> -->\n  <!--       <h6> -->\n  <!--         {{ message.summary }} -->\n  <!--       </h6> -->\n  <!--       <mt-button -->\n  <!--         size=\"small\" -->\n  <!--         icon=\"general.x\" -->\n  <!--         severity=\"secondary\" -->\n  <!--         text -->\n  <!--         (onClick)=\"closeFn()\" -->\n  <!--       /> -->\n  <!--     </div> -->\n  <!--   </div> -->\n  <!-- </ng-template> -->\n</p-toast>\n","import { inject, Injectable } from '@angular/core';\n// import { TranslateService } from '@ngx-translate/core';\nimport { MessageService, ToastMessageOptions } from 'primeng/api';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ToastService {\n  messageService = inject(MessageService);\n  // translateService = inject(TranslateService);\n\n  add(message: ToastMessageOptions): void {\n    this.messageService.add(message);\n  }\n\n  addAll(messages: ToastMessageOptions[]): void {\n    this.messageService.addAll(messages);\n  }\n\n  clear(key?: string): void {\n    this.messageService.clear(key);\n  }\n\n  success(\n    detail: string = '',\n    // summary: string = this.translateService.instant('success')\n    summary: string = 'Success',\n  ) {\n    this.messageService.add({ severity: 'success', summary, detail });\n  }\n\n  warn(\n    detail: string = '',\n    // summary: string = this.translateService.instant('error')\n    summary: string = 'Warning',\n  ) {\n    this.messageService.add({ severity: 'warn', summary, detail });\n  }\n\n  error(\n    detail: string = '',\n    // summary: string = this.translateService.instant('error')\n    summary: string = 'Error',\n  ) {\n    this.messageService.add({ severity: 'error', summary, detail });\n  }\n\n  info(\n    detail: string = '',\n    // summary: string = this.translateService.instant('info')\n    summary: string = 'Info',\n  ) {\n    this.messageService.add({ severity: 'info', summary, detail });\n  }\n\n  secondary(\n    detail: string = '',\n    // summary: string = this.translateService.instant('info')\n    summary: string = '',\n  ) {\n    this.messageService.add({ severity: 'secondary', summary, detail });\n  }\n\n  contrast(\n    detail: string = '',\n    // summary: string = this.translateService.instant('info')\n    summary: string = '',\n  ) {\n    this.messageService.add({ severity: 'contrast', summary, detail });\n  }\n}\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-toggle-field.mjs

@@ -9,19 +9,19 @@ import { isInvalid } from '@masterteam/components';
 
 class ToggleField {
     toggle;
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    labelPosition = input('end', ...(ngDevMode ? [{ debugName: "labelPosition" }] : []));
-    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
-    pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : []));
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    label = input(undefined, { ...(ngDevMode ? { debugName: "label" } : {}) });
+    labelPosition = input('end', { ...(ngDevMode ? { debugName: "labelPosition" } : {}) });
+    placeholder = input(undefined, { ...(ngDevMode ? { debugName: "placeholder" } : {}) });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}) });
+    pInputs = input(undefined, { ...(ngDevMode ? { debugName: "pInputs" } : {}) });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}) });
     onChange = output();
     ngControl = inject(NgControl, { self: true });
     isInvalid = isInvalid;
-    isVertical = computed(() => this.labelPosition() === 'top' || this.labelPosition() === 'bottom', ...(ngDevMode ? [{ debugName: "isVertical" }] : []));
+    isVertical = computed(() => this.labelPosition() === 'top' || this.labelPosition() === 'bottom', { ...(ngDevMode ? { debugName: "isVertical" } : {}) });
     requiredValidator = Validators.required;
-    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    value = signal(null, { ...(ngDevMode ? { debugName: "value" } : {}) });
+    disabled = signal(false, { ...(ngDevMode ? { debugName: "disabled" } : {}) });
     onTouched = () => { };
     onModelChange = () => { };
     constructor() {
@@ -67,10 +67,10 @@ class ToggleField {
     setDisabledState(disabled) {
         this.disabled.set(disabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ToggleField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: ToggleField, isStandalone: true, selector: "mt-toggle-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"flex gap-1\"\n  [class.items-center]=\"!isVertical()\"\n  [class.gap-2]=\"!isVertical()\"\n  [class.flex-col]=\"isVertical()\"\n  [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n  [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n  [class.justify-end]=\"labelPosition() === 'start'\"\n>\n  <p-toggleswitch\n    #checkbox\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onTouched(); onChange.emit($event)\"\n    [disabled]=\"disabled() || readonly()\"\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"leading-none\"\n  ></p-toggleswitch>\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToggleField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", type: ToggleField, isStandalone: true, selector: "mt-toggle-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelPosition: { classPropertyName: "labelPosition", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"flex gap-1\"\n  [class.items-center]=\"!isVertical()\"\n  [class.gap-2]=\"!isVertical()\"\n  [class.flex-col]=\"isVertical()\"\n  [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n  [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n  [class.justify-end]=\"labelPosition() === 'start'\"\n>\n  <p-toggleswitch\n    #checkbox\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onTouched(); onChange.emit($event)\"\n    [disabled]=\"disabled() || readonly()\"\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"leading-none\"\n  ></p-toggleswitch>\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ToggleField, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ToggleField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-toggle-field', standalone: true, imports: [FormsModule, ToggleSwitchModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',
@@ -78,7 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
         }], ctorParameters: () => [], propDecorators: { toggle: [{
                 type: ViewChild,
                 args: ['toggle', { static: true }]
-            }] } });
+            }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPosition", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-toggle-field.mjs","sources":["../../../../packages/masterteam/components/toggle-field/toggle-field.ts","../../../../packages/masterteam/components/toggle-field/toggle-field.html","../../../../packages/masterteam/components/toggle-field/masterteam-components-toggle-field.ts"],"sourcesContent":["import {\n  Component,\n  ViewChild,\n  signal,\n  input,\n  output,\n  inject,\n  ChangeDetectionStrategy,\n  computed,\n  effect,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport {\n  ToggleSwitchModule,\n  ToggleSwitch,\n  ToggleSwitchChangeEvent,\n} from 'primeng/toggleswitch';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n  selector: 'mt-toggle-field',\n  standalone: true,\n  imports: [FormsModule, ToggleSwitchModule, FieldValidation],\n  templateUrl: './toggle-field.html',\n  styleUrls: ['./toggle-field.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class ToggleField implements ControlValueAccessor {\n  @ViewChild('toggle', { static: true })\n  toggle: ToggleSwitch;\n\n  label = input<string>();\n  labelPosition = input<'top' | 'start' | 'end' | 'bottom'>('end');\n  placeholder = input<string>();\n  readonly = input<boolean>(false);\n  pInputs = input<Partial<ToggleSwitch>>();\n  required = input<boolean>(false);\n\n  onChange = output<ToggleSwitchChangeEvent>();\n\n  public ngControl = inject(NgControl, { self: true });\n\n  isInvalid = isInvalid;\n\n  isVertical = computed(\n    () => this.labelPosition() === 'top' || this.labelPosition() === 'bottom',\n  );\n\n  requiredValidator = Validators.required;\n  value = signal<boolean | null>(null);\n  disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: boolean | null) => void = () => {};\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    // Effect to apply pInputs reactively when the pInputs signal changes\n    effect(() => {\n      const currentPInputs = this.pInputs();\n      // Ensure checkbox ViewChild is initialized and pInputs has a value\n      // @ViewChild with static: true makes 'checkbox' available during construction/ngOnInit\n      if (this.toggle && currentPInputs) {\n        this.applyInputsToCheckbox();\n      }\n    });\n\n    // Effect to add required validator if required input is true\n    effect(() => {\n      if (this.ngControl?.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n    });\n  }\n\n  applyInputsToCheckbox() {\n    const currentPInputs = this.pInputs();\n    if (currentPInputs) {\n      Object.assign(this.toggle, currentPInputs);\n    }\n  }\n\n  onValueChange(value: boolean | null) {\n    this.onModelChange(value);\n    this.value.set(value);\n  }\n\n  writeValue(value: boolean | null) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","<div\n  class=\"flex gap-1\"\n  [class.items-center]=\"!isVertical()\"\n  [class.gap-2]=\"!isVertical()\"\n  [class.flex-col]=\"isVertical()\"\n  [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n  [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n  [class.justify-end]=\"labelPosition() === 'start'\"\n>\n  <p-toggleswitch\n    #checkbox\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onTouched(); onChange.emit($event)\"\n    [disabled]=\"disabled() || readonly()\"\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"leading-none\"\n  ></p-toggleswitch>\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-toggle-field.mjs","sources":["../../../../packages/masterteam/components/toggle-field/toggle-field.ts","../../../../packages/masterteam/components/toggle-field/toggle-field.html","../../../../packages/masterteam/components/toggle-field/masterteam-components-toggle-field.ts"],"sourcesContent":["import {\n  Component,\n  ViewChild,\n  signal,\n  input,\n  output,\n  inject,\n  ChangeDetectionStrategy,\n  computed,\n  effect,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport {\n  ToggleSwitchModule,\n  ToggleSwitch,\n  ToggleSwitchChangeEvent,\n} from 'primeng/toggleswitch';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n  selector: 'mt-toggle-field',\n  standalone: true,\n  imports: [FormsModule, ToggleSwitchModule, FieldValidation],\n  templateUrl: './toggle-field.html',\n  styleUrls: ['./toggle-field.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'grid gap-1',\n  },\n})\nexport class ToggleField implements ControlValueAccessor {\n  @ViewChild('toggle', { static: true })\n  toggle: ToggleSwitch;\n\n  label = input<string>();\n  labelPosition = input<'top' | 'start' | 'end' | 'bottom'>('end');\n  placeholder = input<string>();\n  readonly = input<boolean>(false);\n  pInputs = input<Partial<ToggleSwitch>>();\n  required = input<boolean>(false);\n\n  onChange = output<ToggleSwitchChangeEvent>();\n\n  public ngControl = inject(NgControl, { self: true });\n\n  isInvalid = isInvalid;\n\n  isVertical = computed(\n    () => this.labelPosition() === 'top' || this.labelPosition() === 'bottom',\n  );\n\n  requiredValidator = Validators.required;\n  value = signal<boolean | null>(null);\n  disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: boolean | null) => void = () => {};\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    // Effect to apply pInputs reactively when the pInputs signal changes\n    effect(() => {\n      const currentPInputs = this.pInputs();\n      // Ensure checkbox ViewChild is initialized and pInputs has a value\n      // @ViewChild with static: true makes 'checkbox' available during construction/ngOnInit\n      if (this.toggle && currentPInputs) {\n        this.applyInputsToCheckbox();\n      }\n    });\n\n    // Effect to add required validator if required input is true\n    effect(() => {\n      if (this.ngControl?.control && this.required()) {\n        this.ngControl.control.addValidators(Validators.required);\n        this.ngControl.control.updateValueAndValidity();\n      }\n    });\n  }\n\n  applyInputsToCheckbox() {\n    const currentPInputs = this.pInputs();\n    if (currentPInputs) {\n      Object.assign(this.toggle, currentPInputs);\n    }\n  }\n\n  onValueChange(value: boolean | null) {\n    this.onModelChange(value);\n    this.value.set(value);\n  }\n\n  writeValue(value: boolean | null) {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: any) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n}\n","<div\n  class=\"flex gap-1\"\n  [class.items-center]=\"!isVertical()\"\n  [class.gap-2]=\"!isVertical()\"\n  [class.flex-col]=\"isVertical()\"\n  [class.flex-col-reverse]=\"labelPosition() === 'top'\"\n  [class.flex-row-reverse]=\"labelPosition() === 'start'\"\n  [class.justify-end]=\"labelPosition() === 'start'\"\n>\n  <p-toggleswitch\n    #checkbox\n    [ngModel]=\"value()\"\n    (ngModelChange)=\"onValueChange($event)\"\n    (onChange)=\"onTouched(); onChange.emit($event)\"\n    [disabled]=\"disabled() || readonly()\"\n    [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n    [invalid]=\"isInvalid(ngControl?.control)\"\n    class=\"leading-none\"\n  ></p-toggleswitch>\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n</div>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\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-tooltip.mjs

@@ -4,10 +4,10 @@ import * as i1 from 'primeng/tooltip';
 import { Tooltip as Tooltip$1 } from 'primeng/tooltip';
 
 class Tooltip {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Tooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: Tooltip, isStandalone: true, selector: "[mtTooltip]", hostDirectives: [{ directive: i1.Tooltip, inputs: ["pTooltip", "mtTooltip", "tooltipPosition", "tooltipPosition", "tooltipEvent", "tooltipEvent", "appendTo", "appendTo", "tooltipStyleClass", "tooltipStyleClass", "escape", "escape", "showDelay", "showDelay", "hideDelay", "hideDelay", "life", "life", "positionTop", "positionTop", "positionLeft", "positionLeft", "autoHide", "autoHide", "fitContent", "fitContent", "hideOnEscape", "hideOnEscape", "tooltipDisabled", "tooltipDisabled"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Tooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.1", type: Tooltip, isStandalone: true, selector: "[mtTooltip]", hostDirectives: [{ directive: i1.Tooltip, inputs: ["pTooltip", "mtTooltip", "tooltipPosition", "tooltipPosition", "tooltipEvent", "tooltipEvent", "appendTo", "appendTo", "tooltipStyleClass", "tooltipStyleClass", "escape", "escape", "showDelay", "showDelay", "hideDelay", "hideDelay", "life", "life", "positionTop", "positionTop", "positionLeft", "positionLeft", "autoHide", "autoHide", "fitContent", "fitContent", "hideOnEscape", "hideOnEscape", "tooltipDisabled", "tooltipDisabled"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Tooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Tooltip, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mtTooltip]',

package/fesm2022/masterteam-components-topbar.mjs

@@ -3,21 +3,21 @@ 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 }] : [{ transform: booleanAttribute }]));
-    textColor = input('var(--p-primary-contrast-color)', ...(ngDevMode ? [{ debugName: "textColor" }] : []));
-    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
-    subTitle = input(...(ngDevMode ? [undefined, { debugName: "subTitle" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: Topbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.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 } }, ngImport: i0, template: "<div\n  class=\"w-screen flex justify-between align-center bg-primary p-4 pb-8 h-[calc(var(--header-height)+(8*var(--spacing)))]\"\n  [style.backgroundColor]=\"bgColor()\"\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n  [class.bg-no-repeat]=\"!bgRepeat()\"\n  [class.bg-repeat]=\"bgRepeat()\"\n>\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\n    @if (logo()) {\n      <img\n        [src]=\"logo()\"\n        alt=\"Logo\"\n        class=\"h-full\"\n        [routerLink]=\"logoLink()\"\n        [class.cursor-pointer]=\"logoLink()\"\n      />\n    }\n    @if (logo() && (title() || subTitle())) {\n      <div class=\"h-3/4 w-[1px] bg-current\"></div>\n    }\n    @if (title() || subTitle()) {\n      <div class=\"flex flex-col gap-1\">\n        <h2 class=\"text-xl font-semibold product-name\">\n          {{ title() }}\n        </h2>\n        <span class=\"text-sm font-semibold product-tagline\">{{\n          subTitle()\n        }}</span>\n      </div>\n    }\n  </div>\n  <div class=\"flex gap-2 items-center\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    logo = input(undefined, { ...(ngDevMode ? { debugName: "logo" } : {}) });
+    logoLink = input(undefined, { ...(ngDevMode ? { debugName: "logoLink" } : {}) });
+    bgColor = input('var(--p-primary-color)', { ...(ngDevMode ? { debugName: "bgColor" } : {}) });
+    bgImage = input(undefined, { ...(ngDevMode ? { debugName: "bgImage" } : {}) });
+    bgRepeat = input(false, { ...(ngDevMode ? { debugName: "bgRepeat" } : {}), transform: booleanAttribute });
+    textColor = input('var(--p-primary-contrast-color)', { ...(ngDevMode ? { debugName: "textColor" } : {}) });
+    title = input(undefined, { ...(ngDevMode ? { debugName: "title" } : {}) });
+    subTitle = input(undefined, { ...(ngDevMode ? { debugName: "subTitle" } : {}) });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Topbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.1", 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 } }, ngImport: i0, template: "<div\n  class=\"w-screen flex justify-between align-center bg-primary p-4 pb-8 h-[calc(var(--header-height)+(8*var(--spacing)))]\"\n  [style.backgroundColor]=\"bgColor()\"\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n  [class.bg-no-repeat]=\"!bgRepeat()\"\n  [class.bg-repeat]=\"bgRepeat()\"\n>\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\n    @if (logo()) {\n      <img\n        [src]=\"logo()\"\n        alt=\"Logo\"\n        class=\"h-full\"\n        [routerLink]=\"logoLink()\"\n        [class.cursor-pointer]=\"logoLink()\"\n      />\n    }\n    @if (logo() && (title() || subTitle())) {\n      <div class=\"h-3/4 w-[1px] bg-current\"></div>\n    }\n    @if (title() || subTitle()) {\n      <div class=\"flex flex-col gap-1\">\n        <h2 class=\"text-xl font-semibold product-name\">\n          {{ title() }}\n        </h2>\n        <span class=\"text-sm font-semibold product-tagline\">{{\n          subTitle()\n        }}</span>\n      </div>\n    }\n  </div>\n  <div class=\"flex gap-2 items-center\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </div>\n</div>\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: "20.1.3", ngImport: i0, type: Topbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: Topbar, decorators: [{
             type: Component,
             args: [{ selector: 'mt-topbar', standalone: true, imports: [RouterLink], template: "<div\n  class=\"w-screen flex justify-between align-center bg-primary p-4 pb-8 h-[calc(var(--header-height)+(8*var(--spacing)))]\"\n  [style.backgroundColor]=\"bgColor()\"\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n  [class.bg-no-repeat]=\"!bgRepeat()\"\n  [class.bg-repeat]=\"bgRepeat()\"\n>\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\n    @if (logo()) {\n      <img\n        [src]=\"logo()\"\n        alt=\"Logo\"\n        class=\"h-full\"\n        [routerLink]=\"logoLink()\"\n        [class.cursor-pointer]=\"logoLink()\"\n      />\n    }\n    @if (logo() && (title() || subTitle())) {\n      <div class=\"h-3/4 w-[1px] bg-current\"></div>\n    }\n    @if (title() || subTitle()) {\n      <div class=\"flex flex-col gap-1\">\n        <h2 class=\"text-xl font-semibold product-name\">\n          {{ title() }}\n        </h2>\n        <span class=\"text-sm font-semibold product-tagline\">{{\n          subTitle()\n        }}</span>\n      </div>\n    }\n  </div>\n  <div class=\"flex gap-2 items-center\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </div>\n</div>\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 }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +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';\nimport { RouterLink } from '@angular/router';\n\n@Component({\n  selector: 'mt-topbar',\n  standalone: true,\n  imports: [RouterLink],\n  templateUrl: './topbar.html',\n})\nexport class Topbar {\n  logo = input<string>();\n  logoLink = input<string | any[]>();\n  bgColor = input<string>('var(--p-primary-color)');\n  bgImage = input<string>();\n  bgRepeat = input<boolean, unknown>(false, { transform: booleanAttribute });\n  textColor = input<string>('var(--p-primary-contrast-color)');\n  title = input<string>();\n  subTitle = input<string>();\n}\n","<div\n  class=\"w-screen flex justify-between align-center bg-primary p-4 pb-8 h-[calc(var(--header-height)+(8*var(--spacing)))]\"\n  [style.backgroundColor]=\"bgColor()\"\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n  [class.bg-no-repeat]=\"!bgRepeat()\"\n  [class.bg-repeat]=\"bgRepeat()\"\n>\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\n    @if (logo()) {\n      <img\n        [src]=\"logo()\"\n        alt=\"Logo\"\n        class=\"h-full\"\n        [routerLink]=\"logoLink()\"\n        [class.cursor-pointer]=\"logoLink()\"\n      />\n    }\n    @if (logo() && (title() || subTitle())) {\n      <div class=\"h-3/4 w-[1px] bg-current\"></div>\n    }\n    @if (title() || subTitle()) {\n      <div class=\"flex flex-col gap-1\">\n        <h2 class=\"text-xl font-semibold product-name\">\n          {{ title() }}\n        </h2>\n        <span class=\"text-sm font-semibold product-tagline\">{{\n          subTitle()\n        }}</span>\n      </div>\n    }\n  </div>\n  <div class=\"flex gap-2 items-center\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"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';\nimport { RouterLink } from '@angular/router';\n\n@Component({\n  selector: 'mt-topbar',\n  standalone: true,\n  imports: [RouterLink],\n  templateUrl: './topbar.html',\n})\nexport class Topbar {\n  logo = input<string>();\n  logoLink = input<string | any[]>();\n  bgColor = input<string>('var(--p-primary-color)');\n  bgImage = input<string>();\n  bgRepeat = input<boolean, unknown>(false, { transform: booleanAttribute });\n  textColor = input<string>('var(--p-primary-contrast-color)');\n  title = input<string>();\n  subTitle = input<string>();\n}\n","<div\n  class=\"w-screen flex justify-between align-center bg-primary p-4 pb-8 h-[calc(var(--header-height)+(8*var(--spacing)))]\"\n  [style.backgroundColor]=\"bgColor()\"\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\n  [class.bg-no-repeat]=\"!bgRepeat()\"\n  [class.bg-repeat]=\"bgRepeat()\"\n>\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\n    @if (logo()) {\n      <img\n        [src]=\"logo()\"\n        alt=\"Logo\"\n        class=\"h-full\"\n        [routerLink]=\"logoLink()\"\n        [class.cursor-pointer]=\"logoLink()\"\n      />\n    }\n    @if (logo() && (title() || subTitle())) {\n      <div class=\"h-3/4 w-[1px] bg-current\"></div>\n    }\n    @if (title() || subTitle()) {\n      <div class=\"flex flex-col gap-1\">\n        <h2 class=\"text-xl font-semibold product-name\">\n          {{ title() }}\n        </h2>\n        <span class=\"text-sm font-semibold product-tagline\">{{\n          subTitle()\n        }}</span>\n      </div>\n    }\n  </div>\n  <div class=\"flex gap-2 items-center\">\n    <ng-content select=\"[actions]\"></ng-content>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}