npm - @elementar-rt/components - Versions diffs - 0.6.58 → 0.7.0 - Mend

@elementar-rt/components 0.6.58 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (391) hide show

package/fesm2022/elementar-rt-components-tab-panel.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"elementar-rt-components-tab-panel.mjs","sources":["../../../projects/components/tab-panel/src/tab-panel-api.service.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.component.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.component.html","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.component.ts","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.component.html","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.component.ts","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.component.html","../../../projects/components/tab-panel/src/types.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.component.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.component.html","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.component.ts","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.component.html","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.component.ts","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.component.html","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.component.ts","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.component.html","../../../projects/components/tab-panel/src/tab-panel-body/tab-panel-body.component.ts","../../../projects/components/tab-panel/src/tab-panel-body/tab-panel-body.component.html","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.component.ts","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.component.html","../../../projects/components/tab-panel/src/tab-panel-aside-content.directive.ts","../../../projects/components/tab-panel/src/tab-panel-item-icon.directive.ts","../../../projects/components/tab-panel/elementar-rt-components-tab-panel.ts"],"sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\n\n@Injectable()\nexport class TabPanelApiService {\n private _selectionModel = new SelectionModel(false);\n readonly itemIdChanged = new EventEmitter<any>();\n\n activate(id: any, emitEvent = true) {\n this._selectionModel.select(id);\n\n if (emitEvent) {\n this.itemIdChanged.emit(id);\n }\n }\n\n isActive(id: any): boolean {\n return this._selectionModel.isSelected(id);\n }\n\n hasActive(): boolean {\n return this._selectionModel.hasValue();\n }\n}\n","import {\n booleanAttribute,\n Component, DestroyRef,\n inject,\n input,\n OnChanges, OnInit, output,\n SimpleChanges\n} from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n selector: 'emr-tab-panel',\n exportAs: 'emrTabPanel',\n templateUrl: './tab-panel.component.html',\n styleUrl: './tab-panel.component.scss',\n providers: [\n TabPanelApiService\n ],\n host: {\n 'class': 'emr-tab-panel',\n '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',\n '[class.is-compact]': 'compact()',\n }\n})\nexport class TabPanelComponent implements OnInit, OnChanges {\n private _destroyRef = inject(DestroyRef);\n readonly api = inject(TabPanelApiService);\n\n hideContentIfTabNotSelected = input(false, {\n transform: booleanAttribute\n });\n activeItemId = input<any>();\n compact = input(false, {\n transform: booleanAttribute\n });\n\n readonly itemIdChanged = output();\n\n ngOnInit() {\n this.api\n .itemIdChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(() => {\n this.itemIdChanged.emit();\n });\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['activeItemId']) {\n this.api.activate(changes['activeItemId'].currentValue, false);\n }\n }\n}\n","<div class=\"panel\">\n <ng-content select=\"emr-tab-panel-header\"/>\n <ng-content select=\"emr-tab-panel-body\"/>\n <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-header',\n exportAs: 'emrTabPanelHeader',\n templateUrl: './tab-panel-header.component.html',\n styleUrl: './tab-panel-header.component.scss',\n host: {\n 'class': 'emr-tab-panel-header'\n }\n})\nexport class TabPanelHeaderComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-footer',\n exportAs: 'emrTabPanelFooter',\n templateUrl: './tab-panel-footer.component.html',\n styleUrl: './tab-panel-footer.component.scss',\n host: {\n 'class': 'emr-tab-panel-footer'\n }\n})\nexport class TabPanelFooterComponent {\n}\n","<ng-content/>\n","import { InjectionToken } from '@angular/core';\n\nexport const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');\nexport const TAB_PANEL_ASIDE = new InjectionToken('TAB_PANEL_ASIDE');\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { TabPanelNavComponent } from '../tab-panel-nav/tab-panel-nav.component';\nimport { TAB_PANEL_NAV } from '../types';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n selector: 'emr-tab-panel-item',\n exportAs: 'emrTabPanelItem',\n templateUrl: './tab-panel-item.component.html',\n styleUrl: './tab-panel-item.component.scss',\n hostDirectives: [\n MatRipple\n ],\n host: {\n 'class': 'emr-tab-panel-item',\n '[class.is-active]': 'api.isActive(this.for())',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelItemComponent {\n readonly api = inject(TabPanelApiService);\n private _nav = inject<TabPanelNavComponent>(TAB_PANEL_NAV, { optional: true });\n\n for = input<any>(this._nav ? this._nav.nextId++ : null);\n\n protected _handleClick() {\n if (!this.for()) {\n return;\n }\n\n this.api.activate(this.for());\n }\n}\n","<div class=\"icon\">\n <ng-content select=\"[emrTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n <ng-content/>\n</div>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_NAV } from '../types';\n\n@Component({\n selector: 'emr-tab-panel-nav',\n exportAs: 'emrTabPanelNav',\n templateUrl: './tab-panel-nav.component.html',\n styleUrl: './tab-panel-nav.component.scss',\n providers: [\n {\n provide: TAB_PANEL_NAV,\n useExisting: TabPanelNavComponent\n }\n ],\n host: {\n 'class': 'emr-tab-panel-nav'\n }\n})\nexport class TabPanelNavComponent {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-item-text',\n exportAs: 'emrTabPanelItemText',\n templateUrl: './tab-panel-item-text.component.html',\n styleUrl: './tab-panel-item-text.component.scss',\n host: {\n 'class': 'emr-tab-panel-item-text'\n }\n})\nexport class TabPanelItemTextComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_ASIDE } from '../types';\n\n@Component({\n selector: 'emr-tab-panel-aside',\n exportAs: 'emrTabPanelAside',\n templateUrl: './tab-panel-aside.component.html',\n styleUrl: './tab-panel-aside.component.scss',\n providers: [\n {\n provide: TAB_PANEL_ASIDE,\n useExisting: TabPanelAsideComponent\n }\n ],\n host: {\n 'class': 'emr-tab-panel-aside'\n }\n})\nexport class TabPanelAsideComponent {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-body',\n exportAs: 'emrTabPanelBody',\n templateUrl: './tab-panel-body.component.html',\n styleUrl: './tab-panel-body.component.scss',\n host: {\n 'class': 'emr-tab-panel-body'\n }\n})\nexport class TabPanelBodyComponent {\n\n}\n","<ng-content/>\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\n\n@Component({\n selector: 'emr-tab-panel-custom-item',\n exportAs: 'emrTabPanelCustomItem',\n templateUrl: './tab-panel-custom-item.component.html',\n styleUrl: './tab-panel-custom-item.component.scss',\n host: {\n 'class': 'emr-tab-panel-custom-item',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelCustomItemComponent {\n readonly api = inject(TabPanelApiService);\n\n for = input<any>();\n\n protected _handleClick() {\n if (!this.for()) {\n return;\n }\n\n this.api.activate(this.for());\n }\n}\n","<ng-content/>\n","import {\n DestroyRef,\n Directive,\n inject, input,\n OnInit,\n TemplateRef,\n ViewContainerRef\n} from '@angular/core';\nimport { TabPanelApiService } from './tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TAB_PANEL_ASIDE } from './types';\nimport { TabPanelAsideComponent } from './tab-panel-aside/tab-panel-aside.component';\n\n@Directive({\n selector: '[emrTabPanelAsideContent]',\n exportAs: 'emrTabPanelAsideContent'\n})\nexport class TabPanelAsideContentDirective implements OnInit {\n private _aside = inject<TabPanelAsideComponent>(TAB_PANEL_ASIDE, { optional: true });\n private _api = inject(TabPanelApiService);\n private _templateRef = inject(TemplateRef);\n private _viewContainer = inject(ViewContainerRef);\n private _destroyRef = inject(DestroyRef);\n\n id = input<any>(this._aside ? this._aside.nextId++ : null, {\n alias: 'emrTabPanelAsideContent'\n });\n\n ngOnInit() {\n if (this._api.isActive(this.id())) {\n this._show();\n } else {\n this._hide();\n }\n\n this._api.itemIdChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(id => {\n if (this.id() === id) {\n this._show();\n } else {\n this._hide();\n }\n })\n ;\n }\n\n private _show() {\n this._viewContainer.clear();\n this._viewContainer.createEmbeddedView(this._templateRef);\n }\n\n private _hide() {\n this._viewContainer.clear();\n }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[emrTabPanelItemIcon]',\n exportAs: 'emrTabPanelItemIcon',\n host: {\n 'class': 'emr-tab-panel-item-icon'\n }\n})\nexport class TabPanelItemIconDirective {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"elementar-rt-components-tab-panel.mjs","sources":["../../../projects/components/tab-panel/src/tab-panel-api.service.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.component.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.component.html","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.component.ts","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.component.html","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.component.ts","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.component.html","../../../projects/components/tab-panel/src/types.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.component.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.component.html","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.component.ts","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.component.html","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.component.ts","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.component.html","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.component.ts","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.component.html","../../../projects/components/tab-panel/src/tab-panel-body/tab-panel-body.component.ts","../../../projects/components/tab-panel/src/tab-panel-body/tab-panel-body.component.html","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.component.ts","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.component.html","../../../projects/components/tab-panel/src/tab-panel-aside-content.directive.ts","../../../projects/components/tab-panel/src/tab-panel-item-icon.directive.ts","../../../projects/components/tab-panel/elementar-rt-components-tab-panel.ts"],"sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\n\n@Injectable()\nexport class TabPanelApiService {\n private _selectionModel = new SelectionModel(false);\n readonly itemIdChanged = new EventEmitter<any>();\n\n activate(id: any, emitEvent = true) {\n this._selectionModel.select(id);\n\n if (emitEvent) {\n this.itemIdChanged.emit(id);\n }\n }\n\n isActive(id: any): boolean {\n return this._selectionModel.isSelected(id);\n }\n\n hasActive(): boolean {\n return this._selectionModel.hasValue();\n }\n}\n","import {\n booleanAttribute,\n Component, DestroyRef,\n inject,\n input,\n OnChanges, OnInit, output,\n SimpleChanges\n} from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n selector: 'emr-tab-panel',\n exportAs: 'emrTabPanel',\n templateUrl: './tab-panel.component.html',\n styleUrl: './tab-panel.component.scss',\n providers: [\n TabPanelApiService\n ],\n host: {\n 'class': 'emr-tab-panel',\n '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',\n '[class.is-compact]': 'compact()',\n }\n})\nexport class TabPanelComponent implements OnInit, OnChanges {\n private _destroyRef = inject(DestroyRef);\n readonly api = inject(TabPanelApiService);\n\n hideContentIfTabNotSelected = input(false, {\n transform: booleanAttribute\n });\n activeItemId = input<any>();\n compact = input(false, {\n transform: booleanAttribute\n });\n\n readonly itemIdChanged = output();\n\n ngOnInit() {\n this.api\n .itemIdChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(() => {\n this.itemIdChanged.emit();\n });\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes['activeItemId']) {\n this.api.activate(changes['activeItemId'].currentValue, false);\n }\n }\n}\n","<div class=\"panel\">\n <ng-content select=\"emr-tab-panel-header\"/>\n <ng-content select=\"emr-tab-panel-body\"/>\n <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-header',\n exportAs: 'emrTabPanelHeader',\n templateUrl: './tab-panel-header.component.html',\n styleUrl: './tab-panel-header.component.scss',\n host: {\n 'class': 'emr-tab-panel-header'\n }\n})\nexport class TabPanelHeaderComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-footer',\n exportAs: 'emrTabPanelFooter',\n templateUrl: './tab-panel-footer.component.html',\n styleUrl: './tab-panel-footer.component.scss',\n host: {\n 'class': 'emr-tab-panel-footer'\n }\n})\nexport class TabPanelFooterComponent {\n}\n","<ng-content/>\n","import { InjectionToken } from '@angular/core';\n\nexport const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');\nexport const TAB_PANEL_ASIDE = new InjectionToken('TAB_PANEL_ASIDE');\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { TabPanelNavComponent } from '../tab-panel-nav/tab-panel-nav.component';\nimport { TAB_PANEL_NAV } from '../types';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n selector: 'emr-tab-panel-item',\n exportAs: 'emrTabPanelItem',\n templateUrl: './tab-panel-item.component.html',\n styleUrl: './tab-panel-item.component.scss',\n hostDirectives: [\n MatRipple\n ],\n host: {\n 'class': 'emr-tab-panel-item',\n '[class.is-active]': 'api.isActive(this.for())',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelItemComponent {\n readonly api = inject(TabPanelApiService);\n private _nav = inject<TabPanelNavComponent>(TAB_PANEL_NAV, { optional: true });\n\n for = input<any>(this._nav ? this._nav.nextId++ : null);\n\n protected _handleClick() {\n if (!this.for()) {\n return;\n }\n\n this.api.activate(this.for());\n }\n}\n","<div class=\"icon\">\n <ng-content select=\"[emrTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n <ng-content/>\n</div>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_NAV } from '../types';\n\n@Component({\n selector: 'emr-tab-panel-nav',\n exportAs: 'emrTabPanelNav',\n templateUrl: './tab-panel-nav.component.html',\n styleUrl: './tab-panel-nav.component.scss',\n providers: [\n {\n provide: TAB_PANEL_NAV,\n useExisting: TabPanelNavComponent\n }\n ],\n host: {\n 'class': 'emr-tab-panel-nav'\n }\n})\nexport class TabPanelNavComponent {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-item-text',\n exportAs: 'emrTabPanelItemText',\n templateUrl: './tab-panel-item-text.component.html',\n styleUrl: './tab-panel-item-text.component.scss',\n host: {\n 'class': 'emr-tab-panel-item-text'\n }\n})\nexport class TabPanelItemTextComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_ASIDE } from '../types';\n\n@Component({\n selector: 'emr-tab-panel-aside',\n exportAs: 'emrTabPanelAside',\n templateUrl: './tab-panel-aside.component.html',\n styleUrl: './tab-panel-aside.component.scss',\n providers: [\n {\n provide: TAB_PANEL_ASIDE,\n useExisting: TabPanelAsideComponent\n }\n ],\n host: {\n 'class': 'emr-tab-panel-aside'\n }\n})\nexport class TabPanelAsideComponent {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-body',\n exportAs: 'emrTabPanelBody',\n templateUrl: './tab-panel-body.component.html',\n styleUrl: './tab-panel-body.component.scss',\n host: {\n 'class': 'emr-tab-panel-body'\n }\n})\nexport class TabPanelBodyComponent {\n\n}\n","<ng-content/>\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\n\n@Component({\n selector: 'emr-tab-panel-custom-item',\n exportAs: 'emrTabPanelCustomItem',\n templateUrl: './tab-panel-custom-item.component.html',\n styleUrl: './tab-panel-custom-item.component.scss',\n host: {\n 'class': 'emr-tab-panel-custom-item',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelCustomItemComponent {\n readonly api = inject(TabPanelApiService);\n\n for = input<any>();\n\n protected _handleClick() {\n if (!this.for()) {\n return;\n }\n\n this.api.activate(this.for());\n }\n}\n","<ng-content/>\n","import {\n DestroyRef,\n Directive,\n inject, input,\n OnInit,\n TemplateRef,\n ViewContainerRef\n} from '@angular/core';\nimport { TabPanelApiService } from './tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TAB_PANEL_ASIDE } from './types';\nimport { TabPanelAsideComponent } from './tab-panel-aside/tab-panel-aside.component';\n\n@Directive({\n selector: '[emrTabPanelAsideContent]',\n exportAs: 'emrTabPanelAsideContent'\n})\nexport class TabPanelAsideContentDirective implements OnInit {\n private _aside = inject<TabPanelAsideComponent>(TAB_PANEL_ASIDE, { optional: true });\n private _api = inject(TabPanelApiService);\n private _templateRef = inject(TemplateRef);\n private _viewContainer = inject(ViewContainerRef);\n private _destroyRef = inject(DestroyRef);\n\n id = input<any>(this._aside ? this._aside.nextId++ : null, {\n alias: 'emrTabPanelAsideContent'\n });\n\n ngOnInit() {\n if (this._api.isActive(this.id())) {\n this._show();\n } else {\n this._hide();\n }\n\n this._api.itemIdChanged\n .pipe(takeUntilDestroyed(this._destroyRef))\n .subscribe(id => {\n if (this.id() === id) {\n this._show();\n } else {\n this._hide();\n }\n })\n ;\n }\n\n private _show() {\n this._viewContainer.clear();\n this._viewContainer.createEmbeddedView(this._templateRef);\n }\n\n private _hide() {\n this._viewContainer.clear();\n }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n selector: '[emrTabPanelItemIcon]',\n exportAs: 'emrTabPanelItemIcon',\n host: {\n 'class': 'emr-tab-panel-item-icon'\n }\n})\nexport class TabPanelItemIconDirective {\n}\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-table.mjs CHANGED Viewed

