UNPKG

@material-extra/timepicker

Version:
15 lines (13 loc) 76.7 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/material/core"),require("@angular/common"),require("@angular/material/button"),require("@angular/cdk/coercion"),require("rxjs"),require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("rxjs/operators"),require("@angular/material/dialog"),require("@angular/cdk/bidi"),require("@angular/cdk/keycodes"),require("@angular/forms"),require("@angular/material/input"),require("@angular/material/form-field"),require("@angular/cdk/a11y")):"function"==typeof define&&define.amd?define("@material-extra/timepicker",["exports","@angular/core","@angular/material/core","@angular/common","@angular/material/button","@angular/cdk/coercion","rxjs","@angular/cdk/overlay","@angular/cdk/portal","rxjs/operators","@angular/material/dialog","@angular/cdk/bidi","@angular/cdk/keycodes","@angular/forms","@angular/material/input","@angular/material/form-field","@angular/cdk/a11y"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["material-extra"]=e["material-extra"]||{},e["material-extra"].timepicker={}),e.ng.core,e.ng.material.core,e.ng.common,e.ng.material.button,e.ng.cdk.coercion,e.rxjs,e.ng.cdk.overlay,e.ng.cdk.portal,e.rxjs.operators,e.ng.material.dialog,e.ng.cdk.bidi,e.ng.cdk.keycodes,e.ng.forms,e.ng.material.input,e.ng.material.formField,e.ng.cdk.a11y)}(this,(function(e,t,i,a,n,o,r,l,c,s,m,p,f,d,u,h,g){"use strict"; /*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */var b=function(e,t){return(b=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])})(e,t)};function v(e,t){function i(){this.constructor=e}b(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}Object.create;Object.create;var k=function(){function e(){}return e.isEqualsDeep=function(e,t){return e===t||(null==e||null==t||e.length===t.length)&&JSON.stringify(e)===JSON.stringify(t)},e.isRealNumber=function(e){return"number"==typeof e&&!isNaN(e)&&e!==1/0&&e!==-1/0},e.toString=function(e){if(null==e||e.constructor===String)return e;if(e instanceof Date)return e.toJSON();try{return JSON.stringify(e)}catch(t){return e+""}},e}(),y=function(){function e(e,t,i){this.hour=e,this.minute=t,this.second=i}return e.parseTimes=function(t){var i,a,n;return t.length>1&&(i=parseInt(t[0],10),a=parseInt(t[1],10),k.isRealNumber(i)&&k.isRealNumber(a))?(t.length>2&&(n=parseInt(t[2],10)),k.isRealNumber(n)||(n=0),i<0&&(i=0),a<0&&(a=0),n<0&&(n=0),a%=60,n%=60,(i%=24)<12&&t.length>2&&t[2].toLowerCase().includes("pm")&&(i+=12),new e(i,a,n)):null},e.valueOf=function(t,i,a){return new e(t,i,a)},e.zero=function(){return new e(0,0,0)},e.fromMillis=function(t){return t<0?null:new e(Math.floor(t/e.matrix.hours.milliseconds)%e.matrix.days.hours,Math.floor(t/e.matrix.minutes.milliseconds)%e.matrix.hours.minutes,Math.floor(t/e.matrix.seconds.milliseconds)%e.matrix.minutes.seconds)},e.fromString=function(t,i){if("string"==typeof t){var a=void 0;if("string"==typeof i&&(a=e.parseTimes(t.split(i))))return a;if(a=e.parseTimes(t.split(":")))return a;if(a=e.parseTimes(t.split("-")))return a;if(a=e.parseTimes(t.split(".")))return a;if(a=e.parseTimes(t.split(";")))return a;if(a=e.parseTimes(t.split(",")))return a}return null},e.fromDate=function(t){return t instanceof Date?new e(t.getHours(),t.getMinutes(),t.getSeconds()):null},e.now=function(t){void 0===t&&(t=!0);var i=new Date;return new e(i.getHours(),i.getMinutes(),t?i.getSeconds():0)},e.prototype.clone=function(){return new e(this.hour,this.minute,this.second)},e.prototype.getValue=function(e){return["hour","minute","second"].includes(e)?this[e]:null},e.prototype.setValue=function(e,t){return["hour","minute","second"].includes(e)&&(this[e]=t),this},e.prototype.setNew=function(t,i){var a=new e(this.hour,this.minute,this.second);return["hour","minute","second"].includes(t)&&(a[t]=i),a},e.prototype.format=function(e){if(e){var t=function(e,t,i){for(var a;(a=i.match(e))&&"string"==typeof a[0];)i=i.replace(a[0],String(t).padStart(a[0].length,"0"));return i},i=e;return i=t(/h+/i,this.hour,i),i=t(/m+/i,this.minute,i),i=t(/s+/i,this.second,i)}return String(this.hour).padStart(2,"0")+":"+String(this.minute).padStart(2,"0")+":"+String(this.second).padStart(2,"0")},e.prototype.milliseconds=function(){return this.hour*e.matrix.hours.milliseconds+this.minute*e.matrix.minutes.milliseconds+this.second*e.matrix.seconds.milliseconds},e.prototype.setToDate=function(e){return e.setHours(this.hour),e.setMinutes(this.minute),e.setSeconds(this.second),e.setMilliseconds(0),e},e.prototype.equals=function(e){return null!=e&&this.hour===e.hour&&this.minute===e.minute&&this.second===e.second},e}();function x(e,i){if(1&e){var a=t.ɵɵgetCurrentView();t.ɵɵelementContainerStart(0),t.ɵɵelementStart(1,"span"),t.ɵɵtext(2,":"),t.ɵɵelementEnd(),t.ɵɵelementStart(3,"label",2),t.ɵɵlistener("click",(function(){return t.ɵɵrestoreView(a),t.ɵɵnextContext().onActive("second")})),t.ɵɵtext(4),t.ɵɵpipe(5,"number"),t.ɵɵelementEnd(),t.ɵɵelementContainerEnd()}if(2&e){var n=t.ɵɵnextContext();t.ɵɵadvance(3),t.ɵɵclassProp("active","second"==n.type),t.ɵɵadvance(1),t.ɵɵtextInterpolate1(" ",t.ɵɵpipeBind2(5,3,n.value.second,"2.0")," ")}}y.matrix={days:{hours:24,minutes:1440,seconds:86400,milliseconds:864e5},hours:{minutes:60,seconds:3600,milliseconds:36e5},minutes:{seconds:60,milliseconds:6e4},seconds:{milliseconds:1e3}};var _=function(){function e(){this.type="hour",this.second=!1,this.active=new t.EventEmitter}return e.prototype.ngOnInit=function(){},e.prototype.onActive=function(e){this.type=e,this.active.emit(e)},e}();_.ɵfac=function(e){return new(e||_)},_.ɵcmp=t.ɵɵdefineComponent({type:_,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(e,i){1&e&&(t.ɵɵelementStart(0,"div",0),t.ɵɵelementStart(1,"div",1),t.ɵɵelementStart(2,"label",2),t.ɵɵlistener("click",(function(){return i.onActive("hour")})),t.ɵɵtext(3),t.ɵɵpipe(4,"number"),t.ɵɵelementEnd(),t.ɵɵelementStart(5,"span"),t.ɵɵtext(6,":"),t.ɵɵelementEnd(),t.ɵɵelementStart(7,"label",2),t.ɵɵlistener("click",(function(){return i.onActive("minute")})),t.ɵɵtext(8),t.ɵɵpipe(9,"number"),t.ɵɵelementEnd(),t.ɵɵtemplate(10,x,6,6,"ng-container",3),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵadvance(2),t.ɵɵclassProp("active","hour"==i.type),t.ɵɵadvance(1),t.ɵɵtextInterpolate1(" ",t.ɵɵpipeBind2(4,7,i.value.hour,"2.0")," "),t.ɵɵadvance(4),t.ɵɵclassProp("active","minute"==i.type),t.ɵɵadvance(1),t.ɵɵtextInterpolate1(" ",t.ɵɵpipeBind2(9,10,i.value.minute,"2.0")," "),t.ɵɵadvance(2),t.ɵɵproperty("ngIf",i.second))},directives:[i.MatRipple,a.NgIf],pipes:[a.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}"]});var w=function(){function e(){this.innerClockFaceSize=40,this.switchClock=new t.EventEmitter,this.enterPress=new t.EventEmitter}return e.prototype.onChange=function(e){},e.prototype.onFinish=function(){},e.prototype.onMousedown=function(e){e.preventDefault(),this.moved=!1,this.selected=!1,this.isStarted=!0},e.prototype.onClick=function(e){e.preventDefault(),this.selectTime(e),this.isStarted=!1,this.selected=!1,this.onFinish()},e.prototype.onTouchend=function(e){this.selectTime(e),this.moved&&(this.isStarted=!1,this.moved=!1,this.selected=!1,this.onFinish())},e.prototype.onMove=function(e){this.moved=!0,this.selectTime(e)},e.prototype.selectTime=function(e){if(this.isStarted||!(e instanceof MouseEvent)||"click"===e.type){var t=this.clockFace.nativeElement.getBoundingClientRect(),i=t.left+t.width/2,a=t.top+t.height/2,n=180*Math.atan(Math.abs(e.clientX-i)/Math.abs(e.clientY-a))/Math.PI,o=this.countAngleByCords(i,a,e.clientX,e.clientY,n),r=!!this.innerValues&&this.isInnerClockFace(i,a,e.clientX,e.clientY,(t.height+t.width)/4-this.innerClockFaceSize),l=this.roundAngle(o);l=l<0?0:l;var c=r?this.innerValues[l%this.innerValues.length]:this.outerValues[l%this.outerValues.length];this.onChange(c),this.selected=!0}},e.prototype.onMouseup=function(e){e.preventDefault(),this.isStarted=!1,this.selected&&(this.selected=!1,this.onFinish())},e.prototype.roundAngle=function(e){return Math.round(e/this.step)},e.prototype.isInnerClockFace=function(e,t,i,a,n){return Math.sqrt(Math.pow(i-e,2)+Math.pow(a-t,2))<n},e.prototype.countAngleByCords=function(e,t,i,a,n){return a>t&&i>=e?180-n:a>t&&i<e?180+n:a<t&&i<e?360-n:n},e.prototype.valueChange=function(e){},e.prototype.onKeydown=function(e){switch(e.code){case"ArrowLeft":return void this.switchClock.emit("left");case"ArrowRight":return void this.switchClock.emit("right");case"PageUp":case"ArrowUp":return void this.valueChange(1);case"PageDown":case"ArrowDown":return void this.valueChange(-1);case"Home":return void this.switchClock.emit("start");case"End":return void this.switchClock.emit("end");case"Enter":case"Space":return void this.enterPress.emit();default:return}},e}();w.ɵfac=function(e){return new(e||w)},w.ɵdir=t.ɵɵdefineDirective({type:w,selectors:[["mate-timepicker-face"]],hostBindings:function(e,i){1&e&&t.ɵɵlistener("mousedown",(function(e){return i.onMousedown(e)}))("click",(function(e){return i.onClick(e)}))("touchend",(function(e){return i.onTouchend(e.changedTouches[0])}))("mousemove",(function(e){return i.onMove(e)}))("touchmove",(function(e){return i.onMove(e.changedTouches[0])}))("mouseup",(function(e){return i.onMouseup(e)}))("mouseup",(function(e){return i.onMouseup(e)}),!1,t.ɵɵresolveDocument)("keydown",(function(e){return i.onKeydown(e)}),!1,t.ɵɵresolveDocument)},outputs:{switchClock:"switchClock",enterPress:"enterPress"}});var C=["clockFace"],R=function(e){return{transform:e}};function O(e,i){if(1&e&&(t.ɵɵelementStart(0,"div",8),t.ɵɵelementStart(1,"span",9),t.ɵɵtext(2),t.ɵɵpipe(3,"number"),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e){var a=i.$implicit,n=t.ɵɵnextContext();t.ɵɵclassProp("active",a==n.value),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(8,R,"translateX(-50%) rotateZ("+n.step*a+"deg)")),t.ɵɵadvance(1),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(10,R,"rotateZ("+-n.step*a+"deg)")),t.ɵɵadvance(1),t.ɵɵtextInterpolate(t.ɵɵpipeBind2(3,5,a,"1.0"))}}function z(e,i){if(1&e&&(t.ɵɵelementStart(0,"div",10),t.ɵɵelementStart(1,"span",9),t.ɵɵtext(2),t.ɵɵpipe(3,"number"),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e){var a=i.$implicit,n=t.ɵɵnextContext();t.ɵɵclassProp("active",a==n.value%24),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(8,R,"translateX(-50%) rotateZ("+n.step*(a%12)+"deg)")),t.ɵɵadvance(1),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(10,R,"rotateZ("+-n.step*(a%12)+"deg)")),t.ɵɵadvance(1),t.ɵɵtextInterpolate(t.ɵɵpipeBind2(3,5,a,"2.0"))}}var E=function(e){function i(){var i=e.call(this)||this;return i.step=30,i.outerValues=[12,1,2,3,4,5,6,7,8,9,10,11],i.innerValues=[0,13,14,15,16,17,18,19,20,21,22,23],i.change=new t.EventEmitter,i.finish=new t.EventEmitter,i}return v(i,e),i.prototype.ngOnInit=function(){},i.prototype.onChange=function(e){this.value=e,this.change.emit(this.value)},i.prototype.valueChange=function(e){(e+=this.value)<0&&(e=23),e>23&&(e=0),this.value=e,this.change.emit(this.value)},i.prototype.onFinish=function(){this.finish.emit()},i}(w);E.ɵfac=function(e){return new(e||E)},E.ɵcmp=t.ɵɵdefineComponent({type:E,selectors:[["mate-timepicker-dialog-hour"]],viewQuery:function(e,i){var a;(1&e&&t.ɵɵstaticViewQuery(C,!0),2&e)&&(t.ɵɵqueryRefresh(a=t.ɵɵloadQuery())&&(i.clockFace=a.first))},inputs:{value:"value"},outputs:{change:"change",finish:"finish"},exportAs:["mateTimepickerDialogHour"],features:[t.ɵɵInheritDefinitionFeature],decls:8,vars:9,consts:[[1,"mate-timepicker-face",3,"keydown"],[1,"clock-face","hour-face"],["clockFace",""],[1,"clock-face__container"],["class","clock-face__number clock-face__number--outer",3,"active","ngStyle",4,"ngFor","ngForOf"],[1,"clock-face__inner"],["class","clock-face__number clock-face__number--inner",3,"active","ngStyle",4,"ngFor","ngForOf"],[1,"clock-face__clock-hand",3,"ngStyle"],[1,"clock-face__number","clock-face__number--outer",3,"ngStyle"],[3,"ngStyle"],[1,"clock-face__number","clock-face__number--inner",3,"ngStyle"]],template:function(e,i){1&e&&(t.ɵɵelementStart(0,"div",0),t.ɵɵlistener("keydown",(function(e){return i.onKeydown(e)})),t.ɵɵelementStart(1,"div",1,2),t.ɵɵelementStart(3,"div",3),t.ɵɵtemplate(4,O,4,12,"div",4),t.ɵɵelementStart(5,"div",5),t.ɵɵtemplate(6,z,4,12,"div",6),t.ɵɵelementEnd(),t.ɵɵelementEnd(),t.ɵɵelement(7,"span",7),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵadvance(4),t.ɵɵproperty("ngForOf",i.outerValues),t.ɵɵadvance(2),t.ɵɵproperty("ngForOf",i.innerValues),t.ɵɵadvance(1),t.ɵɵclassProp("outer",i.value>0&&i.value<=12)("inner",i.value<=0||i.value>12),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(7,R,"rotateZ("+i.step*i.value+"deg)")))},directives:[a.NgForOf,a.NgStyle],pipes:[a.DecimalPipe],styles:[".clock-face.hour-face[_ngcontent-%COMP%] .clock-face__clock-hand.outer[_ngcontent-%COMP%]{height:calc(50% - 27px);top:27px}.clock-face.hour-face[_ngcontent-%COMP%] .clock-face__clock-hand.inner[_ngcontent-%COMP%]{height:calc(50% - 77px);top:77px}"]});var M=["clockFace"],P=function(e){return{transform:e}};function S(e,i){if(1&e&&(t.ɵɵelementStart(0,"div",6),t.ɵɵelementStart(1,"span",7),t.ɵɵtext(2),t.ɵɵpipe(3,"number"),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e){var a=i.$implicit,n=t.ɵɵnextContext();t.ɵɵclassProp("active",a==n.value%60),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(8,P,"translateX(-50%) rotateZ("+n.step*a+"deg)")),t.ɵɵadvance(1),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(10,P,"rotateZ("+-n.step*a+"deg)")),t.ɵɵadvance(1),t.ɵɵtextInterpolate(t.ɵɵpipeBind2(3,5,a,"2.0"))}}var N=function(e){function i(){var i=e.call(this)||this;return i.step=6,i.values=[0,5,10,15,20,25,30,35,40,45,50,55],i.outerValues=Array.from(Array(60).keys()),i.change=new t.EventEmitter,i.finish=new t.EventEmitter,i}return v(i,e),i.prototype.ngOnInit=function(){},i.prototype.onChange=function(e){this.value=e,this.change.emit(this.value)},i.prototype.valueChange=function(e){(e+=this.value)<0&&(e=59),e>59&&(e=0),this.value=e,this.change.emit(this.value)},i.prototype.onFinish=function(){this.finish.emit()},i}(w);function I(e,i){if(1&e){var a=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"mate-timepicker-dialog-hour",1),t.ɵɵlistener("change",(function(e){return t.ɵɵrestoreView(a),t.ɵɵnextContext().onChange(e)}))("switchClock",(function(e){return t.ɵɵrestoreView(a),t.ɵɵnextContext().switchClock.emit(e)}))("enterPress",(function(){return t.ɵɵrestoreView(a),t.ɵɵnextContext().enterPress.emit()}))("finish",(function(){return t.ɵɵrestoreView(a),t.ɵɵnextContext().finish.emit()})),t.ɵɵelementEnd()}if(2&e){var n=t.ɵɵnextContext();t.ɵɵproperty("value",n.value)}}function A(e,i){if(1&e){var a=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"mate-timepicker-dialog-minute",1),t.ɵɵlistener("change",(function(e){return t.ɵɵrestoreView(a),t.ɵɵnextContext().onChange(e)}))("switchClock",(function(e){return t.ɵɵrestoreView(a),t.ɵɵnextContext().switchClock.emit(e)}))("enterPress",(function(){return t.ɵɵrestoreView(a),t.ɵɵnextContext().enterPress.emit()}))("finish",(function(){return t.ɵɵrestoreView(a),t.ɵɵnextContext().finish.emit()})),t.ɵɵelementEnd()}if(2&e){var n=t.ɵɵnextContext();t.ɵɵproperty("value",n.value)}}function T(e,i){if(1&e){var a=t.ɵɵgetCurrentView();t.ɵɵelementStart(0,"mate-timepicker-dialog-minute",1),t.ɵɵlistener("change",(function(e){return t.ɵɵrestoreView(a),t.ɵɵnextContext().onChange(e)}))("switchClock",(function(e){return t.ɵɵrestoreView(a),t.ɵɵnextContext().switchClock.emit(e)}))("enterPress",(function(){return t.ɵɵrestoreView(a),t.ɵɵnextContext().enterPress.emit()}))("finish",(function(){return t.ɵɵrestoreView(a),t.ɵɵnextContext().finish.emit()})),t.ɵɵelementEnd()}if(2&e){var n=t.ɵɵnextContext();t.ɵɵproperty("value",n.value)}}N.ɵfac=function(e){return new(e||N)},N.ɵcmp=t.ɵɵdefineComponent({type:N,selectors:[["mate-timepicker-dialog-minute"]],viewQuery:function(e,i){var a;(1&e&&t.ɵɵstaticViewQuery(M,!0),2&e)&&(t.ɵɵqueryRefresh(a=t.ɵɵloadQuery())&&(i.clockFace=a.first))},inputs:{value:"value"},outputs:{change:"change",finish:"finish"},exportAs:["mateTimepickerDialogMinute"],features:[t.ɵɵInheritDefinitionFeature],decls:6,vars:6,consts:[[1,"mate-timepicker-face",3,"keydown"],[1,"clock-face","minute-face"],["clockFace",""],[1,"clock-face__container"],["class","clock-face__number",3,"active","ngStyle",4,"ngFor","ngForOf"],[1,"clock-face__clock-hand",3,"ngStyle"],[1,"clock-face__number",3,"ngStyle"],[3,"ngStyle"]],template:function(e,i){1&e&&(t.ɵɵelementStart(0,"div",0),t.ɵɵlistener("keydown",(function(e){return i.onKeydown(e)})),t.ɵɵelementStart(1,"div",1,2),t.ɵɵelementStart(3,"div",3),t.ɵɵtemplate(4,S,4,12,"div",4),t.ɵɵelementEnd(),t.ɵɵelement(5,"span",5),t.ɵɵelementEnd(),t.ɵɵelementEnd()),2&e&&(t.ɵɵadvance(4),t.ɵɵproperty("ngForOf",i.values),t.ɵɵadvance(1),t.ɵɵclassProp("hand-point",i.value%5!=0),t.ɵɵproperty("ngStyle",t.ɵɵpureFunction1(4,P,"rotateZ("+i.step*i.value+"deg)")))},directives:[a.NgForOf,a.NgStyle],pipes:[a.DecimalPipe],styles:[".clock-face.minute-face[_ngcontent-%COMP%] .clock-face__clock-hand[_ngcontent-%COMP%]{height:calc(50% - 27px);top:27px}.clock-face.minute-face[_ngcontent-%COMP%] .clock-face__clock-hand.hand-point[_ngcontent-%COMP%]{height:calc(50% - 15px);top:15px}"]});var V=function(){function e(){this.type="hour",this.change=new t.EventEmitter,this.switchClock=new t.EventEmitter,this.enterPress=new t.EventEmitter,this.finish=new t.EventEmitter}return e.prototype.ngOnInit=function(){},e.prototype.onChange=function(e){this.value=e,this.change.emit({type:this.type,value:this.value})},e}();V.ɵfac=function(e){return new(e||V)},V.ɵcmp=t.ɵɵdefineComponent({type:V,selectors:[["mate-timepicker-dialog-body"]],hostAttrs:[1,"mate-timepicker-dialog-body"],inputs:{type:"type",value:"value"},outputs:{change:"change",switchClock:"switchClock",enterPress:"enterPress",finish:"finish"},exportAs:["mateTimepickerDialogBody"],decls:3,vars:3,consts:[[3,"value","change","switchClock","enterPress","finish",4,"ngIf"],[3,"value","change","switchClock","enterPress","finish"]],template:function(e,i){1&e&&(t.ɵɵtemplate(0,I,1,1,"mate-timepicker-dialog-hour",0),t.ɵɵtemplate(1,A,1,1,"mate-timepicker-dialog-minute",0),t.ɵɵtemplate(2,T,1,1,"mate-timepicker-dialog-minute",0)),2&e&&(t.ɵɵproperty("ngIf","hour"==i.type),t.ɵɵadvance(1),t.ɵɵproperty("ngIf","minute"==i.type),t.ɵɵadvance(1),t.ɵɵproperty("ngIf","second"==i.type))},directives:[a.NgIf,E,N],styles:['.mate-timepicker-dialog-body[_nghost-%COMP%]{display:flex;flex:auto;margin:1rem 0;width:100%}.mate-timepicker-dialog-body[_nghost-%COMP%] mate-timepicker-dialog-hour[_ngcontent-%COMP%], .mate-timepicker-dialog-body[_nghost-%COMP%] mate-timepicker-dialog-minute[_ngcontent-%COMP%]{display:block;margin:auto}.mate-timepicker-dialog-body[_nghost-%COMP%] .mate-timepicker-face{-webkit-user-select:none;user-select:none}.mate-timepicker-dialog-body[_nghost-%COMP%] .mate-timepicker-face .clock-face{border-radius:50%;box-sizing:border-box;display:flex;height:260px;justify-content:center;margin:auto;position:relative;width:260px}.mate-timepicker-dialog-body[_nghost-%COMP%] .mate-timepicker-face .clock-face .clock-face__container{height:100%}.mate-timepicker-dialog-body[_nghost-%COMP%] .mate-timepicker-face .clock-face .clock-face__container .clock-face__number{font-size:14px;height:100%;position:absolute;text-align:center;width:30px;z-index:10}.mate-timepicker-dialog-body[_nghost-%COMP%] .mate-timepicker-face .clock-face .clock-face__container .clock-face__number span{-webkit-user-select:none;align-items:center;border-radius:50%;display:flex;font-weight:500;height:30px;justify-content:center;margin:auto;user-select:none;width:30px}.mate-timepicker-dialog-body[_nghost-%COMP%] .mate-timepicker-face .clock-face .clock-face__container .clock-face__inner{border-radius:50%;display:flex;height:calc(100% - 100px);position:absolute;top:50px}.mate-timepicker-dialog-body[_nghost-%COMP%] .mate-timepicker-face .clock-face .clock-face__container .clock-face__inner .clock-face__number{font-size:12px;width:30px}.mate-timepicker-dialog-body[_nghost-%COMP%] .mate-timepicker-face .clock-face .clock-face__clock-hand{position:absolute;transform-origin:bottom center;width:2px;z-index:1}.mate-timepicker-dialog-body[_nghost-%COMP%] .mate-timepicker-face .clock-face .clock-face__clock-hand:after{background-color:inherit;border-radius:50%;bottom:-3px;content:"";height:6px;left:-2px;position:absolute;width:6px}.mate-timepicker-dialog-body[_nghost-%COMP%] .mate-timepicker-face .clock-face .clock-face__clock-hand.hand-point:before{border-radius:50%;border-style:solid;border-width:8px;box-sizing:initial;content:"";height:4px;left:calc(50% - 10px);position:absolute;top:-11px;width:4px}']});var H=function(){function e(){this.clickOk=new t.EventEmitter,this.clickCancel=new t.EventEmitter}return e.prototype.ngOnInit=function(){},e}();H.ɵfac=function(e){return new(e||H)},H.ɵcmp=t.ɵɵdefineComponent({type:H,selectors:[["mate-timepicker-dialog-footer"]],hostAttrs:[1,"mate-timepicker-dialog-footer"],outputs:{clickOk:"clickOk",clickCancel:"clickCancel"},exportAs:["mateTimepickerDialogFooter"],decls:5,vars:0,consts:[[1,"mate-timepicker-actions"],["mat-raised-button","",3,"click"],["mat-raised-button","","color","primary",3,"click"]],template:function(e,i){1&e&&(t.ɵɵelementStart(0,"div",0),t.ɵɵelementStart(1,"button",1),t.ɵɵlistener("click",(function(){return i.clickCancel.emit()})),t.ɵɵtext(2,"Cancel"),t.ɵɵelementEnd(),t.ɵɵelementStart(3,"button",2),t.ɵɵlistener("click",(function(){return i.clickOk.emit()})),t.ɵɵtext(4,"Ok"),t.ɵɵelementEnd(),t.ɵɵelementEnd())},directives:[n.MatButton],styles:[".mate-timepicker-dialog-footer[_nghost-%COMP%]{display:block;width:100%}.mate-timepicker-dialog-footer[_nghost-%COMP%] .mate-timepicker-actions[_ngcontent-%COMP%]{align-content:flex-end;display:flex;justify-content:flex-end;margin-left:auto}.mate-timepicker-dialog-footer[_nghost-%COMP%] .mate-timepicker-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:not(:first-child){margin-left:.5rem}"]});var D=function(){function e(){this.clockActive="hour",this.valueActive=0,this.second=!1,this.change=new t.EventEmitter,this.cancel=new t.EventEmitter}return Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){e?this._value=e:this.defaultValue?this._value=this.defaultValue.clone():this._value=y.now(this.second),this.valueActive=this._value.getValue(this.clockActive)},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){this._value||(this._value=y.now(this.second)),this.valueActive=this._value.getValue(this.clockActive)},e.prototype.onActive=function(e){this.clockActive=e,this.valueActive=this._value.getValue(e)},e.prototype.onChange=function(e){this._value=this._value.setNew(e.type,e.value),this.valueActive=e.value},e.prototype.onSwitch=function(){"hour"===this.clockActive?this.onActive("minute"):this.second&&"minute"===this.clockActive&&this.onActive("second")},e.prototype.onClockSwitch=function(e){"right"===e?this.onSwitch():"left"===e?"second"===this.clockActive?this.onActive("minute"):"minute"===this.clockActive&&this.onActive("hour"):"start"===e&&"hour"!==this.clockActive?this.onActive("hour"):"end"===e&&(this.second||"minute"===this.clockActive?this.second&&"second"!==this.clockActive&&this.onActive("second"):this.onActive("minute"))},e.prototype.onOk=function(){this.change.emit(this._value)},e.prototype.onCancel=function(){this.cancel.emit()},e}();D.ɵfac=function(e){return new(e||D)},D.ɵcmp=t.ɵɵdefineComponent({type:D,selectors:[["mate-timepicker-dialog"]],hostAttrs:[1,"mate-timepicker-dialog"],inputs:{second:"second",defaultValue:"defaultValue",value:"value"},outputs:{change:"change",cancel:"cancel"},exportAs:["mateTimepickerDialog"],decls:3,vars:5,consts:[[3,"type","value","second","active"],[3,"value","type","change","switchClock","enterPress","finish"],[3,"clickOk","clickCancel"]],template:function(e,i){1&e&&(t.ɵɵelementStart(0,"mate-timepicker-dialog-header",0),t.ɵɵlistener("active",(function(e){return i.onActive(e)})),t.ɵɵelementEnd(),t.ɵɵelementStart(1,"mate-timepicker-dialog-body",1),t.ɵɵlistener("change",(function(e){return i.onChange(e)}))("switchClock",(function(e){return i.onClockSwitch(e)}))("enterPress",(function(){return i.onOk()}))("finish",(function(){return i.onSwitch()})),t.ɵɵelementEnd(),t.ɵɵelementStart(2,"mate-timepicker-dialog-footer",2),t.ɵɵlistener("clickOk",(function(){return i.onOk()}))("clickCancel",(function(){return i.onCancel()})),t.ɵɵelementEnd()),2&e&&(t.ɵɵproperty("type",i.clockActive)("value",i.value)("second",i.second),t.ɵɵadvance(1),t.ɵɵproperty("value",i.valueActive)("type",i.clockActive))},directives:[_,V,H],styles:[".mate-timepicker-dialog[_nghost-%COMP%]{display:flex;flex-direction:column;height:420px;padding:8px;width:280px}.mate-timepicker-dialog[_nghost-%COMP%] .mate-dialog-container[_ngcontent-%COMP%]{overflow:visible}"]});var F=function(e){this._elementRef=e},j=function(e){function t(t){return e.call(this,t)||this}return v(t,e),t.prototype.ngAfterViewInit=function(){},t}(i.mixinColor(F));j.ɵfac=function(e){return new(e||j)(t.ɵɵdirectiveInject(t.ElementRef))},j.ɵcmp=t.ɵɵdefineComponent({type:j,selectors:[["mate-timepicker-content"]],hostAttrs:[1,"mate-timepicker-content"],hostVars:2,hostBindings:function(e,i){2&e&&t.ɵɵclassProp("mate-timepicker-content-touch",i.timepicker.touchUi)},inputs:{color:"color"},exportAs:["mateTimepickerContent"],features:[t.ɵɵInheritDefinitionFeature],decls:1,vars:4,consts:[[3,"id","defaultValue","second","value","change","cancel"]],template:function(e,i){1&e&&(t.ɵɵelementStart(0,"mate-timepicker-dialog",0),t.ɵɵlistener("change",(function(e){return i.timepicker.select(e)}))("cancel",(function(){return i.timepicker.close()})),t.ɵɵelementEnd()),2&e&&t.ɵɵproperty("id",i.timepicker.id)("defaultValue",null==i.timepicker||null==i.timepicker._timepickerInput?null:i.timepicker._timepickerInput.defaultValue)("second",i.timepicker.second)("value",i.timepicker._selected)},directives:[D],styles:[".mat-badge-content{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:600}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 11.62px/20px Roboto,Helvetica Neue,sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 9.38px/20px Roboto,Helvetica Neue,sans-serif;margin:0 0 12px}.mat-body-2,.mat-body-strong{font:500 14px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-body-1 p,.mat-body p,.mat-typography p{margin:0 0 12px}.mat-caption,.mat-small{font:400 12px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500}.mat-button-toggle,.mat-card{font-family:Roboto,Helvetica Neue,sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-content,.mat-card-subtitle{font-size:14px}.mat-checkbox{font-family:Roboto,Helvetica Neue,sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-remove.mat-icon,.mat-chip .mat-chip-trailing-icon.mat-icon{font-size:18px}.mat-table{font-family:Roboto,Helvetica Neue,sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto,Helvetica Neue,sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto,Helvetica Neue,sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-form-field{font-family:Roboto,Helvetica Neue,sans-serif;font-size:inherit;font-weight:400;letter-spacing:normal;line-height:1.125}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{border-top:.84375em solid transparent;padding:.5em 0}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(.75);width:133.3333433333%}.mat-form-field-label-wrapper{padding-top:.84375em;top:-.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.79167em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{-ms-transform:translateY(-1.28125em) scale(.75);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{-ms-transform:translateY(-1.28124em) scale(.75);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-ms-transform:translateY(-1.28123em) scale(.75);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.66667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em}.mat-form-field-appearance-fill .mat-form-field-label{margin-top:-.5em;top:1.09375em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59375em) scale(.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-.59374em) scale(.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0}.mat-form-field-appearance-outline .mat-form-field-label{margin-top:-.25em;top:1.84375em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(.75);width:133.3333433333%}.mat-grid-tile-footer,.mat-grid-tile-header{font-size:14px}.mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line{box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-.0625em}.mat-menu-item{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px}.mat-radio-button,.mat-select{font-family:Roboto,Helvetica Neue,sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content,.mat-slider-thumb-label-text{font-family:Roboto,Helvetica Neue,sans-serif}.mat-slider-thumb-label-text{font-size:12px;font-weight:500}.mat-stepper-horizontal,.mat-stepper-vertical{font-family:Roboto,Helvetica Neue,sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:400}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group,.mat-tab-label,.mat-tab-link{font-family:Roboto,Helvetica Neue,sans-serif}.mat-tab-label,.mat-tab-link{font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto,Helvetica Neue,sans-serif;font-size:10px;padding-bottom:6px;padding-top:6px}.mat-tooltip-handset{font-size:14px;padding-bottom:8px;padding-top:8px}.mat-list-item,.mat-list-option{font-family:Roboto,Helvetica Neue,sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{box-sizing:border-box;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px}.mat-simple-snackbar-action{font-family:inherit;font-size:inherit;font-weight:500;line-height:1}.mat-tree{font-family:Roboto,Helvetica Neue,sans-serif}.mat-nested-tree-node,.mat-tree-node{font-size:14px;font-weight:400}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{border-radius:50%;pointer-events:none;position:absolute;transform:scale(0);transition:opacity,transform 0ms cubic-bezier(0,0,.2,1)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{-moz-appearance:none;-webkit-appearance:none;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;outline:0;overflow:hidden;padding:0;position:absolute;width:1px}.cdk-global-overlay-wrapper,.cdk-overlay-container{height:100%;left:0;pointer-events:none;top:0;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper,.cdk-overlay-pane{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{box-sizing:border-box;max-height:100%;max-width:100%;pointer-events:auto}.cdk-overlay-backdrop{-webkit-tap-highlight-color:transparent;bottom:0;left:0;opacity:0;pointer-events:auto;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1);z-index:1000}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{display:flex;flex-direction:column;min-height:1px;min-width:1px;position:absolute;z-index:1000}.cdk-global-scrollblock{overflow-y:scroll;position:fixed;width:100%}@keyframes cdk-text-field-autofill-start{\n /*!*/}@keyframes cdk-text-field-autofill-end{\n /*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{box-sizing:initial!important;height:auto!important;overflow:hidden!important;padding:2px 0!important}textarea.cdk-textarea-autosize-measuring-firefox{box-sizing:initial!important;height:0!important;padding:2px 0!important}.mat-focus-indicator,.mat-mdc-focus-indicator{position:relative}.mate-timepicker-content{border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);display:block}.mate-timepicker-content-touch{display:block;margin:-24px;max-height:80vh;overflow:auto}.mate-timepicker-content-touch .mate-timepicker-dialog{max-height:788px;max-width:750px;min-height:312px;min-width:250px}.mate-timepicker-content{background-color:#fff;color:rgba(0,0,0,.87)}.mate-timepicker-content .mate-timepicker-dialog-header .mate-timepicker-dial .timepicker-dial-time{color:rgba(0,0,0,.54)}.mate-timepicker-content .mate-timepicker-dialog-body .mate-timepicker-face,.mate-timepicker-content .mate-timepicker-dialog-header .mate-timepicker-dial .timepicker-dial-time label.timepicker-dial-time-item.active{color:rgba(0,0,0,.87)}.mate-timepicker-content .mate-timepicker-face .clock-face .clock-face__container .clock-face__number.active span{background:#3f51b5;color:#fff}.mate-timepicker-content .mate-timepicker-face .clock-face .clock-face__clock-hand{background-color:#3f51b5}.mate-timepicker-content .mate-timepicker-face .clock-face .clock-face__clock-hand.hand-point:before{background-color:#fff;border-color:#3f51b5}.mate-timepicker-content.mat-accent .mate-timepicker-face .clock-face .clock-face__container .clock-face__number.active span{background:#ff4081;color:#fff}.mate-timepicker-content.mat-accent .mate-timepicker-face .clock-face .clock-face__clock-hand{background-color:#ff4081}.mate-timepicker-content.mat-accent .mate-timepicker-face .clock-face .clock-face__clock-hand.hand-point:before{background-color:#fff;border-color:#ff4081}.mate-timepicker-content.mat-warn .mate-timepicker-face .clock-face .clock-face__container .clock-face__number.active span{background:#f44336;color:#fff}.mate-timepicker-content.mat-warn .mate-timepicker-face .clock-face .clock-face__clock-hand{background-color:#f44336}.mate-timepicker-content.mat-warn .mate-timepicker-face .clock-face .clock-face__clock-hand.hand-point:before{background-color:#fff;border-color:#f44336}"],encapsulation:2,data:{animation:[]},changeDetection:0});var Y=function(){this.changes=new r.Subject,this.openTimepickerLabel="Open timepicker"};Y.ɵfac=function(e){return new(e||Y)},Y.ɵprov=t.ɵɵdefineInjectable({token:Y,factory:Y.ɵfac,providedIn:"root"});var B=["button"];function q(e,i){1&e&&(t.ɵɵnamespaceSVG(),t.ɵɵelementStart(0,"svg",3),t.ɵɵelement(1,"path",4),t.ɵɵelementEnd())}var L=[[["","mateTimepickerToggleIcon",""]]],Z=function(){};Z.ɵfac=function(e){return new(e||Z)},Z.ɵdir=t.ɵɵdefineDirective({type:Z,selectors:[["","mateTimepickerToggleIcon",""]]});var U=function(){function e(e,t,i){this._intl=e,this._changeDetectorRef=t,this._stateChanges=r.Subscription.EMPTY;var a=Number(i);this.tabIndex=a||0===a?a:null}return Object.defineProperty(e.prototype,"disabled",{get:function(){return void 0===this._disabled&&this.timepicker?this.timepicker.disabled:!!this._disabled},set:function(e){this._disabled=o.coerceBooleanProperty(e)},enumerable:!1,configurable:!0}),e.prototype.ngOnChanges=function(e){e.Timepicker&&this._watchStateChanges()},e.prototype.ngOnDestroy=function(){this._stateChanges.unsubscribe()},e.prototype.ngAfterContentInit=function(){this._watchStateChanges()},e.prototype._open=function(e){this.timepicker&&!this.disabled&&(this.timepicker.open(),e.stopPropagation())},e.prototype._watchStateChanges=function(){var e=this,t=this.timepicker?this.timepicker._disabledChange:r.of(),i=this.timepicker&&this.timepicker._timepickerInput?this.timepicker._timepickerInput._disabledChange:r.of(),a=this.timepicker?r.merge(this.timepicker.openedStream,this.timepicker.closedStream):r.of();this._stateChanges.unsubscribe(),this._stateChanges=r.merge(this._intl.changes,t,i,a).subscribe((function(){return e._changeDetectorRef.markForCheck()}))},e}();U.ɵfac=function(e){return new(e||U)(t.ɵɵdirectiveInject(Y),t.ɵɵdirectiveInject(t.ChangeDetectorRef),t.ɵɵinjectAttribute("tabindex"))},U.ɵcmp=t.ɵɵdefineComponent({type:U,selectors:[["mate-timepicker-toggle"]],contentQueries:function(e,i,a){var n;(1&e&&t.ɵɵcontentQuery(a,Z,!0),2&e)&&(t.ɵɵqueryRefresh(n=t.ɵɵloadQuery())&&(i._customIcon=n.first))},viewQuery:function(e,i){var a;(1&e&&t.ɵɵviewQuery(B,!0),2&e)&&(t.ɵɵqueryRefresh(a=t.ɵɵloadQuery())&&(i._button=a.first))},hostAttrs:[1,"mate-timepicker-toggle"],hostVars:7,hostBindings:function(e,i){1&e&&t.ɵɵlistener("focus",(function(){return i._button.focus()})),2&e&&(t.ɵɵattribute("tabindex",i.disabled?null:-1),t.ɵɵclassProp("mate-timepicker-toggle-active",i.timepicker&&i.timepicker.opened)("mat-accent",i.timepicker&&"accent"===i.timepicker.color)("mat-warn",i.timepicker&&"warn"===i.timepicker.color))},inputs:{timepicker:["for","timepicker"],tabIndex:"tabIndex",disabled:"disabled",disableRipple:"disableRipple"},exportAs:["matetimepickerToggle"],features:[t.ɵɵNgOnChangesFeature],ngContentSelectors:["[mateTimepickerToggleIcon]"],decls:4,vars:6,consts:[["mat-icon-button","","type","button",3,"disabled","disableRipple","click"],["button",""],["class","mate-timepicker-toggle-default-icon","viewBox","0 0 24 24","width","24px","height","24px","fill","currentColor","focusable","false",4,"ngIf"],["viewBox","0 0 24 24","width","24px","height","24px","fill","currentColor","focusable","false",1,"mate-timepicker-toggle-default-icon"],["d","M15.87 15.25l-3.37-2V8.72c0-.4-.32-.72-.72-.72h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l3.65 2.19c.34.2.78.1.98-.24.21-.35.1-.8-.25-1zm5.31-10.24L18.1 2.45c-.42-.35-1.05-.3-1.41.13-.35.42-.29 1.05.13 1.41l3.07 2.56c.42.35 1.05.3 1.41-.13.36-.42.3-1.05-.12-1.41zM4.1 6.55l3.07-2.56c.43-.36.49-.99.13-1.41-.35-.43-.98-.48-1.4-.13L2.82 5.01c-.42.36-.48.99-.12 1.41.35.43.98.48 1.4.13zM12 4c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm0 16c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7z"]],template:function(e,i){1&e&&(t.ɵɵprojectionDef(L),t.ɵɵelementStart(0,"button",0,1),t.ɵɵlistener("click",(function(e){return i._open(e)})),t.ɵɵtemplate(2,q,2,0,"svg",2),t.ɵɵprojection(3),t.ɵɵelementEnd()),2&e&&(t.ɵɵproperty("disabled",i.disabled)("disableRipple",i.disableRipple),t.ɵɵattribute("aria-label",i._intl.openTimepickerLabel)("aria-haspopup",i.timepicker?"dialog":null)("tabindex",i.disabled?-1:i.tabIndex),t.ɵɵadvance(2),t.ɵɵproperty("ngIf",!i._customIcon))},directives:[n.MatButton,a.NgIf],styles:[".mat-badge-content{font-family:Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:600}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 11.62px/20px Roboto,Helvetica Neue,sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 9.38px/20px Roboto,Helvetica Neue,sans-serif;margin:0 0 12px}.mat-body-2,.mat-body-strong{font:500 14px/24px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-body-1 p,.mat-body p,.mat-typography p{margin:0 0 12px}.mat-caption,.mat-small{font:400 12px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,Helvetica Neue,sans-serif;letter-spacing:-.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-butt