mn-angular-lib 0.0.61 → 0.0.63

package/fesm2022/mn-angular-lib.mjs

@@ -178,10 +178,11 @@ const mnAlertVariants = tv({
             warning: 'bg-warning/10 border-warning/30 text-warning',
             error: 'bg-error/10 border-error/30 text-error',
             default: 'bg-base-100 border-base-300 text-base-content',
+            accent: 'bg-accent/10 border-accent/30 text-accent',
         },
         variant: {
             fill: '',
-            outline: 'bg-transparent border-2',
+            outline: 'bg-base-200 border-2',
             soft: 'border-none shadow-none',
         }
     },
@@ -205,7 +206,12 @@ const mnAlertVariants = tv({
             kind: 'error',
             variant: 'fill',
             class: 'bg-error border-error text-error-content'
-        }
+        },
+        {
+            kind: 'accent',
+            variant: 'fill',
+            class: 'bg-accent border-accent text-accent-content'
+        },
     ],
     defaultVariants: {
         kind: 'info',
@@ -271,6 +277,7 @@ const mnButtonVariants = tv({
             danger: '',
             warning: '',
             success: '',
+            accent: '',
         },
         borderRadius: {
             none: 'rounded-none',
@@ -294,18 +301,21 @@ const mnButtonVariants = tv({
         { variant: 'fill', color: 'danger', class: 'bg-error text-error-content hover:bg-error/80' },
         { variant: 'fill', color: 'warning', class: 'bg-warning text-warning-content hover:bg-warning/80' },
         { variant: 'fill', color: 'success', class: 'bg-success text-success-content hover:bg-success/80' },
+        { variant: 'fill', color: 'accent', class: 'bg-accent text-accent-content hover:bg-accent/80' },
         // Outline
         { variant: 'outline', color: 'primary', class: 'border-primary text-primary hover:bg-primary/10' },
         { variant: 'outline', color: 'secondary', class: 'border-neutral text-neutral hover:bg-neutral/10' },
         { variant: 'outline', color: 'danger', class: 'border-error text-error hover:bg-error/10' },
         { variant: 'outline', color: 'warning', class: 'border-warning text-warning hover:bg-warning/10' },
         { variant: 'outline', color: 'success', class: 'border-success text-success hover:bg-success/10' },
+        { variant: 'outline', color: 'accent', class: 'border-accent text-accent hover:bg-accent/10' },
         // Text
         { variant: 'text', color: 'primary', class: 'text-primary hover:bg-primary/10' },
         { variant: 'text', color: 'secondary', class: 'text-neutral hover:bg-neutral/10' },
         { variant: 'text', color: 'danger', class: 'text-error hover:bg-error/10' },
         { variant: 'text', color: 'warning', class: 'text-warning hover:bg-warning/10' },
         { variant: 'text', color: 'success', class: 'text-success hover:bg-success/10' },
+        { variant: 'text', color: 'accent', class: 'text-accent hover:bg-accent/10' },
     ],
     defaultVariants: {
         size: 'md',
@@ -3321,10 +3331,25 @@ class MnTable {
     dataSubscription;
     searchSubject = new Subject();
     searchSubscription;
+    /** Tracks the previous toolbar template reference for change detection. */
+    previousToolbarTemplate;
+    /**
+     * Checks for changes to dataSource properties that are not covered
+     * by Angular's default change detection (e.g. toolbarTemplate).
+     */
+    ngDoCheck() {
+        const currentTemplate = this.dataSource?.toolbarTemplate;
+        if (currentTemplate !== this.previousToolbarTemplate) {
+            this.previousToolbarTemplate = currentTemplate;
+            this.cdr.markForCheck();
+        }
+    }
     ngOnInit() {
         this.currentSort = this.dataSource.defaultSort ?? null;
-        this.filteredItems = this.dataSource.dataRows.value;
-        this.dataSubscription = this.dataSource.dataRows.subscribe(() => {
+        this.applyFilterAndSort(false);
+        // Skip the initial BehaviorSubject emission (already handled above)
+        // to avoid triggering markForCheck during the first change detection cycle.
+        this.dataSubscription = this.dataSource.dataRows.pipe(skip(1)).subscribe(() => {
             this.applyFilterAndSort(false);
             this.cdr.markForCheck();
         });