design-angular-kit-lombardia
Version:
Un toolkit Angular conforme alle linee guida di design per i servizi web della Regione Lombardia
84 lines • 8.78 kB
JavaScript
import { NgTemplateOutlet } from '@angular/common';
import { Component, ContentChildren, Directive, HostBinding, Input, TemplateRef, ViewChild } from '@angular/core';
import { inputToBoolean } from '../../../../utils/coercion';
import * as i0 from "@angular/core";
export class ItAvatarListItemDirective {
get hostClasses() {
const cssClass = `list-item`;
return cssClass;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItAvatarListItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.6", type: ItAvatarListItemDirective, isStandalone: true, selector: "[itAvatarListItem]", host: { properties: { "class": "this.hostClasses" } }, exportAs: ["itAvatarListItem"], ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItAvatarListItemDirective, decorators: [{
type: Directive,
args: [{
standalone: true,
selector: '[itAvatarListItem]',
exportAs: 'itAvatarListItem',
}]
}], propDecorators: { hostClasses: [{
type: HostBinding,
args: ['class']
}] } });
export class ItAvatarGroupItemComponent {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItAvatarGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.6", type: ItAvatarGroupItemComponent, isStandalone: true, selector: "it-avatar-item", viewQueries: [{ propertyName: "_implicitContent", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template let-linkListItem="linkList">
<ng-content></ng-content>
</ng-template>`, isInline: true }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItAvatarGroupItemComponent, decorators: [{
type: Component,
args: [{
standalone: true,
selector: 'it-avatar-item',
template: `<ng-template let-linkListItem="linkList">
<ng-content></ng-content>
</ng-template>`,
}]
}], propDecorators: { _implicitContent: [{
type: ViewChild,
args: [TemplateRef, { static: true }]
}] } });
export class ItAvatarGroupComponent {
constructor() {
this.linkList = false;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItAvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.6", type: ItAvatarGroupComponent, isStandalone: true, selector: "it-avatar-group", inputs: { linkList: ["linkList", "linkList", inputToBoolean] }, host: { properties: { "class.link-list-wrapper": "this.linkList" } }, queries: [{ propertyName: "avatars", predicate: ItAvatarGroupItemComponent }], ngImport: i0, template: `
<ul [class]="linkList ? 'link-list avatar-group' : 'avatar-group-stacked'">
@for (avatar of avatars; track avatar) {
<li>
<ng-container *ngTemplateOutlet="avatar._implicitContent; context: { linkList: linkList }"></ng-container>
</li>
}
</ul>
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItAvatarGroupComponent, decorators: [{
type: Component,
args: [{
standalone: true,
selector: 'it-avatar-group',
imports: [NgTemplateOutlet],
template: `
<ul [class]="linkList ? 'link-list avatar-group' : 'avatar-group-stacked'">
@for (avatar of avatars; track avatar) {
<li>
<ng-container *ngTemplateOutlet="avatar._implicitContent; context: { linkList: linkList }"></ng-container>
</li>
}
</ul>
`,
}]
}], propDecorators: { linkList: [{
type: Input,
args: [{ transform: inputToBoolean }]
}, {
type: HostBinding,
args: ['class.link-list-wrapper']
}], avatars: [{
type: ContentChildren,
args: [ItAvatarGroupItemComponent]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9hdmF0YXIvYXZhdGFyLWdyb3VwL2F2YXRhci1ncm91cC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWEsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3SCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBTzVELE1BQU0sT0FBTyx5QkFBeUI7SUFDcEMsSUFDSSxXQUFXO1FBQ2IsTUFBTSxRQUFRLEdBQUcsV0FBVyxDQUFDO1FBQzdCLE9BQU8sUUFBUSxDQUFDO0lBQ2xCLENBQUM7OEdBTFUseUJBQXlCO2tHQUF6Qix5QkFBeUI7OzJGQUF6Qix5QkFBeUI7a0JBTHJDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRSxrQkFBa0I7aUJBQzdCOzhCQUdLLFdBQVc7c0JBRGQsV0FBVzt1QkFBQyxPQUFPOztBQWN0QixNQUFNLE9BQU8sMEJBQTBCOzhHQUExQiwwQkFBMEI7a0dBQTFCLDBCQUEwQiw0SEFFMUIsV0FBVyw4REFOWjs7aUJBRUs7OzJGQUVKLDBCQUEwQjtrQkFQdEMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFOztpQkFFSztpQkFDaEI7OEJBRzJDLGdCQUFnQjtzQkFBekQsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOztBQWlCMUMsTUFBTSxPQUFPLHNCQUFzQjtJQWRuQztRQWVnRixhQUFRLEdBQUcsS0FBSyxDQUFDO0tBR2hHOzhHQUpZLHNCQUFzQjtrR0FBdEIsc0JBQXNCLGdHQUNiLGNBQWMsMkhBRWpCLDBCQUEwQiw2QkFiakM7Ozs7Ozs7O0dBUVQsNERBVFMsZ0JBQWdCOzsyRkFXZixzQkFBc0I7a0JBZGxDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUMzQixRQUFRLEVBQUU7Ozs7Ozs7O0dBUVQ7aUJBQ0Y7OEJBRStFLFFBQVE7c0JBQXJGLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFOztzQkFBRyxXQUFXO3VCQUFDLHlCQUF5QjtnQkFFL0IsT0FBTztzQkFBbkQsZUFBZTt1QkFBQywwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBJbnB1dCwgUXVlcnlMaXN0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBpbnB1dFRvQm9vbGVhbiB9IGZyb20gJy4uLy4uLy4uLy4uL3V0aWxzL2NvZXJjaW9uJztcblxuQERpcmVjdGl2ZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnW2l0QXZhdGFyTGlzdEl0ZW1dJyxcbiAgZXhwb3J0QXM6ICdpdEF2YXRhckxpc3RJdGVtJyxcbn0pXG5leHBvcnQgY2xhc3MgSXRBdmF0YXJMaXN0SXRlbURpcmVjdGl2ZSB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgaG9zdENsYXNzZXMoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjc3NDbGFzcyA9IGBsaXN0LWl0ZW1gO1xuICAgIHJldHVybiBjc3NDbGFzcztcbiAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdpdC1hdmF0YXItaXRlbScsXG4gIHRlbXBsYXRlOiBgPG5nLXRlbXBsYXRlIGxldC1saW5rTGlzdEl0ZW09XCJsaW5rTGlzdFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9uZy10ZW1wbGF0ZT5gLFxufSlcbmV4cG9ydCBjbGFzcyBJdEF2YXRhckdyb3VwSXRlbUNvbXBvbmVudCB7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiB0cnVlIH0pIF9pbXBsaWNpdENvbnRlbnQhOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdpdC1hdmF0YXItZ3JvdXAnLFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPHVsIFtjbGFzc109XCJsaW5rTGlzdCA/ICdsaW5rLWxpc3QgYXZhdGFyLWdyb3VwJyA6ICdhdmF0YXItZ3JvdXAtc3RhY2tlZCdcIj5cbiAgICAgIEBmb3IgKGF2YXRhciBvZiBhdmF0YXJzOyB0cmFjayBhdmF0YXIpIHtcbiAgICAgICAgPGxpPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhdmF0YXIuX2ltcGxpY2l0Q29udGVudDsgY29udGV4dDogeyBsaW5rTGlzdDogbGlua0xpc3QgfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2xpPlxuICAgICAgfVxuICAgIDwvdWw+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIEl0QXZhdGFyR3JvdXBDb21wb25lbnQge1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGlucHV0VG9Cb29sZWFuIH0pIEBIb3N0QmluZGluZygnY2xhc3MubGluay1saXN0LXdyYXBwZXInKSBsaW5rTGlzdCA9IGZhbHNlO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oSXRBdmF0YXJHcm91cEl0ZW1Db21wb25lbnQpIGF2YXRhcnMhOiBRdWVyeUxpc3Q8SXRBdmF0YXJHcm91cEl0ZW1Db21wb25lbnQ+O1xufVxuIl19