import { Component, ContentChild, HostBinding, ViewEncapsulation } from '@angular/core';
import { TimelineEntryContentComponent } from '../entry-content/entry-content.component';
import { TimelineEntryDotComponent } from '../entry-dot/entry-dot.component';
import { TimelineEntrySideComponent } from '../entry-side/entry-side.component';
import * as i0 from "@angular/core";
/**
 * Component to manage timeline entries
 */
export class TimelineEntryComponent {
    constructor(elementRef) {
        this.elementRef = elementRef;
        this.className = 'mic-timeline-entry';
        this.focusOnOpen = false;
    }
    set alternate(value) {
        this.elementRef.nativeElement.classList.toggle('alternate', value);
        if (this.dot) {
            this.dot.alternate = value;
        }
        if (this.side) {
            this.side.alternate = value;
        }
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimelineEntryComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TimelineEntryComponent, selector: "mic-timeline-entry", host: { properties: { "class": "this.className" } }, queries: [{ propertyName: "content", first: true, predicate: TimelineEntryContentComponent, descendants: true }, { propertyName: "dot", first: true, predicate: TimelineEntryDotComponent, descendants: true }, { propertyName: "side", first: true, predicate: TimelineEntrySideComponent, descendants: true }], ngImport: i0, template: "<ng-content select=\"mic-timeline-entry-side\"></ng-content>\n<div class=\"timeline-entry-card\" tabindex=\"0\">\n  <ng-content select=\"mic-timeline-entry-dot\"></ng-content>\n  <ng-content select=\"mic-timeline-entry-content\"></ng-content>\n</div>\n", styles: [".mic-timeline-entry{display:block;position:relative;margin-bottom:25px;width:calc(50% - 4px)}.mic-timeline-entry.alternate{margin-left:calc(50% + 4px)}.mic-timeline-entry.alternate .timeline-entry-card{border-radius:0 5px 5px 0}.mic-timeline-entry .timeline-entry-card{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:5px 0 0 5px}.timeline-horizontal .mic-timeline-entry{width:300px;float:left;margin-bottom:0;margin-left:25px;top:8px}.timeline-horizontal .mic-timeline-entry.alternate .timeline-entry-card,.timeline-horizontal .mic-timeline-entry .timeline-entry-card{border-radius:0 0 5px 5px}@media screen and (max-width: 599px){.mic-timeline-entry{margin-top:100px;margin-bottom:25px;width:100%}.mic-timeline-entry.alternate{width:100%;margin-left:0}.mic-timeline-entry .timeline-entry-card{border-radius:5px}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimelineEntryComponent, decorators: [{
            type: Component,
            args: [{ selector: 'mic-timeline-entry', encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"mic-timeline-entry-side\"></ng-content>\n<div class=\"timeline-entry-card\" tabindex=\"0\">\n  <ng-content select=\"mic-timeline-entry-dot\"></ng-content>\n  <ng-content select=\"mic-timeline-entry-content\"></ng-content>\n</div>\n", styles: [".mic-timeline-entry{display:block;position:relative;margin-bottom:25px;width:calc(50% - 4px)}.mic-timeline-entry.alternate{margin-left:calc(50% + 4px)}.mic-timeline-entry.alternate .timeline-entry-card{border-radius:0 5px 5px 0}.mic-timeline-entry .timeline-entry-card{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:5px 0 0 5px}.timeline-horizontal .mic-timeline-entry{width:300px;float:left;margin-bottom:0;margin-left:25px;top:8px}.timeline-horizontal .mic-timeline-entry.alternate .timeline-entry-card,.timeline-horizontal .mic-timeline-entry .timeline-entry-card{border-radius:0 0 5px 5px}@media screen and (max-width: 599px){.mic-timeline-entry{margin-top:100px;margin-bottom:25px;width:100%}.mic-timeline-entry.alternate{width:100%;margin-left:0}.mic-timeline-entry .timeline-entry-card{border-radius:5px}}\n"] }]
        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { className: [{
                type: HostBinding,
                args: ['class']
            }], content: [{
                type: ContentChild,
                args: [TimelineEntryContentComponent]
            }], dot: [{
                type: ContentChild,
                args: [TimelineEntryDotComponent]
            }], side: [{
                type: ContentChild,
                args: [TimelineEntrySideComponent]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvdGhlbWUvc3JjL2xpYi90aW1lbGluZS9lbnRyeS9lbnRyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy90aGVtZS9zcmMvbGliL3RpbWVsaW5lL2VudHJ5L2VudHJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFjLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUN6RixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFFaEY7O0dBRUc7QUFPSCxNQUFNLE9BQU8sc0JBQXNCO0lBU2pDLFlBQTZCLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFSN0IsY0FBUyxHQUFHLG9CQUFvQixDQUFDO1FBRXZELGdCQUFXLEdBQUcsS0FBSyxDQUFDO0lBTWtDLENBQUM7SUFFdkQsSUFBSSxTQUFTLENBQUMsS0FBYztRQUMxQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNuRSxJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUNiLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUM3QixDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDOUIsQ0FBQztJQUNILENBQUM7K0dBbkJVLHNCQUFzQjttR0FBdEIsc0JBQXNCLG9KQUtuQiw2QkFBNkIsc0VBQzdCLHlCQUF5Qix1RUFDekIsMEJBQTBCLGdEQ3JCMUMsOFBBS0E7OzRGRFNhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxvQkFBb0IsaUJBR2YsaUJBQWlCLENBQUMsSUFBSTsrRUFHZixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBSXlCLE9BQU87c0JBQW5ELFlBQVk7dUJBQUMsNkJBQTZCO2dCQUNGLEdBQUc7c0JBQTNDLFlBQVk7dUJBQUMseUJBQXlCO2dCQUNHLElBQUk7c0JBQTdDLFlBQVk7dUJBQUMsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGltZWxpbmVFbnRyeUNvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuLi9lbnRyeS1jb250ZW50L2VudHJ5LWNvbnRlbnQuY29tcG9uZW50JztcbmltcG9ydCB7IFRpbWVsaW5lRW50cnlEb3RDb21wb25lbnQgfSBmcm9tICcuLi9lbnRyeS1kb3QvZW50cnktZG90LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUaW1lbGluZUVudHJ5U2lkZUNvbXBvbmVudCB9IGZyb20gJy4uL2VudHJ5LXNpZGUvZW50cnktc2lkZS5jb21wb25lbnQnO1xuXG4vKipcbiAqIENvbXBvbmVudCB0byBtYW5hZ2UgdGltZWxpbmUgZW50cmllc1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtaWMtdGltZWxpbmUtZW50cnknLFxuICB0ZW1wbGF0ZVVybDogJy4vZW50cnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9lbnRyeS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lRW50cnlDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ21pYy10aW1lbGluZS1lbnRyeSc7XG5cbiAgZm9jdXNPbk9wZW4gPSBmYWxzZTtcblxuICBAQ29udGVudENoaWxkKFRpbWVsaW5lRW50cnlDb250ZW50Q29tcG9uZW50KSBjb250ZW50ITogVGltZWxpbmVFbnRyeUNvbnRlbnRDb21wb25lbnQ7XG4gIEBDb250ZW50Q2hpbGQoVGltZWxpbmVFbnRyeURvdENvbXBvbmVudCkgZG90ITogVGltZWxpbmVFbnRyeURvdENvbXBvbmVudDtcbiAgQENvbnRlbnRDaGlsZChUaW1lbGluZUVudHJ5U2lkZUNvbXBvbmVudCkgc2lkZSE6IFRpbWVsaW5lRW50cnlTaWRlQ29tcG9uZW50O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZikge31cblxuICBzZXQgYWx0ZXJuYXRlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LnRvZ2dsZSgnYWx0ZXJuYXRlJywgdmFsdWUpO1xuICAgIGlmICh0aGlzLmRvdCkge1xuICAgICAgdGhpcy5kb3QuYWx0ZXJuYXRlID0gdmFsdWU7XG4gICAgfVxuICAgIGlmICh0aGlzLnNpZGUpIHtcbiAgICAgIHRoaXMuc2lkZS5hbHRlcm5hdGUgPSB2YWx1ZTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cIm1pYy10aW1lbGluZS1lbnRyeS1zaWRlXCI+PC9uZy1jb250ZW50PlxuPGRpdiBjbGFzcz1cInRpbWVsaW5lLWVudHJ5LWNhcmRcIiB0YWJpbmRleD1cIjBcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWljLXRpbWVsaW5lLWVudHJ5LWRvdFwiPjwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWljLXRpbWVsaW5lLWVudHJ5LWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==