design-angular-kit
Version:
Un toolkit Angular conforme alle linee guida di design per i servizi web della PA
50 lines • 7.23 kB
JavaScript
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
import { inputToBoolean } from '../../../utils/coercion';
import * as i0 from "@angular/core";
export class ItSidebarComponent {
constructor() {
/**
* Per creare una sidebar con linea separatrice a destra è sufficiente aggiungere la classe
*/
this.withRightLine = false;
/**
* Per creare una sidebar con linea separatrice a sinistra è sufficiente aggiungere la classe
*/
this.withLeftLine = false;
/**
* Per cambiare il tema della sidebar e renderla scura
*/
this.dark = false;
this.componentClass = 'd-block sidebar-wrapper';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.6", type: ItSidebarComponent, isStandalone: true, selector: "it-sidebar", inputs: { withRightLine: ["withRightLine", "withRightLine", inputToBoolean], withLeftLine: ["withLeftLine", "withLeftLine", inputToBoolean], dark: ["dark", "dark", inputToBoolean], header: "header" }, host: { properties: { "class.it-line-right-side": "this.withRightLine", "class.it-line-left-side": "this.withLeftLine", "class.theme-dark": "this.dark", "class": "this.componentClass" } }, ngImport: i0, template: "@if (header) {\n <h3>{{ header }}</h3>\n}\n<div class=\"sidebar-linklist-wrapper\">\n <!--TODO: wrap ng-content with it-list -> inside content use a list of it-list-item directives-->\n <ng-content></ng-content>\n</div>\n<div class=\"sidebar-linklist-wrapper linklist-secondary\">\n <!--TODO: wrap ng-content with it-list -> inside content use a list of it-list-item directives-->\n <ng-content select=\"[secondary]\"></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItSidebarComponent, decorators: [{
type: Component,
args: [{ selector: 'it-sidebar', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (header) {\n <h3>{{ header }}</h3>\n}\n<div class=\"sidebar-linklist-wrapper\">\n <!--TODO: wrap ng-content with it-list -> inside content use a list of it-list-item directives-->\n <ng-content></ng-content>\n</div>\n<div class=\"sidebar-linklist-wrapper linklist-secondary\">\n <!--TODO: wrap ng-content with it-list -> inside content use a list of it-list-item directives-->\n <ng-content select=\"[secondary]\"></ng-content>\n</div>\n" }]
}], propDecorators: { withRightLine: [{
type: Input,
args: [{ transform: inputToBoolean }]
}, {
type: HostBinding,
args: ['class.it-line-right-side']
}], withLeftLine: [{
type: Input,
args: [{ transform: inputToBoolean }]
}, {
type: HostBinding,
args: ['class.it-line-left-side']
}], dark: [{
type: Input,
args: [{ transform: inputToBoolean }]
}, {
type: HostBinding,
args: ['class.theme-dark']
}], header: [{
type: Input
}], componentClass: [{
type: HostBinding,
args: ['class']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL25hdmlnYXRpb24vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9zaWRlYmFyL3NpZGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFTekQsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVFFOztXQUVHO1FBR0ksa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFFN0I7O1dBRUc7UUFHSSxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUU1Qjs7V0FFRztRQUdJLFNBQUksR0FBRyxLQUFLLENBQUM7UUFPRSxtQkFBYyxHQUFHLHlCQUF5QixDQUFDO0tBQ2xFOzhHQTVCWSxrQkFBa0I7a0dBQWxCLGtCQUFrQiwwR0FJVCxjQUFjLGtEQU9kLGNBQWMsMEJBT2QsY0FBYyw0T0M1QnBDLGdjQVdBOzsyRkREYSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxFQUFFLG1CQUVNLHVCQUF1QixDQUFDLE1BQU07OEJBUXhDLGFBQWE7c0JBRm5CLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFOztzQkFDbkMsV0FBVzt1QkFBQywwQkFBMEI7Z0JBUWhDLFlBQVk7c0JBRmxCLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFOztzQkFDbkMsV0FBVzt1QkFBQyx5QkFBeUI7Z0JBUS9CLElBQUk7c0JBRlYsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUU7O3NCQUNuQyxXQUFXO3VCQUFDLGtCQUFrQjtnQkFNZixNQUFNO3NCQUFyQixLQUFLO2dCQUVnQixjQUFjO3NCQUFuQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGlucHV0VG9Cb29sZWFuIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvY29lcmNpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC1zaWRlYmFyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEl0U2lkZWJhckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBQZXIgY3JlYXJlIHVuYSBzaWRlYmFyIGNvbiBsaW5lYSBzZXBhcmF0cmljZSBhIGRlc3RyYSDDqCBzdWZmaWNpZW50ZSBhZ2dpdW5nZXJlIGxhIGNsYXNzZVxuICAgKi9cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBpbnB1dFRvQm9vbGVhbiB9KVxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLml0LWxpbmUtcmlnaHQtc2lkZScpXG4gIHB1YmxpYyB3aXRoUmlnaHRMaW5lID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFBlciBjcmVhcmUgdW5hIHNpZGViYXIgY29uIGxpbmVhIHNlcGFyYXRyaWNlIGEgc2luaXN0cmEgw6ggc3VmZmljaWVudGUgYWdnaXVuZ2VyZSBsYSBjbGFzc2VcbiAgICovXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogaW5wdXRUb0Jvb2xlYW4gfSlcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pdC1saW5lLWxlZnQtc2lkZScpXG4gIHB1YmxpYyB3aXRoTGVmdExpbmUgPSBmYWxzZTtcblxuICAvKipcbiAgICogUGVyIGNhbWJpYXJlIGlsIHRlbWEgZGVsbGEgc2lkZWJhciBlIHJlbmRlcmxhIHNjdXJhXG4gICAqL1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGlucHV0VG9Cb29sZWFuIH0pXG4gIEBIb3N0QmluZGluZygnY2xhc3MudGhlbWUtZGFyaycpXG4gIHB1YmxpYyBkYXJrID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEwnaW50ZXN0YXppb25lIGRlbGxhIHNpZGViYXJcbiAgICovXG4gIEBJbnB1dCgpIHB1YmxpYyBoZWFkZXI/OiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNvbXBvbmVudENsYXNzID0gJ2QtYmxvY2sgc2lkZWJhci13cmFwcGVyJztcbn1cbiIsIkBpZiAoaGVhZGVyKSB7XG4gIDxoMz57eyBoZWFkZXIgfX08L2gzPlxufVxuPGRpdiBjbGFzcz1cInNpZGViYXItbGlua2xpc3Qtd3JhcHBlclwiPlxuICA8IS0tVE9ETzogd3JhcCBuZy1jb250ZW50IHdpdGggaXQtbGlzdCAtPiBpbnNpZGUgY29udGVudCB1c2UgYSBsaXN0IG9mIGl0LWxpc3QtaXRlbSBkaXJlY3RpdmVzLS0+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cInNpZGViYXItbGlua2xpc3Qtd3JhcHBlciBsaW5rbGlzdC1zZWNvbmRhcnlcIj5cbiAgPCEtLVRPRE86IHdyYXAgbmctY29udGVudCB3aXRoIGl0LWxpc3QgLT4gaW5zaWRlIGNvbnRlbnQgdXNlIGEgbGlzdCBvZiBpdC1saXN0LWl0ZW0gZGlyZWN0aXZlcy0tPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Vjb25kYXJ5XVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19