truly-ui/esm2020/components/schedule/parts/heading/heading.component.mjs

Web Components for Desktop Applications.

import { Component, Input, Output, EventEmitter } from '@angular/core';
import { ScheduleI18n } from '../../i18n/schedule-i18n';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../navigator/navigator";
import * as i3 from "../../../buttongroup/buttongroup";
import * as i4 from "../../../buttongroup/buttongroup-item";
import * as i5 from "../../../button/button";
export class HeadingComponent {
    constructor() {
        this.views = ['day', 'dayList'];
        this.defaultView = 'day';
        this.currentDate = new Date();
        this.texts = ScheduleI18n;
        this.changeView = new EventEmitter();
        this.changeDate = new EventEmitter();
        this.newEventClick = new EventEmitter();
    }
    ngOnInit() { }
}
/** @nocollapse */ HeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ HeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeadingComponent, selector: "tl-schedule-heading", inputs: { views: "views", defaultView: "defaultView", currentDate: "currentDate", texts: "texts", eventButtonTemplate: "eventButtonTemplate" }, outputs: { changeView: "changeView", changeDate: "changeDate", newEventClick: "newEventClick" }, ngImport: i0, template: "<div class=\"ui-schedule-heading-wrapper\">\n  <div class=\"ui-schedule-heading-views\">\n    <div class=\"ui-schedule-views-choices\">\n      <tl-button-group [height]=\"'30px'\" >\n        <tl-button-group-item *ngFor=\"let view of views\"\n                              [width]=\"'100px'\"\n                              [text]=\"texts.views[view]\"\n                              [selected]=\"view === defaultView\"\n                              (click)=\"changeView.emit(view)\"\n        >\n        </tl-button-group-item>\n      </tl-button-group>\n\n    </div>\n  </div>\n  <div class=\"ui-schedule-heading-navigator\">\n    <!-- [type]=\"defaultView === 'weekList' ? 'rangeweek' : 'day'\" -->\n    <tl-navigator\n      [type]=\"'day'\"\n      [date]=\"currentDate\"\n      (clickNext)=\"changeDate.emit($event)\"\n      (clickPrevious)=\"changeDate.emit($event)\">\n    </tl-navigator>\n  </div>\n  <div class=\"ui-schedule-heading-tools\">\n    <ng-container *ngTemplateOutlet=\"eventButtonTemplate?eventButtonTemplate:defaultButton\"></ng-container>\n    <ng-template #defaultButton>\n      <tl-button (click)=\"newEventClick.emit()\" [text]=\"texts.buttons.addEvent\" [iconBeforeText]=\"'fas fa-plus'\" color=\"primary\"></tl-button>\n    </ng-template>\n  </div>\n</div>\n", styles: [".ui-schedule-heading-wrapper{height:100%;padding:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background-color:#fff}.ui-schedule-heading-views{height:100%;flex-basis:50%;text-align:left}.ui-schedule-heading-navigator{height:34px;flex-basis:185px}.ui-schedule-heading-tools{height:34px;flex-basis:50%;text-align:right}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.TlNavigator, selector: "tl-navigator", inputs: ["width", "height", "type", "date", "range", "withBorder", "color"], outputs: ["clickPrevious", "clickNext", "clickNavigator"] }, { kind: "component", type: i3.TlButtonGroup, selector: "tl-button-group", inputs: ["multiSelect", "height", "fontSize", "useSelected"], outputs: ["itemSelect"] }, { kind: "component", type: i4.TlButtonGroupItem, selector: "tl-button-group-item", inputs: ["text", "iconBeforeText", "iconAfterText", "width", "disabled", "color", "selected"], outputs: ["click"] }, { kind: "component", type: i5.TlButton, selector: "tl-button", inputs: ["text", "iconAddonBefore", "iconAddonAfter", "iconBeforeText", "iconAfterText", "height", "width", "disabled", "flatBorder", "colorIconBefore", "colorIconAfter", "template", "outline", "color", "loaderColor", "isLoading", "indexShortcut", "textLoading"], outputs: ["selected"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeadingComponent, decorators: [{
            type: Component,
            args: [{ selector: 'tl-schedule-heading', template: "<div class=\"ui-schedule-heading-wrapper\">\n  <div class=\"ui-schedule-heading-views\">\n    <div class=\"ui-schedule-views-choices\">\n      <tl-button-group [height]=\"'30px'\" >\n        <tl-button-group-item *ngFor=\"let view of views\"\n                              [width]=\"'100px'\"\n                              [text]=\"texts.views[view]\"\n                              [selected]=\"view === defaultView\"\n                              (click)=\"changeView.emit(view)\"\n        >\n        </tl-button-group-item>\n      </tl-button-group>\n\n    </div>\n  </div>\n  <div class=\"ui-schedule-heading-navigator\">\n    <!-- [type]=\"defaultView === 'weekList' ? 'rangeweek' : 'day'\" -->\n    <tl-navigator\n      [type]=\"'day'\"\n      [date]=\"currentDate\"\n      (clickNext)=\"changeDate.emit($event)\"\n      (clickPrevious)=\"changeDate.emit($event)\">\n    </tl-navigator>\n  </div>\n  <div class=\"ui-schedule-heading-tools\">\n    <ng-container *ngTemplateOutlet=\"eventButtonTemplate?eventButtonTemplate:defaultButton\"></ng-container>\n    <ng-template #defaultButton>\n      <tl-button (click)=\"newEventClick.emit()\" [text]=\"texts.buttons.addEvent\" [iconBeforeText]=\"'fas fa-plus'\" color=\"primary\"></tl-button>\n    </ng-template>\n  </div>\n</div>\n", styles: [".ui-schedule-heading-wrapper{height:100%;padding:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background-color:#fff}.ui-schedule-heading-views{height:100%;flex-basis:50%;text-align:left}.ui-schedule-heading-navigator{height:34px;flex-basis:185px}.ui-schedule-heading-tools{height:34px;flex-basis:50%;text-align:right}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { views: [{
                type: Input
            }], defaultView: [{
                type: Input
            }], currentDate: [{
                type: Input
            }], texts: [{
                type: Input
            }], eventButtonTemplate: [{
                type: Input
            }], changeView: [{
                type: Output
            }], changeDate: [{
                type: Output
            }], newEventClick: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90cnVseS11aS9zcmMvY29tcG9uZW50cy9zY2hlZHVsZS9wYXJ0cy9oZWFkaW5nL2hlYWRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHJ1bHktdWkvc3JjL2NvbXBvbmVudHMvc2NoZWR1bGUvcGFydHMvaGVhZGluZy9oZWFkaW5nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFFMUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0FBT3hELE1BQU0sT0FBTyxnQkFBZ0I7SUFrQjNCO1FBaEJTLFVBQUssR0FBMEUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFFbEcsZ0JBQVcsR0FBb0UsS0FBSyxDQUFDO1FBRXJGLGdCQUFXLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUV6QixVQUFLLEdBQUcsWUFBWSxDQUFDO1FBSXBCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBRTFDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWhDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUU3QixDQUFDO0lBRWpCLFFBQVEsS0FBSSxDQUFDOztpSUFwQkYsZ0JBQWdCO3FIQUFoQixnQkFBZ0IsNFNDVDdCLHV3Q0ErQkE7NEZEdEJhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxxQkFBcUI7MEVBTXRCLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNO2dCQUVHLFVBQVU7c0JBQW5CLE1BQU07Z0JBRUcsYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgVGVtcGxhdGVSZWZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVmlld1R5cGUgfSBmcm9tICcuLi8uLi90eXBlcy92aWV3LnR5cGUnO1xuaW1wb3J0IHsgU2NoZWR1bGVJMThuIH0gZnJvbSAnLi4vLi4vaTE4bi9zY2hlZHVsZS1pMThuJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGwtc2NoZWR1bGUtaGVhZGluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkaW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVhZGluZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIHZpZXdzOiBBcnJheTwnZGF5JyB8ICd3ZWVrJyB8ICdtb250aCcgfCAnd29ya1dlZWsnIHwgJ2RheUxpc3QnIHwgJ3dlZWtMaXN0Jz4gPSBbJ2RheScsICdkYXlMaXN0J107XG5cbiAgQElucHV0KCkgZGVmYXVsdFZpZXc6ICdkYXknIHwgJ3dlZWsnIHwgJ21vbnRoJyB8ICd3b3JrV2VlaycgfCAnZGF5TGlzdCcgfCAnd2Vla0xpc3QnICA9ICdkYXknO1xuXG4gIEBJbnB1dCgpIGN1cnJlbnREYXRlID0gbmV3IERhdGUoKTtcblxuICBASW5wdXQoKSB0ZXh0cyA9IFNjaGVkdWxlSTE4bjtcblxuICBASW5wdXQoKSBldmVudEJ1dHRvblRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBPdXRwdXQoKSBjaGFuZ2VWaWV3ID0gbmV3IEV2ZW50RW1pdHRlcjxWaWV3VHlwZT4oKTtcblxuICBAT3V0cHV0KCkgY2hhbmdlRGF0ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBAT3V0cHV0KCkgbmV3RXZlbnRDbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJ1aS1zY2hlZHVsZS1oZWFkaW5nLXdyYXBwZXJcIj5cbiAgPGRpdiBjbGFzcz1cInVpLXNjaGVkdWxlLWhlYWRpbmctdmlld3NcIj5cbiAgICA8ZGl2IGNsYXNzPVwidWktc2NoZWR1bGUtdmlld3MtY2hvaWNlc1wiPlxuICAgICAgPHRsLWJ1dHRvbi1ncm91cCBbaGVpZ2h0XT1cIiczMHB4J1wiID5cbiAgICAgICAgPHRsLWJ1dHRvbi1ncm91cC1pdGVtICpuZ0Zvcj1cImxldCB2aWV3IG9mIHZpZXdzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt3aWR0aF09XCInMTAwcHgnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0XT1cInRleHRzLnZpZXdzW3ZpZXddXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZF09XCJ2aWV3ID09PSBkZWZhdWx0Vmlld1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2hhbmdlVmlldy5lbWl0KHZpZXcpXCJcbiAgICAgICAgPlxuICAgICAgICA8L3RsLWJ1dHRvbi1ncm91cC1pdGVtPlxuICAgICAgPC90bC1idXR0b24tZ3JvdXA+XG5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJ1aS1zY2hlZHVsZS1oZWFkaW5nLW5hdmlnYXRvclwiPlxuICAgIDwhLS0gW3R5cGVdPVwiZGVmYXVsdFZpZXcgPT09ICd3ZWVrTGlzdCcgPyAncmFuZ2V3ZWVrJyA6ICdkYXknXCIgLS0+XG4gICAgPHRsLW5hdmlnYXRvclxuICAgICAgW3R5cGVdPVwiJ2RheSdcIlxuICAgICAgW2RhdGVdPVwiY3VycmVudERhdGVcIlxuICAgICAgKGNsaWNrTmV4dCk9XCJjaGFuZ2VEYXRlLmVtaXQoJGV2ZW50KVwiXG4gICAgICAoY2xpY2tQcmV2aW91cyk9XCJjaGFuZ2VEYXRlLmVtaXQoJGV2ZW50KVwiPlxuICAgIDwvdGwtbmF2aWdhdG9yPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInVpLXNjaGVkdWxlLWhlYWRpbmctdG9vbHNcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXZlbnRCdXR0b25UZW1wbGF0ZT9ldmVudEJ1dHRvblRlbXBsYXRlOmRlZmF1bHRCdXR0b25cIj48L25nLWNvbnRhaW5lcj5cbiAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRCdXR0b24+XG4gICAgICA8dGwtYnV0dG9uIChjbGljayk9XCJuZXdFdmVudENsaWNrLmVtaXQoKVwiIFt0ZXh0XT1cInRleHRzLmJ1dHRvbnMuYWRkRXZlbnRcIiBbaWNvbkJlZm9yZVRleHRdPVwiJ2ZhcyBmYS1wbHVzJ1wiIGNvbG9yPVwicHJpbWFyeVwiPjwvdGwtYnV0dG9uPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=