@elementar-rt/components 0.6.57 → 0.7.0

package/fesm2022/elementar-rt-components-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-table.mjs","sources":["../../../projects/components/table/src/table/table.component.ts","../../../projects/components/table/src/table/table.component.html","../../../projects/components/table/elementar-rt-components-table.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  Component,\n  computed,\n  input,\n  output,\n  signal,\n  TemplateRef\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { EmrTableColumn, SortDirection, SortState } from '../types';\n\n@Component({\n  selector: 'emr-table',\n  exportAs: 'emrTable',\n  imports: [NgTemplateOutlet],\n  templateUrl: './table.component.html',\n  styleUrl: './table.component.scss',\n  host: {\n    'class': 'emr-table-wrapper',\n    '[class.is-striped]': 'striped()',\n    '[class.is-bordered]': 'bordered()',\n    '[class.is-hoverable]': 'hoverable()',\n  }\n})\nexport class TableComponent<T = any> {\n  columns = input<EmrTableColumn<T>[]>([]);\n  rows = input<T[]>([]);\n  striped = input(false, { transform: booleanAttribute });\n  bordered = input(false, { transform: booleanAttribute });\n  hoverable = input(true, { transform: booleanAttribute });\n  selectable = input(false, { transform: booleanAttribute });\n  stickyHeader = input(false, { transform: booleanAttribute });\n  rowTemplate = input<TemplateRef<any> | null>(null);\n\n  readonly sortChange = output<SortState>();\n  readonly selectionChange = output<T[]>();\n\n  protected _sortColumn = signal<string>('');\n  protected _sortDirection = signal<SortDirection>(null);\n  protected _selectedRows = signal<Set<T>>(new Set());\n\n  protected _allSelected = computed(() => {\n    const rows = this.rows();\n    return rows.length > 0 && this._selectedRows().size === rows.length;\n  });\n\n  protected _cellValue(row: T, col: EmrTableColumn<T>): string {\n    if (col.cell) return col.cell(row);\n    return String((row as any)[col.key] ?? '');\n  }\n\n  protected _onSort(col: EmrTableColumn<T>) {\n    if (!col.sortable) return;\n    const current = this._sortColumn();\n    const dir = this._sortDirection();\n    let next: SortDirection;\n    if (current !== col.key) {\n      next = 'asc';\n    } else if (dir === 'asc') {\n      next = 'desc';\n    } else {\n      next = null;\n    }\n    this._sortColumn.set(next ? col.key : '');\n    this._sortDirection.set(next);\n    this.sortChange.emit({ column: col.key, direction: next });\n  }\n\n  protected _toggleAll(checked: boolean) {\n    const next = checked ? new Set(this.rows()) : new Set<T>();\n    this._selectedRows.set(next);\n    this.selectionChange.emit([...next]);\n  }\n\n  protected _toggleRow(row: T, checked: boolean) {\n    const next = new Set(this._selectedRows());\n    checked ? next.add(row) : next.delete(row);\n    this._selectedRows.set(next);\n    this.selectionChange.emit([...next]);\n  }\n\n  protected _isSelected(row: T): boolean {\n    return this._selectedRows().has(row);\n  }\n\n  protected _sortIcon(col: EmrTableColumn<T>): string {\n    if (this._sortColumn() !== col.key) return 'unfold_more';\n    return this._sortDirection() === 'asc' ? 'arrow_upward' : 'arrow_downward';\n  }\n}\n","<div class=\"table-scroll\">\n  <table class=\"emr-table\">\n    <thead [class.is-sticky]=\"stickyHeader()\">\n      <tr>\n        @if (selectable()) {\n          <th class=\"col-check\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"_allSelected()\"\n              (change)=\"_toggleAll($any($event.target).checked)\"\n              aria-label=\"Select all\"\n            />\n          </th>\n        }\n        @for (col of columns(); track col.key) {\n          <th\n            [class.is-sortable]=\"col.sortable\"\n            [class.is-sorted]=\"_sortColumn() === col.key\"\n            [style.width]=\"col.width || ''\"\n            [class.is-sticky]=\"col.sticky\"\n            (click)=\"_onSort(col)\"\n          >\n            <span class=\"th-content\">\n              {{ col.label }}\n              @if (col.sortable) {\n                <span class=\"sort-icon\">{{ _sortIcon(col) }}</span>\n              }\n            </span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of rows(); track $index) {\n        <tr [class.is-selected]=\"_isSelected(row)\">\n          @if (selectable()) {\n            <td class=\"col-check\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"_isSelected(row)\"\n                (change)=\"_toggleRow(row, $any($event.target).checked)\"\n                [attr.aria-label]=\"'Select row ' + $index\"\n              />\n            </td>\n          }\n          @if (rowTemplate()) {\n            <ng-container [ngTemplateOutlet]=\"rowTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: row, index: $index }\"/>\n          } @else {\n            @for (col of columns(); track col.key) {\n              <td [class.is-sticky]=\"col.sticky\">{{ _cellValue(row, col) }}</td>\n            }\n          }\n        </tr>\n      }\n      @if (rows().length === 0) {\n        <tr class=\"empty-row\">\n          <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0)\">\n            <ng-content select=\"[emrTableEmpty]\"/>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"emr-paginator\"/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-table.mjs","sources":["../../../projects/components/table/src/table/table.component.ts","../../../projects/components/table/src/table/table.component.html","../../../projects/components/table/elementar-rt-components-table.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  Component,\n  computed,\n  input,\n  output,\n  signal,\n  TemplateRef\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { EmrTableColumn, SortDirection, SortState } from '../types';\n\n@Component({\n  selector: 'emr-table',\n  exportAs: 'emrTable',\n  imports: [NgTemplateOutlet],\n  templateUrl: './table.component.html',\n  styleUrl: './table.component.scss',\n  host: {\n    'class': 'emr-table-wrapper',\n    '[class.is-striped]': 'striped()',\n    '[class.is-bordered]': 'bordered()',\n    '[class.is-hoverable]': 'hoverable()',\n  }\n})\nexport class TableComponent<T = any> {\n  columns = input<EmrTableColumn<T>[]>([]);\n  rows = input<T[]>([]);\n  striped = input(false, { transform: booleanAttribute });\n  bordered = input(false, { transform: booleanAttribute });\n  hoverable = input(true, { transform: booleanAttribute });\n  selectable = input(false, { transform: booleanAttribute });\n  stickyHeader = input(false, { transform: booleanAttribute });\n  rowTemplate = input<TemplateRef<any> | null>(null);\n\n  readonly sortChange = output<SortState>();\n  readonly selectionChange = output<T[]>();\n\n  protected _sortColumn = signal<string>('');\n  protected _sortDirection = signal<SortDirection>(null);\n  protected _selectedRows = signal<Set<T>>(new Set());\n\n  protected _allSelected = computed(() => {\n    const rows = this.rows();\n    return rows.length > 0 && this._selectedRows().size === rows.length;\n  });\n\n  protected _cellValue(row: T, col: EmrTableColumn<T>): string {\n    if (col.cell) return col.cell(row);\n    return String((row as any)[col.key] ?? '');\n  }\n\n  protected _onSort(col: EmrTableColumn<T>) {\n    if (!col.sortable) return;\n    const current = this._sortColumn();\n    const dir = this._sortDirection();\n    let next: SortDirection;\n    if (current !== col.key) {\n      next = 'asc';\n    } else if (dir === 'asc') {\n      next = 'desc';\n    } else {\n      next = null;\n    }\n    this._sortColumn.set(next ? col.key : '');\n    this._sortDirection.set(next);\n    this.sortChange.emit({ column: col.key, direction: next });\n  }\n\n  protected _toggleAll(checked: boolean) {\n    const next = checked ? new Set(this.rows()) : new Set<T>();\n    this._selectedRows.set(next);\n    this.selectionChange.emit([...next]);\n  }\n\n  protected _toggleRow(row: T, checked: boolean) {\n    const next = new Set(this._selectedRows());\n    checked ? next.add(row) : next.delete(row);\n    this._selectedRows.set(next);\n    this.selectionChange.emit([...next]);\n  }\n\n  protected _isSelected(row: T): boolean {\n    return this._selectedRows().has(row);\n  }\n\n  protected _sortIcon(col: EmrTableColumn<T>): string {\n    if (this._sortColumn() !== col.key) return 'unfold_more';\n    return this._sortDirection() === 'asc' ? 'arrow_upward' : 'arrow_downward';\n  }\n}\n","<div class=\"table-scroll\">\n  <table class=\"emr-table\">\n    <thead [class.is-sticky]=\"stickyHeader()\">\n      <tr>\n        @if (selectable()) {\n          <th class=\"col-check\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"_allSelected()\"\n              (change)=\"_toggleAll($any($event.target).checked)\"\n              aria-label=\"Select all\"\n            />\n          </th>\n        }\n        @for (col of columns(); track col.key) {\n          <th\n            [class.is-sortable]=\"col.sortable\"\n            [class.is-sorted]=\"_sortColumn() === col.key\"\n            [style.width]=\"col.width || ''\"\n            [class.is-sticky]=\"col.sticky\"\n            (click)=\"_onSort(col)\"\n          >\n            <span class=\"th-content\">\n              {{ col.label }}\n              @if (col.sortable) {\n                <span class=\"sort-icon\">{{ _sortIcon(col) }}</span>\n              }\n            </span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of rows(); track $index) {\n        <tr [class.is-selected]=\"_isSelected(row)\">\n          @if (selectable()) {\n            <td class=\"col-check\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"_isSelected(row)\"\n                (change)=\"_toggleRow(row, $any($event.target).checked)\"\n                [attr.aria-label]=\"'Select row ' + $index\"\n              />\n            </td>\n          }\n          @if (rowTemplate()) {\n            <ng-container [ngTemplateOutlet]=\"rowTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: row, index: $index }\"/>\n          } @else {\n            @for (col of columns(); track col.key) {\n              <td [class.is-sticky]=\"col.sticky\">{{ _cellValue(row, col) }}</td>\n            }\n          }\n        </tr>\n      }\n      @if (rows().length === 0) {\n        <tr class=\"empty-row\">\n          <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0)\">\n            <ng-content select=\"[emrTableEmpty]\"/>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"emr-paginator\"/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-tabs.mjs

@@ -3,18 +3,18 @@ import { input, booleanAttribute, viewChild, Component, model, output, contentCh
 import { NgTemplateOutlet } from '@angular/common';
 
 class TabComponent {
-    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     contentRef = viewChild.required('content');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: TabComponent, isStandalone: true, selector: "emr-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, isSignal: true }], exportAs: ["emrTab"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.22", type: TabComponent, isStandalone: true, selector: "emr-tab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, isSignal: true }], exportAs: ["emrTab"], ngImport: i0, template: `
     <ng-template #content>
       <ng-content/>
     </ng-template>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'emr-tab',
@@ -28,27 +28,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], contentRef: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] } });
 
 class TabsComponent {
-    activeIndex = model(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : []));
-    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    scrollable = input(false, ...(ngDevMode ? [{ debugName: "scrollable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    activeIndex = model(0, ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    scrollable = input(false, { ...(ngDevMode ? { debugName: "scrollable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     tabChange = output();
-    _tabs = contentChildren(TabComponent, ...(ngDevMode ? [{ debugName: "_tabs" }] : []));
+    _tabs = contentChildren(TabComponent, ...(ngDevMode ? [{ debugName: "_tabs" }] : /* istanbul ignore next */ []));
     _select(index) {
         if (this._tabs()[index]?.disabled())
             return;
         this.activeIndex.set(index);
         this.tabChange.emit(index);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TabsComponent, isStandalone: true, selector: "emr-tabs", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange", tabChange: "tabChange" }, host: { properties: { "attr.data-variant": "variant()", "class.is-scrollable": "scrollable()" }, classAttribute: "emr-tabs" }, queries: [{ propertyName: "_tabs", predicate: TabComponent, isSignal: true }], exportAs: ["emrTabs"], ngImport: i0, template: "<div class=\"tab-bar\" role=\"tablist\">\n  @for (tab of _tabs(); track $index) {\n    <button\n      class=\"tab-header\"\n      role=\"tab\"\n      [class.is-active]=\"activeIndex() === $index\"\n      [disabled]=\"tab.disabled()\"\n      [attr.aria-selected]=\"activeIndex() === $index\"\n      (click)=\"_select($index)\"\n      type=\"button\"\n    >\n      @if (tab.icon()) {\n        <span class=\"tab-icon\">{{ tab.icon() }}</span>\n      }\n      {{ tab.label() }}\n    </button>\n  }\n</div>\n<div class=\"tab-content\" role=\"tabpanel\">\n  @for (tab of _tabs(); track $index) {\n    @if (activeIndex() === $index) {\n      <ng-container [ngTemplateOutlet]=\"tab.contentRef()\"/>\n    }\n  }\n</div>\n", styles: [":host{--emr-tabs-bar-gap: var(--spacing, .25rem);--emr-tabs-bar-border-color: var(--color-outline-variant);--emr-tabs-header-height: calc(var(--spacing, .25rem) * 10);--emr-tabs-header-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-tabs-header-border-radius: .5rem;--emr-tabs-header-font-size: .875rem;--emr-tabs-header-font-weight: 500;--emr-tabs-header-color: var(--color-on-surface-variant);--emr-tabs-header-active-color: var(--color-primary);--emr-tabs-header-active-bg: var(--color-secondary-container);--emr-tabs-header-hover-bg: var(--color-surface-container);--emr-tabs-indicator-height: 2px;--emr-tabs-indicator-color: var(--color-primary);--emr-tabs-content-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;flex-direction:column}.tab-bar{display:flex;align-items:center;gap:var(--emr-tabs-bar-gap);border-bottom:1px solid var(--emr-tabs-bar-border-color)}:host(.is-scrollable) .tab-bar{overflow-x:auto;scrollbar-width:none}:host(.is-scrollable) .tab-bar::-webkit-scrollbar{display:none}.tab-header{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);height:var(--emr-tabs-header-height);padding:var(--emr-tabs-header-padding);font-size:var(--emr-tabs-header-font-size);font-weight:var(--emr-tabs-header-font-weight);color:var(--emr-tabs-header-color);background:transparent;border:none;border-radius:var(--emr-tabs-header-border-radius);cursor:pointer;white-space:nowrap;position:relative;transition:color .15s,background .15s}.tab-header:hover:not(:disabled){background:var(--emr-tabs-header-hover-bg)}.tab-header.is-active{color:var(--emr-tabs-header-active-color)}.tab-header.is-active:after{content:\"\";position:absolute;bottom:-1px;left:0;right:0;height:var(--emr-tabs-indicator-height);background:var(--emr-tabs-indicator-color);border-radius:var(--emr-tabs-indicator-height) var(--emr-tabs-indicator-height) 0 0}.tab-header:disabled{opacity:.38;cursor:not-allowed}.tab-content{padding:var(--emr-tabs-content-padding)}:host([data-variant=pills]) .tab-bar{border-bottom:none;background:var(--color-surface-container-low);border-radius:.75rem;padding:var(--spacing, .25rem)}:host([data-variant=pills]) .tab-header{border-radius:.5rem}:host([data-variant=pills]) .tab-header.is-active{background:var(--color-surface);color:var(--color-on-surface);box-shadow:0 1px 3px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){:host([data-variant=pills]) .tab-header.is-active{box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow) 12%,transparent)}}:host([data-variant=pills]) .tab-header.is-active:after{display:none}:host([data-variant=underline]) .tab-bar{background:transparent}:host([data-variant=underline]) .tab-header{border-radius:0;padding:0 var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 12)}:host([data-variant=underline]) .tab-header.is-active:after{height:3px;border-radius:3px 3px 0 0}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: TabsComponent, isStandalone: true, selector: "emr-tabs", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange", tabChange: "tabChange" }, host: { properties: { "attr.data-variant": "variant()", "class.is-scrollable": "scrollable()" }, classAttribute: "emr-tabs" }, queries: [{ propertyName: "_tabs", predicate: TabComponent, isSignal: true }], exportAs: ["emrTabs"], ngImport: i0, template: "<div class=\"tab-bar\" role=\"tablist\">\n  @for (tab of _tabs(); track $index) {\n    <button\n      class=\"tab-header\"\n      role=\"tab\"\n      [class.is-active]=\"activeIndex() === $index\"\n      [disabled]=\"tab.disabled()\"\n      [attr.aria-selected]=\"activeIndex() === $index\"\n      (click)=\"_select($index)\"\n      type=\"button\"\n    >\n      @if (tab.icon()) {\n        <span class=\"tab-icon\">{{ tab.icon() }}</span>\n      }\n      {{ tab.label() }}\n    </button>\n  }\n</div>\n<div class=\"tab-content\" role=\"tabpanel\">\n  @for (tab of _tabs(); track $index) {\n    @if (activeIndex() === $index) {\n      <ng-container [ngTemplateOutlet]=\"tab.contentRef()\"/>\n    }\n  }\n</div>\n", styles: [":host{--emr-tabs-bar-gap: var(--spacing, .25rem);--emr-tabs-bar-border-color: var(--color-outline-variant);--emr-tabs-header-height: calc(var(--spacing, .25rem) * 10);--emr-tabs-header-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-tabs-header-border-radius: .5rem;--emr-tabs-header-font-size: .875rem;--emr-tabs-header-font-weight: 500;--emr-tabs-header-color: var(--color-on-surface-variant);--emr-tabs-header-active-color: var(--color-primary);--emr-tabs-header-active-bg: var(--color-secondary-container);--emr-tabs-header-hover-bg: var(--color-surface-container);--emr-tabs-indicator-height: 2px;--emr-tabs-indicator-color: var(--color-primary);--emr-tabs-content-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;flex-direction:column}.tab-bar{display:flex;align-items:center;gap:var(--emr-tabs-bar-gap);border-bottom:1px solid var(--emr-tabs-bar-border-color)}:host(.is-scrollable) .tab-bar{overflow-x:auto;scrollbar-width:none}:host(.is-scrollable) .tab-bar::-webkit-scrollbar{display:none}.tab-header{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);height:var(--emr-tabs-header-height);padding:var(--emr-tabs-header-padding);font-size:var(--emr-tabs-header-font-size);font-weight:var(--emr-tabs-header-font-weight);color:var(--emr-tabs-header-color);background:transparent;border:none;border-radius:var(--emr-tabs-header-border-radius);cursor:pointer;white-space:nowrap;position:relative;transition:color .15s,background .15s}.tab-header:hover:not(:disabled){background:var(--emr-tabs-header-hover-bg)}.tab-header.is-active{color:var(--emr-tabs-header-active-color)}.tab-header.is-active:after{content:\"\";position:absolute;bottom:-1px;left:0;right:0;height:var(--emr-tabs-indicator-height);background:var(--emr-tabs-indicator-color);border-radius:var(--emr-tabs-indicator-height) var(--emr-tabs-indicator-height) 0 0}.tab-header:disabled{opacity:.38;cursor:not-allowed}.tab-content{padding:var(--emr-tabs-content-padding)}:host([data-variant=pills]) .tab-bar{border-bottom:none;background:var(--color-surface-container-low);border-radius:.75rem;padding:var(--spacing, .25rem)}:host([data-variant=pills]) .tab-header{border-radius:.5rem}:host([data-variant=pills]) .tab-header.is-active{background:var(--color-surface);color:var(--color-on-surface);box-shadow:0 1px 3px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){:host([data-variant=pills]) .tab-header.is-active{box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow) 12%,transparent)}}:host([data-variant=pills]) .tab-header.is-active:after{display:none}:host([data-variant=underline]) .tab-bar{background:transparent}:host([data-variant=underline]) .tab-header{border-radius:0;padding:0 var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 12)}:host([data-variant=underline]) .tab-header.is-active:after{height:3px;border-radius:3px 3px 0 0}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tabs', exportAs: 'emrTabs', imports: [NgTemplateOutlet], host: {
                         'class': 'emr-tabs',
                         '[attr.data-variant]': 'variant()',
                         '[class.is-scrollable]': 'scrollable()',
-                    }, template: "<div class=\"tab-bar\" role=\"tablist\">\n  @for (tab of _tabs(); track $index) {\n    <button\n      class=\"tab-header\"\n      role=\"tab\"\n      [class.is-active]=\"activeIndex() === $index\"\n      [disabled]=\"tab.disabled()\"\n      [attr.aria-selected]=\"activeIndex() === $index\"\n      (click)=\"_select($index)\"\n      type=\"button\"\n    >\n      @if (tab.icon()) {\n        <span class=\"tab-icon\">{{ tab.icon() }}</span>\n      }\n      {{ tab.label() }}\n    </button>\n  }\n</div>\n<div class=\"tab-content\" role=\"tabpanel\">\n  @for (tab of _tabs(); track $index) {\n    @if (activeIndex() === $index) {\n      <ng-container [ngTemplateOutlet]=\"tab.contentRef()\"/>\n    }\n  }\n</div>\n", styles: [":host{--emr-tabs-bar-gap: var(--spacing, .25rem);--emr-tabs-bar-border-color: var(--color-outline-variant);--emr-tabs-header-height: calc(var(--spacing, .25rem) * 10);--emr-tabs-header-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-tabs-header-border-radius: .5rem;--emr-tabs-header-font-size: .875rem;--emr-tabs-header-font-weight: 500;--emr-tabs-header-color: var(--color-on-surface-variant);--emr-tabs-header-active-color: var(--color-primary);--emr-tabs-header-active-bg: var(--color-secondary-container);--emr-tabs-header-hover-bg: var(--color-surface-container);--emr-tabs-indicator-height: 2px;--emr-tabs-indicator-color: var(--color-primary);--emr-tabs-content-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;flex-direction:column}.tab-bar{display:flex;align-items:center;gap:var(--emr-tabs-bar-gap);border-bottom:1px solid var(--emr-tabs-bar-border-color)}:host(.is-scrollable) .tab-bar{overflow-x:auto;scrollbar-width:none}:host(.is-scrollable) .tab-bar::-webkit-scrollbar{display:none}.tab-header{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);height:var(--emr-tabs-header-height);padding:var(--emr-tabs-header-padding);font-size:var(--emr-tabs-header-font-size);font-weight:var(--emr-tabs-header-font-weight);color:var(--emr-tabs-header-color);background:transparent;border:none;border-radius:var(--emr-tabs-header-border-radius);cursor:pointer;white-space:nowrap;position:relative;transition:color .15s,background .15s}.tab-header:hover:not(:disabled){background:var(--emr-tabs-header-hover-bg)}.tab-header.is-active{color:var(--emr-tabs-header-active-color)}.tab-header.is-active:after{content:\"\";position:absolute;bottom:-1px;left:0;right:0;height:var(--emr-tabs-indicator-height);background:var(--emr-tabs-indicator-color);border-radius:var(--emr-tabs-indicator-height) var(--emr-tabs-indicator-height) 0 0}.tab-header:disabled{opacity:.38;cursor:not-allowed}.tab-content{padding:var(--emr-tabs-content-padding)}:host([data-variant=pills]) .tab-bar{border-bottom:none;background:var(--color-surface-container-low);border-radius:.75rem;padding:var(--spacing, .25rem)}:host([data-variant=pills]) .tab-header{border-radius:.5rem}:host([data-variant=pills]) .tab-header.is-active{background:var(--color-surface);color:var(--color-on-surface);box-shadow:0 1px 3px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){:host([data-variant=pills]) .tab-header.is-active{box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow) 12%,transparent)}}:host([data-variant=pills]) .tab-header.is-active:after{display:none}:host([data-variant=underline]) .tab-bar{background:transparent}:host([data-variant=underline]) .tab-header{border-radius:0;padding:0 var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 12)}:host([data-variant=underline]) .tab-header.is-active:after{height:3px;border-radius:3px 3px 0 0}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"tab-bar\" role=\"tablist\">\n  @for (tab of _tabs(); track $index) {\n    <button\n      class=\"tab-header\"\n      role=\"tab\"\n      [class.is-active]=\"activeIndex() === $index\"\n      [disabled]=\"tab.disabled()\"\n      [attr.aria-selected]=\"activeIndex() === $index\"\n      (click)=\"_select($index)\"\n      type=\"button\"\n    >\n      @if (tab.icon()) {\n        <span class=\"tab-icon\">{{ tab.icon() }}</span>\n      }\n      {{ tab.label() }}\n    </button>\n  }\n</div>\n<div class=\"tab-content\" role=\"tabpanel\">\n  @for (tab of _tabs(); track $index) {\n    @if (activeIndex() === $index) {\n      <ng-container [ngTemplateOutlet]=\"tab.contentRef()\"/>\n    }\n  }\n</div>\n", styles: [":host{--emr-tabs-bar-gap: var(--spacing, .25rem);--emr-tabs-bar-border-color: var(--color-outline-variant);--emr-tabs-header-height: calc(var(--spacing, .25rem) * 10);--emr-tabs-header-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-tabs-header-border-radius: .5rem;--emr-tabs-header-font-size: .875rem;--emr-tabs-header-font-weight: 500;--emr-tabs-header-color: var(--color-on-surface-variant);--emr-tabs-header-active-color: var(--color-primary);--emr-tabs-header-active-bg: var(--color-secondary-container);--emr-tabs-header-hover-bg: var(--color-surface-container);--emr-tabs-indicator-height: 2px;--emr-tabs-indicator-color: var(--color-primary);--emr-tabs-content-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;flex-direction:column}.tab-bar{display:flex;align-items:center;gap:var(--emr-tabs-bar-gap);border-bottom:1px solid var(--emr-tabs-bar-border-color)}:host(.is-scrollable) .tab-bar{overflow-x:auto;scrollbar-width:none}:host(.is-scrollable) .tab-bar::-webkit-scrollbar{display:none}.tab-header{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);height:var(--emr-tabs-header-height);padding:var(--emr-tabs-header-padding);font-size:var(--emr-tabs-header-font-size);font-weight:var(--emr-tabs-header-font-weight);color:var(--emr-tabs-header-color);background:transparent;border:none;border-radius:var(--emr-tabs-header-border-radius);cursor:pointer;white-space:nowrap;position:relative;transition:color .15s,background .15s}.tab-header:hover:not(:disabled){background:var(--emr-tabs-header-hover-bg)}.tab-header.is-active{color:var(--emr-tabs-header-active-color)}.tab-header.is-active:after{content:\"\";position:absolute;bottom:-1px;left:0;right:0;height:var(--emr-tabs-indicator-height);background:var(--emr-tabs-indicator-color);border-radius:var(--emr-tabs-indicator-height) var(--emr-tabs-indicator-height) 0 0}.tab-header:disabled{opacity:.38;cursor:not-allowed}.tab-content{padding:var(--emr-tabs-content-padding)}:host([data-variant=pills]) .tab-bar{border-bottom:none;background:var(--color-surface-container-low);border-radius:.75rem;padding:var(--spacing, .25rem)}:host([data-variant=pills]) .tab-header{border-radius:.5rem}:host([data-variant=pills]) .tab-header.is-active{background:var(--color-surface);color:var(--color-on-surface);box-shadow:0 1px 3px var(--color-shadow)}@supports (color: color-mix(in lab,red,red)){:host([data-variant=pills]) .tab-header.is-active{box-shadow:0 1px 3px color-mix(in srgb,var(--color-shadow) 12%,transparent)}}:host([data-variant=pills]) .tab-header.is-active:after{display:none}:host([data-variant=underline]) .tab-bar{background:transparent}:host([data-variant=underline]) .tab-header{border-radius:0;padding:0 var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 12)}:host([data-variant=underline]) .tab-header.is-active:after{height:3px;border-radius:3px 3px 0 0}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], scrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollable", required: false }] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }], _tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TabComponent), { isSignal: true }] }] } });
 
 /**

package/fesm2022/elementar-rt-components-tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-tabs.mjs","sources":["../../../projects/components/tabs/src/tab/tab.component.ts","../../../projects/components/tabs/src/tabs/tabs.component.ts","../../../projects/components/tabs/src/tabs/tabs.component.html","../../../projects/components/tabs/elementar-rt-components-tabs.ts"],"sourcesContent":["import { booleanAttribute, Component, input, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'emr-tab',\n  exportAs: 'emrTab',\n  template: `\n    <ng-template #content>\n      <ng-content/>\n    </ng-template>\n  `,\n})\nexport class TabComponent {\n  label = input('');\n  icon = input('');\n  disabled = input(false, { transform: booleanAttribute });\n\n  readonly contentRef = viewChild.required<TemplateRef<any>>('content');\n}\n","import {\n  booleanAttribute,\n  Component,\n  contentChildren,\n  input,\n  model,\n  output\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TabComponent } from '../tab/tab.component';\n\nexport type TabsVariant = 'default' | 'pills' | 'underline';\n\n@Component({\n  selector: 'emr-tabs',\n  exportAs: 'emrTabs',\n  imports: [NgTemplateOutlet],\n  templateUrl: './tabs.component.html',\n  styleUrl: './tabs.component.scss',\n  host: {\n    'class': 'emr-tabs',\n    '[attr.data-variant]': 'variant()',\n    '[class.is-scrollable]': 'scrollable()',\n  }\n})\nexport class TabsComponent {\n  activeIndex = model(0);\n  variant = input<TabsVariant>('default');\n  scrollable = input(false, { transform: booleanAttribute });\n\n  readonly tabChange = output<number>();\n\n  protected readonly _tabs = contentChildren(TabComponent);\n\n  protected _select(index: number) {\n    if (this._tabs()[index]?.disabled()) return;\n    this.activeIndex.set(index);\n    this.tabChange.emit(index);\n  }\n}\n","<div class=\"tab-bar\" role=\"tablist\">\n  @for (tab of _tabs(); track $index) {\n    <button\n      class=\"tab-header\"\n      role=\"tab\"\n      [class.is-active]=\"activeIndex() === $index\"\n      [disabled]=\"tab.disabled()\"\n      [attr.aria-selected]=\"activeIndex() === $index\"\n      (click)=\"_select($index)\"\n      type=\"button\"\n    >\n      @if (tab.icon()) {\n        <span class=\"tab-icon\">{{ tab.icon() }}</span>\n      }\n      {{ tab.label() }}\n    </button>\n  }\n</div>\n<div class=\"tab-content\" role=\"tabpanel\">\n  @for (tab of _tabs(); track $index) {\n    @if (activeIndex() === $index) {\n      <ng-container [ngTemplateOutlet]=\"tab.contentRef()\"/>\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-tabs.mjs","sources":["../../../projects/components/tabs/src/tab/tab.component.ts","../../../projects/components/tabs/src/tabs/tabs.component.ts","../../../projects/components/tabs/src/tabs/tabs.component.html","../../../projects/components/tabs/elementar-rt-components-tabs.ts"],"sourcesContent":["import { booleanAttribute, Component, input, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n  selector: 'emr-tab',\n  exportAs: 'emrTab',\n  template: `\n    <ng-template #content>\n      <ng-content/>\n    </ng-template>\n  `,\n})\nexport class TabComponent {\n  label = input('');\n  icon = input('');\n  disabled = input(false, { transform: booleanAttribute });\n\n  readonly contentRef = viewChild.required<TemplateRef<any>>('content');\n}\n","import {\n  booleanAttribute,\n  Component,\n  contentChildren,\n  input,\n  model,\n  output\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TabComponent } from '../tab/tab.component';\n\nexport type TabsVariant = 'default' | 'pills' | 'underline';\n\n@Component({\n  selector: 'emr-tabs',\n  exportAs: 'emrTabs',\n  imports: [NgTemplateOutlet],\n  templateUrl: './tabs.component.html',\n  styleUrl: './tabs.component.scss',\n  host: {\n    'class': 'emr-tabs',\n    '[attr.data-variant]': 'variant()',\n    '[class.is-scrollable]': 'scrollable()',\n  }\n})\nexport class TabsComponent {\n  activeIndex = model(0);\n  variant = input<TabsVariant>('default');\n  scrollable = input(false, { transform: booleanAttribute });\n\n  readonly tabChange = output<number>();\n\n  protected readonly _tabs = contentChildren(TabComponent);\n\n  protected _select(index: number) {\n    if (this._tabs()[index]?.disabled()) return;\n    this.activeIndex.set(index);\n    this.tabChange.emit(index);\n  }\n}\n","<div class=\"tab-bar\" role=\"tablist\">\n  @for (tab of _tabs(); track $index) {\n    <button\n      class=\"tab-header\"\n      role=\"tab\"\n      [class.is-active]=\"activeIndex() === $index\"\n      [disabled]=\"tab.disabled()\"\n      [attr.aria-selected]=\"activeIndex() === $index\"\n      (click)=\"_select($index)\"\n      type=\"button\"\n    >\n      @if (tab.icon()) {\n        <span class=\"tab-icon\">{{ tab.icon() }}</span>\n      }\n      {{ tab.label() }}\n    </button>\n  }\n</div>\n<div class=\"tab-content\" role=\"tabpanel\">\n  @for (tab of _tabs(); track $index) {\n    @if (activeIndex() === $index) {\n      <ng-container [ngTemplateOutlet]=\"tab.contentRef()\"/>\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-tag.mjs

@@ -3,21 +3,21 @@ import { input, booleanAttribute, ChangeDetectionStrategy, Component } from '@an
 import { NgClass } from '@angular/common';
 
 class TagComponent {
-    variant = input('soft', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    color = input('default', ...(ngDevMode ? [{ debugName: "color" }] : []));
-    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    dot = input(false, ...(ngDevMode ? [{ debugName: "dot", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TagComponent, isStandalone: true, selector: "emr-tag", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()", "attr.data-color": "color()", "attr.data-size": "size()" } }, ngImport: i0, template: "@if (dot()) {\n  <span class=\"tag-dot\"></span>\n}\n@if (icon()) {\n  <span class=\"tag-icon\">{{ icon() }}</span>\n}\n<span class=\"tag-content\"><ng-content /></span>\n", styles: [":host{--emr-tag-bg: var(--color-surface-container);--emr-tag-color: var(--color-on-surface);--emr-tag-border: 1px solid transparent;--emr-tag-dot-color: var(--color-on-surface-variant);display:inline-flex;align-items:center;gap:var(--spacing, .25rem);font-weight:500;border-radius:9999px;background:var(--emr-tag-bg);color:var(--emr-tag-color);border:var(--emr-tag-border);white-space:nowrap;line-height:1}:host[data-size=sm]{font-size:.75rem;padding:calc(var(--spacing, .25rem) * .5) calc(var(--spacing, .25rem) * 2)}:host[data-size=md]{font-size:.75rem;padding:var(--spacing, .25rem) calc(var(--spacing, .25rem) * 2.5)}:host[data-size=lg]{font-size:.875rem;padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 3)}:host[data-variant=filled][data-color=default]{--emr-tag-bg: var(--color-on-surface);--emr-tag-color: var(--color-surface)}:host[data-variant=filled][data-color=primary]{--emr-tag-bg: var(--color-primary);--emr-tag-color: var(--color-on-primary)}:host[data-variant=filled][data-color=success]{--emr-tag-bg: var(--color-green);--emr-tag-color: #fff}:host[data-variant=filled][data-color=warning]{--emr-tag-bg: var(--color-orange);--emr-tag-color: #fff}:host[data-variant=filled][data-color=error]{--emr-tag-bg: var(--color-red);--emr-tag-color: #fff}:host[data-variant=filled][data-color=info]{--emr-tag-bg: var(--color-blue);--emr-tag-color: #fff}:host[data-variant=soft][data-color=default]{--emr-tag-bg: var(--color-surface-container-high);--emr-tag-color: var(--color-on-surface)}:host[data-variant=soft][data-color=primary]{--emr-tag-bg: var(--color-primary-container);--emr-tag-color: var(--color-on-primary-container)}:host[data-variant=soft][data-color=success]{--emr-tag-bg: var(--color-green-container);--emr-tag-color: var(--color-green)}:host[data-variant=soft][data-color=warning]{--emr-tag-bg: var(--color-orange-container);--emr-tag-color: var(--color-orange)}:host[data-variant=soft][data-color=error]{--emr-tag-bg: var(--color-red-container);--emr-tag-color: var(--color-red)}:host[data-variant=soft][data-color=info]{--emr-tag-bg: var(--color-blue-container);--emr-tag-color: var(--color-blue)}:host[data-variant=outlined]{--emr-tag-bg: transparent}:host[data-variant=outlined][data-color=default]{--emr-tag-border: 1px solid var(--color-outline);--emr-tag-color: var(--color-on-surface)}:host[data-variant=outlined][data-color=primary]{--emr-tag-border: 1px solid var(--color-primary);--emr-tag-color: var(--color-primary)}:host[data-variant=outlined][data-color=success]{--emr-tag-border: 1px solid var(--color-green);--emr-tag-color: var(--color-green)}:host[data-variant=outlined][data-color=warning]{--emr-tag-border: 1px solid var(--color-orange);--emr-tag-color: var(--color-orange)}:host[data-variant=outlined][data-color=error]{--emr-tag-border: 1px solid var(--color-red);--emr-tag-color: var(--color-red)}:host[data-variant=outlined][data-color=info]{--emr-tag-border: 1px solid var(--color-blue);--emr-tag-color: var(--color-blue)}.tag-dot{width:calc(var(--spacing, .25rem) * 1.5);height:calc(var(--spacing, .25rem) * 1.5);border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.tag-icon{display:flex;align-items:center;font-size:.8em;flex-shrink:0}.tag-content{display:contents}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    variant = input('soft', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    color = input('default', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    dot = input(false, { ...(ngDevMode ? { debugName: "dot" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: TagComponent, isStandalone: true, selector: "emr-tag", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()", "attr.data-color": "color()", "attr.data-size": "size()" } }, ngImport: i0, template: "@if (dot()) {\n  <span class=\"tag-dot\"></span>\n}\n@if (icon()) {\n  <span class=\"tag-icon\">{{ icon() }}</span>\n}\n<span class=\"tag-content\"><ng-content /></span>\n", styles: [":host{--emr-tag-bg: var(--color-surface-container);--emr-tag-color: var(--color-on-surface);--emr-tag-border: 1px solid transparent;--emr-tag-dot-color: var(--color-on-surface-variant);display:inline-flex;align-items:center;gap:var(--spacing, .25rem);font-weight:500;border-radius:9999px;background:var(--emr-tag-bg);color:var(--emr-tag-color);border:var(--emr-tag-border);white-space:nowrap;line-height:1}:host[data-size=sm]{font-size:.75rem;padding:calc(var(--spacing, .25rem) * .5) calc(var(--spacing, .25rem) * 2)}:host[data-size=md]{font-size:.75rem;padding:var(--spacing, .25rem) calc(var(--spacing, .25rem) * 2.5)}:host[data-size=lg]{font-size:.875rem;padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 3)}:host[data-variant=filled][data-color=default]{--emr-tag-bg: var(--color-on-surface);--emr-tag-color: var(--color-surface)}:host[data-variant=filled][data-color=primary]{--emr-tag-bg: var(--color-primary);--emr-tag-color: var(--color-on-primary)}:host[data-variant=filled][data-color=success]{--emr-tag-bg: var(--color-green);--emr-tag-color: #fff}:host[data-variant=filled][data-color=warning]{--emr-tag-bg: var(--color-orange);--emr-tag-color: #fff}:host[data-variant=filled][data-color=error]{--emr-tag-bg: var(--color-red);--emr-tag-color: #fff}:host[data-variant=filled][data-color=info]{--emr-tag-bg: var(--color-blue);--emr-tag-color: #fff}:host[data-variant=soft][data-color=default]{--emr-tag-bg: var(--color-surface-container-high);--emr-tag-color: var(--color-on-surface)}:host[data-variant=soft][data-color=primary]{--emr-tag-bg: var(--color-primary-container);--emr-tag-color: var(--color-on-primary-container)}:host[data-variant=soft][data-color=success]{--emr-tag-bg: var(--color-green-container);--emr-tag-color: var(--color-green)}:host[data-variant=soft][data-color=warning]{--emr-tag-bg: var(--color-orange-container);--emr-tag-color: var(--color-orange)}:host[data-variant=soft][data-color=error]{--emr-tag-bg: var(--color-red-container);--emr-tag-color: var(--color-red)}:host[data-variant=soft][data-color=info]{--emr-tag-bg: var(--color-blue-container);--emr-tag-color: var(--color-blue)}:host[data-variant=outlined]{--emr-tag-bg: transparent}:host[data-variant=outlined][data-color=default]{--emr-tag-border: 1px solid var(--color-outline);--emr-tag-color: var(--color-on-surface)}:host[data-variant=outlined][data-color=primary]{--emr-tag-border: 1px solid var(--color-primary);--emr-tag-color: var(--color-primary)}:host[data-variant=outlined][data-color=success]{--emr-tag-border: 1px solid var(--color-green);--emr-tag-color: var(--color-green)}:host[data-variant=outlined][data-color=warning]{--emr-tag-border: 1px solid var(--color-orange);--emr-tag-color: var(--color-orange)}:host[data-variant=outlined][data-color=error]{--emr-tag-border: 1px solid var(--color-red);--emr-tag-color: var(--color-red)}:host[data-variant=outlined][data-color=info]{--emr-tag-border: 1px solid var(--color-blue);--emr-tag-color: var(--color-blue)}.tag-dot{width:calc(var(--spacing, .25rem) * 1.5);height:calc(var(--spacing, .25rem) * 1.5);border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.tag-icon{display:flex;align-items:center;font-size:.8em;flex-shrink:0}.tag-content{display:contents}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tag', standalone: true, imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-variant]': 'variant()',
                         '[attr.data-color]': 'color()',
                         '[attr.data-size]': 'size()',
-                    }, template: "@if (dot()) {\n  <span class=\"tag-dot\"></span>\n}\n@if (icon()) {\n  <span class=\"tag-icon\">{{ icon() }}</span>\n}\n<span class=\"tag-content\"><ng-content /></span>\n", styles: [":host{--emr-tag-bg: var(--color-surface-container);--emr-tag-color: var(--color-on-surface);--emr-tag-border: 1px solid transparent;--emr-tag-dot-color: var(--color-on-surface-variant);display:inline-flex;align-items:center;gap:var(--spacing, .25rem);font-weight:500;border-radius:9999px;background:var(--emr-tag-bg);color:var(--emr-tag-color);border:var(--emr-tag-border);white-space:nowrap;line-height:1}:host[data-size=sm]{font-size:.75rem;padding:calc(var(--spacing, .25rem) * .5) calc(var(--spacing, .25rem) * 2)}:host[data-size=md]{font-size:.75rem;padding:var(--spacing, .25rem) calc(var(--spacing, .25rem) * 2.5)}:host[data-size=lg]{font-size:.875rem;padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 3)}:host[data-variant=filled][data-color=default]{--emr-tag-bg: var(--color-on-surface);--emr-tag-color: var(--color-surface)}:host[data-variant=filled][data-color=primary]{--emr-tag-bg: var(--color-primary);--emr-tag-color: var(--color-on-primary)}:host[data-variant=filled][data-color=success]{--emr-tag-bg: var(--color-green);--emr-tag-color: #fff}:host[data-variant=filled][data-color=warning]{--emr-tag-bg: var(--color-orange);--emr-tag-color: #fff}:host[data-variant=filled][data-color=error]{--emr-tag-bg: var(--color-red);--emr-tag-color: #fff}:host[data-variant=filled][data-color=info]{--emr-tag-bg: var(--color-blue);--emr-tag-color: #fff}:host[data-variant=soft][data-color=default]{--emr-tag-bg: var(--color-surface-container-high);--emr-tag-color: var(--color-on-surface)}:host[data-variant=soft][data-color=primary]{--emr-tag-bg: var(--color-primary-container);--emr-tag-color: var(--color-on-primary-container)}:host[data-variant=soft][data-color=success]{--emr-tag-bg: var(--color-green-container);--emr-tag-color: var(--color-green)}:host[data-variant=soft][data-color=warning]{--emr-tag-bg: var(--color-orange-container);--emr-tag-color: var(--color-orange)}:host[data-variant=soft][data-color=error]{--emr-tag-bg: var(--color-red-container);--emr-tag-color: var(--color-red)}:host[data-variant=soft][data-color=info]{--emr-tag-bg: var(--color-blue-container);--emr-tag-color: var(--color-blue)}:host[data-variant=outlined]{--emr-tag-bg: transparent}:host[data-variant=outlined][data-color=default]{--emr-tag-border: 1px solid var(--color-outline);--emr-tag-color: var(--color-on-surface)}:host[data-variant=outlined][data-color=primary]{--emr-tag-border: 1px solid var(--color-primary);--emr-tag-color: var(--color-primary)}:host[data-variant=outlined][data-color=success]{--emr-tag-border: 1px solid var(--color-green);--emr-tag-color: var(--color-green)}:host[data-variant=outlined][data-color=warning]{--emr-tag-border: 1px solid var(--color-orange);--emr-tag-color: var(--color-orange)}:host[data-variant=outlined][data-color=error]{--emr-tag-border: 1px solid var(--color-red);--emr-tag-color: var(--color-red)}:host[data-variant=outlined][data-color=info]{--emr-tag-border: 1px solid var(--color-blue);--emr-tag-color: var(--color-blue)}.tag-dot{width:calc(var(--spacing, .25rem) * 1.5);height:calc(var(--spacing, .25rem) * 1.5);border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.tag-icon{display:flex;align-items:center;font-size:.8em;flex-shrink:0}.tag-content{display:contents}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "@if (dot()) {\n  <span class=\"tag-dot\"></span>\n}\n@if (icon()) {\n  <span class=\"tag-icon\">{{ icon() }}</span>\n}\n<span class=\"tag-content\"><ng-content /></span>\n", styles: [":host{--emr-tag-bg: var(--color-surface-container);--emr-tag-color: var(--color-on-surface);--emr-tag-border: 1px solid transparent;--emr-tag-dot-color: var(--color-on-surface-variant);display:inline-flex;align-items:center;gap:var(--spacing, .25rem);font-weight:500;border-radius:9999px;background:var(--emr-tag-bg);color:var(--emr-tag-color);border:var(--emr-tag-border);white-space:nowrap;line-height:1}:host[data-size=sm]{font-size:.75rem;padding:calc(var(--spacing, .25rem) * .5) calc(var(--spacing, .25rem) * 2)}:host[data-size=md]{font-size:.75rem;padding:var(--spacing, .25rem) calc(var(--spacing, .25rem) * 2.5)}:host[data-size=lg]{font-size:.875rem;padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 3)}:host[data-variant=filled][data-color=default]{--emr-tag-bg: var(--color-on-surface);--emr-tag-color: var(--color-surface)}:host[data-variant=filled][data-color=primary]{--emr-tag-bg: var(--color-primary);--emr-tag-color: var(--color-on-primary)}:host[data-variant=filled][data-color=success]{--emr-tag-bg: var(--color-green);--emr-tag-color: #fff}:host[data-variant=filled][data-color=warning]{--emr-tag-bg: var(--color-orange);--emr-tag-color: #fff}:host[data-variant=filled][data-color=error]{--emr-tag-bg: var(--color-red);--emr-tag-color: #fff}:host[data-variant=filled][data-color=info]{--emr-tag-bg: var(--color-blue);--emr-tag-color: #fff}:host[data-variant=soft][data-color=default]{--emr-tag-bg: var(--color-surface-container-high);--emr-tag-color: var(--color-on-surface)}:host[data-variant=soft][data-color=primary]{--emr-tag-bg: var(--color-primary-container);--emr-tag-color: var(--color-on-primary-container)}:host[data-variant=soft][data-color=success]{--emr-tag-bg: var(--color-green-container);--emr-tag-color: var(--color-green)}:host[data-variant=soft][data-color=warning]{--emr-tag-bg: var(--color-orange-container);--emr-tag-color: var(--color-orange)}:host[data-variant=soft][data-color=error]{--emr-tag-bg: var(--color-red-container);--emr-tag-color: var(--color-red)}:host[data-variant=soft][data-color=info]{--emr-tag-bg: var(--color-blue-container);--emr-tag-color: var(--color-blue)}:host[data-variant=outlined]{--emr-tag-bg: transparent}:host[data-variant=outlined][data-color=default]{--emr-tag-border: 1px solid var(--color-outline);--emr-tag-color: var(--color-on-surface)}:host[data-variant=outlined][data-color=primary]{--emr-tag-border: 1px solid var(--color-primary);--emr-tag-color: var(--color-primary)}:host[data-variant=outlined][data-color=success]{--emr-tag-border: 1px solid var(--color-green);--emr-tag-color: var(--color-green)}:host[data-variant=outlined][data-color=warning]{--emr-tag-border: 1px solid var(--color-orange);--emr-tag-color: var(--color-orange)}:host[data-variant=outlined][data-color=error]{--emr-tag-border: 1px solid var(--color-red);--emr-tag-color: var(--color-red)}:host[data-variant=outlined][data-color=info]{--emr-tag-border: 1px solid var(--color-blue);--emr-tag-color: var(--color-blue)}.tag-dot{width:calc(var(--spacing, .25rem) * 1.5);height:calc(var(--spacing, .25rem) * 1.5);border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0}.tag-icon{display:flex;align-items:center;font-size:.8em;flex-shrink:0}.tag-content{display:contents}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "dot", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
 
 /**

package/fesm2022/elementar-rt-components-tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-tag.mjs","sources":["../../../projects/components/tag/src/tag/tag.component.ts","../../../projects/components/tag/src/tag/tag.component.html","../../../projects/components/tag/elementar-rt-components-tag.ts"],"sourcesContent":["import { Component, input, ChangeDetectionStrategy, booleanAttribute } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\nexport type TagVariant = 'filled' | 'soft' | 'outlined';\nexport type TagColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';\nexport type TagSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  selector: 'emr-tag',\n  standalone: true,\n  imports: [NgClass],\n  templateUrl: './tag.component.html',\n  styleUrl: './tag.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-color]': 'color()',\n    '[attr.data-size]': 'size()',\n  }\n})\nexport class TagComponent {\n  variant = input<TagVariant>('soft');\n  color = input<TagColor>('default');\n  size = input<TagSize>('md');\n  dot = input(false, { transform: booleanAttribute });\n  icon = input<string>('');\n}\n","@if (dot()) {\n  <span class=\"tag-dot\"></span>\n}\n@if (icon()) {\n  <span class=\"tag-icon\">{{ icon() }}</span>\n}\n<span class=\"tag-content\"><ng-content /></span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAoBa,YAAY,CAAA;AACvB,IAAA,OAAO,GAAG,KAAK,CAAa,MAAM,mDAAC;AACnC,IAAA,KAAK,GAAG,KAAK,CAAW,SAAS,iDAAC;AAClC,IAAA,IAAI,GAAG,KAAK,CAAU,IAAI,gDAAC;AAC3B,IAAA,GAAG,GAAG,KAAK,CAAC,KAAK,uCAAI,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC;AACnD,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;wGALb,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,uxBCpBzB,6KAOA,EAAA,MAAA,EAAA,CAAA,8vGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDaa,YAAY,EAAA,UAAA,EAAA,CAAA;kBAbxB,SAAS;+BACE,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,OAAA,EACP,CAAC,OAAO,CAAC,EAAA,eAAA,EAGD,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,kBAAkB,EAAE,QAAQ;AAC7B,qBAAA,EAAA,QAAA,EAAA,6KAAA,EAAA,MAAA,EAAA,CAAA,8vGAAA,CAAA,EAAA;;;AElBH;;AAEG;;;;"}
+{"version":3,"file":"elementar-rt-components-tag.mjs","sources":["../../../projects/components/tag/src/tag/tag.component.ts","../../../projects/components/tag/src/tag/tag.component.html","../../../projects/components/tag/elementar-rt-components-tag.ts"],"sourcesContent":["import { Component, input, ChangeDetectionStrategy, booleanAttribute } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\nexport type TagVariant = 'filled' | 'soft' | 'outlined';\nexport type TagColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';\nexport type TagSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  selector: 'emr-tag',\n  standalone: true,\n  imports: [NgClass],\n  templateUrl: './tag.component.html',\n  styleUrl: './tag.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-color]': 'color()',\n    '[attr.data-size]': 'size()',\n  }\n})\nexport class TagComponent {\n  variant = input<TagVariant>('soft');\n  color = input<TagColor>('default');\n  size = input<TagSize>('md');\n  dot = input(false, { transform: booleanAttribute });\n  icon = input<string>('');\n}\n","@if (dot()) {\n  <span class=\"tag-dot\"></span>\n}\n@if (icon()) {\n  <span class=\"tag-icon\">{{ icon() }}</span>\n}\n<span class=\"tag-content\"><ng-content /></span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAoBa,YAAY,CAAA;AACvB,IAAA,OAAO,GAAG,KAAK,CAAa,MAAM,8EAAC;AACnC,IAAA,KAAK,GAAG,KAAK,CAAW,SAAS,4EAAC;AAClC,IAAA,IAAI,GAAG,KAAK,CAAU,IAAI,2EAAC;IAC3B,GAAG,GAAG,KAAK,CAAC,KAAK,2EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACnD,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,2EAAC;wGALb,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,uxBCpBzB,6KAOA,EAAA,MAAA,EAAA,CAAA,8vGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDaa,YAAY,EAAA,UAAA,EAAA,CAAA;kBAbxB,SAAS;+BACE,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,OAAA,EACP,CAAC,OAAO,CAAC,EAAA,eAAA,EAGD,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,kBAAkB,EAAE,QAAQ;AAC7B,qBAAA,EAAA,QAAA,EAAA,6KAAA,EAAA,MAAA,EAAA,CAAA,8vGAAA,CAAA,EAAA;;;AElBH;;AAEG;;"}