ngx-mat-timeline/esm2020/lib/ngx-mat-timeline-item.component.mjs

Timeline component for Angular Material

import { ChangeDetectionStrategy, Component, ContentChild, Directive, Input, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/icon";
import * as i2 from "@angular/common";
export class NgxMatTimelineItemIcon {
}
NgxMatTimelineItemIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NgxMatTimelineItemIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
NgxMatTimelineItemIcon.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.2", type: NgxMatTimelineItemIcon, selector: "ng-template[ngxMatTimelineItemIcon]", ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NgxMatTimelineItemIcon, decorators: [{
            type: Directive,
            args: [{
                    selector: 'ng-template[ngxMatTimelineItemIcon]',
                }]
        }] });
export class NgxMatTimelineItemLabel {
}
NgxMatTimelineItemLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NgxMatTimelineItemLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
NgxMatTimelineItemLabel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.2", type: NgxMatTimelineItemLabel, selector: "ng-template[ngxMatTimelineItemLabel]", ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NgxMatTimelineItemLabel, decorators: [{
            type: Directive,
            args: [{
                    selector: 'ng-template[ngxMatTimelineItemLabel]',
                }]
        }] });
export class NgxMatTimelineItem {
    constructor() {
    }
    _updateVerticalCenteredLayout() {
        this._fillEl.nativeElement.style.minWidth = this._contentEl.nativeElement.offsetWidth + 'px';
        this._fillEl.nativeElement.style.minHeight = 'unset';
    }
    _updateHorizontalCenteredLayout() {
        this._fillEl.nativeElement.style.minHeight = this._contentEl.nativeElement.offsetHeight + 'px';
        this._fillEl.nativeElement.style.minWidth = 'unset';
    }
}
NgxMatTimelineItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NgxMatTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
NgxMatTimelineItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NgxMatTimelineItem, selector: "ngx-mat-timeline-item", inputs: { label: "label", icon: "icon", svgIcon: "svgIcon", iconUrl: "iconUrl" }, host: { classAttribute: "ngx-mat-timeline-item" }, queries: [{ propertyName: "customIconTpl", first: true, predicate: NgxMatTimelineItemIcon, descendants: true, read: TemplateRef }, { propertyName: "customLabelTpl", first: true, predicate: NgxMatTimelineItemLabel, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "_contentEl", first: true, predicate: ["contentEl"], descendants: true, static: true }, { propertyName: "_fillEl", first: true, predicate: ["fillEl"], descendants: true, static: true }], ngImport: i0, template: "\n<div #fillEl class=\"ngx-mat-timeline-item-fill\"></div>\n\n<div class=\"ngx-mat-timeline-item-timeline\">\n\n  <ng-container\n    *ngTemplateOutlet=\"customIconTpl ? customIconTpl : iconTpl\"\n  ></ng-container>\n\n  <ng-template #iconTpl>\n    <mat-icon\n      *ngIf=\"icon; else svgIconTpl\"\n      class=\"ngx-mat-timeline-item-icon\">{{ icon }}</mat-icon>\n  </ng-template>\n\n  <ng-template #svgIconTpl>\n    <mat-icon\n      *ngIf=\"svgIcon; else iconUrlTpl\"\n      [svgIcon]=\"$any(svgIcon)\"\n      class=\"ngx-mat-timeline-item-icon\"></mat-icon>\n  </ng-template>\n\n  <ng-template #iconUrlTpl>\n    <img\n      *ngIf=\"iconUrl\"\n      [src]=\"iconUrl\"\n      class=\"ngx-mat-timeline-item-icon\"/>\n  </ng-template>\n\n  <ng-container\n    *ngTemplateOutlet=\"customLabelTpl ? customLabelTpl : labelTpl\"\n  ></ng-container>\n\n  <ng-template #labelTpl>\n    <div *ngIf=\"label\" class=\"mat-caption ngx-mat-timeline-item-label\">{{ label }}</div>\n  </ng-template>\n\n  <div class=\"ngx-mat-timeline-item-line\"></div>\n\n</div>\n\n<div #contentEl class=\"ngx-mat-timeline-item-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".ngx-mat-timeline-item{display:flex;gap:24px}.ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-line{display:none}.ngx-mat-timeline-item-timeline{display:flex;gap:8px}.ngx-mat-timeline-item-icon{margin:0;padding:0;width:24px;height:24px;object-fit:cover;border-radius:50%}.ngx-mat-timeline-item-line{flex:1;background-color:#0000001f}.ngx-mat-timeline-item-fill,.ngx-mat-timeline-item-content{flex:1}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item{justify-content:flex-start;align-items:stretch}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item:not(:last-child){margin-bottom:8px}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item:not(:last-child) .ngx-mat-timeline-item-fill,.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item:not(:last-child) .ngx-mat-timeline-item-content{margin-bottom:48px}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-timeline{min-width:48px;max-width:48px;flex-direction:column;justify-content:flex-start;align-items:center}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-label{width:100%;text-align:center}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-line{width:1px;height:auto;min-height:8px}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child{margin-bottom:8px}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-line{display:block}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-fill,.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-content{margin-bottom:48px}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child{margin-bottom:0}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child .ngx-mat-timeline-item-line{display:none}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child .ngx-mat-timeline-item-content{margin-bottom:0}.ngx-mat-timeline-vertical.ngx-mat-timeline-start>.ngx-mat-timeline-content .ngx-mat-timeline-item{flex-direction:row}.ngx-mat-timeline-vertical.ngx-mat-timeline-start>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-fill{display:none}.ngx-mat-timeline-vertical.ngx-mat-timeline-start>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.ngx-mat-timeline-vertical.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd){flex-direction:row}.ngx-mat-timeline-vertical.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd) .ngx-mat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.ngx-mat-timeline-vertical.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even){flex-direction:row-reverse}.ngx-mat-timeline-vertical.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even) .ngx-mat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.ngx-mat-timeline-vertical.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even){flex-direction:row}.ngx-mat-timeline-vertical.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even) .ngx-mat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.ngx-mat-timeline-vertical.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd){flex-direction:row-reverse}.ngx-mat-timeline-vertical.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd) .ngx-mat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.ngx-mat-timeline-vertical.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item{flex-direction:row-reverse}.ngx-mat-timeline-vertical.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-fill{display:none}.ngx-mat-timeline-vertical.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item{justify-content:flex-start;align-items:stretch}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item:not(:last-child){margin-right:8px}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item:not(:last-child) .ngx-mat-timeline-item-fill,.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item:not(:last-child) .ngx-mat-timeline-item-content{margin-right:48px}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item .ngx-mat-timeline-item-timeline{min-height:48px;max-height:48px;flex-direction:row;justify-content:flex-start;align-items:center}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item .ngx-mat-timeline-item-label{width:auto;text-align:left}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item .ngx-mat-timeline-item-line{width:auto;min-width:8px;height:1px}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child{margin-right:8px}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-line{display:block}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-fill,.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-content{margin-right:48px}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child{margin-right:0}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child .ngx-mat-timeline-item-line{display:none}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child .ngx-mat-timeline-item-content{margin-right:0}.ngx-mat-timeline-horizontal.ngx-mat-timeline-start>.ngx-mat-timeline-content .ngx-mat-timeline-item{flex-direction:column}.ngx-mat-timeline-horizontal.ngx-mat-timeline-start>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-fill{display:none}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd){flex-direction:column}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd) .ngx-mat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even){flex-direction:column-reverse}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even) .ngx-mat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even){flex-direction:column}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even) .ngx-mat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd){flex-direction:column-reverse}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd) .ngx-mat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.ngx-mat-timeline-horizontal.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item{flex-direction:column-reverse}.ngx-mat-timeline-horizontal.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.ngx-mat-timeline-horizontal.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-fill{display:none}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NgxMatTimelineItem, decorators: [{
            type: Component,
            args: [{ selector: 'ngx-mat-timeline-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                        'class': 'ngx-mat-timeline-item'
                    }, template: "\n<div #fillEl class=\"ngx-mat-timeline-item-fill\"></div>\n\n<div class=\"ngx-mat-timeline-item-timeline\">\n\n  <ng-container\n    *ngTemplateOutlet=\"customIconTpl ? customIconTpl : iconTpl\"\n  ></ng-container>\n\n  <ng-template #iconTpl>\n    <mat-icon\n      *ngIf=\"icon; else svgIconTpl\"\n      class=\"ngx-mat-timeline-item-icon\">{{ icon }}</mat-icon>\n  </ng-template>\n\n  <ng-template #svgIconTpl>\n    <mat-icon\n      *ngIf=\"svgIcon; else iconUrlTpl\"\n      [svgIcon]=\"$any(svgIcon)\"\n      class=\"ngx-mat-timeline-item-icon\"></mat-icon>\n  </ng-template>\n\n  <ng-template #iconUrlTpl>\n    <img\n      *ngIf=\"iconUrl\"\n      [src]=\"iconUrl\"\n      class=\"ngx-mat-timeline-item-icon\"/>\n  </ng-template>\n\n  <ng-container\n    *ngTemplateOutlet=\"customLabelTpl ? customLabelTpl : labelTpl\"\n  ></ng-container>\n\n  <ng-template #labelTpl>\n    <div *ngIf=\"label\" class=\"mat-caption ngx-mat-timeline-item-label\">{{ label }}</div>\n  </ng-template>\n\n  <div class=\"ngx-mat-timeline-item-line\"></div>\n\n</div>\n\n<div #contentEl class=\"ngx-mat-timeline-item-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".ngx-mat-timeline-item{display:flex;gap:24px}.ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-line{display:none}.ngx-mat-timeline-item-timeline{display:flex;gap:8px}.ngx-mat-timeline-item-icon{margin:0;padding:0;width:24px;height:24px;object-fit:cover;border-radius:50%}.ngx-mat-timeline-item-line{flex:1;background-color:#0000001f}.ngx-mat-timeline-item-fill,.ngx-mat-timeline-item-content{flex:1}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item{justify-content:flex-start;align-items:stretch}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item:not(:last-child){margin-bottom:8px}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item:not(:last-child) .ngx-mat-timeline-item-fill,.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item:not(:last-child) .ngx-mat-timeline-item-content{margin-bottom:48px}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-timeline{min-width:48px;max-width:48px;flex-direction:column;justify-content:flex-start;align-items:center}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-label{width:100%;text-align:center}.ngx-mat-timeline-vertical>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-line{width:1px;height:auto;min-height:8px}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child{margin-bottom:8px}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-line{display:block}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-fill,.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-content{margin-bottom:48px}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child{margin-bottom:0}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child .ngx-mat-timeline-item-line{display:none}.ngx-mat-timeline-vertical.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child .ngx-mat-timeline-item-content{margin-bottom:0}.ngx-mat-timeline-vertical.ngx-mat-timeline-start>.ngx-mat-timeline-content .ngx-mat-timeline-item{flex-direction:row}.ngx-mat-timeline-vertical.ngx-mat-timeline-start>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-fill{display:none}.ngx-mat-timeline-vertical.ngx-mat-timeline-start>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.ngx-mat-timeline-vertical.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd){flex-direction:row}.ngx-mat-timeline-vertical.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd) .ngx-mat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.ngx-mat-timeline-vertical.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even){flex-direction:row-reverse}.ngx-mat-timeline-vertical.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even) .ngx-mat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.ngx-mat-timeline-vertical.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even){flex-direction:row}.ngx-mat-timeline-vertical.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even) .ngx-mat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.ngx-mat-timeline-vertical.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd){flex-direction:row-reverse}.ngx-mat-timeline-vertical.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd) .ngx-mat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.ngx-mat-timeline-vertical.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item{flex-direction:row-reverse}.ngx-mat-timeline-vertical.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-fill{display:none}.ngx-mat-timeline-vertical.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item{justify-content:flex-start;align-items:stretch}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item:not(:last-child){margin-right:8px}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item:not(:last-child) .ngx-mat-timeline-item-fill,.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item:not(:last-child) .ngx-mat-timeline-item-content{margin-right:48px}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item .ngx-mat-timeline-item-timeline{min-height:48px;max-height:48px;flex-direction:row;justify-content:flex-start;align-items:center}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item .ngx-mat-timeline-item-label{width:auto;text-align:left}.ngx-mat-timeline-horizontal .ngx-mat-timeline-content>.ngx-mat-timeline-item .ngx-mat-timeline-item-line{width:auto;min-width:8px;height:1px}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child{margin-right:8px}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-line{display:block}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-fill,.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:last-child .ngx-mat-timeline-item-content{margin-right:48px}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child{margin-right:0}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child .ngx-mat-timeline-item-line{display:none}.ngx-mat-timeline-horizontal.ngx-mat-timeline-reverse>.ngx-mat-timeline-content .ngx-mat-timeline-item:first-child .ngx-mat-timeline-item-content{margin-right:0}.ngx-mat-timeline-horizontal.ngx-mat-timeline-start>.ngx-mat-timeline-content .ngx-mat-timeline-item{flex-direction:column}.ngx-mat-timeline-horizontal.ngx-mat-timeline-start>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-fill{display:none}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd){flex-direction:column}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd) .ngx-mat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even){flex-direction:column-reverse}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even) .ngx-mat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even){flex-direction:column}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(even) .ngx-mat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd){flex-direction:column-reverse}.ngx-mat-timeline-horizontal.ngx-mat-timeline-center-alt>.ngx-mat-timeline-content .ngx-mat-timeline-item:nth-child(odd) .ngx-mat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.ngx-mat-timeline-horizontal.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item{flex-direction:column-reverse}.ngx-mat-timeline-horizontal.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.ngx-mat-timeline-horizontal.ngx-mat-timeline-end>.ngx-mat-timeline-content .ngx-mat-timeline-item .ngx-mat-timeline-item-fill{display:none}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
                type: Input
            }], icon: [{
                type: Input
            }], svgIcon: [{
                type: Input
            }], iconUrl: [{
                type: Input
            }], customIconTpl: [{
                type: ContentChild,
                args: [NgxMatTimelineItemIcon, { read: TemplateRef }]
            }], customLabelTpl: [{
                type: ContentChild,
                args: [NgxMatTimelineItemLabel, { read: TemplateRef }]
            }], _contentEl: [{
                type: ViewChild,
                args: ['contentEl', { static: true }]
            }], _fillEl: [{
                type: ViewChild,
                args: ['fillEl', { static: true }]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1hdC10aW1lbGluZS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1tYXQtdGltZWxpbmUvc3JjL2xpYi9uZ3gtbWF0LXRpbWVsaW5lLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hdC10aW1lbGluZS9zcmMvbGliL25neC1tYXQtdGltZWxpbmUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osU0FBUyxFQUVULEtBQUssRUFDTCxXQUFXLEVBQ1gsU0FBUyxFQUNULGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQzs7OztBQU12QixNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO3VHQUF0QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFIbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUNBQXFDO2lCQUNoRDs7QUFRRCxNQUFNLE9BQU8sdUJBQXVCOztvSEFBdkIsdUJBQXVCO3dHQUF2Qix1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFIbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0NBQXNDO2lCQUNqRDs7QUFlRCxNQUFNLE9BQU8sa0JBQWtCO0lBMEI3QjtJQUNBLENBQUM7SUFFRCw2QkFBNkI7UUFDM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQzdGLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDO0lBQ3ZELENBQUM7SUFFRCwrQkFBK0I7UUFDN0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQy9GLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFBO0lBQ3JELENBQUM7OytHQXJDVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw2T0FjZixzQkFBc0IsMkJBQVMsV0FBVyw4REFHMUMsdUJBQXVCLDJCQUFTLFdBQVcsc1BDdEQzRCwybkNBNENBOzJGRFBhLGtCQUFrQjtrQkFWOUIsU0FBUzsrQkFDRSx1QkFBdUIsaUJBR2xCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osT0FBTyxFQUFFLHVCQUF1QjtxQkFDakM7MEVBS0QsS0FBSztzQkFESixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLGFBQWE7c0JBRFosWUFBWTt1QkFBQyxzQkFBc0IsRUFBRSxFQUFDLElBQUksRUFBRSxXQUFXLEVBQUM7Z0JBSXpELGNBQWM7c0JBRGIsWUFBWTt1QkFBQyx1QkFBdUIsRUFBRSxFQUFDLElBQUksRUFBRSxXQUFXLEVBQUM7Z0JBSWxELFVBQVU7c0JBRGpCLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQztnQkFJOUIsT0FBTztzQkFEZCxTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ25nLXRlbXBsYXRlW25neE1hdFRpbWVsaW5lSXRlbUljb25dJyxcbn0pXG5leHBvcnQgY2xhc3MgTmd4TWF0VGltZWxpbmVJdGVtSWNvbiB7XG59XG5cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnbmctdGVtcGxhdGVbbmd4TWF0VGltZWxpbmVJdGVtTGFiZWxdJyxcbn0pXG5leHBvcnQgY2xhc3MgTmd4TWF0VGltZWxpbmVJdGVtTGFiZWwge1xufVxuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1tYXQtdGltZWxpbmUtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9uZ3gtbWF0LXRpbWVsaW5lLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uZ3gtbWF0LXRpbWVsaW5lLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICAnY2xhc3MnOiAnbmd4LW1hdC10aW1lbGluZS1pdGVtJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE5neE1hdFRpbWVsaW5lSXRlbSB7XG5cbiAgQElucHV0KClcbiAgbGFiZWw/OiBzdHJpbmcgfCBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIGljb24/OiBzdHJpbmcgfCBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIHN2Z0ljb24/OiBzdHJpbmcgfCBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIGljb25Vcmw/OiBzdHJpbmcgfCBudWxsO1xuXG4gIEBDb250ZW50Q2hpbGQoTmd4TWF0VGltZWxpbmVJdGVtSWNvbiwge3JlYWQ6IFRlbXBsYXRlUmVmfSlcbiAgY3VzdG9tSWNvblRwbD86IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQENvbnRlbnRDaGlsZChOZ3hNYXRUaW1lbGluZUl0ZW1MYWJlbCwge3JlYWQ6IFRlbXBsYXRlUmVmfSlcbiAgY3VzdG9tTGFiZWxUcGw/OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRlbnRFbCcsIHtzdGF0aWM6IHRydWV9KVxuICBwcml2YXRlIF9jb250ZW50RWwhOiBFbGVtZW50UmVmO1xuXG4gIEBWaWV3Q2hpbGQoJ2ZpbGxFbCcsIHtzdGF0aWM6IHRydWV9KVxuICBwcml2YXRlIF9maWxsRWwhOiBFbGVtZW50UmVmO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgX3VwZGF0ZVZlcnRpY2FsQ2VudGVyZWRMYXlvdXQoKSB7XG4gICAgdGhpcy5fZmlsbEVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUubWluV2lkdGggPSB0aGlzLl9jb250ZW50RWwubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCArICdweCc7XG4gICAgdGhpcy5fZmlsbEVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUubWluSGVpZ2h0ID0gJ3Vuc2V0JztcbiAgfVxuXG4gIF91cGRhdGVIb3Jpem9udGFsQ2VudGVyZWRMYXlvdXQoKSB7XG4gICAgdGhpcy5fZmlsbEVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUubWluSGVpZ2h0ID0gdGhpcy5fY29udGVudEVsLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0ICsgJ3B4JztcbiAgICB0aGlzLl9maWxsRWwubmF0aXZlRWxlbWVudC5zdHlsZS5taW5XaWR0aCA9ICd1bnNldCdcbiAgfVxuXG59XG4iLCJcbjxkaXYgI2ZpbGxFbCBjbGFzcz1cIm5neC1tYXQtdGltZWxpbmUtaXRlbS1maWxsXCI+PC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJuZ3gtbWF0LXRpbWVsaW5lLWl0ZW0tdGltZWxpbmVcIj5cblxuICA8bmctY29udGFpbmVyXG4gICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjdXN0b21JY29uVHBsID8gY3VzdG9tSWNvblRwbCA6IGljb25UcGxcIlxuICA+PC9uZy1jb250YWluZXI+XG5cbiAgPG5nLXRlbXBsYXRlICNpY29uVHBsPlxuICAgIDxtYXQtaWNvblxuICAgICAgKm5nSWY9XCJpY29uOyBlbHNlIHN2Z0ljb25UcGxcIlxuICAgICAgY2xhc3M9XCJuZ3gtbWF0LXRpbWVsaW5lLWl0ZW0taWNvblwiPnt7IGljb24gfX08L21hdC1pY29uPlxuICA8L25nLXRlbXBsYXRlPlxuXG4gIDxuZy10ZW1wbGF0ZSAjc3ZnSWNvblRwbD5cbiAgICA8bWF0LWljb25cbiAgICAgICpuZ0lmPVwic3ZnSWNvbjsgZWxzZSBpY29uVXJsVHBsXCJcbiAgICAgIFtzdmdJY29uXT1cIiRhbnkoc3ZnSWNvbilcIlxuICAgICAgY2xhc3M9XCJuZ3gtbWF0LXRpbWVsaW5lLWl0ZW0taWNvblwiPjwvbWF0LWljb24+XG4gIDwvbmctdGVtcGxhdGU+XG5cbiAgPG5nLXRlbXBsYXRlICNpY29uVXJsVHBsPlxuICAgIDxpbWdcbiAgICAgICpuZ0lmPVwiaWNvblVybFwiXG4gICAgICBbc3JjXT1cImljb25VcmxcIlxuICAgICAgY2xhc3M9XCJuZ3gtbWF0LXRpbWVsaW5lLWl0ZW0taWNvblwiLz5cbiAgPC9uZy10ZW1wbGF0ZT5cblxuICA8bmctY29udGFpbmVyXG4gICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjdXN0b21MYWJlbFRwbCA/IGN1c3RvbUxhYmVsVHBsIDogbGFiZWxUcGxcIlxuICA+PC9uZy1jb250YWluZXI+XG5cbiAgPG5nLXRlbXBsYXRlICNsYWJlbFRwbD5cbiAgICA8ZGl2ICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cIm1hdC1jYXB0aW9uIG5neC1tYXQtdGltZWxpbmUtaXRlbS1sYWJlbFwiPnt7IGxhYmVsIH19PC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG5cbiAgPGRpdiBjbGFzcz1cIm5neC1tYXQtdGltZWxpbmUtaXRlbS1saW5lXCI+PC9kaXY+XG5cbjwvZGl2PlxuXG48ZGl2ICNjb250ZW50RWwgY2xhc3M9XCJuZ3gtbWF0LXRpbWVsaW5lLWl0ZW0tY29udGVudFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==