design-angular-kit
Version:
Un toolkit Angular conforme alle linee guida di design per i servizi web della PA
36 lines • 7.57 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { ItTimelineItemComponent } from './timeline-item/timeline-item.component';
import { ItIconComponent } from '../../utils/icon/icon.component';
import { TranslateModule } from '@ngx-translate/core';
import { ItAbstractComponent } from '../../../abstracts/abstract.component';
import * as i0 from "@angular/core";
/**
* Timeline
* @description Build timeline for chronological representation of events.
*/
export class ItTimelineComponent extends ItAbstractComponent {
constructor() {
super(...arguments);
/**
* Timeline elements array
* @default []
*/
this.timelineElements = [];
/**
* Default date format for timeline element reference date
* @default dd/MM/yyyy
*/
this.dateFormat = 'dd/MM/yyyy';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItTimelineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.6", type: ItTimelineComponent, isStandalone: true, selector: "it-timeline", inputs: { timelineElements: "timelineElements", dateFormat: "dateFormat" }, usesInheritance: true, ngImport: i0, template: "<div class=\"it-timeline-wrapper\">\n <div class=\"row\">\n @for (element of timelineElements; track $index) {\n <div class=\"col-12\">\n <it-timeline-item\n [title]=\"element.title\"\n [text]=\"element.text\"\n [signature]=\"element.signature\"\n [pinType]=\"element.pin?.type\"\n [pinIcon]=\"element.pin?.icon\"\n [pinText]=\"element.pin?.text\"\n [eventDate]=\"element.eventDate\"\n [dateFormat]=\"dateFormat\"\n [categoryTitle]=\"element.category?.title\"\n [categoryLink]=\"element.category?.link\"\n [showReadMore]=\"!!element.link?.length\"\n [readMoreLink]=\"element.link\" />\n </div>\n }\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: ItTimelineItemComponent, selector: "it-timeline-item", inputs: ["title", "text", "signature", "eventDate", "dateFormat", "pinText", "pinType", "pinIcon", "pinIconTitle", "categoryLabel", "dateLabel", "categoryTitle", "categoryLink", "showReadMore", "readMoreLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItTimelineComponent, decorators: [{
type: Component,
args: [{ standalone: true, selector: 'it-timeline', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ItIconComponent, TranslateModule, ItTimelineItemComponent], template: "<div class=\"it-timeline-wrapper\">\n <div class=\"row\">\n @for (element of timelineElements; track $index) {\n <div class=\"col-12\">\n <it-timeline-item\n [title]=\"element.title\"\n [text]=\"element.text\"\n [signature]=\"element.signature\"\n [pinType]=\"element.pin?.type\"\n [pinIcon]=\"element.pin?.icon\"\n [pinText]=\"element.pin?.text\"\n [eventDate]=\"element.eventDate\"\n [dateFormat]=\"dateFormat\"\n [categoryTitle]=\"element.category?.title\"\n [categoryLink]=\"element.category?.link\"\n [showReadMore]=\"!!element.link?.length\"\n [readMoreLink]=\"element.link\" />\n </div>\n }\n </div>\n</div>\n" }]
}], propDecorators: { timelineElements: [{
type: Input
}], dateFormat: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL3RpbWVsaW5lL3RpbWVsaW5lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS90aW1lbGluZS90aW1lbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNsRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOztBQUc1RTs7O0dBR0c7QUFRSCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsbUJBQW1CO0lBUDVEOztRQVFFOzs7V0FHRztRQUNNLHFCQUFnQixHQUFzQixFQUFFLENBQUM7UUFFbEQ7OztXQUdHO1FBQ00sZUFBVSxHQUFXLFlBQVksQ0FBQztLQUM1Qzs4R0FaWSxtQkFBbUI7a0dBQW5CLG1CQUFtQiwwS0NsQmhDLCt1QkFxQkEsMkNETDZCLGVBQWUsK0JBQUUsdUJBQXVCOzsyRkFFeEQsbUJBQW1CO2tCQVAvQixTQUFTO2lDQUNJLElBQUksWUFDTixhQUFhLG1CQUVOLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxlQUFlLEVBQUUsZUFBZSxFQUFFLHVCQUF1QixDQUFDOzhCQU8zRCxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBTUcsVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJdFRpbWVsaW5lSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vdGltZWxpbmUtaXRlbS90aW1lbGluZS1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJdEljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi91dGlscy9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgSXRBYnN0cmFjdENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2Fic3RyYWN0cy9hYnN0cmFjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGltZWxpbmVFbGVtZW50IH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9jb3JlJztcblxuLyoqXG4gKiBUaW1lbGluZVxuICogQGRlc2NyaXB0aW9uIEJ1aWxkIHRpbWVsaW5lIGZvciBjaHJvbm9sb2dpY2FsIHJlcHJlc2VudGF0aW9uIG9mIGV2ZW50cy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnaXQtdGltZWxpbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGltZWxpbmUuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0l0SWNvbkNvbXBvbmVudCwgVHJhbnNsYXRlTW9kdWxlLCBJdFRpbWVsaW5lSXRlbUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEl0VGltZWxpbmVDb21wb25lbnQgZXh0ZW5kcyBJdEFic3RyYWN0Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRpbWVsaW5lIGVsZW1lbnRzIGFycmF5XG4gICAqIEBkZWZhdWx0IFtdXG4gICAqL1xuICBASW5wdXQoKSB0aW1lbGluZUVsZW1lbnRzOiBUaW1lbGluZUVsZW1lbnRbXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBEZWZhdWx0IGRhdGUgZm9ybWF0IGZvciB0aW1lbGluZSBlbGVtZW50IHJlZmVyZW5jZSBkYXRlXG4gICAqIEBkZWZhdWx0IGRkL01NL3l5eXlcbiAgICovXG4gIEBJbnB1dCgpIGRhdGVGb3JtYXQ6IHN0cmluZyA9ICdkZC9NTS95eXl5Jztcbn1cbiIsIjxkaXYgY2xhc3M9XCJpdC10aW1lbGluZS13cmFwcGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICBAZm9yIChlbGVtZW50IG9mIHRpbWVsaW5lRWxlbWVudHM7IHRyYWNrICRpbmRleCkge1xuICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxuICAgICAgICA8aXQtdGltZWxpbmUtaXRlbVxuICAgICAgICAgIFt0aXRsZV09XCJlbGVtZW50LnRpdGxlXCJcbiAgICAgICAgICBbdGV4dF09XCJlbGVtZW50LnRleHRcIlxuICAgICAgICAgIFtzaWduYXR1cmVdPVwiZWxlbWVudC5zaWduYXR1cmVcIlxuICAgICAgICAgIFtwaW5UeXBlXT1cImVsZW1lbnQucGluPy50eXBlXCJcbiAgICAgICAgICBbcGluSWNvbl09XCJlbGVtZW50LnBpbj8uaWNvblwiXG4gICAgICAgICAgW3BpblRleHRdPVwiZWxlbWVudC5waW4/LnRleHRcIlxuICAgICAgICAgIFtldmVudERhdGVdPVwiZWxlbWVudC5ldmVudERhdGVcIlxuICAgICAgICAgIFtkYXRlRm9ybWF0XT1cImRhdGVGb3JtYXRcIlxuICAgICAgICAgIFtjYXRlZ29yeVRpdGxlXT1cImVsZW1lbnQuY2F0ZWdvcnk/LnRpdGxlXCJcbiAgICAgICAgICBbY2F0ZWdvcnlMaW5rXT1cImVsZW1lbnQuY2F0ZWdvcnk/LmxpbmtcIlxuICAgICAgICAgIFtzaG93UmVhZE1vcmVdPVwiISFlbGVtZW50Lmxpbms/Lmxlbmd0aFwiXG4gICAgICAgICAgW3JlYWRNb3JlTGlua109XCJlbGVtZW50LmxpbmtcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICA8L2Rpdj5cbjwvZGl2PlxuIl19