ng-clock-picker-lib-voova
Version:
This is a customize version from the original https://jedrzejiwanicki.github.io/ng-clockpicker, Original function will not work the same
2 lines • 45.3 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("@angular/forms"),require("@angular/animations"),require("rxjs/internal/operators"),require("@angular/common"),require("@angular/platform-browser/animations")):"function"==typeof define&&define.amd?define("ng-clock-picker-lib-voova",["exports","@angular/core","rxjs","@angular/forms","@angular/animations","rxjs/internal/operators","@angular/common","@angular/platform-browser/animations"],t):t(e["ng-clock-picker-lib-voova"]={},e.ng.core,e.rxjs,e.ng.forms,e.ng.animations,e.rxjs["internal/operators"],e.ng.common,e.ng.platformBrowser.animations)}(this,function(e,c,r,t,o,n,i,a){"use strict";var s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function l(e,t){function r(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var p=function(){return(p=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)},u=function(){function e(){}return e.prototype.onChange=function(e){},e.prototype.onTouched=function(){},e.prototype.writeValue=function(e){this._value=e,this.onChange(e)},e.prototype.registerOnChange=function(e){this.onChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e}(),g=function(){function e(e){this.componentFactoryResolver=e}return e.prototype.loadDynamicComponent=function(e,t,r,o){var n=this.componentFactoryResolver.resolveComponentFactory(e),c=t.createComponent(n);for(var i in o)o.hasOwnProperty(i)&&(c.instance[i]=o[i]);c.instance.close=function(e){c.destroy(),r.next(e)}},e.decorators=[{type:c.Injectable}],e.ctorParameters=function(){return[{type:c.ComponentFactoryResolver}]},e}(),d=function(){function e(){}return e.prototype.close=function(e){},e}(),f=Array(24).fill(0,0,24).map(function(e,t,r){return t===r.length-1?0:t+1}),m={"24h":f,"12h":f.slice(0,12)},k={buttonConfirm:"Confirm",buttonCancel:"Cancel",initialValue:"12:00",closeOnOverlayClick:!1,is24:!0},h="minutes",b="hours",_="PM",y="24h",x={hours:0,minutes:0,scope:y,is24:!0,format:null};function v(e){return e<10?"0"+e:e.toString()}function w(e){if(!e)return x;var t=new Date("11/11/11 "+e),r=function o(e){for(var t in m)if(0<=m[t].indexOf(e))return t}(t.getHours());return{hours:t.getHours(),minutes:t.getMinutes(),scope:r}}var P=function(){function e(){this._mode=b}return Object.defineProperty(e.prototype,"mode",{get:function(){return this._mode},set:function(e){this._mode=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isModeMinutes",{get:function(){return this._mode===h},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isModeHours",{get:function(){return this._mode===b},enumerable:!0,configurable:!0}),e.prototype.setModeToMinutes=function(){this.mode=h},e.prototype.setModeToHours=function(){this.mode=b},e}(),C=function(){function e(e,t){this._hoursScopeChangeEmitter=new r.Subject,this._value=e?t:"12h"}return e.isHoursScope24=function(e){return e===y},Object.defineProperty(e.prototype,"hoursScopeChanged",{get:function(){return this._hoursScopeChangeEmitter.asObservable()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this._hoursScopeChangeEmitter.next({current:this.value,next:e}),this._value=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isScope24",{get:function(){return this.value===y},enumerable:!0,configurable:!0}),e}(),M=function(){function e(e){this._value=C.isHoursScope24(e)?_:"AM"}return Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isHoursModePM",{get:function(){return this.value===_},enumerable:!0,configurable:!0}),e}(),S=function(){function n(e){void 0===e&&(e=x),this._mode=new P,this.init(e)}return n.getConcurrentScopeValue=function(e,t,r){return m[r][m[t].indexOf(e)]},n.prototype.init=function(e){var o=this;e.is24=!0,console.log("getConcurrentScopeValue",e),this._is24=e.is24,this._format=e.format,this._hoursScope=new C(e.is24,e.scope),this._hoursMode=new M(e.scope),this._selectedMinutes=e.minutes,this._selectedHours=e.is24||e.scope===this._hoursScope.value?e.hours:n.getConcurrentScopeValue(e.hours,e.scope,this._hoursScope.value),this._hoursScope.hoursScopeChanged.subscribe(function(e){var t=e.current,r=e.next;o.hours=n.getConcurrentScopeValue(o.selected.hours,t,r)})},Object.defineProperty(n.prototype,"selected",{get:function(){return{hours:this._selectedHours,minutes:this._selectedMinutes}},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"is24",{get:function(){return this._is24},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"Mode",{get:function(){return this._mode},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"HoursScope",{get:function(){return this._hoursScope},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"HoursMode",{get:function(){return this._hoursMode},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"minutes",{set:function(e){this._selectedMinutes=e},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"hours",{set:function(e){this._selectedHours=e},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"displayTime",{get:function(){return function i(e,t,r,o,n){console.log("getDisplayTime hours: ",e),console.log("getDisplayTime minutes: ",t),console.log("getDisplayTime mode: ",r),console.log("getDisplayTime is24: ",o),console.log("getDisplayTime format: ",n);var c=new Date;return c.setHours(r.isHoursModePM&&!o?e+12:e),c.setMinutes(t),"hour24"===n?c.toLocaleTimeString([],{hour12:!1,hour:"2-digit",minute:"2-digit"}):c.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}(this.selected.hours,this.selected.minutes,this.HoursMode,this.is24,this._format)},enumerable:!0,configurable:!0}),n}(),O=function(){function e(){this._config=k}return e.prototype.init=function(){this.config.is24=!0;var e=this.config,t=e.initialValue,r=e.is24,o=e.format;console.log("ClockPickerService this.config",this.config),console.log("ClockPickerService initialValue",t),this._time=new S(p({},w(t),{is24:r,format:o}))},Object.defineProperty(e.prototype,"Time",{get:function(){return this._time},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"config",{get:function(){return this._config},set:function(e){this._config=e},enumerable:!0,configurable:!0}),e.prototype.clockValues=function(e){return(t=this.Time.HoursScope.value,{hours:m[t],minutes:Array(60).fill(0,0,60).map(function(e,t){return t})})[e];var t},e.decorators=[{type:c.Injectable}],e.ctorParameters=function(){return[]},e}(),j=function(r){function e(e){var t=r.call(this)||this;return t.clockPickerService=e,t}return l(e,r),Object.defineProperty(e.prototype,"items",{get:function(){return this.clockPickerService.clockValues(this.clockPickerService.Time.Mode.mode)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"fullTime",{get:function(){return this.clockPickerService.Time.displayTime},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"format",{get:function(){return this.clockPickerService.config.format},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"config",{get:function(){return this.clockPickerService.config},enumerable:!0,configurable:!0}),e.prototype.handleClose=function(){var e=this;this.enterLeaveCmp.requestClose().subscribe(function(){return e.close(e.fullTime)})},e.prototype.cancel=function(){var e=this;this.enterLeaveCmp.requestClose().subscribe(function(){return e.close(null)})},e.prototype.handleOverlayClick=function(e){e.stopPropagation(),this.config.closeOnOverlayClick&&this.cancel()},e.prototype.handleItemChange=function(e){this.clockPickerService.Time.Mode.isModeHours?(this.clockPickerService.Time.hours=e,this.clockPickerService.Time.Mode.setModeToMinutes()):(this.clockPickerService.Time.minutes=e,this.close(this.fullTime))},e.decorators=[{type:c.Component,args:[{selector:"ng-clock-picker-dialog",template:'<div [ngClass]="config.wrapperClassName">\n <ng-enter-leave #enterLeave>\n <div class="clock-picker__overlay" (click)="handleOverlayClick($event)"></div>\n <div class="clock-picker__wrapper">\n <nav class="clock-picker__nav">\n <ng-time-display></ng-time-display>\n </nav>\n <ng-circle\n (itemChange)="handleItemChange($event)"\n ></ng-circle>\n <footer class="clock-picker__footer">\n <button\n class="clock-picker__footer__dialog-control-button"\n (click)="cancel()"\n >\n {{config.buttonCancel}}\n </button>\n <button\n class="clock-picker__footer__dialog-control-button"\n (click)="handleClose()"\n >\n {{config.buttonConfirm}}\n </button>\n </footer>\n </div>\n </ng-enter-leave>\n</div>\n',encapsulation:c.ViewEncapsulation.None,styles:[".clock-picker__wrapper{width:300px;height:auto;top:50%;right:auto;bottom:auto;left:50%;position:fixed;display:flex;flex-direction:column;align-items:center;background-color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:1px 2px 30px rgba(0,0,0,.2)}.clock-picker__overlay{width:100vw;height:100vh;top:0;right:auto;bottom:auto;left:0;position:fixed;background-color:rgba(242,242,242,.6)}.clock-picker__footer,.clock-picker__nav{width:100%;height:70px;background-color:#f2f2f2}.clock-picker__nav{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.clock-picker__footer{box-sizing:border-box;padding:0 5px;display:flex;align-items:center;justify-content:flex-end;margin-top:10px;background-color:#f2f2f2}.clock-picker__footer__dialog-control-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;outline:0;padding:5px;cursor:pointer;font:400 16px Arial,Helvetica,sans-serif;color:#495351}"]}]}],e.ctorParameters=function(){return[{type:O}]},e.propDecorators={enterLeaveCmp:[{type:c.ViewChild,args:["enterLeave"]}]},e}(d),T=function(){function e(e,t){this.dynamicComponentsService=e,this.clockPickerService=t}return e.prototype.registerViewContainerRef=function(e){this.viewContainerRef=e},e.prototype.showClockPickerDialog=function(e){var t=this;return this.clockPickerService.config=p({},k,e),this.clockPickerService.init(),new r.Observable(function(e){return t.dynamicComponentsService.loadDynamicComponent(j,t.viewContainerRef,e)})},e.decorators=[{type:c.Injectable}],e.ctorParameters=function(){return[{type:g},{type:O}]},e}(),E=function(n){function e(e,t,r){var o=n.call(this)||this;return o.elementRef=e,o.viewContainerRef=t,o.clockPickerDialogService=r,o.ngClockPickerChange=new c.EventEmitter,o}return l(e,n),e.prototype.onFocus=function(e){var t=this,r=this.elementRef.nativeElement.value;e.preventDefault(),this.elementRef.nativeElement.blur(),this.ngClockPickerConfig.is24=!0,this.clockPickerDialogService.showClockPickerDialog(p({initialValue:r},this.ngClockPickerConfig)).subscribe(function(e){e&&(t.elementRef.nativeElement.value=e,t.onChange(e),t.ngClockPickerChange.emit(e))})},e.prototype.ngOnInit=function(){this.clockPickerDialogService.registerViewContainerRef(this.viewContainerRef)},e.decorators=[{type:c.Directive,args:[{selector:"[ngClockPicker]",providers:[{provide:t.NG_VALUE_ACCESSOR,useExisting:c.forwardRef(function(){return e}),multi:!0}]}]}],e.ctorParameters=function(){return[{type:c.ElementRef},{type:c.ViewContainerRef},{type:T}]},e.propDecorators={ngClockPickerConfig:[{type:c.Input}],ngClockPickerChange:[{type:c.Output}],onFocus:[{type:c.HostListener,args:["focus",["$event"]]}]},e}(u),H=o.trigger("scaleIn",[o.transition("hours => minutes",[o.style({opacity:0,transform:"scale(0)"}),o.animate("200ms ease",o.style({opacity:1,transform:"scale(1)"}))]),o.transition("minutes => hours",[o.style({opacity:0,transform:"scale(0)"}),o.animate("200ms ease",o.style({opacity:1,transform:"scale(1)"}))])]),D=function(){function e(e){this.clockPickerService=e,this.itemChange=new c.EventEmitter}return Object.defineProperty(e.prototype,"items",{get:function(){return this.clockPickerService.clockValues(this.mode)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"mode",{get:function(){return this.clockPickerService.Time.Mode.mode},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selected",{get:function(){return this.clockPickerService.Time.selected},enumerable:!0,configurable:!0}),e.prototype.isSelected=function(e){return this.selected[this.mode]===e},e.prototype.handleClick=function(e){this.itemChange.emit(e)},e.decorators=[{type:c.Component,args:[{selector:"ng-circle",template:'<div\n [@scaleIn]="mode"\n class="clock-picker__circle"\n [ngClass]="{\n \'clock-picker__circle--minutes\': clockPickerService.Time.Mode.isModeMinutes,\n \'clock-picker__circle--hours24c\': clockPickerService.Time.Mode.isModeHours\n }">\n <ng-clock-face></ng-clock-face>\n <ng-circle-button\n [selected]="isSelected(item)"\n (click)="handleClick(item)"\n *ngFor="let item of items">\n {{item}}\n </ng-circle-button>\n</div>\n',animations:[H],encapsulation:c.ViewEncapsulation.None,styles:[".clock-picker__circle{border-radius:50%;border:30px solid #f2f2f2;background-color:#f2f2f2}.clock-picker__circle--minutes{position:relative;width:220px;height:220px;padding:0;border-radius:50%;list-style:none}.clock-picker__circle--minutes ng-circle-button{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px}.clock-picker__circle--minutes ng-circle-button:nth-of-type(1){-webkit-transform:rotate(-90deg) translate(110px) rotate(90deg);transform:rotate(-90deg) translate(110px) rotate(90deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(2){-webkit-transform:rotate(-84deg) translate(110px) rotate(84deg);transform:rotate(-84deg) translate(110px) rotate(84deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(3){-webkit-transform:rotate(-78deg) translate(110px) rotate(78deg);transform:rotate(-78deg) translate(110px) rotate(78deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(4){-webkit-transform:rotate(-72deg) translate(110px) rotate(72deg);transform:rotate(-72deg) translate(110px) rotate(72deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(5){-webkit-transform:rotate(-66deg) translate(110px) rotate(66deg);transform:rotate(-66deg) translate(110px) rotate(66deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(6){-webkit-transform:rotate(-60deg) translate(110px) rotate(60deg);transform:rotate(-60deg) translate(110px) rotate(60deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(7){-webkit-transform:rotate(-54deg) translate(110px) rotate(54deg);transform:rotate(-54deg) translate(110px) rotate(54deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(8){-webkit-transform:rotate(-48deg) translate(110px) rotate(48deg);transform:rotate(-48deg) translate(110px) rotate(48deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(9){-webkit-transform:rotate(-42deg) translate(110px) rotate(42deg);transform:rotate(-42deg) translate(110px) rotate(42deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(10){-webkit-transform:rotate(-36deg) translate(110px) rotate(36deg);transform:rotate(-36deg) translate(110px) rotate(36deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(11){-webkit-transform:rotate(-30deg) translate(110px) rotate(30deg);transform:rotate(-30deg) translate(110px) rotate(30deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(12){-webkit-transform:rotate(-24deg) translate(110px) rotate(24deg);transform:rotate(-24deg) translate(110px) rotate(24deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(13){-webkit-transform:rotate(-18deg) translate(110px) rotate(18deg);transform:rotate(-18deg) translate(110px) rotate(18deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(14){-webkit-transform:rotate(-12deg) translate(110px) rotate(12deg);transform:rotate(-12deg) translate(110px) rotate(12deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(15){-webkit-transform:rotate(-6deg) translate(110px) rotate(6deg);transform:rotate(-6deg) translate(110px) rotate(6deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(16){-webkit-transform:rotate(0) translate(110px) rotate(0);transform:rotate(0) translate(110px) rotate(0)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(17){-webkit-transform:rotate(6deg) translate(110px) rotate(-6deg);transform:rotate(6deg) translate(110px) rotate(-6deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(18){-webkit-transform:rotate(12deg) translate(110px) rotate(-12deg);transform:rotate(12deg) translate(110px) rotate(-12deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(19){-webkit-transform:rotate(18deg) translate(110px) rotate(-18deg);transform:rotate(18deg) translate(110px) rotate(-18deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(20){-webkit-transform:rotate(24deg) translate(110px) rotate(-24deg);transform:rotate(24deg) translate(110px) rotate(-24deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(21){-webkit-transform:rotate(30deg) translate(110px) rotate(-30deg);transform:rotate(30deg) translate(110px) rotate(-30deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(22){-webkit-transform:rotate(36deg) translate(110px) rotate(-36deg);transform:rotate(36deg) translate(110px) rotate(-36deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(23){-webkit-transform:rotate(42deg) translate(110px) rotate(-42deg);transform:rotate(42deg) translate(110px) rotate(-42deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(24){-webkit-transform:rotate(48deg) translate(110px) rotate(-48deg);transform:rotate(48deg) translate(110px) rotate(-48deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(25){-webkit-transform:rotate(54deg) translate(110px) rotate(-54deg);transform:rotate(54deg) translate(110px) rotate(-54deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(26){-webkit-transform:rotate(60deg) translate(110px) rotate(-60deg);transform:rotate(60deg) translate(110px) rotate(-60deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(27){-webkit-transform:rotate(66deg) translate(110px) rotate(-66deg);transform:rotate(66deg) translate(110px) rotate(-66deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(28){-webkit-transform:rotate(72deg) translate(110px) rotate(-72deg);transform:rotate(72deg) translate(110px) rotate(-72deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(29){-webkit-transform:rotate(78deg) translate(110px) rotate(-78deg);transform:rotate(78deg) translate(110px) rotate(-78deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(30){-webkit-transform:rotate(84deg) translate(110px) rotate(-84deg);transform:rotate(84deg) translate(110px) rotate(-84deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(31){-webkit-transform:rotate(90deg) translate(110px) rotate(-90deg);transform:rotate(90deg) translate(110px) rotate(-90deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(32){-webkit-transform:rotate(96deg) translate(110px) rotate(-96deg);transform:rotate(96deg) translate(110px) rotate(-96deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(33){-webkit-transform:rotate(102deg) translate(110px) rotate(-102deg);transform:rotate(102deg) translate(110px) rotate(-102deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(34){-webkit-transform:rotate(108deg) translate(110px) rotate(-108deg);transform:rotate(108deg) translate(110px) rotate(-108deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(35){-webkit-transform:rotate(114deg) translate(110px) rotate(-114deg);transform:rotate(114deg) translate(110px) rotate(-114deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(36){-webkit-transform:rotate(120deg) translate(110px) rotate(-120deg);transform:rotate(120deg) translate(110px) rotate(-120deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(37){-webkit-transform:rotate(126deg) translate(110px) rotate(-126deg);transform:rotate(126deg) translate(110px) rotate(-126deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(38){-webkit-transform:rotate(132deg) translate(110px) rotate(-132deg);transform:rotate(132deg) translate(110px) rotate(-132deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(39){-webkit-transform:rotate(138deg) translate(110px) rotate(-138deg);transform:rotate(138deg) translate(110px) rotate(-138deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(40){-webkit-transform:rotate(144deg) translate(110px) rotate(-144deg);transform:rotate(144deg) translate(110px) rotate(-144deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(41){-webkit-transform:rotate(150deg) translate(110px) rotate(-150deg);transform:rotate(150deg) translate(110px) rotate(-150deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(42){-webkit-transform:rotate(156deg) translate(110px) rotate(-156deg);transform:rotate(156deg) translate(110px) rotate(-156deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(43){-webkit-transform:rotate(162deg) translate(110px) rotate(-162deg);transform:rotate(162deg) translate(110px) rotate(-162deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(44){-webkit-transform:rotate(168deg) translate(110px) rotate(-168deg);transform:rotate(168deg) translate(110px) rotate(-168deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(45){-webkit-transform:rotate(174deg) translate(110px) rotate(-174deg);transform:rotate(174deg) translate(110px) rotate(-174deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(46){-webkit-transform:rotate(180deg) translate(110px) rotate(-180deg);transform:rotate(180deg) translate(110px) rotate(-180deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(47){-webkit-transform:rotate(186deg) translate(110px) rotate(-186deg);transform:rotate(186deg) translate(110px) rotate(-186deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(48){-webkit-transform:rotate(192deg) translate(110px) rotate(-192deg);transform:rotate(192deg) translate(110px) rotate(-192deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(49){-webkit-transform:rotate(198deg) translate(110px) rotate(-198deg);transform:rotate(198deg) translate(110px) rotate(-198deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(50){-webkit-transform:rotate(204deg) translate(110px) rotate(-204deg);transform:rotate(204deg) translate(110px) rotate(-204deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(51){-webkit-transform:rotate(210deg) translate(110px) rotate(-210deg);transform:rotate(210deg) translate(110px) rotate(-210deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(52){-webkit-transform:rotate(216deg) translate(110px) rotate(-216deg);transform:rotate(216deg) translate(110px) rotate(-216deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(53){-webkit-transform:rotate(222deg) translate(110px) rotate(-222deg);transform:rotate(222deg) translate(110px) rotate(-222deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(54){-webkit-transform:rotate(228deg) translate(110px) rotate(-228deg);transform:rotate(228deg) translate(110px) rotate(-228deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(55){-webkit-transform:rotate(234deg) translate(110px) rotate(-234deg);transform:rotate(234deg) translate(110px) rotate(-234deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(56){-webkit-transform:rotate(240deg) translate(110px) rotate(-240deg);transform:rotate(240deg) translate(110px) rotate(-240deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(57){-webkit-transform:rotate(246deg) translate(110px) rotate(-246deg);transform:rotate(246deg) translate(110px) rotate(-246deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(58){-webkit-transform:rotate(252deg) translate(110px) rotate(-252deg);transform:rotate(252deg) translate(110px) rotate(-252deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(59){-webkit-transform:rotate(258deg) translate(110px) rotate(-258deg);transform:rotate(258deg) translate(110px) rotate(-258deg)}.clock-picker__circle--minutes ng-circle-button:nth-of-type(60){-webkit-transform:rotate(264deg) translate(110px) rotate(-264deg);transform:rotate(264deg) translate(110px) rotate(-264deg)}.clock-picker__circle--minutes ng-circle-button:not(:nth-child(5n+2)){width:4px;height:4px;margin:-2px;z-index:2}.clock-picker__circle--minutes ng-circle-button:not(:nth-child(5n+2)) .clock-picker__item-button{color:transparent;background-color:#fff}.clock-picker__circle--hours{position:relative;width:220px;height:220px;padding:0;border-radius:50%;list-style:none}.clock-picker__circle--hours ng-circle-button{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px}.clock-picker__circle--hours ng-circle-button:nth-of-type(1){-webkit-transform:rotate(-60deg) translate(110px) rotate(60deg);transform:rotate(-60deg) translate(110px) rotate(60deg)}.clock-picker__circle--hours ng-circle-button:nth-of-type(2){-webkit-transform:rotate(-30deg) translate(110px) rotate(30deg);transform:rotate(-30deg) translate(110px) rotate(30deg)}.clock-picker__circle--hours ng-circle-button:nth-of-type(3){-webkit-transform:rotate(0) translate(110px) rotate(0);transform:rotate(0) translate(110px) rotate(0)}.clock-picker__circle--hours ng-circle-button:nth-of-type(4){-webkit-transform:rotate(30deg) translate(110px) rotate(-30deg);transform:rotate(30deg) translate(110px) rotate(-30deg)}.clock-picker__circle--hours ng-circle-button:nth-of-type(5){-webkit-transform:rotate(60deg) translate(110px) rotate(-60deg);transform:rotate(60deg) translate(110px) rotate(-60deg)}.clock-picker__circle--hours ng-circle-button:nth-of-type(6){-webkit-transform:rotate(90deg) translate(110px) rotate(-90deg);transform:rotate(90deg) translate(110px) rotate(-90deg)}.clock-picker__circle--hours ng-circle-button:nth-of-type(7){-webkit-transform:rotate(120deg) translate(110px) rotate(-120deg);transform:rotate(120deg) translate(110px) rotate(-120deg)}.clock-picker__circle--hours ng-circle-button:nth-of-type(8){-webkit-transform:rotate(150deg) translate(110px) rotate(-150deg);transform:rotate(150deg) translate(110px) rotate(-150deg)}.clock-picker__circle--hours ng-circle-button:nth-of-type(9){-webkit-transform:rotate(180deg) translate(110px) rotate(-180deg);transform:rotate(180deg) translate(110px) rotate(-180deg)}.clock-picker__circle--hours ng-circle-button:nth-of-type(10){-webkit-transform:rotate(210deg) translate(110px) rotate(-210deg);transform:rotate(210deg) translate(110px) rotate(-210deg)}.clock-picker__circle--hours ng-circle-button:nth-of-type(11){-webkit-transform:rotate(240deg) translate(110px) rotate(-240deg);transform:rotate(240deg) translate(110px) rotate(-240deg)}.clock-picker__circle--hours ng-circle-button:nth-of-type(12){-webkit-transform:rotate(270deg) translate(110px) rotate(-270deg);transform:rotate(270deg) translate(110px) rotate(-270deg)}.clock-picker__circle--hours24c{position:relative;width:220px;height:220px;padding:0;border-radius:50%;list-style:none}.clock-picker__circle--hours24c ng-circle-button{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(1){-webkit-transform:rotate(-60deg) translate(70px) rotate(60deg);transform:rotate(-60deg) translate(70px) rotate(60deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(2){-webkit-transform:rotate(-30deg) translate(70px) rotate(30deg);transform:rotate(-30deg) translate(70px) rotate(30deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(3){-webkit-transform:rotate(0) translate(70px) rotate(0);transform:rotate(0) translate(70px) rotate(0)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(4){-webkit-transform:rotate(30deg) translate(70px) rotate(-30deg);transform:rotate(30deg) translate(70px) rotate(-30deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(5){-webkit-transform:rotate(60deg) translate(70px) rotate(-60deg);transform:rotate(60deg) translate(70px) rotate(-60deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(6){-webkit-transform:rotate(90deg) translate(70px) rotate(-90deg);transform:rotate(90deg) translate(70px) rotate(-90deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(7){-webkit-transform:rotate(120deg) translate(70px) rotate(-120deg);transform:rotate(120deg) translate(70px) rotate(-120deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(8){-webkit-transform:rotate(150deg) translate(70px) rotate(-150deg);transform:rotate(150deg) translate(70px) rotate(-150deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(9){-webkit-transform:rotate(180deg) translate(70px) rotate(-180deg);transform:rotate(180deg) translate(70px) rotate(-180deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(10){-webkit-transform:rotate(210deg) translate(70px) rotate(-210deg);transform:rotate(210deg) translate(70px) rotate(-210deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(11){-webkit-transform:rotate(240deg) translate(70px) rotate(-240deg);transform:rotate(240deg) translate(70px) rotate(-240deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(12){-webkit-transform:rotate(270deg) translate(70px) rotate(-270deg);transform:rotate(270deg) translate(70px) rotate(-270deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(13){-webkit-transform:rotate(300deg) translate(110px) rotate(-300deg);transform:rotate(300deg) translate(110px) rotate(-300deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(14){-webkit-transform:rotate(330deg) translate(110px) rotate(-330deg);transform:rotate(330deg) translate(110px) rotate(-330deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(15){-webkit-transform:rotate(360deg) translate(110px) rotate(-360deg);transform:rotate(360deg) translate(110px) rotate(-360deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(16){-webkit-transform:rotate(390deg) translate(110px) rotate(-390deg);transform:rotate(390deg) translate(110px) rotate(-390deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(17){-webkit-transform:rotate(420deg) translate(110px) rotate(-420deg);transform:rotate(420deg) translate(110px) rotate(-420deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(18){-webkit-transform:rotate(450deg) translate(110px) rotate(-450deg);transform:rotate(450deg) translate(110px) rotate(-450deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(19){-webkit-transform:rotate(480deg) translate(110px) rotate(-480deg);transform:rotate(480deg) translate(110px) rotate(-480deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(20){-webkit-transform:rotate(510deg) translate(110px) rotate(-510deg);transform:rotate(510deg) translate(110px) rotate(-510deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(21){-webkit-transform:rotate(540deg) translate(110px) rotate(-540deg);transform:rotate(540deg) translate(110px) rotate(-540deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(22){-webkit-transform:rotate(570deg) translate(110px) rotate(-570deg);transform:rotate(570deg) translate(110px) rotate(-570deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(23){-webkit-transform:rotate(600deg) translate(110px) rotate(-600deg);transform:rotate(600deg) translate(110px) rotate(-600deg)}.clock-picker__circle--hours24c ng-circle-button:nth-of-type(24){-webkit-transform:rotate(630deg) translate(110px) rotate(-630deg);transform:rotate(630deg) translate(110px) rotate(-630deg)}.svg{top:50%;right:auto;bottom:auto;left:50%;position:absolute;width:280px;height:280px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}"]}]}],e.ctorParameters=function(){return[{type:O}]},e.propDecorators={itemChange:[{type:c.Output}]},e}(),L=function(){function e(){}return e.decorators=[{type:c.Component,args:[{selector:"ng-circle-button",template:'<button\n class="clock-picker__item-button"\n [ngClass]="{\'clock-picker__item-button--selected\': selected}"\n>\n <ng-content></ng-content>\n</button>\n',encapsulation:c.ViewEncapsulation.None,styles:[".clock-picker__item-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;outline:0;padding:0;width:100%;height:100%;position:relative;cursor:pointer;border-radius:50%;font:400 16px Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#495351}.clock-picker__item-button:hover{background-color:#f5f5f5;color:#6d7c79}.clock-picker__item-button--selected{background-color:#f5f5f5}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={selected:[{type:c.Input}]},e}(),V=function(){function e(e){this.clockPickerService=e}return Object.defineProperty(e.prototype,"displayHours",{get:function(){return v(this.clockPickerService.Time.selected.hours)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"displayMinutes",{get:function(){return v(this.clockPickerService.Time.selected.minutes)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isHoursMode",{get:function(){return this.clockPickerService.Time.Mode.isModeHours},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hoursMode",{get:function(){return this.clockPickerService.Time.HoursMode.value},enumerable:!0,configurable:!0}),e.prototype.handleMinutesClick=function(){this.clockPickerService.Time.Mode.setModeToMinutes()},e.prototype.handleHoursClick=function(){this.clockPickerService.Time.Mode.setModeToHours()},e.decorators=[{type:c.Component,args:[{selector:"ng-time-display",template:'<div class="clock-picker__time-display">\n <button\n (click)="handleHoursClick()"\n class="clock-picker__time-display__button"\n [ngClass]="{\'clock-picker__time-display__button--selected\': isHoursMode}"\n >{{displayHours}}\n </button>\n <span class="clock-picker__time-display__divider">:</span>\n <button\n (click)="handleMinutesClick()"\n class="clock-picker__time-display__button"\n [ngClass]="{\'clock-picker__time-display__button--selected\': !isHoursMode}"\n >\n {{displayMinutes}}\n </button>\n \x3c!-- <ng-hours-mode-panel></ng-hours-mode-panel> --\x3e\n</div>\n',encapsulation:c.ViewEncapsulation.None,styles:[".clock-picker__time-display{display:flex;justify-content:center;align-items:center;margin:20px 0}.clock-picker__time-display__button,.clock-picker__time-display__divider,.clock-picker__time-display__hours-mode{color:#495351}.clock-picker__time-display__button,.clock-picker__time-display__divider{font:400 30px Arial,Helvetica,sans-serif}.clock-picker__time-display__hours-mode{margin:0 5px;font:400 20px Arial,Helvetica,sans-serif}.clock-picker__time-display__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;outline:0;padding:0;width:auto;height:30px;cursor:pointer}.clock-picker__time-display__button--selected,.clock-picker__time-display__button:hover{color:#6d7c79}"]}]}],e.ctorParameters=function(){return[{type:O}]},e}(),$=o.trigger("hoursModeSlide",[o.state("0",o.style({transform:"translateY(0)"})),o.state("1",o.style({transform:"translateY(-19px)"})),o.transition("0 => 1",[o.animate("200ms ease")]),o.transition("1 => 0",[o.animate("200ms ease")])]),I=function(){function e(e){this.clockPickerService=e,this.hoursModeOptions=["AM",_],this.hoursScopeOptions=["12h",y]}return Object.defineProperty(e.prototype,"hoursMode",{get:function(){return this.clockPickerService.Time.HoursMode.value},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hoursScope",{get:function(){return this.clockPickerService.Time.HoursScope.value},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this.clockPickerService.config.is24?this.hoursScopeOptions.indexOf(this.hoursScope).toString():this.hoursModeOptions.indexOf(this.hoursMode).toString()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){return this.clockPickerService.config.is24?this.hoursScopeOptions:this.hoursModeOptions},enumerable:!0,configurable:!0}),e.prototype.toggleMode=function(){var t=this;this.clockPickerService.config.is24?this.clockPickerService.Time.HoursScope.value=this.hoursScopeOptions.find(function(e){return e!==t.hoursScope}):this.clockPickerService.Time.HoursMode.value=this.hoursModeOptions.find(function(e){return e!==t.hoursMode})},e.prototype.ngOnInit=function(){},e.decorators=[{type:c.Component,args:[{selector:"ng-hours-mode-panel",template:'<div class="clock-picker__hours-mode-panel">\n <div [@hoursModeSlide]="selectedIndex" class="clock-picker__hours-mode-panel__scrollable">\n <button\n *ngFor="let option of options"\n (click)="toggleMode()"\n class="clock-picker__hours-mode-panel__button"\n >{{option.toLowerCase()}}</button>\n </div>\n</div>\n',animations:[$],styles:[".clock-picker__hours-mode-panel{position:relative;height:19px;overflow:hidden}.clock-picker__hours-mode-panel__scrollable{display:flex;flex-direction:column}.clock-picker__hours-mode-panel__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;outline:0;padding:0;width:auto;height:19px;cursor:pointer;margin:0 5px;font:400 13px Arial,Helvetica,sans-serif;color:#495351}"]}]}],e.ctorParameters=function(){return[{type:O}]},e}(),F=function(){function e(e,t){this.items=e,this.clockFaceConfig=t}return Object.defineProperty(e.prototype,"centralPointCoordinates",{get:function(){var e=this.clockFaceConfig.radius;return{x1:e,y1:e}},enumerable:!0,configurable:!0}),e.prototype.buildFaceControl=function(e,t){var r=this.clockFaceConfig,o=r.radius,n=r.offset,c=360/t.length;return p({},this.centralPointCoordinates,{x2:o*Math.cos(c*(e-n)*Math.PI/180)+o,y2:o*Math.sin(c*(e-n)*Math.PI/180)+o,display:e})},Object.defineProperty(e.prototype,"faceControls",{get:function(){var o=this;return this.items.map(function(e,t,r){return o.buildFaceControl(e,r)})},enumerable:!0,configurable:!0}),e}(),R=function(){function e(e){this.clockPickerService=e,this.radius=90,this.eventTargetEmitterConstraint=SVGLineElement,this.center={x1:this.radius,y1:this.radius}}return Object.defineProperty(e.prototype,"clockFaceItems",{get:function(){return{minutes:new F(this.clockPickerService.clockValues(this.mode),{radius:this.radius,offset:-45}).faceControls,hours:new F(this.clockPickerService.clockValues(this.mode),{radius:this.radius,offset:-45}).faceControls}},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"mode",{get:function(){return this.clockPickerService.Time.Mode.mode},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selected",{get:function(){return this.clockPickerService.Time.selected},enumerable:!0,configurable:!0}),e.prototype.isSelected=function(e){return this.selected[this.mode]===e},e.prototype.updateValue=function(e){this.clockPickerService.Time.Mode.isModeHours?this.clockPickerService.Time.hours=e:this.clockPickerService.Time.minutes=e},e.prototype.handleElementEmitter=function(e){var t=e.innerHTML;this.updateValue(Number(t))},e.decorators=[{type:c.Component,args:[{selector:"ng-clock-face",template:'\n <ng-movement-emitter\n [constraintElement]="eventTargetEmitterConstraint"\n (elementEmitted)="handleElementEmitter($event)">\n <svg\n class="clock-picker__clock-face"\n >\n <ng-container *ngFor="let face of clockFaceItems[mode]">\n <line\n class="clock-picker__clock-face__tick"\n [ngClass]="{\'clock-picker__clock-face__tick--selected\': isSelected(face.display)}"\n [attr.x1]="face.x1"\n [attr.y1]="face.y1"\n [attr.x2]="face.x2"\n [attr.y2]="face.y2"\n >{{face.display}}</line>\n </ng-container>\n <circle\n r="10"\n [attr.cx]="center.x1"\n [attr.cy]="center.y1"\n class="clock-picker__clock-face__center"\n ></circle>\n </svg>\n </ng-movement-emitter>\n',styles:[".clock-picker__clock-face{top:50%;right:auto;bottom:auto;left:50%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;width:180px;height:180px}.clock-picker__clock-face__tick{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;stroke:transparent;stroke-width:3}.clock-picker__clock-face__tick--selected{stroke:#fff;stroke-width:2}.clock-picker__clock-face__center{fill:#fff}"]}]}],e.ctorParameters=function(){return[{type:O}]},e}(),q=function(){function e(){this.isMoveLocked=!0,this.eventEmitter$=new r.Subject}return e.prototype.eventEmitter=function(){return this.eventEmitter$.asObservable()},e.prototype.setMoveLock=function(e){this.isMoveLocked=e},e.prototype.handleMove=function(e){(!this.isMoveLocked||"TouchEvent"in window&&e instanceof TouchEvent)&&this.emitMovement(e)},e.prototype.emitMovement=function(e){this.eventEmitter$.next(e)},e.prototype.handleMouseUp=function(){this.setMoveLock(!0)},e.prototype.handleMouseDown=function(){this.setMoveLock(!1)},e.prototype.handleEvent=function(e){switch(e.type){case"mousemove":return this.handleMove(e);case"mouseup":return this.handleMouseUp();case"mousedown":return this.handleMouseDown();case"touchmove":return this.handleMove(e)}},e}(),A=function(){function e(){this.mouseDown$=new r.Subject,this.mouseUp$=new r.Subject,this.mouseMove$=new r.Subject,this.touchMove$=new r.Subject,this.lockEventHandler=new q,this.elementEmitted=new c.EventEmitter}return e.prototype.onMouseDown=function(e){this.mouseDown$.next(e)},e.prototype.onMouseUp=function(e){this.mouseUp$.next(e)},e.prototype.onMouseMove=function(e){this.mouseMove$.next(e)},e.prototype.onTouchMove=function(e){this.touchMove$.next(e)},e.prototype.ngOnInit=function(){var t=this;this.watchMovement(),this.lockEventHandler.eventEmitter().pipe(n.map(function(e){return e instanceof MouseEvent?document.elementFromPoint(e.clientX,e.clientY):document.elementFromPoint(e.touches[0].clientX,e.touches[0].clientY)}),n.filter(function(e){return e instanceof t.constraintElement})).subscribe(function(e){return t.elementEmitted.emit(e)})},e.prototype.watchMovement=function(){var t=this;r.merge(this.mouseDown$,this.mouseUp$,this.mouseMove$,this.touchMove$).subscribe(function(e){return t.lockEventHandler.handleEvent(e)})},e.decorators=[{type:c.Component,args:[{selector:"ng-movement-emitter",template:"<ng-content></ng-content>\n",styles:[""]}]}],e.ctorParameters=function(){return[]},e.propDecorators={constraintElement:[{type:c.Input}],elementEmitted:[{type:c.Output}],onMouseDown:[{type:c.HostListener,args:["mousedown",["$event"]]}],onMouseUp:[{type:c.HostListener,args:["mouseup",["$event"]]}],onMouseMove:[{type:c.HostListener,args:["mousemove",["$event"]]}],onTouchMove:[{type:c.HostListener,args:["document:touchmove",["$event"]]}]},e}(),z=o.trigger("enterLeave",[o.transition("* => visible",[o.style({opacity:0}),o.animate("0.2s",o.style({opacity:1}))]),o.transition("visible => hidden",[o.style({opacity:1}),o.animate("0.2s",o.style({opacity:0}))])]),N="hidden",U=function(){function e(){this.state="visible",this.requestCloseEmitter=new r.Subject}return e.prototype.requestClose=function(){return this.state=N,this.requestCloseEmitter.asObservable()},e.prototype.onTransitionEnd=function(e){e.toState===N&&this.requestCloseEmitter.next(!0)},e.decorators=[{type:c.Component,args:[{selector:"ng-enter-leave",template:"<div [@enterLeave]='state' (@enterLeave.done)=\"onTransitionEnd($event)\">\n <ng-content></ng-content>\n</div>\n",animations:[z],styles:[""]}]}],e.ctorParameters=function(){return[]},e}(),Y=function(){function e(){}return e.decorators=[{type:c.NgModule,args:[{declarations:[E,j,D,L,V,I,R,A,U],imports:[i.CommonModule,a.BrowserAnimationsModule],exports:[E],providers:[g,O,T],entryComponents:[j]}]}],e}();e.NgClockPickerLibModule=Y,e.ClockPickerDialogService=T,e.ɵp=z,e.ɵl=$,e.ɵh=H,e.ɵf=d,e.ɵb=u,e.ɵi=L,e.ɵg=D,e.ɵm=R,e.ɵe=j,e.ɵo=U,e.ɵk=I,e.ɵn=A,e.ɵj=V,e.ɵa=E,e.ɵd=O,e.ɵc=g,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=ng-clock-picker-lib-voova.umd.min.js.map