design-angular-kit
Version:
Un toolkit Angular conforme alle linee guida di design per i servizi web della PA
45 lines • 9.53 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { inputToBoolean } from '../../../utils/coercion';
import * as i0 from "@angular/core";
export class ItTableComponent {
constructor() {
/**
* Responsive tables allow you to scroll tables horizontally with ease.
* @default responsive
*/
this.responsive = 'responsive';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.6", type: ItTableComponent, isStandalone: true, selector: "it-table", inputs: { color: "color", headColor: "headColor", alignment: "alignment", striped: ["striped", "striped", inputToBoolean], hover: ["hover", "hover", inputToBoolean], bordered: ["bordered", "bordered", inputToBoolean], borderless: ["borderless", "borderless", inputToBoolean], compact: ["compact", "compact", inputToBoolean], captionTop: ["captionTop", "captionTop", inputToBoolean], responsive: "responsive" }, ngImport: i0, template: "<div [class]=\"responsive ? 'table-' + responsive : undefined\">\n <table\n class=\"table{{ color ? ' table-' + color : '' }}{{ alignment ? ' ' + alignment : '' }}\"\n [class.table-striped]=\"striped\"\n [class.table-hover]=\"hover\"\n [class.table-bordered]=\"bordered\"\n [class.table-borderless]=\"borderless\"\n [class.table-sm]=\"compact\"\n [class.caption-top]=\"captionTop\">\n <caption>\n <ng-content select=\"[caption]\"></ng-content>\n </caption>\n <thead [class]=\"headColor ? 'table-' + headColor : undefined\">\n <ng-content select=\"[thead]\"></ng-content>\n </thead>\n <tbody>\n <ng-content select=\"[tbody]\"></ng-content>\n </tbody>\n <tfoot>\n <ng-content select=\"[tfoot]\"></ng-content>\n </tfoot>\n </table>\n</div>\n", styles: ["caption:empty{display:none}caption:empty~thead{border-top:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItTableComponent, decorators: [{
type: Component,
args: [{ standalone: true, selector: 'it-table', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], template: "<div [class]=\"responsive ? 'table-' + responsive : undefined\">\n <table\n class=\"table{{ color ? ' table-' + color : '' }}{{ alignment ? ' ' + alignment : '' }}\"\n [class.table-striped]=\"striped\"\n [class.table-hover]=\"hover\"\n [class.table-bordered]=\"bordered\"\n [class.table-borderless]=\"borderless\"\n [class.table-sm]=\"compact\"\n [class.caption-top]=\"captionTop\">\n <caption>\n <ng-content select=\"[caption]\"></ng-content>\n </caption>\n <thead [class]=\"headColor ? 'table-' + headColor : undefined\">\n <ng-content select=\"[thead]\"></ng-content>\n </thead>\n <tbody>\n <ng-content select=\"[tbody]\"></ng-content>\n </tbody>\n <tfoot>\n <ng-content select=\"[tfoot]\"></ng-content>\n </tfoot>\n </table>\n</div>\n", styles: ["caption:empty{display:none}caption:empty~thead{border-top:none!important}\n"] }]
}], propDecorators: { color: [{
type: Input
}], headColor: [{
type: Input
}], alignment: [{
type: Input
}], striped: [{
type: Input,
args: [{ transform: inputToBoolean }]
}], hover: [{
type: Input,
args: [{ transform: inputToBoolean }]
}], bordered: [{
type: Input,
args: [{ transform: inputToBoolean }]
}], borderless: [{
type: Input,
args: [{ transform: inputToBoolean }]
}], compact: [{
type: Input,
args: [{ transform: inputToBoolean }]
}], captionTop: [{
type: Input,
args: [{ transform: inputToBoolean }]
}], responsive: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS90YWJsZS90YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBVXpELE1BQU0sT0FBTyxnQkFBZ0I7SUFSN0I7UUE0REU7OztXQUdHO1FBQ00sZUFBVSxHQUFvQixZQUFZLENBQUM7S0FDckQ7OEdBekRZLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHNKQW9CUCxjQUFjLDZCQU1kLGNBQWMsc0NBTWQsY0FBYyw0Q0FNZCxjQUFjLG1DQU1kLGNBQWMsNENBTWQsY0FBYyx1REM5RHBDLHV5QkF1QkE7OzJGRFhhLGdCQUFnQjtrQkFSNUIsU0FBUztpQ0FDSSxJQUFJLFlBQ04sVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLEVBQUU7OEJBTUYsS0FBSztzQkFBYixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFNZ0MsT0FBTztzQkFBNUMsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUU7Z0JBTUUsS0FBSztzQkFBMUMsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUU7Z0JBTUUsUUFBUTtzQkFBN0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUU7Z0JBTUUsVUFBVTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUU7Z0JBTUUsT0FBTztzQkFBNUMsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUU7Z0JBTUUsVUFBVTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUU7Z0JBTTNCLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGFibGVDb2xvciwgVGFibGVIZWFkQ29sb3IsIFRhYmxlUmVzcG9uc2l2ZSwgVmVydGljYWxBbGlnbm1lbnQgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2NvcmUnO1xuaW1wb3J0IHsgaW5wdXRUb0Jvb2xlYW4gfSBmcm9tICcuLi8uLi8uLi91dGlscy9jb2VyY2lvbic7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ2l0LXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBJdFRhYmxlQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRhYmxlIGNvbG9yXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogVGFibGVDb2xvciB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogSGVhZCB0YWJsZSBjb2xvclxuICAgKi9cbiAgQElucHV0KCkgaGVhZENvbG9yOiBUYWJsZUhlYWRDb2xvciB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVXNlIHZlcnRpY2FsIGFsaWdubWVudCBjbGFzc2VzIHRvIHJlYWxpZ24gd2hlcmUgbmVlZGVkLlxuICAgKi9cbiAgQElucHV0KCkgYWxpZ25tZW50OiBWZXJ0aWNhbEFsaWdubWVudCB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVXNlIC50YWJsZS1zdHJpcGVkIHRvIGFkZCB6ZWJyYSBzdHJpcGVzIHRvIGVhY2ggdGFibGUgcm93IGNvbnRhaW5lZCBpbiA8dGJvZHk+LlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBpbnB1dFRvQm9vbGVhbiB9KSBzdHJpcGVkPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQWRkIC50YWJsZS1ob3ZlciB0byBlbmFibGUgaG92ZXIgc3RhdGUgb24gdGFibGUgcm93cyBjb250YWluZWQgaW4gPHRib2R5Pi5cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogaW5wdXRUb0Jvb2xlYW4gfSkgaG92ZXI/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBBZGQgLnRhYmxlLWJvcmRlcmVkIHRvIGhhdmUgYm9yZGVycyBvbiBhbGwgc2lkZXMgb2YgdGhlIHRhYmxlIGFuZCBvbiBhbGwgY2VsbHMuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGlucHV0VG9Cb29sZWFuIH0pIGJvcmRlcmVkPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQWRkIHRoZSAudGFibGUtYm9yZGVybGVzcyBjbGFzcyBmb3IgYSBib3JkZXJsZXNzIHRhYmxlLlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBpbnB1dFRvQm9vbGVhbiB9KSBib3JkZXJsZXNzPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQWRkIC50YWJsZS1zbSB0byBtYWtlIHRhYmxlcyBtb3JlIGNvbXBhY3QgYnkgaGFsdmluZyB0aGUgY2VsbCBwYWRkaW5nLlxuICAgKiBAZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGlucHV0VG9Cb29sZWFuIH0pIGNvbXBhY3Q/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBUbyByZW5kZXIgdGhlIDxjYXB0aW9uPiBvbiB0b3Agb2YgdGhlIHRhYmxlXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGlucHV0VG9Cb29sZWFuIH0pIGNhcHRpb25Ub3A/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBSZXNwb25zaXZlIHRhYmxlcyBhbGxvdyB5b3UgdG8gc2Nyb2xsIHRhYmxlcyBob3Jpem9udGFsbHkgd2l0aCBlYXNlLlxuICAgKiBAZGVmYXVsdCByZXNwb25zaXZlXG4gICAqL1xuICBASW5wdXQoKSByZXNwb25zaXZlOiBUYWJsZVJlc3BvbnNpdmUgPSAncmVzcG9uc2l2ZSc7XG59XG4iLCI8ZGl2IFtjbGFzc109XCJyZXNwb25zaXZlID8gJ3RhYmxlLScgKyByZXNwb25zaXZlIDogdW5kZWZpbmVkXCI+XG4gIDx0YWJsZVxuICAgIGNsYXNzPVwidGFibGV7eyBjb2xvciA/ICcgdGFibGUtJyArIGNvbG9yIDogJycgfX17eyBhbGlnbm1lbnQgPyAnICcgKyBhbGlnbm1lbnQgOiAnJyB9fVwiXG4gICAgW2NsYXNzLnRhYmxlLXN0cmlwZWRdPVwic3RyaXBlZFwiXG4gICAgW2NsYXNzLnRhYmxlLWhvdmVyXT1cImhvdmVyXCJcbiAgICBbY2xhc3MudGFibGUtYm9yZGVyZWRdPVwiYm9yZGVyZWRcIlxuICAgIFtjbGFzcy50YWJsZS1ib3JkZXJsZXNzXT1cImJvcmRlcmxlc3NcIlxuICAgIFtjbGFzcy50YWJsZS1zbV09XCJjb21wYWN0XCJcbiAgICBbY2xhc3MuY2FwdGlvbi10b3BdPVwiY2FwdGlvblRvcFwiPlxuICAgIDxjYXB0aW9uPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcHRpb25dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvY2FwdGlvbj5cbiAgICA8dGhlYWQgW2NsYXNzXT1cImhlYWRDb2xvciA/ICd0YWJsZS0nICsgaGVhZENvbG9yIDogdW5kZWZpbmVkXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGhlYWRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvdGhlYWQ+XG4gICAgPHRib2R5PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Rib2R5XVwiPjwvbmctY29udGVudD5cbiAgICA8L3Rib2R5PlxuICAgIDx0Zm9vdD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0Zm9vdF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC90Zm9vdD5cbiAgPC90YWJsZT5cbjwvZGl2PlxuIl19