truly-ui
Version:
Web Components for Desktop Applications.
37 lines • 7.18 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class TlCalendarMonths {
constructor() {
this.selectMonth = new EventEmitter();
this.months = [
{ name: 'January', initials: 'jan' },
{ name: 'February', initials: 'feb' },
{ name: 'March', initials: 'mar' },
{ name: 'April', initials: 'apr' },
{ name: 'May', initials: 'may' },
{ name: 'June', initials: 'jun' },
{ name: 'July', initials: 'jul' },
{ name: 'August', initials: 'aug' },
{ name: 'September', initials: 'sep' },
{ name: 'October', initials: 'oct' },
{ name: 'November', initials: 'nov' },
{ name: 'December', initials: 'dec' }
];
}
selectDate(index) {
const date = new Date(this.currentDate.getFullYear(), index, this.currentDate.getDate());
this.selectMonth.emit(date);
}
}
/** @nocollapse */ TlCalendarMonths.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TlCalendarMonths, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ TlCalendarMonths.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TlCalendarMonths, selector: "tl-months", inputs: { currentDate: "currentDate" }, outputs: { selectMonth: "selectMonth" }, ngImport: i0, template: "<div class=\"ui-wrapper-months\">\n <div class=\"ui-calendar-months\">\n <div class=\"ui-calendar-cell\"\n *ngFor=\"let item of months; let i = index\"\n (click)=\"selectDate( i )\">{{ item.initials }}\n </div>\n </div>\n</div>\n\n", styles: [":host{width:100%;height:100%}.ui-wrapper-months{width:100%;height:100%}.ui-wrapper-months>.ui-calendar-months{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:100%}.ui-wrapper-months>.ui-calendar-months>.ui-calendar-cell{display:flex;flex-direction:column;flex:1;flex-basis:33.3333333333%;align-items:center;justify-content:center}.ui-wrapper-months>.ui-calendar-months>.ui-calendar-cell:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TlCalendarMonths, decorators: [{
type: Component,
args: [{ selector: 'tl-months', template: "<div class=\"ui-wrapper-months\">\n <div class=\"ui-calendar-months\">\n <div class=\"ui-calendar-cell\"\n *ngFor=\"let item of months; let i = index\"\n (click)=\"selectDate( i )\">{{ item.initials }}\n </div>\n </div>\n</div>\n\n", styles: [":host{width:100%;height:100%}.ui-wrapper-months{width:100%;height:100%}.ui-wrapper-months>.ui-calendar-months{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:100%}.ui-wrapper-months>.ui-calendar-months>.ui-calendar-cell{display:flex;flex-direction:column;flex:1;flex-basis:33.3333333333%;align-items:center;justify-content:center}.ui-wrapper-months>.ui-calendar-months>.ui-calendar-cell:hover{cursor:pointer}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { currentDate: [{
type: Input
}], selectMonth: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXItbW9udGhzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHJ1bHktdWkvc3JjL2NvbXBvbmVudHMvY2FsZW5kYXIvcGFydHMvY2FsZW5kYXItbW9udGhzL2NhbGVuZGFyLW1vbnRocy50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RydWx5LXVpL3NyYy9jb21wb25lbnRzL2NhbGVuZGFyL3BhcnRzL2NhbGVuZGFyLW1vbnRocy9jYWxlbmRhci1tb250aHMuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFPckUsTUFBTSxPQUFPLGdCQUFnQjtJQXFCM0I7UUFqQlUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXBDLFdBQU0sR0FBRztZQUNkLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ3BDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ3JDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ2xDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ2xDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ2hDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ2pDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ2pDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ25DLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ3RDLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ3BDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1lBQ3JDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO1NBQ3BDLENBQUM7SUFFVyxDQUFDO0lBRWhCLFVBQVUsQ0FBRSxLQUFhO1FBQ3ZCLE1BQU0sSUFBSSxHQUFHLElBQUksSUFBSSxDQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFLENBQUUsQ0FBQztRQUMzRixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBRSxJQUFJLENBQUUsQ0FBQztJQUNoQyxDQUFDOztpSUExQlUsZ0JBQWdCO3FIQUFoQixnQkFBZ0Isa0lDUDdCLGlRQVNBOzRGREZhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxXQUFXOzBFQU1aLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0bC1tb250aHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FsZW5kYXItbW9udGhzLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYWxlbmRhci1tb250aHMuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRsQ2FsZW5kYXJNb250aHMge1xuXG4gIEBJbnB1dCgpIGN1cnJlbnREYXRlOiBEYXRlO1xuXG4gIEBPdXRwdXQoKSBzZWxlY3RNb250aCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgbW9udGhzID0gW1xuICAgIHsgbmFtZTogJ0phbnVhcnknLCBpbml0aWFsczogJ2phbicgfSxcbiAgICB7IG5hbWU6ICdGZWJydWFyeScsIGluaXRpYWxzOiAnZmViJyB9LFxuICAgIHsgbmFtZTogJ01hcmNoJywgaW5pdGlhbHM6ICdtYXInIH0sXG4gICAgeyBuYW1lOiAnQXByaWwnLCBpbml0aWFsczogJ2FwcicgfSxcbiAgICB7IG5hbWU6ICdNYXknLCBpbml0aWFsczogJ21heScgfSxcbiAgICB7IG5hbWU6ICdKdW5lJywgaW5pdGlhbHM6ICdqdW4nIH0sXG4gICAgeyBuYW1lOiAnSnVseScsIGluaXRpYWxzOiAnanVsJyB9LFxuICAgIHsgbmFtZTogJ0F1Z3VzdCcsIGluaXRpYWxzOiAnYXVnJyB9LFxuICAgIHsgbmFtZTogJ1NlcHRlbWJlcicsIGluaXRpYWxzOiAnc2VwJyB9LFxuICAgIHsgbmFtZTogJ09jdG9iZXInLCBpbml0aWFsczogJ29jdCcgfSxcbiAgICB7IG5hbWU6ICdOb3ZlbWJlcicsIGluaXRpYWxzOiAnbm92JyB9LFxuICAgIHsgbmFtZTogJ0RlY2VtYmVyJywgaW5pdGlhbHM6ICdkZWMnIH1cbiAgICBdO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBzZWxlY3REYXRlKCBpbmRleDogbnVtYmVyICkgIHtcbiAgICBjb25zdCBkYXRlID0gbmV3IERhdGUoIHRoaXMuY3VycmVudERhdGUuZ2V0RnVsbFllYXIoKSwgaW5kZXgsIHRoaXMuY3VycmVudERhdGUuZ2V0RGF0ZSgpICk7XG4gICAgdGhpcy5zZWxlY3RNb250aC5lbWl0KCBkYXRlICk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInVpLXdyYXBwZXItbW9udGhzXCI+XG4gIDxkaXYgY2xhc3M9XCJ1aS1jYWxlbmRhci1tb250aHNcIj5cbiAgICA8ZGl2IGNsYXNzPVwidWktY2FsZW5kYXItY2VsbFwiXG4gICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBtb250aHM7IGxldCBpID0gaW5kZXhcIlxuICAgICAgICAgKGNsaWNrKT1cInNlbGVjdERhdGUoIGkgKVwiPnt7IGl0ZW0uaW5pdGlhbHMgfX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cblxuIl19