cmat 0.0.86 → 0.0.88

package/fesm2022/cmat-components-status-tag.mjs

@@ -1,48 +1,41 @@
 import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 
 /* eslint-disable @typescript-eslint/naming-convention */
 class CmatStatusTagComponent {
     constructor() {
-        this.label = '';
-        this.variant = 'soft';
-        this.tone = 'neutral';
-        this.dot = false;
-        this.hostClass = 'inline-flex';
+        this.label = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.variant = input('soft', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        this.tone = input('neutral', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+        this.dot = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dot" }] : /* istanbul ignore next */ []));
+        this.classMap = computed(() => {
+            return {
+                'cmat-status-tag': true,
+                'cmat-status-tag-soft': this.variant() === 'soft',
+                'cmat-status-tag-filled': this.variant() === 'filled',
+                'cmat-status-tag-outline': this.variant() === 'outline',
+                'cmat-status-tag-neutral': this.tone() === 'neutral',
+                'cmat-status-tag-primary': this.tone() === 'primary',
+                'cmat-status-tag-success': this.tone() === 'success',
+                'cmat-status-tag-warning': this.tone() === 'warning',
+                'cmat-status-tag-danger': this.tone() === 'danger',
+                'cmat-status-tag-info': this.tone() === 'info'
+            };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "classMap" }] : /* istanbul ignore next */ []));
     }
-    get classMap() {
-        return {
-            'cmat-status-tag': true,
-            'cmat-status-tag-soft': this.variant === 'soft',
-            'cmat-status-tag-filled': this.variant === 'filled',
-            'cmat-status-tag-outline': this.variant === 'outline',
-            'cmat-status-tag-neutral': this.tone === 'neutral',
-            'cmat-status-tag-primary': this.tone === 'primary',
-            'cmat-status-tag-success': this.tone === 'success',
-            'cmat-status-tag-warning': this.tone === 'warning',
-            'cmat-status-tag-danger': this.tone === 'danger',
-            'cmat-status-tag-info': this.tone === 'info'
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CmatStatusTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: CmatStatusTagComponent, isStandalone: true, selector: "cmat-status-tag", inputs: { label: "label", variant: "variant", tone: "tone", dot: "dot" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap\">\r\n    @if (dot) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label }}</span>\r\n</span>\r\n", styles: [":host{display:inline-flex}.cmat-status-tag__root{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;white-space:nowrap}.cmat-status-tag__dot{width:.5rem;height:.5rem;border-radius:9999px;background:currentColor}.cmat-status-tag-soft.cmat-status-tag-neutral{background:#f1f5f9;color:#475569}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-neutral{background:#1e293b;color:#cbd5e1}.cmat-status-tag-soft.cmat-status-tag-primary{background:#dbeafe;color:#2563eb}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-primary{background:#2563eb38;color:#93c5fd}.cmat-status-tag-soft.cmat-status-tag-success{background:#dcfce7;color:#16a34a}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-success{background:#16a34a38;color:#86efac}.cmat-status-tag-soft.cmat-status-tag-warning{background:#fef3c7;color:#d97706}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-warning{background:#d9770638;color:#fcd34d}.cmat-status-tag-soft.cmat-status-tag-danger{background:#fee2e2;color:#dc2626}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-danger{background:#dc262638;color:#fca5a5}.cmat-status-tag-soft.cmat-status-tag-info{background:#dbeafe;color:#0284c7}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-info{background:#0284c738;color:#7dd3fc}.cmat-status-tag-filled.cmat-status-tag-neutral{background:#334155;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-neutral{background:#e2e8f0;color:#0f172a}.cmat-status-tag-filled.cmat-status-tag-primary{background:#2563eb;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-primary{background:#60a5fa;color:#082f49}.cmat-status-tag-filled.cmat-status-tag-success{background:#16a34a;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-success{background:#4ade80;color:#052e16}.cmat-status-tag-filled.cmat-status-tag-warning{background:#d97706;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-warning{background:#fbbf24;color:#451a03}.cmat-status-tag-filled.cmat-status-tag-danger{background:#dc2626;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-danger{background:#f87171;color:#450a0a}.cmat-status-tag-filled.cmat-status-tag-info{background:#0284c7;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-info{background:#38bdf8;color:#082f49}.cmat-status-tag-outline.cmat-status-tag-neutral,.cmat-status-tag-outline.cmat-status-tag-primary,.cmat-status-tag-outline.cmat-status-tag-success,.cmat-status-tag-outline.cmat-status-tag-warning,.cmat-status-tag-outline.cmat-status-tag-danger,.cmat-status-tag-outline.cmat-status-tag-info{border:1px solid currentColor;background:transparent}:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-neutral,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-primary,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-success,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-warning,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-danger,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-info{border-color:currentColor}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatStatusTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatStatusTagComponent, isStandalone: true, selector: "cmat-status-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap()\">\r\n    @if (dot()) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label() }}</span>\r\n</span>", styles: [":host{display:inline-flex}.cmat-status-tag__root{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;white-space:nowrap}.cmat-status-tag__dot{width:.5rem;height:.5rem;border-radius:9999px;background:currentColor}.cmat-status-tag-soft.cmat-status-tag-neutral{background:#f1f5f9;color:#475569}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-neutral{background:#1e293b;color:#cbd5e1}.cmat-status-tag-soft.cmat-status-tag-primary{background:#dbeafe;color:#2563eb}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-primary{background:#2563eb38;color:#93c5fd}.cmat-status-tag-soft.cmat-status-tag-success{background:#dcfce7;color:#16a34a}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-success{background:#16a34a38;color:#86efac}.cmat-status-tag-soft.cmat-status-tag-warning{background:#fef3c7;color:#d97706}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-warning{background:#d9770638;color:#fcd34d}.cmat-status-tag-soft.cmat-status-tag-danger{background:#fee2e2;color:#dc2626}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-danger{background:#dc262638;color:#fca5a5}.cmat-status-tag-soft.cmat-status-tag-info{background:#dbeafe;color:#0284c7}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-info{background:#0284c738;color:#7dd3fc}.cmat-status-tag-filled.cmat-status-tag-neutral{background:#334155;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-neutral{background:#e2e8f0;color:#0f172a}.cmat-status-tag-filled.cmat-status-tag-primary{background:#2563eb;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-primary{background:#60a5fa;color:#082f49}.cmat-status-tag-filled.cmat-status-tag-success{background:#16a34a;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-success{background:#4ade80;color:#052e16}.cmat-status-tag-filled.cmat-status-tag-warning{background:#d97706;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-warning{background:#fbbf24;color:#451a03}.cmat-status-tag-filled.cmat-status-tag-danger{background:#dc2626;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-danger{background:#f87171;color:#450a0a}.cmat-status-tag-filled.cmat-status-tag-info{background:#0284c7;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-info{background:#38bdf8;color:#082f49}.cmat-status-tag-outline.cmat-status-tag-neutral,.cmat-status-tag-outline.cmat-status-tag-primary,.cmat-status-tag-outline.cmat-status-tag-success,.cmat-status-tag-outline.cmat-status-tag-warning,.cmat-status-tag-outline.cmat-status-tag-danger,.cmat-status-tag-outline.cmat-status-tag-info{border:1px solid currentColor;background:transparent}:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-neutral,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-primary,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-success,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-warning,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-danger,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-info{border-color:currentColor}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CmatStatusTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatStatusTagComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-status-tag', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], template: "<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap\">\r\n    @if (dot) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label }}</span>\r\n</span>\r\n", styles: [":host{display:inline-flex}.cmat-status-tag__root{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;white-space:nowrap}.cmat-status-tag__dot{width:.5rem;height:.5rem;border-radius:9999px;background:currentColor}.cmat-status-tag-soft.cmat-status-tag-neutral{background:#f1f5f9;color:#475569}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-neutral{background:#1e293b;color:#cbd5e1}.cmat-status-tag-soft.cmat-status-tag-primary{background:#dbeafe;color:#2563eb}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-primary{background:#2563eb38;color:#93c5fd}.cmat-status-tag-soft.cmat-status-tag-success{background:#dcfce7;color:#16a34a}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-success{background:#16a34a38;color:#86efac}.cmat-status-tag-soft.cmat-status-tag-warning{background:#fef3c7;color:#d97706}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-warning{background:#d9770638;color:#fcd34d}.cmat-status-tag-soft.cmat-status-tag-danger{background:#fee2e2;color:#dc2626}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-danger{background:#dc262638;color:#fca5a5}.cmat-status-tag-soft.cmat-status-tag-info{background:#dbeafe;color:#0284c7}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-info{background:#0284c738;color:#7dd3fc}.cmat-status-tag-filled.cmat-status-tag-neutral{background:#334155;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-neutral{background:#e2e8f0;color:#0f172a}.cmat-status-tag-filled.cmat-status-tag-primary{background:#2563eb;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-primary{background:#60a5fa;color:#082f49}.cmat-status-tag-filled.cmat-status-tag-success{background:#16a34a;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-success{background:#4ade80;color:#052e16}.cmat-status-tag-filled.cmat-status-tag-warning{background:#d97706;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-warning{background:#fbbf24;color:#451a03}.cmat-status-tag-filled.cmat-status-tag-danger{background:#dc2626;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-danger{background:#f87171;color:#450a0a}.cmat-status-tag-filled.cmat-status-tag-info{background:#0284c7;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-info{background:#38bdf8;color:#082f49}.cmat-status-tag-outline.cmat-status-tag-neutral,.cmat-status-tag-outline.cmat-status-tag-primary,.cmat-status-tag-outline.cmat-status-tag-success,.cmat-status-tag-outline.cmat-status-tag-warning,.cmat-status-tag-outline.cmat-status-tag-danger,.cmat-status-tag-outline.cmat-status-tag-info{border:1px solid currentColor;background:transparent}:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-neutral,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-primary,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-success,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-warning,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-danger,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-info{border-color:currentColor}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }], tone: [{
-                type: Input
-            }], dot: [{
-                type: Input
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'cmat-status-tag', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], template: "<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap()\">\r\n    @if (dot()) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label() }}</span>\r\n</span>", styles: [":host{display:inline-flex}.cmat-status-tag__root{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;white-space:nowrap}.cmat-status-tag__dot{width:.5rem;height:.5rem;border-radius:9999px;background:currentColor}.cmat-status-tag-soft.cmat-status-tag-neutral{background:#f1f5f9;color:#475569}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-neutral{background:#1e293b;color:#cbd5e1}.cmat-status-tag-soft.cmat-status-tag-primary{background:#dbeafe;color:#2563eb}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-primary{background:#2563eb38;color:#93c5fd}.cmat-status-tag-soft.cmat-status-tag-success{background:#dcfce7;color:#16a34a}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-success{background:#16a34a38;color:#86efac}.cmat-status-tag-soft.cmat-status-tag-warning{background:#fef3c7;color:#d97706}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-warning{background:#d9770638;color:#fcd34d}.cmat-status-tag-soft.cmat-status-tag-danger{background:#fee2e2;color:#dc2626}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-danger{background:#dc262638;color:#fca5a5}.cmat-status-tag-soft.cmat-status-tag-info{background:#dbeafe;color:#0284c7}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-info{background:#0284c738;color:#7dd3fc}.cmat-status-tag-filled.cmat-status-tag-neutral{background:#334155;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-neutral{background:#e2e8f0;color:#0f172a}.cmat-status-tag-filled.cmat-status-tag-primary{background:#2563eb;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-primary{background:#60a5fa;color:#082f49}.cmat-status-tag-filled.cmat-status-tag-success{background:#16a34a;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-success{background:#4ade80;color:#052e16}.cmat-status-tag-filled.cmat-status-tag-warning{background:#d97706;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-warning{background:#fbbf24;color:#451a03}.cmat-status-tag-filled.cmat-status-tag-danger{background:#dc2626;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-danger{background:#f87171;color:#450a0a}.cmat-status-tag-filled.cmat-status-tag-info{background:#0284c7;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-info{background:#38bdf8;color:#082f49}.cmat-status-tag-outline.cmat-status-tag-neutral,.cmat-status-tag-outline.cmat-status-tag-primary,.cmat-status-tag-outline.cmat-status-tag-success,.cmat-status-tag-outline.cmat-status-tag-warning,.cmat-status-tag-outline.cmat-status-tag-danger,.cmat-status-tag-outline.cmat-status-tag-info{border:1px solid currentColor;background:transparent}:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-neutral,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-primary,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-success,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-warning,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-danger,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-info{border-color:currentColor}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "dot", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/cmat-components-status-tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-status-tag.mjs","sources":["../../../projects/cmat/components/status-tag/status-tag.component.ts","../../../projects/cmat/components/status-tag/status-tag.component.html","../../../projects/cmat/components/status-tag/cmat-components-status-tag.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\r\nimport { NgClass } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'cmat-status-tag',\r\n    templateUrl: './status-tag.component.html',\r\n    styleUrls: ['./status-tag.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [NgClass]\r\n})\r\nexport class CmatStatusTagComponent {\r\n    \r\n    @Input() label:string = '';\r\n\r\n    \r\n    @Input() variant: 'soft' | 'filled' | 'outline' = 'soft';\r\n\r\n    \r\n    @Input() tone: 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' = 'neutral';\r\n\r\n    \r\n    @Input() dot: boolean = false;\r\n\r\n    @HostBinding('class') hostClass = 'inline-flex';\r\n\r\n    \r\n    get classMap(): Record<string, boolean> {\r\n        return {\r\n            'cmat-status-tag': true,\r\n            'cmat-status-tag-soft': this.variant === 'soft',\r\n            'cmat-status-tag-filled': this.variant === 'filled',\r\n            'cmat-status-tag-outline': this.variant === 'outline',\r\n            'cmat-status-tag-neutral': this.tone === 'neutral',\r\n            'cmat-status-tag-primary': this.tone === 'primary',\r\n            'cmat-status-tag-success': this.tone === 'success',\r\n            'cmat-status-tag-warning': this.tone === 'warning',\r\n            'cmat-status-tag-danger': this.tone === 'danger',\r\n            'cmat-status-tag-info': this.tone === 'info'\r\n        };\r\n    }\r\n}\r\n","<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap\">\r\n    @if (dot) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label }}</span>\r\n</span>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;MAWa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QASa,IAAA,CAAA,KAAK,GAAU,EAAE;QAGjB,IAAA,CAAA,OAAO,GAAkC,MAAM;QAG/C,IAAA,CAAA,IAAI,GAAsE,SAAS;QAGnF,IAAA,CAAA,GAAG,GAAY,KAAK;QAEP,IAAA,CAAA,SAAS,GAAG,aAAa;AAiBlD,IAAA;AAdG,IAAA,IAAI,QAAQ,GAAA;QACR,OAAO;AACH,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,sBAAsB,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;AAC/C,YAAA,wBAAwB,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;AACnD,YAAA,yBAAyB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;AACrD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,wBAAwB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;AAChD,YAAA,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK;SACzC;IACL;+GA7BS,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,GAAA,EAAA,KAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXnC,mOAMA,EAAA,MAAA,EAAA,CAAA,0qGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAER,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,mOAAA,EAAA,MAAA,EAAA,CAAA,0qGAAA,CAAA,EAAA;;sBAIjB;;sBAGA;;sBAGA;;sBAGA;;sBAEA,WAAW;uBAAC,OAAO;;;AExBxB;;AAEG;;;;"}
+{"version":3,"file":"cmat-components-status-tag.mjs","sources":["../../../projects/cmat/components/status-tag/status-tag.component.ts","../../../projects/cmat/components/status-tag/status-tag.component.html","../../../projects/cmat/components/status-tag/cmat-components-status-tag.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\r\nimport { NgClass } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'cmat-status-tag',\r\n    templateUrl: './status-tag.component.html',\r\n    styleUrls: ['./status-tag.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [NgClass]\r\n})\r\nexport class CmatStatusTagComponent {\r\n    \r\n    readonly label = input<string>('');\r\n\r\n    \r\n    readonly variant = input<'soft' | 'filled' | 'outline'>('soft');\r\n\r\n    \r\n    readonly tone = input<'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info'>('neutral');\r\n\r\n    \r\n    readonly dot = input<boolean>(false);\r\n\r\n    \r\n    readonly classMap = computed(() => {\r\n        return {\r\n            'cmat-status-tag': true,\r\n            'cmat-status-tag-soft': this.variant() === 'soft',\r\n            'cmat-status-tag-filled': this.variant() === 'filled',\r\n            'cmat-status-tag-outline': this.variant() === 'outline',\r\n            'cmat-status-tag-neutral': this.tone() === 'neutral',\r\n            'cmat-status-tag-primary': this.tone() === 'primary',\r\n            'cmat-status-tag-success': this.tone() === 'success',\r\n            'cmat-status-tag-warning': this.tone() === 'warning',\r\n            'cmat-status-tag-danger': this.tone() === 'danger',\r\n            'cmat-status-tag-info': this.tone() === 'info'\r\n        };\r\n    });\r\n}","<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap()\">\r\n    @if (dot()) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label() }}</span>\r\n</span>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;MAWa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QASa,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE;kFAAC;QAGzB,IAAA,CAAA,OAAO,GAAG,KAAK,CAAgC,MAAM;oFAAC;QAGtD,IAAA,CAAA,IAAI,GAAG,KAAK,CAAoE,SAAS;iFAAC;QAG1F,IAAA,CAAA,GAAG,GAAG,KAAK,CAAU,KAAK;gFAAC;AAG3B,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;YAC9B,OAAO;AACH,gBAAA,iBAAiB,EAAE,IAAI;AACvB,gBAAA,sBAAsB,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,MAAM;AACjD,gBAAA,wBAAwB,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,QAAQ;AACrD,gBAAA,yBAAyB,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,SAAS;AACvD,gBAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,SAAS;AACpD,gBAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,SAAS;AACpD,gBAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,SAAS;AACpD,gBAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,SAAS;AACpD,gBAAA,wBAAwB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,QAAQ;AAClD,gBAAA,sBAAsB,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK;aAC3C;QACL,CAAC;qFAAC;AACL,IAAA;8GA5BY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXnC,qOAKO,EAAA,MAAA,EAAA,CAAA,0qGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDIO,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAER,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,qOAAA,EAAA,MAAA,EAAA,CAAA,0qGAAA,CAAA,EAAA;;;AETtB;;AAEG;;;;"}

package/fesm2022/cmat-components-table-toolbar.mjs

@@ -1,29 +1,25 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class CmatTableToolbarComponent {
     constructor() {
-        this.title = '';
-        this.description = '';
-        this.count = 0;
-        this.showCount = true;
+        this.title = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.description = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+        this.count = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
+        this.showCount = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showCount" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CmatTableToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: CmatTableToolbarComponent, isStandalone: true, selector: "cmat-table-toolbar", inputs: { title: "title", description: "description", count: "count", showCount: "showCount" }, ngImport: i0, template: "<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title }}</span>\r\n                @if (showCount) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTableToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatTableToolbarComponent, isStandalone: true, selector: "cmat-table-toolbar", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title()) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title() }}</span>\r\n                @if (showCount()) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count() }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description()) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description() }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></ng-content>\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CmatTableToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTableToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-table-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: "<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title }}</span>\r\n                @if (showCount) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], count: [{
-                type: Input
-            }], showCount: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'cmat-table-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: "<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title()) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title() }}</span>\r\n                @if (showCount()) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count() }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description()) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description() }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></ng-content>\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], showCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCount", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/cmat-components-table-toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-table-toolbar.mjs","sources":["../../../projects/cmat/components/table-toolbar/table-toolbar.component.ts","../../../projects/cmat/components/table-toolbar/table-toolbar.component.html","../../../projects/cmat/components/table-toolbar/cmat-components-table-toolbar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'cmat-table-toolbar',\r\n    templateUrl: './table-toolbar.component.html',\r\n    styleUrls: ['./table-toolbar.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [CommonModule]\r\n})\r\nexport class CmatTableToolbarComponent {\r\n    \r\n    @Input() title:string = '';\r\n\r\n    \r\n    @Input() description:string = '';\r\n\r\n    \r\n    @Input() count:number = 0;\r\n\r\n    \r\n    @Input() showCount:boolean = true;\r\n}\r\n","<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title }}</span>\r\n                @if (showCount) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></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":";;;;MAUa,yBAAyB,CAAA;AAPtC,IAAA,WAAA,GAAA;QASa,IAAA,CAAA,KAAK,GAAU,EAAE;QAGjB,IAAA,CAAA,WAAW,GAAU,EAAE;QAGvB,IAAA,CAAA,KAAK,GAAU,CAAC;QAGhB,IAAA,CAAA,SAAS,GAAW,IAAI;AACpC,IAAA;+GAZY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVtC,m1BAoBA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDZc,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAEb,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,m1BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;sBAItB;;sBAGA;;sBAGA;;sBAGA;;;AErBL;;AAEG;;;;"}
+{"version":3,"file":"cmat-components-table-toolbar.mjs","sources":["../../../projects/cmat/components/table-toolbar/table-toolbar.component.ts","../../../projects/cmat/components/table-toolbar/table-toolbar.component.html","../../../projects/cmat/components/table-toolbar/cmat-components-table-toolbar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'cmat-table-toolbar',\r\n    templateUrl: './table-toolbar.component.html',\r\n    styleUrls: ['./table-toolbar.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [CommonModule]\r\n})\r\nexport class CmatTableToolbarComponent {\r\n    \r\n    readonly title = input<string>('');\r\n\r\n    \r\n    readonly description = input<string>('');\r\n\r\n    \r\n    readonly count = input<number>(0);\r\n\r\n    \r\n    readonly showCount = input<boolean>(true);\r\n}","<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title()) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title() }}</span>\r\n                @if (showCount()) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count() }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description()) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description() }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></ng-content>\r\n    </div>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAUa,yBAAyB,CAAA;AAPtC,IAAA,WAAA,GAAA;QASa,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE;kFAAC;QAGzB,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,EAAE;wFAAC;QAG/B,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,CAAC;kFAAC;QAGxB,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,IAAI;sFAAC;AAC5C,IAAA;8GAZY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVtC,21BAmBM,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDXQ,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEb,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,21BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;AER3B;;AAEG;;;;"}