@material-extra/timepicker
Version:
Material timepicker component
89 lines • 9.59 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/core";
import * as i2 from "@angular/common";
function MateTimepickerDialogHeaderComponent_ng_container_10_Template(rf, ctx) { if (rf & 1) {
const _r2 = i0.ɵɵgetCurrentView();
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementStart(1, "span");
i0.ɵɵtext(2, ":");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(3, "label", 2);
i0.ɵɵlistener("click", function MateTimepickerDialogHeaderComponent_ng_container_10_Template_label_click_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.onActive("second"); });
i0.ɵɵtext(4);
i0.ɵɵpipe(5, "number");
i0.ɵɵelementEnd();
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵadvance(3);
i0.ɵɵclassProp("active", ctx_r0.type == "second");
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(5, 3, ctx_r0.value.second, "2.0"), " ");
} }
export class MateTimepickerDialogHeaderComponent {
constructor() {
this.type = 'hour';
this.second = false;
this.active = new EventEmitter();
}
ngOnInit() {
}
onActive(type) {
this.type = type;
this.active.emit(type);
}
}
MateTimepickerDialogHeaderComponent.ɵfac = function MateTimepickerDialogHeaderComponent_Factory(t) { return new (t || MateTimepickerDialogHeaderComponent)(); };
MateTimepickerDialogHeaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MateTimepickerDialogHeaderComponent, selectors: [["mate-timepicker-dialog-header"]], hostAttrs: [1, "mate-timepicker-dialog-header"], inputs: { type: "type", second: "second", value: "value" }, outputs: { active: "active" }, exportAs: ["mateTimepickerDialogHeader"], decls: 11, vars: 13, consts: [[1, "mate-timepicker-dial"], [1, "timepicker-dial-time"], ["matRipple", "", 1, "timepicker-dial-time-item", 3, "click"], [4, "ngIf"]], template: function MateTimepickerDialogHeaderComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 0);
i0.ɵɵelementStart(1, "div", 1);
i0.ɵɵelementStart(2, "label", 2);
i0.ɵɵlistener("click", function MateTimepickerDialogHeaderComponent_Template_label_click_2_listener() { return ctx.onActive("hour"); });
i0.ɵɵtext(3);
i0.ɵɵpipe(4, "number");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(5, "span");
i0.ɵɵtext(6, ":");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(7, "label", 2);
i0.ɵɵlistener("click", function MateTimepickerDialogHeaderComponent_Template_label_click_7_listener() { return ctx.onActive("minute"); });
i0.ɵɵtext(8);
i0.ɵɵpipe(9, "number");
i0.ɵɵelementEnd();
i0.ɵɵtemplate(10, MateTimepickerDialogHeaderComponent_ng_container_10_Template, 6, 6, "ng-container", 3);
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵadvance(2);
i0.ɵɵclassProp("active", ctx.type == "hour");
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(4, 7, ctx.value.hour, "2.0"), " ");
i0.ɵɵadvance(4);
i0.ɵɵclassProp("active", ctx.type == "minute");
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(9, 10, ctx.value.minute, "2.0"), " ");
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", ctx.second);
} }, directives: [i1.MatRipple, i2.NgIf], pipes: [i2.DecimalPipe], styles: [".mate-timepicker-dialog-header[_nghost-%COMP%]{display:block;width:100%}.mate-timepicker-dialog-header[_nghost-%COMP%] .mate-timepicker-dial[_ngcontent-%COMP%]{margin:0 auto}.mate-timepicker-dialog-header[_nghost-%COMP%] .mate-timepicker-dial[_ngcontent-%COMP%] .timepicker-dial-time[_ngcontent-%COMP%]{-webkit-user-select:none;align-content:center;font-size:44px;line-height:normal;text-align:center;user-select:none}.mate-timepicker-dialog-header[_nghost-%COMP%] .mate-timepicker-dial[_ngcontent-%COMP%] .timepicker-dial-time[_ngcontent-%COMP%] .timepicker-dial-time-item[_ngcontent-%COMP%]{-webkit-user-select:none;border-radius:.2em;cursor:pointer;display:inline-flex;padding:0 .25em;user-select:none}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(MateTimepickerDialogHeaderComponent, [{
type: Component,
args: [{
selector: 'mate-timepicker-dialog-header',
templateUrl: './timepicker-dialog-header.component.html',
styleUrls: ['./timepicker-dialog-header.component.scss'],
host: {
class: 'mate-timepicker-dialog-header'
},
exportAs: 'mateTimepickerDialogHeader'
}]
}], function () { return []; }, { type: [{
type: Input
}], second: [{
type: Input
}], value: [{
type: Input
}], active: [{
type: Output
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXBpY2tlci1kaWFsb2ctaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Eb2N1bWVudHMvTGlicmFyeS9Bbmd1bGFyL21hdGVyaWFsLWV4dGVuZC9wcm9qZWN0cy9tYXRlcmlhbC90aW1lcGlja2VyL3NyYy8iLCJzb3VyY2VzIjpbImxpYi90aW1lcGlja2VyLWRpYWxvZy1oZWFkZXIvdGltZXBpY2tlci1kaWFsb2ctaGVhZGVyLmNvbXBvbmVudC50cyIsImxpYi90aW1lcGlja2VyLWRpYWxvZy1oZWFkZXIvdGltZXBpY2tlci1kaWFsb2ctaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7OztJQ1d6RSw2QkFDRTtJQUFBLDRCQUFNO0lBQUEsaUJBQUM7SUFBQSxpQkFBTztJQUNkLGdDQUVFO0lBREsseU1BQWtCLFFBQVEsS0FBRTtJQUNqQyxZQUNGOztJQUFBLGlCQUFRO0lBQ1YsMEJBQWU7OztJQUpzQyxlQUFpQztJQUFqQyxpREFBaUM7SUFFbEYsZUFDRjtJQURFLGlGQUNGOztBREhOLE1BQU0sT0FBTyxtQ0FBbUM7SUFhNUM7UUFYTyxTQUFJLEdBQWMsTUFBTSxDQUFDO1FBR3pCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFNeEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFhLENBQUM7SUFHOUMsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRUQsUUFBUSxDQUFDLElBQWU7UUFDcEIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7c0hBdEJRLG1DQUFtQzt3RUFBbkMsbUNBQW1DO1FDYmhELDhCQUNFO1FBQUEsOEJBQ0U7UUFBQSxnQ0FFRTtRQURLLCtHQUFTLGFBQVMsTUFBTSxDQUFDLElBQUM7UUFDL0IsWUFDRjs7UUFBQSxpQkFBUTtRQUNSLDRCQUFNO1FBQUEsaUJBQUM7UUFBQSxpQkFBTztRQUNkLGdDQUVFO1FBREssK0dBQVMsYUFBUyxRQUFRLENBQUMsSUFBQztRQUNqQyxZQUNGOztRQUFBLGlCQUFRO1FBQ1Isd0dBQ0U7UUFNSixpQkFBTTtRQUNSLGlCQUFNOztRQWpCaUQsZUFBK0I7UUFBL0IsNENBQStCO1FBRWhGLGVBQ0Y7UUFERSw0RUFDRjtRQUVtRCxlQUFpQztRQUFqQyw4Q0FBaUM7UUFFbEYsZUFDRjtRQURFLCtFQUNGO1FBQ2MsZUFBYztRQUFkLGlDQUFjOztrRERFbkIsbUNBQW1DO2NBVC9DLFNBQVM7ZUFBQztnQkFDUCxRQUFRLEVBQUUsK0JBQStCO2dCQUN6QyxXQUFXLEVBQUUsMkNBQTJDO2dCQUN4RCxTQUFTLEVBQUUsQ0FBQywyQ0FBMkMsQ0FBQztnQkFDeEQsSUFBSSxFQUFFO29CQUNGLEtBQUssRUFBRSwrQkFBK0I7aUJBQ3pDO2dCQUNELFFBQVEsRUFBRSw0QkFBNEI7YUFDekM7c0NBR1UsSUFBSTtrQkFEVixLQUFLO1lBSUMsTUFBTTtrQkFEWixLQUFLO1lBSUMsS0FBSztrQkFEWCxLQUFLO1lBSUMsTUFBTTtrQkFEWixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7Q2xvY2tUeXBlLCBEdXJhdGlvbn0gZnJvbSAnLi4vdGltZXBpY2tlci5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnbWF0ZS10aW1lcGlja2VyLWRpYWxvZy1oZWFkZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RpbWVwaWNrZXItZGlhbG9nLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi90aW1lcGlja2VyLWRpYWxvZy1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGhvc3Q6IHtcclxuICAgICAgICBjbGFzczogJ21hdGUtdGltZXBpY2tlci1kaWFsb2ctaGVhZGVyJ1xyXG4gICAgfSxcclxuICAgIGV4cG9ydEFzOiAnbWF0ZVRpbWVwaWNrZXJEaWFsb2dIZWFkZXInXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYXRlVGltZXBpY2tlckRpYWxvZ0hlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHR5cGU6IENsb2NrVHlwZSA9ICdob3VyJztcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIHNlY29uZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgdmFsdWU6IER1cmF0aW9uO1xyXG5cclxuICAgIEBPdXRwdXQoKVxyXG4gICAgcHVibGljIGFjdGl2ZSA9IG5ldyBFdmVudEVtaXR0ZXI8Q2xvY2tUeXBlPigpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgfVxyXG5cclxuICAgIG9uQWN0aXZlKHR5cGU6IENsb2NrVHlwZSkge1xyXG4gICAgICAgIHRoaXMudHlwZSA9IHR5cGU7XHJcbiAgICAgICAgdGhpcy5hY3RpdmUuZW1pdCh0eXBlKTtcclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWF0ZS10aW1lcGlja2VyLWRpYWxcIj5cclxuICA8ZGl2IGNsYXNzPVwidGltZXBpY2tlci1kaWFsLXRpbWVcIj5cclxuICAgIDxsYWJlbCBtYXRSaXBwbGUgY2xhc3M9XCJ0aW1lcGlja2VyLWRpYWwtdGltZS1pdGVtXCIgW2NsYXNzLmFjdGl2ZV09XCJ0eXBlID09ICdob3VyJ1wiXHJcbiAgICAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlKCdob3VyJylcIj5cclxuICAgICAge3t2YWx1ZS5ob3VyIHwgbnVtYmVyOicyLjAnfX1cclxuICAgIDwvbGFiZWw+XHJcbiAgICA8c3Bhbj46PC9zcGFuPlxyXG4gICAgPGxhYmVsIG1hdFJpcHBsZSBjbGFzcz1cInRpbWVwaWNrZXItZGlhbC10aW1lLWl0ZW1cIiBbY2xhc3MuYWN0aXZlXT1cInR5cGUgPT0gJ21pbnV0ZSdcIlxyXG4gICAgICAgICAgIChjbGljayk9XCJvbkFjdGl2ZSgnbWludXRlJylcIj5cclxuICAgICAge3t2YWx1ZS5taW51dGUgfCBudW1iZXI6JzIuMCd9fVxyXG4gICAgPC9sYWJlbD5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzZWNvbmRcIj5cclxuICAgICAgPHNwYW4+Ojwvc3Bhbj5cclxuICAgICAgPGxhYmVsIG1hdFJpcHBsZSBjbGFzcz1cInRpbWVwaWNrZXItZGlhbC10aW1lLWl0ZW1cIiBbY2xhc3MuYWN0aXZlXT1cInR5cGUgPT0gJ3NlY29uZCdcIlxyXG4gICAgICAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlKCdzZWNvbmQnKVwiPlxyXG4gICAgICAgIHt7dmFsdWUuc2Vjb25kIHwgbnVtYmVyOicyLjAnfX1cclxuICAgICAgPC9sYWJlbD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19