ngx-material-timepicker-decon
Version:
Handy material design timepicker for angular DECONied
51 lines • 4.5 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, EventEmitter, Output, ViewEncapsulation } from '@angular/core';
import Keyboard from 'simple-keyboard';
export class TimepickerNumpadComponent {
constructor() {
this.keyPressed = new EventEmitter();
this.onKeyPress = (button) => {
this.keyPressed.emit(button);
};
}
/**
* @return {?}
*/
ngAfterViewInit() {
this.keyboard = new Keyboard({
onKeyPress: button => this.onKeyPress(button),
layout: {
default: ['1 2 3', '4 5 6', '7 8 9', '. 0 Backspace'],
},
theme: 'hg-theme-default hg-layout-numeric numeric-theme',
display: {
'Backspace': '<i _ngcontent-c1 class="decontimepicker-backspace"></i>',
}
});
}
}
TimepickerNumpadComponent.decorators = [
{ type: Component, args: [{
selector: 'timepicker-numpad',
encapsulation: ViewEncapsulation.None,
template: "<div style=\"text-align:center\">\n <div class=\"simple-keyboard\"></div>\n</div>\n",
styles: [".simple-keyboard{max-width:850px}"]
}] }
];
/** @nocollapse */
TimepickerNumpadComponent.ctorParameters = () => [];
TimepickerNumpadComponent.propDecorators = {
keyPressed: [{ type: Output }]
};
if (false) {
/** @type {?} */
TimepickerNumpadComponent.prototype.keyboard;
/** @type {?} */
TimepickerNumpadComponent.prototype.keyPressed;
/** @type {?} */
TimepickerNumpadComponent.prototype.onKeyPress;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXBpY2tlci1udW1wYWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW1hdGVyaWFsLXRpbWVwaWNrZXItZGVjb24vIiwic291cmNlcyI6WyJzcmMvYXBwL21hdGVyaWFsLXRpbWVwaWNrZXIvY29tcG9uZW50cy90aW1lcGlja2VyLW51bXBhZC90aW1lcGlja2VyLW51bXBhZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFRdkMsTUFBTSxPQUFPLHlCQUF5QjtJQUtsQztRQUZVLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBaUIxQyxlQUFVLEdBQUcsQ0FBQyxNQUFjLEVBQUUsRUFBRTtZQUM1QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNqQyxDQUFDLENBQUE7SUFqQmUsQ0FBQzs7OztJQUVqQixlQUFlO1FBQ1gsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLFFBQVEsQ0FBQztZQUN6QixVQUFVLEVBQUUsTUFBTSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUM3QyxNQUFNLEVBQUU7Z0JBQ0osT0FBTyxFQUFFLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDO2FBQ3hEO1lBQ0QsS0FBSyxFQUFFLGtEQUFrRDtZQUN6RCxPQUFPLEVBQUU7Z0JBQ0wsV0FBVyxFQUFFLHlEQUF5RDthQUN6RTtTQUNKLENBQUMsQ0FBQztJQUNQLENBQUM7OztZQXhCSixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0IsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7Z0JBQ3JDLGtHQUFpRDs7YUFFbEQ7Ozs7O3lCQUlJLE1BQU07Ozs7SUFEUCw2Q0FBbUI7O0lBQ25CLCtDQUEwQzs7SUFpQjFDLCtDQUVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCBLZXlib2FyZCBmcm9tICdzaW1wbGUta2V5Ym9hcmQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0aW1lcGlja2VyLW51bXBhZCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlVXJsOiAnLi90aW1lcGlja2VyLW51bXBhZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RpbWVwaWNrZXItbnVtcGFkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGltZXBpY2tlck51bXBhZENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXG4gICAga2V5Ym9hcmQ6IEtleWJvYXJkO1xuICAgIEBPdXRwdXQoKSBrZXlQcmVzc2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgY29uc3RydWN0b3IoKSB7IH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgdGhpcy5rZXlib2FyZCA9IG5ldyBLZXlib2FyZCh7XG4gICAgICAgICAgICBvbktleVByZXNzOiBidXR0b24gPT4gdGhpcy5vbktleVByZXNzKGJ1dHRvbiksXG4gICAgICAgICAgICBsYXlvdXQ6IHtcbiAgICAgICAgICAgICAgICBkZWZhdWx0OiBbJzEgMiAzJywgJzQgNSA2JywgJzcgOCA5JywgJy4gMCBCYWNrc3BhY2UnXSxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB0aGVtZTogJ2hnLXRoZW1lLWRlZmF1bHQgaGctbGF5b3V0LW51bWVyaWMgbnVtZXJpYy10aGVtZScsXG4gICAgICAgICAgICBkaXNwbGF5OiB7XG4gICAgICAgICAgICAgICAgJ0JhY2tzcGFjZSc6ICc8aSBfbmdjb250ZW50LWMxIGNsYXNzPVwiZGVjb250aW1lcGlja2VyLWJhY2tzcGFjZVwiPjwvaT4nLFxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBvbktleVByZXNzID0gKGJ1dHRvbjogc3RyaW5nKSA9PiB7XG4gICAgICAgIHRoaXMua2V5UHJlc3NlZC5lbWl0KGJ1dHRvbik7XG4gICAgfVxuXG59XG4iXX0=