@@ -3,23 +3,23 @@ import { input, booleanAttribute, output, signal, computed, Component } from '@a
 import { NgTemplateOutlet } from '@angular/common';
 class TableComponent {
-    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
-    rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : []));
-    striped = input(false, ...(ngDevMode ? [{ debugName: "striped", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    bordered = input(false, ...(ngDevMode ? [{ debugName: "bordered", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    hoverable = input(true, ...(ngDevMode ? [{ debugName: "hoverable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    selectable = input(false, ...(ngDevMode ? [{ debugName: "selectable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    stickyHeader = input(false, ...(ngDevMode ? [{ debugName: "stickyHeader", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    rowTemplate = input(null, ...(ngDevMode ? [{ debugName: "rowTemplate" }] : []));
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    striped = input(false, { ...(ngDevMode ? { debugName: "striped" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    bordered = input(false, { ...(ngDevMode ? { debugName: "bordered" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    hoverable = input(true, { ...(ngDevMode ? { debugName: "hoverable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    selectable = input(false, { ...(ngDevMode ? { debugName: "selectable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    stickyHeader = input(false, { ...(ngDevMode ? { debugName: "stickyHeader" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    rowTemplate = input(null, ...(ngDevMode ? [{ debugName: "rowTemplate" }] : /* istanbul ignore next */ []));
     sortChange = output();
     selectionChange = output();
-    _sortColumn = signal('', ...(ngDevMode ? [{ debugName: "_sortColumn" }] : []));
-    _sortDirection = signal(null, ...(ngDevMode ? [{ debugName: "_sortDirection" }] : []));
-    _selectedRows = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selectedRows" }] : []));
+    _sortColumn = signal('', ...(ngDevMode ? [{ debugName: "_sortColumn" }] : /* istanbul ignore next */ []));
+    _sortDirection = signal(null, ...(ngDevMode ? [{ debugName: "_sortDirection" }] : /* istanbul ignore next */ []));
+    _selectedRows = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selectedRows" }] : /* istanbul ignore next */ []));
     _allSelected = computed(() => {
         const rows = this.rows();
         return rows.length > 0 && this._selectedRows().size === rows.length;
-    }, ...(ngDevMode ? [{ debugName: "_allSelected" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "_allSelected" }] : /* istanbul ignore next */ []));
     _cellValue(row, col) {
         if (col.cell)
             return col.cell(row);
@@ -63,17 +63,17 @@ class TableComponent {
             return 'unfold_more';
         return this._sortDirection() === 'asc' ? 'arrow_upward' : 'arrow_downward';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TableComponent, isStandalone: true, selector: "emr-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, hoverable: { classPropertyName: "hoverable", publicName: "hoverable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, rowTemplate: { classPropertyName: "rowTemplate", publicName: "rowTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChange: "sortChange", selectionChange: "selectionChange" }, host: { properties: { "class.is-striped": "striped()", "class.is-bordered": "bordered()", "class.is-hoverable": "hoverable()" }, classAttribute: "emr-table-wrapper" }, exportAs: ["emrTable"], ngImport: i0, template: "<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", styles: [":host{--emr-table-border-color: var(--color-outline-variant);--emr-table-header-bg: var(--color-surface-container-low);--emr-table-header-color: var(--color-on-surface-variant);--emr-table-header-font-weight: 600;--emr-table-header-font-size: .75rem;--emr-table-row-hover-bg: var(--color-surface-container);--emr-table-row-selected-bg: var(--color-secondary-container);--emr-table-row-striped-bg: var(--color-surface-container-lowest);--emr-table-cell-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 4);--emr-table-border-radius: .75rem;display:block;width:100%}.table-scroll{overflow-x:auto;border-radius:var(--emr-table-border-radius);border:1px solid var(--emr-table-border-color)}.emr-table{width:100%;border-collapse:collapse;font-size:.875rem}.emr-table thead{background:var(--emr-table-header-bg)}.emr-table thead.is-sticky th{position:sticky;top:0;z-index:2;background:var(--emr-table-header-bg)}.emr-table thead th{padding:var(--emr-table-cell-padding);text-align:start;font-weight:var(--emr-table-header-font-weight);font-size:var(--emr-table-header-font-size);color:var(--emr-table-header-color);white-space:nowrap;border-bottom:1px solid var(--emr-table-border-color);text-transform:uppercase;letter-spacing:.05em}.emr-table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emr-table thead th.is-sortable:hover .sort-icon{opacity:1}.emr-table thead th.is-sticky{position:sticky;left:0;z-index:3;background:var(--emr-table-header-bg)}.emr-table thead .th-content{display:flex;align-items:center;gap:var(--spacing, .25rem)}.emr-table thead .sort-icon{font-family:Material Icons;font-size:1rem;opacity:.4;transition:opacity .15s}.emr-table thead .is-sorted .sort-icon{opacity:1}.emr-table tbody tr{transition:background .1s;border-bottom:1px solid var(--emr-table-border-color)}.emr-table tbody tr:last-child{border-bottom:none}.emr-table tbody td{padding:var(--emr-table-cell-padding)}.emr-table tbody td.is-sticky{position:sticky;left:0;background:var(--color-surface);z-index:1}.emr-table :host(.is-hoverable) tbody tr:hover{background:var(--emr-table-row-hover-bg)}.emr-table :host(.is-striped) tbody tr:nth-child(2n){background:var(--emr-table-row-striped-bg)}:host(.is-bordered) .emr-table th,:host(.is-bordered) .emr-table td{border:1px solid var(--emr-table-border-color)}.emr-table .is-selected{background:var(--emr-table-row-selected-bg)!important}.emr-table .col-check{width:calc(var(--spacing, .25rem) * 12);padding-inline:calc(var(--spacing, .25rem) * 3)}.emr-table .empty-row td{text-align:center;padding:calc(var(--spacing, .25rem) * 12);color:var(--color-on-surface-variant)}\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: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: TableComponent, isStandalone: true, selector: "emr-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, hoverable: { classPropertyName: "hoverable", publicName: "hoverable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, rowTemplate: { classPropertyName: "rowTemplate", publicName: "rowTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChange: "sortChange", selectionChange: "selectionChange" }, host: { properties: { "class.is-striped": "striped()", "class.is-bordered": "bordered()", "class.is-hoverable": "hoverable()" }, classAttribute: "emr-table-wrapper" }, exportAs: ["emrTable"], ngImport: i0, template: "<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", styles: [":host{--emr-table-border-color: var(--color-outline-variant);--emr-table-header-bg: var(--color-surface-container-low);--emr-table-header-color: var(--color-on-surface-variant);--emr-table-header-font-weight: 600;--emr-table-header-font-size: .75rem;--emr-table-row-hover-bg: var(--color-surface-container);--emr-table-row-selected-bg: var(--color-secondary-container);--emr-table-row-striped-bg: var(--color-surface-container-lowest);--emr-table-cell-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 4);--emr-table-border-radius: .75rem;display:block;width:100%}.table-scroll{overflow-x:auto;border-radius:var(--emr-table-border-radius);border:1px solid var(--emr-table-border-color)}.emr-table{width:100%;border-collapse:collapse;font-size:.875rem}.emr-table thead{background:var(--emr-table-header-bg)}.emr-table thead.is-sticky th{position:sticky;top:0;z-index:2;background:var(--emr-table-header-bg)}.emr-table thead th{padding:var(--emr-table-cell-padding);text-align:start;font-weight:var(--emr-table-header-font-weight);font-size:var(--emr-table-header-font-size);color:var(--emr-table-header-color);white-space:nowrap;border-bottom:1px solid var(--emr-table-border-color);text-transform:uppercase;letter-spacing:.05em}.emr-table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emr-table thead th.is-sortable:hover .sort-icon{opacity:1}.emr-table thead th.is-sticky{position:sticky;left:0;z-index:3;background:var(--emr-table-header-bg)}.emr-table thead .th-content{display:flex;align-items:center;gap:var(--spacing, .25rem)}.emr-table thead .sort-icon{font-family:Material Icons;font-size:1rem;opacity:.4;transition:opacity .15s}.emr-table thead .is-sorted .sort-icon{opacity:1}.emr-table tbody tr{transition:background .1s;border-bottom:1px solid var(--emr-table-border-color)}.emr-table tbody tr:last-child{border-bottom:none}.emr-table tbody td{padding:var(--emr-table-cell-padding)}.emr-table tbody td.is-sticky{position:sticky;left:0;background:var(--color-surface);z-index:1}.emr-table :host(.is-hoverable) tbody tr:hover{background:var(--emr-table-row-hover-bg)}.emr-table :host(.is-striped) tbody tr:nth-child(2n){background:var(--emr-table-row-striped-bg)}:host(.is-bordered) .emr-table th,:host(.is-bordered) .emr-table td{border:1px solid var(--emr-table-border-color)}.emr-table .is-selected{background:var(--emr-table-row-selected-bg)!important}.emr-table .col-check{width:calc(var(--spacing, .25rem) * 12);padding-inline:calc(var(--spacing, .25rem) * 3)}.emr-table .empty-row td{text-align:center;padding:calc(var(--spacing, .25rem) * 12);color:var(--color-on-surface-variant)}\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: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-table', exportAs: 'emrTable', imports: [NgTemplateOutlet], host: {
                         'class': 'emr-table-wrapper',
                         '[class.is-striped]': 'striped()',
                         '[class.is-bordered]': 'bordered()',
                         '[class.is-hoverable]': 'hoverable()',
-                    }, template: "<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", styles: [":host{--emr-table-border-color: var(--color-outline-variant);--emr-table-header-bg: var(--color-surface-container-low);--emr-table-header-color: var(--color-on-surface-variant);--emr-table-header-font-weight: 600;--emr-table-header-font-size: .75rem;--emr-table-row-hover-bg: var(--color-surface-container);--emr-table-row-selected-bg: var(--color-secondary-container);--emr-table-row-striped-bg: var(--color-surface-container-lowest);--emr-table-cell-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 4);--emr-table-border-radius: .75rem;display:block;width:100%}.table-scroll{overflow-x:auto;border-radius:var(--emr-table-border-radius);border:1px solid var(--emr-table-border-color)}.emr-table{width:100%;border-collapse:collapse;font-size:.875rem}.emr-table thead{background:var(--emr-table-header-bg)}.emr-table thead.is-sticky th{position:sticky;top:0;z-index:2;background:var(--emr-table-header-bg)}.emr-table thead th{padding:var(--emr-table-cell-padding);text-align:start;font-weight:var(--emr-table-header-font-weight);font-size:var(--emr-table-header-font-size);color:var(--emr-table-header-color);white-space:nowrap;border-bottom:1px solid var(--emr-table-border-color);text-transform:uppercase;letter-spacing:.05em}.emr-table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emr-table thead th.is-sortable:hover .sort-icon{opacity:1}.emr-table thead th.is-sticky{position:sticky;left:0;z-index:3;background:var(--emr-table-header-bg)}.emr-table thead .th-content{display:flex;align-items:center;gap:var(--spacing, .25rem)}.emr-table thead .sort-icon{font-family:Material Icons;font-size:1rem;opacity:.4;transition:opacity .15s}.emr-table thead .is-sorted .sort-icon{opacity:1}.emr-table tbody tr{transition:background .1s;border-bottom:1px solid var(--emr-table-border-color)}.emr-table tbody tr:last-child{border-bottom:none}.emr-table tbody td{padding:var(--emr-table-cell-padding)}.emr-table tbody td.is-sticky{position:sticky;left:0;background:var(--color-surface);z-index:1}.emr-table :host(.is-hoverable) tbody tr:hover{background:var(--emr-table-row-hover-bg)}.emr-table :host(.is-striped) tbody tr:nth-child(2n){background:var(--emr-table-row-striped-bg)}:host(.is-bordered) .emr-table th,:host(.is-bordered) .emr-table td{border:1px solid var(--emr-table-border-color)}.emr-table .is-selected{background:var(--emr-table-row-selected-bg)!important}.emr-table .col-check{width:calc(var(--spacing, .25rem) * 12);padding-inline:calc(var(--spacing, .25rem) * 3)}.emr-table .empty-row td{text-align:center;padding:calc(var(--spacing, .25rem) * 12);color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<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", styles: [":host{--emr-table-border-color: var(--color-outline-variant);--emr-table-header-bg: var(--color-surface-container-low);--emr-table-header-color: var(--color-on-surface-variant);--emr-table-header-font-weight: 600;--emr-table-header-font-size: .75rem;--emr-table-row-hover-bg: var(--color-surface-container);--emr-table-row-selected-bg: var(--color-secondary-container);--emr-table-row-striped-bg: var(--color-surface-container-lowest);--emr-table-cell-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 4);--emr-table-border-radius: .75rem;display:block;width:100%}.table-scroll{overflow-x:auto;border-radius:var(--emr-table-border-radius);border:1px solid var(--emr-table-border-color)}.emr-table{width:100%;border-collapse:collapse;font-size:.875rem}.emr-table thead{background:var(--emr-table-header-bg)}.emr-table thead.is-sticky th{position:sticky;top:0;z-index:2;background:var(--emr-table-header-bg)}.emr-table thead th{padding:var(--emr-table-cell-padding);text-align:start;font-weight:var(--emr-table-header-font-weight);font-size:var(--emr-table-header-font-size);color:var(--emr-table-header-color);white-space:nowrap;border-bottom:1px solid var(--emr-table-border-color);text-transform:uppercase;letter-spacing:.05em}.emr-table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emr-table thead th.is-sortable:hover .sort-icon{opacity:1}.emr-table thead th.is-sticky{position:sticky;left:0;z-index:3;background:var(--emr-table-header-bg)}.emr-table thead .th-content{display:flex;align-items:center;gap:var(--spacing, .25rem)}.emr-table thead .sort-icon{font-family:Material Icons;font-size:1rem;opacity:.4;transition:opacity .15s}.emr-table thead .is-sorted .sort-icon{opacity:1}.emr-table tbody tr{transition:background .1s;border-bottom:1px solid var(--emr-table-border-color)}.emr-table tbody tr:last-child{border-bottom:none}.emr-table tbody td{padding:var(--emr-table-cell-padding)}.emr-table tbody td.is-sticky{position:sticky;left:0;background:var(--color-surface);z-index:1}.emr-table :host(.is-hoverable) tbody tr:hover{background:var(--emr-table-row-hover-bg)}.emr-table :host(.is-striped) tbody tr:nth-child(2n){background:var(--emr-table-row-striped-bg)}:host(.is-bordered) .emr-table th,:host(.is-bordered) .emr-table td{border:1px solid var(--emr-table-border-color)}.emr-table .is-selected{background:var(--emr-table-row-selected-bg)!important}.emr-table .col-check{width:calc(var(--spacing, .25rem) * 12);padding-inline:calc(var(--spacing, .25rem) * 3)}.emr-table .empty-row td{text-align:center;padding:calc(var(--spacing, .25rem) * 12);color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], hoverable: [{ type: i0.Input, args: [{ isSignal: true, alias: "hoverable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], rowTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowTemplate", required: false }] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }] } });
 /**

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

	@@ -1 +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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"}
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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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;MAWa,YAAY,CAAA;AACvB,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,~~iDAAC~~;AACjB,IAAA,IAAI,GAAG,KAAK,CAAC,EAAE,~~gDAAC~~;~~AAChB~~,~~IAAA,~~QAAQ,GAAG,KAAK,CAAC,KAAK,~~4CAAI~~,SAAS,EAAE,gBAAgB,EAAA,~~CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC~~;AAE/C,IAAA,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAmB,SAAS,CAAC;wGAL1D,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,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANb;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;4FAEU,YAAY,EAAA,UAAA,EAAA,CAAA;kBATxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;AACF,iBAAA;0VAM4D,SAAS,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MCSzD,aAAa,CAAA;AACxB,IAAA,WAAW,GAAG,KAAK,CAAC,CAAC,~~uDAAC~~;AACtB,IAAA,OAAO,GAAG,KAAK,CAAc,SAAS,~~mDAAC~~;~~AACvC~~,~~IAAA,~~UAAU,GAAG,KAAK,CAAC,KAAK,~~8CAAI~~,SAAS,EAAE,gBAAgB,EAAA,~~CAAA,GAAA,CAA7B,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAC~~;IAEjD,SAAS,GAAG,MAAM,EAAU;AAElB,IAAA,KAAK,GAAG,eAAe,CAAC,YAAY,~~iDAAC~~;AAE9C,IAAA,OAAO,CAAC,KAAa,EAAA;QAC7B,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE;YAAE;AACrC,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;IAC5B;wGAbW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,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,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAOmB,YAAY,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChCzD,0sBAyBA,k7FDTY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FASf,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,YACV,SAAS,EAAA,OAAA,EACV,CAAC,gBAAgB,CAAC,EAAA,IAAA,EAGrB;AACJ,wBAAA,OAAO,EAAE,UAAU;AACnB,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,uBAAuB,EAAE,cAAc;AACxC,qBAAA,EAAA,QAAA,EAAA,0sBAAA,EAAA,MAAA,EAAA,CAAA,03FAAA,CAAA,EAAA;8eAS0C,YAAY,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEhCzD;;AAEG~~;;;;~~"}
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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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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~~;;;;~~"}
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,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;;"}