@klippa/ngx-enhancy-forms 9.6.0 → 10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/bundles/klippa-ngx-enhancy-forms.umd.js +1 -1
  2. package/bundles/klippa-ngx-enhancy-forms.umd.min.js +1 -1
  3. package/bundles/klippa-ngx-enhancy-forms.umd.min.js.map +1 -1
  4. package/esm2015/lib/elements/button/button.component.js +1 -1
  5. package/fesm2015/klippa-ngx-enhancy-forms.js +1 -1
  6. package/klippa-ngx-enhancy-forms.metadata.json +1 -1
  7. package/package.json +1 -1
package/bundles/klippa-ngx-enhancy-forms.umd.js CHANGED
@@ -859,7 +859,7 @@
859
859
  { type: core.Component, args: [{
860
860
  selector: 'klp-form-button',
861
861
  template: "<button class=\"buttonFundamentals\"\n\t[ngClass]=\"[\n\t\tvariant,\n\t\tsize,\n\t\tfullWidth ? 'fullWidth' : '',\n\t\thasBorder ? '' : 'no-border',\n\t\tdisabled ? 'disabled' : ''\n\t]\"\n\t[type]=\"type\"\n\t(click)=\"onClick($event)\"\n>\n\t<div class=\"caption\" [ngClass]=\"{invisible: isLoading}\">\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class=\"loadingSpinnerContainer\" *ngIf=\"isLoading\">\n\t\t<klp-form-loading-indicator variant=\"spinner\" size=\"small\"></klp-form-loading-indicator>\n\t</div>\n</button>\n",
862
- styles: [":host{display:inline-block}:host._fullWidth{display:block}.buttonFundamentals{border:1px solid #e6ecf5;border-radius:5px;color:#888da8;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:1px;padding:10px 20px}.fullWidth{width:100%}.no-border{border:none}.caption.invisible{visibility:hidden}button{position:relative}.loadingSpinnerContainer{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.small{padding-bottom:.375rem;padding-top:.375rem}.large{line-height:2}.white{background-color:#fff;border-color:#d4deee;color:#515365;font-weight:500}.white:active,.white:hover{background-color:#edf2f8;border-color:#edf2f8;color:#515365}.white:focus{text-decoration:underline}.greenFilled{background-color:#27bb5f;border-color:#27bb5f;color:#fff}.greenFilled:hover{background-color:#2bd06a;border-color:#2bd06a;color:#fff}.greenFilled:focus{text-decoration:underline}.greenFilled:active{background-color:#23a654;border-color:#23a654}.greenOutlined{background-color:#fff;border-color:#27bb5f;color:#27bb5f}.greenOutlined:hover{background-color:#2bd06a;border-color:#2bd06a;color:#fff}.greenOutlined:focus{text-decoration:underline}.greenOutlined:active{background-color:#23a654;border-color:#23a654}.greenLink{background:none;border:none;color:#27bb5f;padding:0}.greenLink:focus,.greenLink:hover{text-decoration:underline}.contextMenuItem{background-color:#fff;border-color:#fff;color:#888da8}.contextMenuItem:hover{background-color:#f6f7fb;border-color:#f6f7fb}.contextMenuItem:active,.contextMenuItem:focus{text-decoration:underline}.redFilled{background-color:#dc3545;border-color:#dc3545;color:#fff}.redFilled:hover{background-color:#e04b59;border-color:#e04b59;color:#fff}.redFilled:focus{text-decoration:underline}.redFilled:active{background-color:#d32535;border-color:#d32535}.redOutlined{background-color:#fff;border-color:#dc3545;color:#dc3545}.redOutlined:hover{background-color:#e04b59;border-color:#e04b59;color:#fff}.redOutlined:focus{text-decoration:underline}.redOutlined:active{background-color:#d32535;border-color:#d32535}.orangeFilled{background-color:#ff8000;border-color:#ff8000;color:#fff}.orangeFilled:hover{background-color:#ff8d1a;border-color:#ff8d1a;color:#fff}.orangeFilled:focus{text-decoration:underline}.orangeFilled:active{background-color:#e67300;border-color:#e67300}"]
862
+ styles: [":host{display:inline-block}:host._fullWidth{display:block}.buttonFundamentals{border:1px solid #e6ecf5;border-radius:5px;color:#888da8;cursor:pointer;font-size:13px;font-weight:700;height:2.625rem;letter-spacing:1px;padding:0 20px}.buttonFundamentals.disabled{cursor:not-allowed}.buttonFundamentals.tiny{font-size:.75rem;font-weight:400;height:2rem}.buttonFundamentals.large{height:3rem}.fullWidth{width:100%}.no-border{border:none}.caption.invisible{visibility:hidden}button{position:relative}.loadingSpinnerContainer{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.white{background-color:#fff;border-color:#d4deee;color:#515365;font-weight:500}.white:active,.white:hover{background-color:#edf2f8;border-color:#edf2f8;color:#515365}.white:focus{text-decoration:underline}.greenFilled{background-color:#27bb5f;border-color:#27bb5f;color:#fff}.greenFilled:hover{background-color:#2bd06a;border-color:#2bd06a;color:#fff}.greenFilled:focus{text-decoration:underline}.greenFilled:active{background-color:#23a654;border-color:#23a654}.greenOutlined{background-color:#fff;border-color:#27bb5f;color:#27bb5f}.greenOutlined:hover{background-color:#2bd06a;border-color:#2bd06a;color:#fff}.greenOutlined:focus{text-decoration:underline}.greenOutlined:active{background-color:#23a654;border-color:#23a654}.greenLink{background:none;border:none;color:#27bb5f;padding:0}.greenLink:focus,.greenLink:hover{text-decoration:underline}.contextMenuItem{background-color:#fff;border-color:#fff;color:#888da8}.contextMenuItem:hover{background-color:#f6f7fb;border-color:#f6f7fb}.contextMenuItem:active,.contextMenuItem:focus{text-decoration:underline}.redFilled{background-color:#dc3545;border-color:#dc3545;color:#fff}.redFilled:hover{background-color:#e04b59;border-color:#e04b59;color:#fff}.redFilled:focus{text-decoration:underline}.redFilled:active{background-color:#d32535;border-color:#d32535}.redOutlined{background-color:#fff;border-color:#dc3545;color:#dc3545}.redOutlined:hover{background-color:#e04b59;border-color:#e04b59;color:#fff}.redOutlined:focus{text-decoration:underline}.redOutlined:active{background-color:#d32535;border-color:#d32535}.orangeFilled{background-color:#ff8000;border-color:#ff8000;color:#fff}.orangeFilled:hover{background-color:#ff8d1a;border-color:#ff8d1a;color:#fff}.orangeFilled:focus{text-decoration:underline}.orangeFilled:active{background-color:#e67300;border-color:#e67300}"]
863
863
  },] }
864
864
  ];
865
865
  ButtonComponent.propDecorators = {
package/bundles/klippa-ngx-enhancy-forms.umd.min.js CHANGED
@@ -13,5 +13,5 @@
13
13
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
14
  PERFORMANCE OF THIS SOFTWARE.
15
15
  ***************************************************************************** */
16
- var w=function(t,e){return w=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},w(t,e)};function I(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}w(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}Object.create;function k(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,r,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(t){r={error:t}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function D(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(k(arguments[e]));return t}Object.create;function E(t){return r.isArray(t)&&null!=t&&t.length>0}var S=function(){function t(t,n){this.parent=t,this.controlContainer=n,this.changed=new Array,this.touched=new Array,this.prevValue=null,this.disabled=!1,this.formControlName=null,this.formControl=null,this.onTouch=new e.EventEmitter,this.validators=[]}return t.prototype.ngOnInit=function(){var t,e,n,o,r=this;if(this.formControl)this.attachedFormControl=this.formControl;else if(h(this.formControlName)&&(this.attachedFormControl=null===(t=this.controlContainer)||void 0===t?void 0:t.control.get(this.formControlName),g(this.attachedFormControl)))throw new Error("Form element '"+this.formControlName+"' with caption '"+(null===(e=this.parent)||void 0===e?void 0:e.caption)+"' is not declared in your FormGroup.");if(this.attachedFormControl&&(this.disabled=this.attachedFormControl.disabled,this.attachedFormControl.statusChanges.subscribe((function(){r.disabled=r.attachedFormControl.disabled})),null===(n=this.parent)||void 0===n||n.registerControl(this.attachedFormControl,this),null===(o=this.attachedFormControl)||void 0===o?void 0:o.validator)){var i=this.attachedFormControl.validator({});m(i)?this.validators=Object.keys(i):this.validators=[]}},t.prototype.isInErrorState=function(){return this.attachedFormControl&&"INVALID"===this.attachedFormControl.status&&this.attachedFormControl.touched},t.prototype.ngOnDestroy=function(){var t;this.attachedFormControl&&(null===(t=this.parent)||void 0===t||t.unregisterControl(this.attachedFormControl))},t.prototype.touch=function(){this.touched.forEach((function(t){return t()}))},t.prototype.writeValue=function(t){this.innerValue=t,this.prevValue=t},t.prototype.registerOnChange=function(t){this.changed.push(t)},t.prototype.registerOnTouched=function(t){this.touched.push(t)},t.prototype.setInnerValueAndNotify=function(t){var e=this,n=function(t){e.innerValue=t,e.prevValue=t,e.changed.forEach((function(e){return e(t)}))};if(m(this.innerValueChangeInterceptor)){this.latestInnerValueChangedInterceptorPromise=this.innerValueChangeInterceptor(this.prevValue,t);var o=this.latestInnerValueChangedInterceptorPromise;this.latestInnerValueChangedInterceptorPromise.then((function(){e.latestInnerValueChangedInterceptorPromise===o&&n(t)})).catch((function(){e.latestInnerValueChangedInterceptorPromise===o&&n(e.prevValue)}))}else n(t)},t.prototype.resetToNull=function(){this.setInnerValueAndNotify(null)},t.prototype.hasValidator=function(t){return!!E(this.validators)&&this.validators.includes(t)},t}();S.decorators=[{type:e.Component,args:[{selector:"",template:""}]}],S.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]},{type:o.ControlContainer,decorators:[{type:e.Host},{type:e.Optional}]}]},S.propDecorators={disabled:[{type:e.Input}],innerValueChangeInterceptor:[{type:e.Input}],formControlName:[{type:e.Input}],formControl:[{type:e.Input}],onTouch:[{type:e.Output}]};var M=function(){function t(){this.variant="white",this.size="medium",this.fullWidth=!1,this.hasBorder=!0,this.disabled=!1,this.isLoading=!1,this.type="button"}return Object.defineProperty(t.prototype,"_",{get:function(){return this.fullWidth},enumerable:!1,configurable:!0}),t.prototype.onClick=function(t){this.disabled&&t.stopPropagation()},t}();M.decorators=[{type:e.Component,args:[{selector:"klp-form-button",template:'<button class="buttonFundamentals"\n\t[ngClass]="[\n\t\tvariant,\n\t\tsize,\n\t\tfullWidth ? \'fullWidth\' : \'\',\n\t\thasBorder ? \'\' : \'no-border\',\n\t\tdisabled ? \'disabled\' : \'\'\n\t]"\n\t[type]="type"\n\t(click)="onClick($event)"\n>\n\t<div class="caption" [ngClass]="{invisible: isLoading}">\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class="loadingSpinnerContainer" *ngIf="isLoading">\n\t\t<klp-form-loading-indicator variant="spinner" size="small"></klp-form-loading-indicator>\n\t</div>\n</button>\n',styles:[":host{display:inline-block}:host._fullWidth{display:block}.buttonFundamentals{border:1px solid #e6ecf5;border-radius:5px;color:#888da8;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:1px;padding:10px 20px}.fullWidth{width:100%}.no-border{border:none}.caption.invisible{visibility:hidden}button{position:relative}.loadingSpinnerContainer{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.small{padding-bottom:.375rem;padding-top:.375rem}.large{line-height:2}.white{background-color:#fff;border-color:#d4deee;color:#515365;font-weight:500}.white:active,.white:hover{background-color:#edf2f8;border-color:#edf2f8;color:#515365}.white:focus{text-decoration:underline}.greenFilled{background-color:#27bb5f;border-color:#27bb5f;color:#fff}.greenFilled:hover{background-color:#2bd06a;border-color:#2bd06a;color:#fff}.greenFilled:focus{text-decoration:underline}.greenFilled:active{background-color:#23a654;border-color:#23a654}.greenOutlined{background-color:#fff;border-color:#27bb5f;color:#27bb5f}.greenOutlined:hover{background-color:#2bd06a;border-color:#2bd06a;color:#fff}.greenOutlined:focus{text-decoration:underline}.greenOutlined:active{background-color:#23a654;border-color:#23a654}.greenLink{background:none;border:none;color:#27bb5f;padding:0}.greenLink:focus,.greenLink:hover{text-decoration:underline}.contextMenuItem{background-color:#fff;border-color:#fff;color:#888da8}.contextMenuItem:hover{background-color:#f6f7fb;border-color:#f6f7fb}.contextMenuItem:active,.contextMenuItem:focus{text-decoration:underline}.redFilled{background-color:#dc3545;border-color:#dc3545;color:#fff}.redFilled:hover{background-color:#e04b59;border-color:#e04b59;color:#fff}.redFilled:focus{text-decoration:underline}.redFilled:active{background-color:#d32535;border-color:#d32535}.redOutlined{background-color:#fff;border-color:#dc3545;color:#dc3545}.redOutlined:hover{background-color:#e04b59;border-color:#e04b59;color:#fff}.redOutlined:focus{text-decoration:underline}.redOutlined:active{background-color:#d32535;border-color:#d32535}.orangeFilled{background-color:#ff8000;border-color:#ff8000;color:#fff}.orangeFilled:hover{background-color:#ff8d1a;border-color:#ff8d1a;color:#fff}.orangeFilled:focus{text-decoration:underline}.orangeFilled:active{background-color:#e67300;border-color:#e67300}"]}]}],M.propDecorators={variant:[{type:e.Input}],size:[{type:e.Input}],fullWidth:[{type:e.Input}],hasBorder:[{type:e.Input}],disabled:[{type:e.Input}],isLoading:[{type:e.Input}],type:[{type:e.Input}],_:[{type:e.HostBinding,args:["class._fullWidth"]}]};var A=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.renderUndefinedAsIndeterminate=!1,e}return I(e,t),e}(S);A.decorators=[{type:e.Component,args:[{selector:"klp-form-checkbox",template:'<label class="componentContainer">\n\t<div class="checkboxContainer">\n\t\t<input type="checkbox" class="checkboxNative"\n\t\t\t[(ngModel)]="innerValue"\n\t\t\t(change)="setInnerValueAndNotify(innerValue); touch()"\n\t\t\t[disabled]="disabled"\n\t\t/>\n <div class="checkboxVisual">\n <svg *ngIf="innerValue === true" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg">\n <path d="m0.17014 2.7065 1.3073 1.1798 2.5656-3.7404" stroke="currentColor" fill="none" stroke-width=".4646px" />\n </svg>\n\t\t\t<svg *ngIf="renderUndefinedAsIndeterminate && innerValue === undefined" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg">\n\t\t\t\t<path d="m0.5 2.11665 3.2333 0" stroke="currentColor" fill="none" stroke-width=".4646px" />\n\t\t\t</svg>\n </div>\n\t</div>\n\t<div *ngIf="caption" class="caption">{{ caption }}</div>\n</label>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:A,multi:!0}],styles:[":host{display:block}.componentContainer{display:flex;margin-bottom:0}.checkboxContainer{position:relative}.caption{color:#888da8;cursor:pointer;font-weight:700}.checkboxNative{left:0;opacity:0;position:absolute;top:0}.checkboxNative,.checkboxVisual{cursor:pointer;height:22px;width:22px}.checkboxVisual{background-color:#fff;border:2px solid #e6ecf5;border-radius:3px;color:#27bb5f;display:inline-block;font-size:15px;font-weight:400;line-height:19px;margin-right:10px;padding:.125rem;pointer-events:none;text-align:center;vertical-align:bottom}.checkboxNative[disabled]{cursor:not-allowed}.checkboxNative[disabled]+.checkboxVisual:before{color:#666}"]}]}],A.propDecorators={caption:[{type:e.Input}],renderUndefinedAsIndeterminate:[{type:e.Input}]};var O=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.placeholder="",e}return I(e,t),e}(S);O.decorators=[{type:e.Component,args:[{selector:"klp-form-email-input",template:'<input\n\ttype="email"\n\tclass="form-control"\n\t[(ngModel)]="innerValue"\n\t(input)="setInnerValueAndNotify($event.target.value)"\n\t[placeholder]="placeholder"\n\t(blur)="touch()"\n\t[disabled]="disabled"\n/>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:O,multi:!0}],styles:[":host,input{display:block}input{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;border:1px solid #e6ecf5;border-radius:2px;box-shadow:none;color:#888da8;font-size:14px;height:42px;outline:none;padding:.375rem .625rem;transition:all .2s ease-in;width:100%}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder,input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}input:focus{border-color:#3ed778;box-shadow:none;outline:0 none}input.input-sm{height:30px}input.input-lg{height:50px}input.error{background-color:#f6cdd1;border-color:#dc3545}input.valid{background-color:#ebfaeb;border-color:#37c936;color:#278d26}.showErrors{border-color:#ff8000}"]}]}],O.propDecorators={placeholder:[{type:e.Input}]};var V=function(){this.variant="3dots",this.size="medium"};V.decorators=[{type:e.Component,args:[{selector:"klp-form-loading-indicator",template:'<div class="threeDots" [ngClass]="[size]" *ngIf="variant === \'3dots\'">\n\t<div></div>\n\t<div></div>\n\t<div></div>\n\t<div></div>\n</div>\n\n<div class="spinner" [ngClass]="[size]" *ngIf="variant === \'spinner\'">\n\t<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">\n\t\t<circle cx="24" cy="4" r="4" fill="currentColor" />\n\t\t<circle cx="12.19" cy="7.86" r="3.7" fill="currentColor" />\n\t\t<circle cx="5.02" cy="17.68" r="3.4" fill="currentColor" />\n\t\t<circle cx="5.02" cy="30.32" r="3.1" fill="currentColor" />\n\t\t<circle cx="12.19" cy="40.14" r="2.8" fill="currentColor" />\n\t\t<circle cx="24" cy="44" r="2.5" fill="currentColor" />\n\t\t<circle cx="35.81" cy="40.14" r="2.2" fill="currentColor" />\n\t\t<circle cx="42.98" cy="30.32" r="1.9" fill="currentColor" />\n\t\t<circle cx="42.98" cy="17.68" r="1.6" fill="currentColor" />\n\t\t<circle cx="35.81" cy="7.86" r="1.3" fill="currentColor" />\n\t</svg>\n</div>\n\n<div class="textInput" *ngIf="variant === \'textInput\'">\n\t<input\n\t\tdisabled\n\t\ttype="text"\n\t\tclass="form-control"\n\t\tplaceholder="Loading..."\n\t>\n</div>\n\n<div class="picker" *ngIf="variant === \'picker\'">\n\t<input\n\t\tdisabled\n\t\ttype="text"\n\t\tclass="form-control"\n\t\tplaceholder="Loading..."\n\t>\n\t<div class="chevronDown"></div>\n</div>\n',styles:[".threeDots,:host{display:block}.threeDots{height:var(--base);position:relative;width:calc(var(--base)*4)}.threeDots.tiny{--base:4px}.threeDots.small{--base:8px}.threeDots.medium{--base:12px}.threeDots.large{--base:18px}.threeDots.huge{--base:26px}.threeDots div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#27bb5f;border-radius:50%;height:var(--base);position:absolute;top:0;width:var(--base)}.threeDots div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.threeDots div:nth-child(2),.threeDots div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.threeDots div:nth-child(3){left:calc(var(--base)*1.5)}.threeDots div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:calc(var(--base)*3)}@-webkit-keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(150%)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(150%)}}.spinner.tiny svg{height:1rem;width:1rem}.spinner.small svg{height:1.6rem;width:1.6rem}.spinner.medium svg{height:2.5rem;width:2.5rem}.spinner.large svg{height:3rem;width:3rem}.spinner.huge svg{height:4rem;width:4rem}.spinner svg{-moz-animation-duration:1.2s;-moz-animation-iteration-count:infinite;-moz-animation-name:rotate;-moz-animation-timing-function:linear;-moz-transition-property:-moz-transform;-webkit-animation-duration:1.2s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:rotate;-webkit-animation-timing-function:linear;-webkit-transition-duration:1.2s;-webkit-transition-property:-webkit-transform;animation-duration:1.2s;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;transition-property:transform}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.picker{position:relative}.picker .chevronDown{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #888da8;height:0;position:absolute;right:23px;top:18px;width:0}"]}]}],V.propDecorators={variant:[{type:e.Input}],size:[{type:e.Input}]};var T=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.parseNumber=!1,e}return I(e,t),e.prototype.setInnerValueAndNotify=function(e){this.parseNumber&&"string"==typeof e?t.prototype.setInnerValueAndNotify.call(this,Number(e)):t.prototype.setInnerValueAndNotify.call(this,e)},e}(S);T.decorators=[{type:e.Component,args:[{selector:"klp-form-number-input",template:'<input\n\ttype="number"\n\tclass="form-control"\n\t[(ngModel)]="innerValue"\n\t(input)="setInnerValueAndNotify($event.target.value)"\n\t[placeholder]="placeholder ? placeholder : \'\'"\n\t[ngClass]="{showErrors: isInErrorState()}"\n\t[disabled]="disabled"\n/>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:T,multi:!0}],styles:[":host,input{display:block}input{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;border:1px solid #e6ecf5;border-radius:2px;box-shadow:none;color:#888da8;font-size:14px;height:42px;outline:none;padding:.375rem .625rem;transition:all .2s ease-in;width:100%}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder,input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}input:focus{border-color:#3ed778;box-shadow:none;outline:0 none}input.input-sm{height:30px}input.input-lg{height:50px}input.error{background-color:#f6cdd1;border-color:#dc3545}input.valid{background-color:#ebfaeb;border-color:#37c936;color:#278d26}.showErrors{border-color:#ff8000}"]}]}],T.propDecorators={placeholder:[{type:e.Input}],parseNumber:[{type:e.Input}]};var F=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.placeholder="Password",e}return I(e,t),e}(S);F.decorators=[{type:e.Component,args:[{selector:"klp-form-password-field",template:'<input\n\ttype="password"\n\tclass="form-control"\n [ngClass]="{showErrors: isInErrorState()}"\n\t[(ngModel)]="innerValue"\n\t(input)="setInnerValueAndNotify($event.target.value)"\n\t[placeholder]="placeholder"\n\t(blur)="touch()"\n\t[disabled]="disabled"\n/>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:F,multi:!0}],styles:[":host,input{display:block}input{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;border:1px solid #e6ecf5;border-radius:2px;box-shadow:none;color:#888da8;font-size:14px;height:42px;outline:none;padding:.375rem .625rem;transition:all .2s ease-in;width:100%}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder,input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}input:focus{border-color:#3ed778;box-shadow:none;outline:0 none}input.input-sm{height:30px}input.input-lg{height:50px}input.error{background-color:#f6cdd1;border-color:#dc3545}input.valid{background-color:#ebfaeb;border-color:#37c936;color:#278d26}.showErrors{border-color:#ff8000}"]}]}],F.propDecorators={placeholder:[{type:e.Input}]};var N=new e.InjectionToken("klp.form.select.translations"),R=function(){};R.decorators=[{type:e.Directive,args:[{selector:"[klpSelectOptionTpl]"}]}];var P=function(t){function n(n,o,r,i){var a=t.call(this,n,o)||this;return a.parent=n,a.controlContainer=o,a.translations=r,a.elRef=i,a.multiple=!1,a.multipleDisplayedAsAmount=!1,a.clearable=!0,a.truncateOptions=!0,a.onSearch=new e.EventEmitter,a.onEndReached=new e.EventEmitter,a.onOpened=new e.EventEmitter,a.lastItemIndexReached=-1,a}return I(n,t),n.prototype.ngOnChanges=function(t){m(t.options)&&(this.lastItemIndexReached=-1)},n.prototype.getDefaultTranslation=function(t){switch(t){case"placeholder":return function(){return"Pick an option"};case"amountSelected":return function(t){return t+" selected"}}},n.prototype.getTranslation=function(t,e){var n,o,r;return void 0===e&&(e=null),"placeholder"===t&&h(this.placeholder)?this.placeholder:null!==(r=null===(o=null===(n=this.translations)||void 0===n?void 0:n[t])||void 0===o?void 0:o.call(n,e))&&void 0!==r?r:this.getDefaultTranslation(t)(e)},n.prototype.onScroll=function(t){var e,n,o,r,i=null!==(r=null===(o=null===(n=null===(e=this.ngSelect)||void 0===e?void 0:e.itemsList)||void 0===n?void 0:n.filteredItems)||void 0===o?void 0:o.length)&&void 0!==r?r:0;this.lastItemIndexReached<t&&t===i&&this.onEndReached.emit(),this.lastItemIndexReached=Math.max(t,this.lastItemIndexReached)},n.prototype.searchQueryChanged=function(t){this.onSearch.emit(t)},n.prototype.onOpen=function(){var t=this;setTimeout((function(){if(t.onOpened.emit(),!1===t.truncateOptions){var e=Array.from(t.elRef.nativeElement.querySelectorAll(".ng-option div")).map((function(t){return t.scrollWidth})),n=Math.max.apply(Math,D(e));t.elRef.nativeElement.querySelector("ng-dropdown-panel").style.width=n+40+"px"}}))},n}(S);P.decorators=[{type:e.Component,args:[{selector:"klp-form-select",template:'<ng-select\n\t#ngSelect\n\t[placeholder]="getTranslation(\'placeholder\')"\n\tbindLabel="name"\n\tbindValue="id"\n\t[items]="options"\n\t[clearable]="clearable"\n\t[(ngModel)]="innerValue"\n\t[ngClass]="{showErrors: isInErrorState()}"\n\t(change)="setInnerValueAndNotify(innerValue)"\n\t[multiple]="multiple"\n\t[disabled]="disabled"\n\t(blur)="touch()"\n\t(search)="searchQueryChanged($event.term)"\n\t[dropdownPosition]="dropdownPosition"\n\t[searchFn]="customSearchFn"\n\t[selectOnTab]="true"\n\t[virtualScroll]="true"\n\t(scroll)="onScroll($event.end)"\n\t(open)="onOpen()"\n>\n\t<ng-template let-item="item" ng-option-tmp>\n\t\t<ng-container *ngIf="customOptionTpl" [ngTemplateOutlet]="customOptionTpl" [ngTemplateOutletContext]="{item: item}"></ng-container>\n\t\t<div [attr.data-cy]="item.id" *ngIf="!customOptionTpl">\n\t\t\t{{ item.name }}\n\t\t\t<div *ngIf="item.description" class="dropdown-item-description">\n\t\t\t\t{{ item.description }}\n\t\t\t</div>\n\t\t</div>\n\t</ng-template>\n\t<ng-container *ngIf="multiple && multipleDisplayedAsAmount && innerValue?.length > 1">\n\t\t<ng-template ng-multi-label-tmp>\n\t\t\t<div class="ng-value">\n\t\t\t\t<span class="ng-value-label">{{getTranslation(\'amountSelected\', innerValue?.length)}}</span>\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-container>\n\t<ng-template ng-footer-tmp *ngIf="footerElement">\n\t\t<ng-container [ngTemplateOutlet]="footerElement"></ng-container>\n\t</ng-template>\n</ng-select>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:P,multi:!0}],styles:[":host{display:block}ng-select.showErrors::ng-deep .ng-select-container{border-color:#ff8000}:host ::ng-deep ng-select.ng-select .ng-select-container{color:#888da8}:host ::ng-deep .ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#3ed778}:host ::ng-deep .ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}:host ::ng-deep .ng-select.ng-select-opened>.ng-select-container .ng-arrow{border-color:transparent transparent #999;border-width:0 5px 5px;top:-2px}:host ::ng-deep .ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #666}:host ::ng-deep .ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-left-radius:0;border-bottom-right-radius:0}:host ::ng-deep .ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}:host ::ng-deep .ng-select .ng-has-value .ng-placeholder{display:none}:host ::ng-deep .ng-select .ng-select-container{align-items:center;background-clip:padding-box;background-color:#fff;border:1px solid #e6ecf5;border-radius:4px;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#888da8;display:flex;flex-direction:row;font-size:1rem;font-size:14px;line-height:1.5;margin:0;min-height:42px;outline:none;overflow:visible;padding:.375rem .75rem;transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in;width:100%}:host ::ng-deep .ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}:host ::ng-deep .ng-select .ng-select-container .ng-value-container{align-items:center;overflow:hidden;padding-left:10px}:host ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#aaa}:host ::ng-deep .ng-select.ng-select-single .ng-select-container{height:42px}:host ::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;padding-left:10px;padding-right:50px;top:5px}:host ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e3e3e3}:host ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#e7faee;border:1px solid #93e8b3;border-radius:2px;display:flex;font-size:.9em;margin-bottom:3px;margin-right:5px;margin-top:3px;overflow:hidden}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9;border:1px solid #e3e3e3}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;overflow:hidden;padding:0 5px;text-overflow:ellipsis}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:0 5px}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#93e8b3}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #93e8b3}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #c2e0ff}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding-bottom:3px;padding-left:3px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-bottom:3px;padding-left:3px;position:static;top:5px}:host ::ng-deep .ng-select .ng-clear-wrapper{color:#999}:host ::ng-deep .ng-select .ng-clear-wrapper .ng-clear:hover{color:#dc3545}:host ::ng-deep .ng-select .ng-spinner-zone{padding-right:5px;padding-top:5px}:host ::ng-deep .ng-select .ng-arrow-wrapper{padding-right:5px;width:25px}:host ::ng-deep .ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}:host ::ng-deep .ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}:host ::ng-deep .ng-dropdown-panel{background-color:#fff;border:1px solid #3ed778;box-shadow:0 1px 0 rgba(0,0,0,.06)}:host ::ng-deep .ng-dropdown-panel.ng-select-bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-color:#e6e6e6;margin-top:-1px;top:100%}:host ::ng-deep .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::ng-deep .ng-dropdown-panel.ng-select-top{border-bottom-color:#e6e6e6;border-top-left-radius:4px;border-top-right-radius:4px;bottom:100%;margin-bottom:-1px}:host ::ng-deep .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px;border-top-right-radius:4px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{margin-bottom:1px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;color:rgba(0,0,0,.54);cursor:default;cursor:pointer;font-weight:500;padding:8px 10px;user-select:none}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#ebf5ff}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background-color:#f5faff;font-weight:600}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background-color:#e7faee;color:#333}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label{font-weight:600}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#e7faee;color:#333}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding-left:0}:host ::ng-deep ng-select.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{color:#888da8;top:9px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,:host ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input>input{color:#888da8}:host ::ng-deep .ng-select.ng-select-auto-grow{max-width:inherit}:host ::ng-deep .ng-select.ng-select-auto-grow .ng-dropdown-panel{width:auto}"]}]}],P.ctorParameters=function(){return[{type:x,decorators:[{type:e.Optional},{type:e.Host}]},{type:o.ControlContainer,decorators:[{type:e.Optional},{type:e.Host}]},{type:void 0,decorators:[{type:e.Inject,args:[N]},{type:e.Optional}]},{type:e.ElementRef}]},P.propDecorators={placeholder:[{type:e.Input}],options:[{type:e.Input}],multiple:[{type:e.Input}],multipleDisplayedAsAmount:[{type:e.Input}],clearable:[{type:e.Input}],truncateOptions:[{type:e.Input}],dropdownPosition:[{type:e.Input}],customSearchFn:[{type:e.Input}],footerElement:[{type:e.Input}],onSearch:[{type:e.Output}],onEndReached:[{type:e.Output}],onOpened:[{type:e.Output}],ngSelect:[{type:e.ViewChild,args:["ngSelect"]}],customOptionTpl:[{type:e.ContentChild,args:[R,{read:e.TemplateRef}]}]};var z=function(){};z.decorators=[{type:e.Component,args:[{selector:"klp-select-footer",template:'<div class="componentContainer">\n\t<span class="prefix">{{prefix}}</span>\n\t<span class="text">{{text}}</span>\n</div>\n',styles:[":host{display:block}.componentContainer{cursor:pointer;padding:6px 10px}.componentContainer:hover{background:#e7faee}.prefix{font-size:80%;padding-right:.625rem}"]}]}],z.propDecorators={prefix:[{type:e.Input}],text:[{type:e.Input}]};var _=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.sortableItemSize="lg",e.useCustomScroll=!1,e.scrollInterval=null,e.itemsOrderChanged=function(){e.setInnerValueAndNotify(e.innerValue)},e.onItemDrag=function(t){t.relatedRect.top<100?e.scrollPage(100):e.stopScrolling()},e.onEnd=function(){e.stopScrolling()},e}return I(e,t),e.prototype.ngOnInit=function(){t.prototype.ngOnInit.call(this),this.useCustomScroll?this.sortablejsOptions={onUpdate:this.itemsOrderChanged,onMove:this.onItemDrag,onEnd:this.onEnd}:this.sortablejsOptions={onUpdate:this.itemsOrderChanged}},e.prototype.scrollPage=function(t){var e=this;m(this.scrollInterval)||(this.scrollInterval=setInterval((function(){window.scroll({top:document.scrollingElement.scrollTop-t,behavior:"smooth"}),document.scrollingElement.scrollTop<=100&&e.stopScrolling()}),100))},e.prototype.stopScrolling=function(){clearInterval(this.scrollInterval),this.scrollInterval=null},e}(S);_.decorators=[{type:e.Component,args:[{selector:"klp-form-sortable-items",template:'<ng-template #listItem>\n\t<li *ngFor="let item of innerValue; index as index"\n\t\t\tclass="sortableItem"\n\t\t\t[ngClass]="{\n\t\t\tlargeSortableItem: sortableItemSize === \'lg\',\n\t\t \tsmallSortableItem: sortableItemSize === \'sm\'\n\t\t }"\n\t>\n\t\t<ng-container [ngTemplateOutlet]="template" [ngTemplateOutletContext]="{ item: item, index:index }"></ng-container>\n\t</li>\n</ng-template>\n\n<ol *ngIf=\'!disabled\'\n\t\t[sortablejs]="innerValue"\n\t\t[sortablejsOptions]="sortablejsOptions"\n\t\tclass="itemsContainer"\n>\n\t<ng-container *ngTemplateOutlet="listItem"></ng-container>\n</ol>\n\n<ol *ngIf=\'disabled\' class="itemsContainer disabled-mouse-cursor">\n\t<ng-container *ngTemplateOutlet="listItem"></ng-container>\n</ol>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:_,multi:!0}],styles:[":host{display:block}.itemsContainer{border:1px solid #e6ecf5;border-radius:5px;margin-bottom:0;padding:0}.sortableItem{border-top:1px solid #e6ecf5;cursor:-webkit-grab;cursor:grab;list-style:none}.sortableItem:hover{background:#f8f9fa}.sortableItem:first-child{border-top:none}.largeSortableItem{padding:15px}.smallSortableItem{padding:0 10px}.disabled-mouse-cursor li{cursor:no-drop}"]}]}],_.propDecorators={template:[{type:e.ContentChild,args:[e.TemplateRef]}],sortableItemSize:[{type:e.Input}],useCustomScroll:[{type:e.Input}]};var L=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.type="text",e.clearable=!1,e}return I(e,t),e}(S);L.decorators=[{type:e.Component,args:[{selector:"klp-form-text-input",template:'<div class="componentContainer">\n\t<ng-container *ngIf="icon?.length > 0">\n\t\t<i class="ti-search" *ngIf="icon === \'search\'"></i>\n\t</ng-container>\n\t<input\n\t\t[type]="type"\n\t\t[ngClass]="{showErrors: isInErrorState(), hasIcon: icon?.length > 0, hasClearButton: clearable}"\n\t\t[(ngModel)]="innerValue"\n\t\t(input)="setInnerValueAndNotify($event.target.value)"\n\t\t[placeholder]="placeholder ? placeholder : \'\'"\n\t\t(blur)="touch()"\n\t\t[disabled]=\'disabled\'\n\t/>\n\t<div class="clearIcon" *ngIf="clearable && innerValue?.length > 0" (click)="resetToNull()">×</div>\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:L,multi:!0}],styles:[":host{display:block}:host input:disabled{cursor:not-allowed}.componentContainer{position:relative}i{left:.625rem;position:absolute;top:14px}input{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;border:1px solid #e6ecf5;border-radius:2px;box-shadow:none;color:#888da8;display:block;font-size:14px;height:42px;outline:none;padding:.375rem .625rem;transition:all .2s ease-in;width:100%}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder,input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}input:focus{border-color:#3ed778;box-shadow:none;outline:0 none}input.input-sm{height:30px}input.input-lg{height:50px}input.error{background-color:#f6cdd1;border-color:#dc3545}input.valid{background-color:#ebfaeb;border-color:#37c936;color:#278d26}input.hasIcon{padding-left:1.875rem}input.hasClearButton{padding-right:1.875rem}.clearIcon{cursor:pointer;font-size:18px;position:absolute;right:.625rem;top:7px}.showErrors{border-color:#ff8000}"]}]}],L.propDecorators={placeholder:[{type:e.Input}],type:[{type:e.Input}],clearable:[{type:e.Input}],icon:[{type:e.Input}]};var j=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return I(e,t),e}(S);j.decorators=[{type:e.Component,args:[{selector:"klp-form-toggle",template:'<div class="componentContainer" [ngClass]="{disabled: disabled}">\n\t<input type="checkbox" class="nativeCheckbox"\n\t\t[(ngModel)]="innerValue"\n\t\t(input)="setInnerValueAndNotify($event.target.checked); touch()"\n\t\t[disabled]="disabled"\n\t\t[ngClass]="{showErrors: isInErrorState()}"\n\t/>\n\t<div class="toggleVisual"></div>\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:j,multi:!0}],styles:[':host{display:block}.componentContainer{position:relative}.nativeCheckbox{cursor:pointer;height:20px;left:0;opacity:0;position:absolute;top:0;width:35px}.toggleVisual{-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease;-webkit-transition:.4s ease;border:1px solid #e6ecf5;border-radius:35px;display:block;height:20px;pointer-events:none;position:relative;transition:.4s ease;width:35px}.toggleVisual:before{-moz-transition:.2s cubic-bezier(.24,0,.5,1);-ms-transition:.2s cubic-bezier(.24,0,.5,1);-o-transition:.2s cubic-bezier(.24,0,.5,1);-webkit-transition:.2s cubic-bezier(.24,0,.5,1);border-radius:30px;height:18px;left:-1px;margin:1px;transition:.2s cubic-bezier(.24,0,.5,1);width:33px}.toggleVisual:after,.toggleVisual:before{content:"";display:block;position:absolute;top:-1px}.toggleVisual:after{-moz-transition:.35s cubic-bezier(.54,1.6,.5,1);-ms-transition:.35s cubic-bezier(.54,1.6,.5,1);-o-transition:.35s cubic-bezier(.54,1.6,.5,1);-webkit-transition:.35s cubic-bezier(.54,1.6,.5,1);background:#f7f7f7;border-radius:60px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 0 0 rgba(0,0,0,.04),0 4px 9px rgba(0,0,0,.13),0 3px 3px rgba(0,0,0,.05);height:20px;left:0;transition:.35s cubic-bezier(.54,1.6,.5,1);width:20px}.nativeCheckbox:checked+.toggleVisual:before{-moz-transition:width .2s cubic-bezier(0,0,0,.1);-ms-transition:width .2s cubic-bezier(0,0,0,.1);-o-transition:width .2s cubic-bezier(0,0,0,.1);-webkit-transition:width .2s cubic-bezier(0,0,0,.1);background:#37c936;transition:width .2s cubic-bezier(0,0,0,.1)}.nativeCheckbox:checked+.toggleVisual:after{left:18px}.disabled{opacity:.6}.showErrors+.toggleVisual:before{border:1px solid #ff8000}']}]}];var H=function(){function t(t){this.parent=t}return t.prototype.ngOnInit=function(){var t=this;setTimeout((function(){var e=t.parent.getAttachedControl();if(t.parent.registerCaption(t.contentRef),g(e))throw new Error("You added a Form Caption component without an attached Form Control")}))},t}();H.decorators=[{type:e.Component,args:[{selector:"klp-form-caption",template:"<ng-template #contentRef>\n\t<ng-content></ng-content>\n</ng-template>\n",styles:[":host{display:block}"]}]}],H.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]}]},H.propDecorators={contentRef:[{type:e.ViewChild,args:["contentRef"]}]};var G=function(){function t(t){this.parent=t,this.showError=!1}return t.prototype.ngOnInit=function(){var t=this;setTimeout((function(){var e=t.parent.getAttachedControl();if(t.parent.registerErrorHandler(t.error,t.contentRef),g(e))throw new Error("You added a Form Error component without an attached Form Control")}))},t}();G.decorators=[{type:e.Component,args:[{selector:"klp-form-error",template:"<ng-template #contentRef>\n\t<ng-content></ng-content>\n</ng-template>\n",styles:[":host{display:block}"]}]}],G.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]}]},G.propDecorators={error:[{type:e.Input}],contentRef:[{type:e.ViewChild,args:["contentRef"]}]};var B=function(){function t(t){this.parentForm=t,this.isLoading=!1,this.fullWidth=!1,this.variant="greenFilled"}return Object.defineProperty(t.prototype,"_",{get:function(){return this.fullWidth},enumerable:!1,configurable:!0}),t.prototype.submitForm=function(){var t=this;this.parentForm.trySubmit().then((function(e){t.isLoading=!0;var n=t.submitCallback(e);if(g(n))throw new Error("No promise is returned in your submit function.");return n.then((function(){return t.isLoading=!1})).catch((function(e){throw t.isLoading=!1,e}))})).catch((function(t){if(t!==f)throw t}))},t}();B.decorators=[{type:e.Component,args:[{selector:"klp-form-submit-button",template:'<klp-form-button\n\t\t[variant]="variant"\n\t\t(click)="submitForm()"\n\t\t[disabled]="isLoading"\n\t\t[isLoading]="isLoading"\n\t\t[fullWidth]="fullWidth"\n\t\ttype="submit"\n\t\t[ngClass]="fullWidth ? \'fullWidth\' : \'\'"\n\t>\n\t<ng-content></ng-content>\n</klp-form-button>\n',styles:[":host{display:inline-block}:host._fullWidth{display:block}.fullWidth{width:100%}"]}]}],B.ctorParameters=function(){return[{type:y,decorators:[{type:e.Host},{type:e.Optional}]}]},B.propDecorators={isLoading:[{type:e.Input}],fullWidth:[{type:e.Input}],variant:[{type:e.Input}],submitCallback:[{type:e.Input}],_:[{type:e.HostBinding,args:["class._fullWidth"]}]};var U=function(t){function e(e,n){var o=t.call(this,e,n)||this;return o.parent=e,o.controlContainer=n,o.multiple=!1,o}return I(e,t),e.prototype.writeValue=function(e){if(this.multiple&&!Array.isArray(e)){var n=[e].filter(m);t.prototype.writeValue.call(this,n),t.prototype.setInnerValueAndNotify.call(this,n)}else if(!this.multiple&&Array.isArray(e)){n=e[0];t.prototype.writeValue.call(this,n),t.prototype.setInnerValueAndNotify.call(this,n)}else t.prototype.writeValue.call(this,e)},e.prototype.setInnerValueAndNotify=function(e){this.multiple&&!Array.isArray(e)?t.prototype.setInnerValueAndNotify.call(this,[e].filter(m)):!this.multiple&&Array.isArray(e)?t.prototype.setInnerValueAndNotify.call(this,e[0]):t.prototype.setInnerValueAndNotify.call(this,e)},e}(S);U.decorators=[{type:e.Component,args:[{selector:"",template:""}]}],U.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]},{type:o.ControlContainer,decorators:[{type:e.Host},{type:e.Optional}]}]},U.propDecorators={multiple:[{type:e.Input}]};var q="--invalid_date--";var W=new e.InjectionToken("klp.form.date.translations"),$=function(t){function e(e,n,o){var r=t.call(this,e,n)||this;return r.parent=e,r.controlContainer=n,r.translations=o,r.minDate=void 0,r.maxDate=void 0,r.sameMonthOnly=!1,r.format="dd-MM-yyyy",r.clearable=!1,r}return I(e,t),e.prototype.writeValue=function(e){e===q?t.prototype.writeValue.call(this,q):g(e)?(this.dateValue=this.multiple?[]:null,t.prototype.writeValue.call(this,this.multiple?[]:null)):(Array.isArray(e)?this.dateValue=e.map((function(t){return l.parse(t,"yyyy-MM-dd",new Date)})):this.dateValue=l.parse(e,"yyyy-MM-dd",new Date),t.prototype.writeValue.call(this,e))},e.prototype.dateChanged=function(t){t===q?this.setInnerValueAndNotify(q):g(t)?(this.dateValue=this.multiple?[]:null,this.setInnerValueAndNotify(this.multiple?[]:null)):(this.dateValue=t,Array.isArray(t)?this.setInnerValueAndNotify(t.map((function(t){return l.format(t,"yyyy-MM-dd")}))):this.setInnerValueAndNotify(l.format(t,"yyyy-MM-dd")))},e.prototype.getDefaultTranslation=function(t){if("placeholder"===t)return function(){return"Select date"}},e.prototype.getTranslation=function(t,e){var n,o,r;return void 0===e&&(e=null),"placeholder"===t&&this.multiple?"":"placeholder"===t&&h(this.placeholder)?this.placeholder:null!==(r=null===(o=null===(n=this.translations)||void 0===n?void 0:n[t])||void 0===o?void 0:o.call(n,e))&&void 0!==r?r:this.getDefaultTranslation(t)(e)},e}(U);$.decorators=[{type:e.Component,args:[{selector:"klp-form-date-picker",template:'<div class="componentContainer" [ngClass]="{showErrors: isInErrorState()}">\n\t<klp-form-date-time-picker\n\t\t[multiple]="multiple"\n\t\t[disabled]="disabled"\n\t\t[(ngModel)]="dateValue"\n\t\t(ngModelChange)="dateChanged($event)"\n\t\t[minDate]="minDate"\n\t\t[maxDate]="maxDate"\n\t\t[sameMonthOnly]="sameMonthOnly"\n\t\t[format]="format"\n\t\t[placeholder]="getTranslation(\'placeholder\')"\n\t\t[clearable]="clearable"\n\t\t[showTimeInput]="false"\n\t\t(onTouch)="touch()"\n\t></klp-form-date-time-picker>\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:$,multi:!0}],styles:[":host{display:block}.componentContainer.showErrors ::ng-deep klp-form-date-time-picker .clearButton,.componentContainer.showErrors ::ng-deep klp-form-date-time-picker .dateContainer{border-color:#ff8000}"]}]}],$.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]},{type:o.ControlContainer,decorators:[{type:e.Host},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[W]},{type:e.Optional}]}]},$.propDecorators={minDate:[{type:e.Input}],maxDate:[{type:e.Input}],sameMonthOnly:[{type:e.Input}],format:[{type:e.Input}],placeholder:[{type:e.Input}],clearable:[{type:e.Input}]};var K=new e.InjectionToken("klp.form.date.formats"),Q=new e.InjectionToken("klp.form.dateTime.translations"),Y=new e.InjectionToken("klp.form.dateTime.locale");function X(t,e){var n;return null!==(n=null==e?void 0:e(t.format))&&void 0!==n?n:s.MAT_NATIVE_DATE_FORMATS}var J=function(t){function e(e,n,o,r,i,a){var s=t.call(this,e,n)||this;return s.parent=e,s.controlContainer=n,s.translations=o,s.datePickerLocale=r,s.dateAdapter=i,s.cdr=a,s.minDate=void 0,s.maxDate=void 0,s.sameMonthOnly=!1,s.format="dd-MM-yyyy",s.clearable=!1,s.showTimeInput=!0,s.invalidTimeAsMidnight=!1,s.openPickerOnDate=null,s.minDateStartOfDay=void 0,s.maxDateEndOfDay=void 0,s.selectedDates=[],s.dateTouched=!1,s.hoursTouched=!1,s.minutesTouched=!1,s.isSelected=function(t){return s.multiple&&s.selectedDates.some((function(e){return l.isSameDay(e,t)}))?"selected":""},s.filterDates=function(t){return!s.disabled},m(r)&&i.setLocale(r()),s}return I(e,t),e.prototype.ngOnInit=function(){t.prototype.ngOnInit.call(this),this.multiple&&(this.placeholder="",this.showTimeInput=!1)},e.prototype.ngAfterViewInit=function(){this.multiple&&(this.datePickingClosingFn=this.datePickerRef.close)},e.prototype.ngOnChanges=function(t){t.minDate&&this.determineMinAndMaxDates(),t.maxDate&&this.determineMinAndMaxDates()},e.prototype.setMinDate=function(t){t?(this.minDateStartOfDay=new Date(t),this.minDateStartOfDay.setHours(0,0,0,0)):this.minDateStartOfDay=void 0},e.prototype.setMaxDate=function(t){t?(this.maxDateEndOfDay=new Date(t),this.maxDateEndOfDay.setHours(23,59,59,999)):this.maxDateEndOfDay=void 0},e.prototype.getSelectedMonths=function(){return(t=this.selectedDates.map((function(t){return l.format(t,"MMMM")})),t.filter((function(e,n){return n===t.findIndex((function(t){return t===e}))}))).length;var t},e.prototype.dateChanged=function(t){var e=this,n=t.value;if(this.multiple){this.datePickerRef.close=function(){},this.selectedDates.some((function(t){return l.isSameDay(t,n)}))?this.selectedDates=this.selectedDates.filter((function(t){return!l.isSameDay(t,n)})):this.selectedDates=D(this.selectedDates,[n]),this.cdr.detectChanges(),this.valueForMaterialDatePicker=null;var o=this.minDateStartOfDay;this.minDateStartOfDay=new Date(0),this.cdr.detectChanges(),this.minDateStartOfDay=o,this.sameMonthOnly&&(this.selectedDates.length>=2&&(n<l.startOfMonth(this.selectedDates[0])||n>l.endOfMonth(this.selectedDates[0]))&&(this.selectedDates=[n]),this.determineMinAndMaxDates()),this.setInnerValueAndNotify(this.selectedDates),setTimeout((function(){e.datePickerRef.close=e.datePickingClosingFn}))}else this.notifyNewDate()},e.prototype.determineMinAndMaxDates=function(){this.sameMonthOnly&&this.selectedDates.length>=2?(this.setMinDate(l.startOfMonth(this.selectedDates[0])),this.setMaxDate(l.endOfMonth(this.selectedDates[0]))):(this.setMinDate(this.minDate),this.setMaxDate(this.maxDate))},e.prototype.notifyNewDate=function(){var t=this.nativeInputRef.nativeElement.value,e=Number(this.hours),n=Number(this.minutes);if(!this.showTimeInput){if(!h(t))return void this.setInnerValueAndNotify(null);if(this.valueForMaterialDatePicker instanceof Date)return void this.setInnerValueAndNotify(this.valueForMaterialDatePicker)}if(h(t)||h(this.hours)||h(this.minutes))if(h(this.hours)&&Number.isFinite(e)&&e>=0&&e<=23&&h(this.minutes)&&Number.isFinite(n)&&n>=0&&n<=59&&this.valueForMaterialDatePicker instanceof Date){var o=new Date(this.valueForMaterialDatePicker.setHours(e)),r=new Date(o.setMinutes(n));this.setInnerValueAndNotify(r)}else this.invalidTimeAsMidnight&&this.valueForMaterialDatePicker instanceof Date?this.setInnerValueAndNotify(this.valueForMaterialDatePicker):this.setInnerValueAndNotify(q);else this.setInnerValueAndNotify(null)},e.prototype.writeValue=function(e){t.prototype.writeValue.call(this,e),Array.isArray(e)?(this.selectedDates=e,this.determineMinAndMaxDates(),this.valueForMaterialDatePicker=null,E(e)&&(this.openPickerOnDate=this.selectedDates[0])):(this.valueForMaterialDatePicker=e===q?null:e,e instanceof Date?(this.hours=String(e.getHours()),this.minutes=String(e.getMinutes()),this.formatTime(),this.openPickerOnDate=e):(this.hours="",this.minutes="",this.openPickerOnDate=null,this.selectedDates=[]))},e.prototype.nativeValueChanged=function(){this.datePickerRef.opened&&this.datePickerRef.close(),this.notifyNewDate()},e.prototype.resetToNull=function(){this.setInnerValueAndNotify(null),this.valueForMaterialDatePicker=null,this.nativeInputRef.nativeElement.value=null,this.hours="",this.minutes="",this.selectedDates=[]},e.prototype.formatTime=function(){Number.isFinite(Number(this.hours))&&1===this.hours.length&&(this.hours="0"+this.hours),Number.isFinite(Number(this.minutes))&&1===this.minutes.length&&(this.minutes="0"+this.minutes)},e.prototype.touchDate=function(){this.dateTouched=!0,this.determineAllTouched()},e.prototype.touchHours=function(){this.hoursTouched=!0,this.determineAllTouched()},e.prototype.touchMinutes=function(){this.minutesTouched=!0,this.determineAllTouched()},e.prototype.determineAllTouched=function(){(this.dateTouched&&this.hoursTouched&&this.minutesTouched||this.dateTouched&&!this.showTimeInput)&&this.touch()},e.prototype.getDefaultTranslation=function(t){switch(t){case"placeholder":return function(){return"Select date"};case"selectDays":return function(){return"Select day(s)"};case"selectedDate":return function(t){return t.toLocaleDateString()};case"daysSelected":return function(t){return t+" days selected"};case"selectedInMonth":return function(t){return" in "+l.format(t,"MMMM")}}},e.prototype.getTranslation=function(t,e){var n,o,r;return void 0===e&&(e=null),"placeholder"===t&&this.multiple?"":"placeholder"===t&&h(this.placeholder)?this.placeholder:null!==(r=null===(o=null===(n=this.translations)||void 0===n?void 0:n[t])||void 0===o?void 0:o.call(n,e))&&void 0!==r?r:this.getDefaultTranslation(t)(e)},e}(U);J.decorators=[{type:e.Component,args:[{selector:"klp-form-date-time-picker",template:'<div class="componentContainer" [ngClass]="{showErrors: isInErrorState()}">\n\t<div class="dateContainer" [ngClass]="{noRightBorder: !showTimeInput && clearable && !disabled, disabled: disabled}">\n\t\t<mat-form-field floatLabel="never">\n\t\t\t<div *ngIf="multiple" class="daysSelectedCaption" (click)="picker.open()" [ngClass]="{disabled: disabled}">\n\t\t\t\t<ng-container *ngIf="selectedDates.length >= 2">\n\t\t\t\t\t<span>{{getTranslation(\'daysSelected\', selectedDates.length)}}</span>\n\t\t\t\t\t<span *ngIf="getSelectedMonths() === 1">{{getTranslation(\'selectedInMonth\', selectedDates[0])}}</span>\n\t\t\t\t</ng-container>\n\t\t\t\t<span *ngIf="selectedDates.length === 1">{{getTranslation(\'selectedDate\', selectedDates[0])}}</span>\n\t\t\t\t<span *ngIf="selectedDates.length === 0" class="placeholderForMultipleSelection">{{getTranslation(\'selectDays\')}}</span>\n\t\t\t</div>\n\t\t\t<input\n\t\t\t\t#nativeInput\n\t\t\t\tmatInput\n\t\t\t\t[matDatepicker]="picker"\n\t\t\t\t[matDatepickerFilter]="filterDates"\n\t\t\t\t[(ngModel)]="valueForMaterialDatePicker"\n\t\t\t\t(dateInput)="dateChanged($event)"\n\t\t\t\t(input)="nativeValueChanged()"\n\t\t\t\t[min]="minDateStartOfDay"\n\t\t\t\t[max]="maxDateEndOfDay"\n\t\t\t\t[placeholder]="getTranslation(\'placeholder\')"\n\t\t\t\t(click)="picker.open()"\n\t\t\t\t(blur)="touchDate()"\n\t\t\t\t[ngClass]="{inputForMultipleDays: multiple}"\n\t\t\t>\n\t\t\t<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>\n\t\t\t<mat-datepicker\n\t\t\t\t#picker\n\t\t\t\t[dateClass]="isSelected"\n\t\t\t\t[startAt]="openPickerOnDate"\n\t\t\t></mat-datepicker>\n\t\t</mat-form-field>\n\t</div>\n\t<div class="timeContainer" *ngIf="showTimeInput" [ngClass]="{disabled: disabled}">\n\t\t<input maxlength="2" placeholder="__" [disabled]="disabled" [(ngModel)]="hours" (ngModelChange)="notifyNewDate()" (blur)="formatTime(); touchHours()">\n\t\t<div class="divider">:</div>\n\t\t<input maxlength="2" placeholder="__" [disabled]="disabled" [(ngModel)]="minutes" (ngModelChange)="notifyNewDate()" (blur)="formatTime(); touchMinutes()">\n\t</div>\n\t<button *ngIf="clearable && !disabled" class="clearButton" (click)="resetToNull()" [ngClass]="{withoutSpacing: !showTimeInput}">×</button>\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:J,multi:!0},{provide:s.MAT_DATE_FORMATS,deps:[J,[new e.Optional,K]],useFactory:X}],styles:[":host{display:block}:host ::ng-deep mat-form-field{display:block;height:100%}:host ::ng-deep mat-form-field.mat-focused .mat-form-field-label,:host ::ng-deep mat-form-field .mat-form-field-label{color:#adadad}:host ::ng-deep .mat-datepicker-toggle-active{color:#666}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field-flex{flex-direction:row-reverse}:host ::ng-deep .mat-form-field-infix{border-top:none;width:auto}:host ::ng-deep .mat-form-field-suffix{margin-right:.625rem}:host ::ng-deep .mat-form-field-suffix:hover .mat-button-focus-overlay{opacity:.1}:host ::ng-deep .mat-form-field-underline{display:none}:host ::ng-deep .daysSelectedCaption{cursor:pointer}:host ::ng-deep .daysSelectedCaption.disabled{cursor:zoom-in}:host ::ng-deep .inputForMultipleDays{display:none}.componentContainer{border-radius:2px;color:#888da8;display:flex;position:relative}.componentContainer .placeholderForMultipleSelection{color:#adadad}.componentContainer.showErrors .clearButton.withoutSpacing,.componentContainer.showErrors .dateContainer,.componentContainer.showErrors .timeContainer{border-color:#ff8000}.componentContainer .clearButton{align-items:center;background:#fff;border:1px solid #e6ecf5;color:#7b7b7b;display:flex;flex:0 0 auto;font-size:18px;margin-left:1.25rem;padding:6px 14px}.componentContainer .clearButton.withoutSpacing{border-left:none;margin-left:0}.componentContainer .clearButton:disabled{background:#f9f9f9;border:1px solid #e6ecf5}.componentContainer .dateContainer{background:#fff;border:1px solid #e6ecf5;flex:1 1 auto;padding:6px}.componentContainer .dateContainer.noRightBorder{border-right:none}.componentContainer .dateContainer.disabled{background:#f9f9f9}.componentContainer .timeContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;margin-left:1.25rem;padding:6px .625rem}.componentContainer .timeContainer.disabled{background:#f9f9f9}.componentContainer .timeContainer input{border:none;color:#888da8;padding:0;text-align:center;width:20px}.componentContainer .timeContainer input::-moz-placeholder{color:#adadad}.componentContainer .timeContainer input:-ms-input-placeholder{color:#adadad}.componentContainer .timeContainer input::placeholder{color:#adadad}.componentContainer .timeContainer .divider{margin:0 .3125rem}"]}]}],J.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]},{type:o.ControlContainer,decorators:[{type:e.Host},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[Q]},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[Y]},{type:e.Optional}]},{type:s.DateAdapter},{type:e.ChangeDetectorRef}]},J.propDecorators={minDate:[{type:e.Input}],maxDate:[{type:e.Input}],sameMonthOnly:[{type:e.Input}],format:[{type:e.Input}],placeholder:[{type:e.Input}],clearable:[{type:e.Input}],showTimeInput:[{type:e.Input}],invalidTimeAsMidnight:[{type:e.Input}],nativeInputRef:[{type:e.ViewChild,args:["nativeInput"]}],datePickerRef:[{type:e.ViewChild,args:["picker"]}]};var Z=function(){};Z.decorators=[{type:e.NgModule,args:[{imports:[p.MatDatepickerModule,d.MatFormFieldModule,s.MatNativeDateModule,c.MatInputModule,u.MatButtonModule],exports:[p.MatDatepickerModule,d.MatFormFieldModule,s.MatNativeDateModule,c.MatInputModule,u.MatButtonModule],providers:[p.MatDatepickerModule]}]}];var tt=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.isLoading=!1,e.clearable=!1,e.onlyShowUploadButton=!1,e.useFullParentSize=!1,e}return I(e,t),e.prototype.onChange=function(t){for(var e=[],n=0;n<t.length;n++)e.push(t.item(n));this.setInnerValueAndNotify(e),this.fileInputEl.nativeElement.value=null},e.prototype.getFileNames=function(){return Array.isArray(this.innerValue)?this.innerValue.map((function(t){return t.name})).join(", "):this.innerValue instanceof File?this.innerValue.name:null},e.prototype.shouldShowClearButton=function(){return!this.onlyShowUploadButton&&(this.multiple?!!E(this.innerValue):!!m(this.innerValue))},e.prototype.uploadFileClicked=function(){this.fileInputEl.nativeElement.click()},e}(U);tt.decorators=[{type:e.Component,args:[{selector:"klp-form-file-input",template:'<div class="componentContainer" [ngClass]="{fullParentSize: useFullParentSize}">\n\t<div class="buttonContainer">\n\t\t<klp-form-button class="uploadButton" [isLoading]="isLoading" (click)="uploadFileClicked()">\n\t\t\tUpload a file\n\t\t</klp-form-button>\n\t\t<input\n\t\t\ttype="file"\n\t\t\t#fileInput\n\t\t\t(change)="onChange($event.target.files)"\n\t\t\t[multiple]="multiple"\n\t\t\t[disabled]="disabled"\n\t\t>\n\t</div>\n\t<div class="fileName" *ngIf="!onlyShowUploadButton">\n\t\t{{getFileNames()}}\n\t</div>\n\t<klp-form-button class="clearButton" variant="white" *ngIf="shouldShowClearButton()" (click)="resetToNull()">X</klp-form-button>\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:tt,multi:!0}],styles:[":host{display:block}:host input:disabled{cursor:not-allowed}.componentContainer{align-items:center;display:flex}.componentContainer.fullParentSize{height:100%;justify-content:center;position:relative}.componentContainer:not(.fullParentSize) .buttonContainer{position:relative}.componentContainer .buttonContainer{flex:0 0 auto}input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0}.fileName{color:#515365;flex:1 1 0px;margin-left:.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clearButton{flex:0 0 auto}"]}]}],tt.propDecorators={isLoading:[{type:e.Input}],clearable:[{type:e.Input}],onlyShowUploadButton:[{type:e.Input}],useFullParentSize:[{type:e.Input}],fileInputEl:[{type:e.ViewChild,args:["fileInput"]}]};var et=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.reloader=!0,e}return I(e,t),e.prototype.writeValue=function(e){var n=this;t.prototype.writeValue.call(this,e),this.reloader=!1,setTimeout((function(){E(e)?n.items=e.flatMap((function(t){return D(t,[""])})):n.items=[],n.reloader=!0}))},e.prototype.onItemsRearranged=function(t){var e=this,n=function(t,e){return t.reduce((function(t,n){return e(n)?t.push([]):t[t.length-1].push(n),t}),[[]])}(t,(function(t){return""===t})).filter(E);this.setInnerValueAndNotify(n),this.reloader=!1,setTimeout((function(){e.items=D(e.items,[""]).filter((function(t,n){return(0!==n||""!==t)&&(""!==t||""!==e.items[n-1])})),e.reloader=!0}))},e}(S);et.decorators=[{type:e.Component,args:[{selector:"klp-form-sortable-grouped-items",template:'<ng-container *ngIf="reloader">\n\t<klp-form-sortable-items\n\t\t[(ngModel)]="items"\n\t\t(ngModelChange)="onItemsRearranged($event)"\n\t>\n\t\t<ng-template let-item="item">\n\t\t\t<div>{{item}}</div>\n\t\t</ng-template>\n\t</klp-form-sortable-items>\n</ng-container>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:et,multi:!0}],styles:[":host{display:block}"]}]}];var nt="--invalid_time--";var ot=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.placeholders=["hour","min"],e.hoursTouched=!1,e.minutesTouched=!1,e}return I(e,t),e.prototype.formatHours=function(){h(this.hours)||(this.hours="0")},e.prototype.formatMinutes=function(){h(this.minutes)||(this.minutes="0")},e.prototype.formatTime=function(){Number.isFinite(Number(this.hours))&&1===this.hours.length&&(this.hours="0"+this.hours),Number.isFinite(Number(this.minutes))&&1===this.minutes.length&&(this.minutes="0"+this.minutes)},e.prototype.writeValue=function(e){Number.isFinite(e)?(this.hours=Math.floor(e/60)+"",this.minutes=e%60+"",this.formatTime(),t.prototype.writeValue.call(this,e)):(this.hours="",this.minutes="",t.prototype.writeValue.call(this,nt))},e.prototype.notifyNewTime=function(){var t=Number(this.hours),e=Number(this.minutes);h(this.hours)||h(this.minutes)?Number.isFinite(t)&&t>=0&&t<=9999&&Number.isFinite(e)&&e>=0&&e<=59?this.setInnerValueAndNotify(60*t+e):this.setInnerValueAndNotify(nt):this.setInnerValueAndNotify(null)},e.prototype.touchHours=function(){this.hoursTouched=!0,this.determineAllTouched()},e.prototype.touchMinutes=function(){this.minutesTouched=!0,this.determineAllTouched()},e.prototype.determineAllTouched=function(){this.hoursTouched&&this.minutesTouched&&this.touch()},e}(S);ot.decorators=[{type:e.Component,args:[{selector:"klp-form-hour-minute-input",template:'<div class="componentContainer" [ngClass]="{disabled: disabled}">\n\t<input class="hourInput" maxlength="4" [placeholder]="placeholders[0]" [disabled]="disabled" [(ngModel)]="hours" (blur)="formatHours(); formatTime(); touchHours(); notifyNewTime()" (ngModelChange)="notifyNewTime()">\n\t<div class="divider">:</div>\n\t<input maxlength="2" [placeholder]="placeholders[1]" [disabled]="disabled" [(ngModel)]="minutes" (blur)="formatMinutes(); formatTime(); touchMinutes(); notifyNewTime()" (ngModelChange)="notifyNewTime()">\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:ot,multi:!0}],styles:[":host{display:flex}.componentContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;height:42px;padding:6px .625rem}.componentContainer.disabled{background:#f9f9f9;cursor:not-allowed}.componentContainer input{border:none;color:#888da8;padding:0;text-align:center;width:30px}.componentContainer input.hourInput{width:50px}.componentContainer input::-moz-placeholder{color:#adadad}.componentContainer input:-ms-input-placeholder{color:#adadad}.componentContainer input::placeholder{color:#adadad}.componentContainer .divider{margin:0 .3125rem}"]}]}],ot.propDecorators={placeholders:[{type:e.Input}]};var rt=function(){};rt.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,o.FormsModule,a.NgSelectModule,i.SortablejsModule,Z],declarations:[S,U,M,A,$,J,O,V,T,F,P,R,z,_,et,L,j,tt,H,x,G,B,y,b,ot],exports:[S,U,M,$,J,A,O,V,T,F,P,R,z,_,et,L,j,tt,H,x,G,B,y,b,ot]}]}],t.ButtonComponent=M,t.CheckboxComponent=A,t.DATE_PICKER_LOCALE=Y,t.DATE_PICKER_TRANSLATIONS=W,t.DATE_TIME_PICKER_TRANSLATIONS=Q,t.DEFAULT_ERROR_MESSAGES=C,t.DatePickerComponent=$,t.DateTimePickerComponent=J,t.EmailInputComponent=O,t.FORM_ERROR_MESSAGES=v,t.FileInputComponent=tt,t.FormCaptionComponent=H,t.FormComponent=y,t.FormElementComponent=x,t.FormErrorComponent=G,t.FormSubmitButtonComponent=B,t.HourMinuteInputComponent=ot,t.KLP_DATE_FORMATS=K,t.KlpSelectOptionTemplateDirective=R,t.LoadingIndicatorComponent=V,t.MultipleValueAccessorBase=U,t.NgxEnhancyFormsModule=rt,t.NumberInputComponent=T,t.PasswordFieldComponent=F,t.SELECT_TRANSLATIONS=N,t.SelectComponent=P,t.SelectFooterComponent=z,t.SortableGroupedItemsComponent=et,t.SortableItemsComponent=_,t.SubFormDirective=b,t.TextInputComponent=L,t.ToggleComponent=j,t.ValueAccessorBase=S,t.dateValidator=function(t){return t.value===q?{date:t.value}:null},t.invalidDateKey=q,t.invalidFieldsSymbol=f,t.matDateFormatsFactory=X,t["ɵa"]=Z,Object.defineProperty(t,"__esModule",{value:!0})}));
16
+ var w=function(t,e){return w=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])},w(t,e)};function I(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}w(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}Object.create;function k(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,r,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(t){r={error:t}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function D(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(k(arguments[e]));return t}Object.create;function E(t){return r.isArray(t)&&null!=t&&t.length>0}var S=function(){function t(t,n){this.parent=t,this.controlContainer=n,this.changed=new Array,this.touched=new Array,this.prevValue=null,this.disabled=!1,this.formControlName=null,this.formControl=null,this.onTouch=new e.EventEmitter,this.validators=[]}return t.prototype.ngOnInit=function(){var t,e,n,o,r=this;if(this.formControl)this.attachedFormControl=this.formControl;else if(h(this.formControlName)&&(this.attachedFormControl=null===(t=this.controlContainer)||void 0===t?void 0:t.control.get(this.formControlName),g(this.attachedFormControl)))throw new Error("Form element '"+this.formControlName+"' with caption '"+(null===(e=this.parent)||void 0===e?void 0:e.caption)+"' is not declared in your FormGroup.");if(this.attachedFormControl&&(this.disabled=this.attachedFormControl.disabled,this.attachedFormControl.statusChanges.subscribe((function(){r.disabled=r.attachedFormControl.disabled})),null===(n=this.parent)||void 0===n||n.registerControl(this.attachedFormControl,this),null===(o=this.attachedFormControl)||void 0===o?void 0:o.validator)){var i=this.attachedFormControl.validator({});m(i)?this.validators=Object.keys(i):this.validators=[]}},t.prototype.isInErrorState=function(){return this.attachedFormControl&&"INVALID"===this.attachedFormControl.status&&this.attachedFormControl.touched},t.prototype.ngOnDestroy=function(){var t;this.attachedFormControl&&(null===(t=this.parent)||void 0===t||t.unregisterControl(this.attachedFormControl))},t.prototype.touch=function(){this.touched.forEach((function(t){return t()}))},t.prototype.writeValue=function(t){this.innerValue=t,this.prevValue=t},t.prototype.registerOnChange=function(t){this.changed.push(t)},t.prototype.registerOnTouched=function(t){this.touched.push(t)},t.prototype.setInnerValueAndNotify=function(t){var e=this,n=function(t){e.innerValue=t,e.prevValue=t,e.changed.forEach((function(e){return e(t)}))};if(m(this.innerValueChangeInterceptor)){this.latestInnerValueChangedInterceptorPromise=this.innerValueChangeInterceptor(this.prevValue,t);var o=this.latestInnerValueChangedInterceptorPromise;this.latestInnerValueChangedInterceptorPromise.then((function(){e.latestInnerValueChangedInterceptorPromise===o&&n(t)})).catch((function(){e.latestInnerValueChangedInterceptorPromise===o&&n(e.prevValue)}))}else n(t)},t.prototype.resetToNull=function(){this.setInnerValueAndNotify(null)},t.prototype.hasValidator=function(t){return!!E(this.validators)&&this.validators.includes(t)},t}();S.decorators=[{type:e.Component,args:[{selector:"",template:""}]}],S.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]},{type:o.ControlContainer,decorators:[{type:e.Host},{type:e.Optional}]}]},S.propDecorators={disabled:[{type:e.Input}],innerValueChangeInterceptor:[{type:e.Input}],formControlName:[{type:e.Input}],formControl:[{type:e.Input}],onTouch:[{type:e.Output}]};var M=function(){function t(){this.variant="white",this.size="medium",this.fullWidth=!1,this.hasBorder=!0,this.disabled=!1,this.isLoading=!1,this.type="button"}return Object.defineProperty(t.prototype,"_",{get:function(){return this.fullWidth},enumerable:!1,configurable:!0}),t.prototype.onClick=function(t){this.disabled&&t.stopPropagation()},t}();M.decorators=[{type:e.Component,args:[{selector:"klp-form-button",template:'<button class="buttonFundamentals"\n\t[ngClass]="[\n\t\tvariant,\n\t\tsize,\n\t\tfullWidth ? \'fullWidth\' : \'\',\n\t\thasBorder ? \'\' : \'no-border\',\n\t\tdisabled ? \'disabled\' : \'\'\n\t]"\n\t[type]="type"\n\t(click)="onClick($event)"\n>\n\t<div class="caption" [ngClass]="{invisible: isLoading}">\n\t\t<ng-content></ng-content>\n\t</div>\n\t<div class="loadingSpinnerContainer" *ngIf="isLoading">\n\t\t<klp-form-loading-indicator variant="spinner" size="small"></klp-form-loading-indicator>\n\t</div>\n</button>\n',styles:[":host{display:inline-block}:host._fullWidth{display:block}.buttonFundamentals{border:1px solid #e6ecf5;border-radius:5px;color:#888da8;cursor:pointer;font-size:13px;font-weight:700;height:2.625rem;letter-spacing:1px;padding:0 20px}.buttonFundamentals.disabled{cursor:not-allowed}.buttonFundamentals.tiny{font-size:.75rem;font-weight:400;height:2rem}.buttonFundamentals.large{height:3rem}.fullWidth{width:100%}.no-border{border:none}.caption.invisible{visibility:hidden}button{position:relative}.loadingSpinnerContainer{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.white{background-color:#fff;border-color:#d4deee;color:#515365;font-weight:500}.white:active,.white:hover{background-color:#edf2f8;border-color:#edf2f8;color:#515365}.white:focus{text-decoration:underline}.greenFilled{background-color:#27bb5f;border-color:#27bb5f;color:#fff}.greenFilled:hover{background-color:#2bd06a;border-color:#2bd06a;color:#fff}.greenFilled:focus{text-decoration:underline}.greenFilled:active{background-color:#23a654;border-color:#23a654}.greenOutlined{background-color:#fff;border-color:#27bb5f;color:#27bb5f}.greenOutlined:hover{background-color:#2bd06a;border-color:#2bd06a;color:#fff}.greenOutlined:focus{text-decoration:underline}.greenOutlined:active{background-color:#23a654;border-color:#23a654}.greenLink{background:none;border:none;color:#27bb5f;padding:0}.greenLink:focus,.greenLink:hover{text-decoration:underline}.contextMenuItem{background-color:#fff;border-color:#fff;color:#888da8}.contextMenuItem:hover{background-color:#f6f7fb;border-color:#f6f7fb}.contextMenuItem:active,.contextMenuItem:focus{text-decoration:underline}.redFilled{background-color:#dc3545;border-color:#dc3545;color:#fff}.redFilled:hover{background-color:#e04b59;border-color:#e04b59;color:#fff}.redFilled:focus{text-decoration:underline}.redFilled:active{background-color:#d32535;border-color:#d32535}.redOutlined{background-color:#fff;border-color:#dc3545;color:#dc3545}.redOutlined:hover{background-color:#e04b59;border-color:#e04b59;color:#fff}.redOutlined:focus{text-decoration:underline}.redOutlined:active{background-color:#d32535;border-color:#d32535}.orangeFilled{background-color:#ff8000;border-color:#ff8000;color:#fff}.orangeFilled:hover{background-color:#ff8d1a;border-color:#ff8d1a;color:#fff}.orangeFilled:focus{text-decoration:underline}.orangeFilled:active{background-color:#e67300;border-color:#e67300}"]}]}],M.propDecorators={variant:[{type:e.Input}],size:[{type:e.Input}],fullWidth:[{type:e.Input}],hasBorder:[{type:e.Input}],disabled:[{type:e.Input}],isLoading:[{type:e.Input}],type:[{type:e.Input}],_:[{type:e.HostBinding,args:["class._fullWidth"]}]};var A=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.renderUndefinedAsIndeterminate=!1,e}return I(e,t),e}(S);A.decorators=[{type:e.Component,args:[{selector:"klp-form-checkbox",template:'<label class="componentContainer">\n\t<div class="checkboxContainer">\n\t\t<input type="checkbox" class="checkboxNative"\n\t\t\t[(ngModel)]="innerValue"\n\t\t\t(change)="setInnerValueAndNotify(innerValue); touch()"\n\t\t\t[disabled]="disabled"\n\t\t/>\n <div class="checkboxVisual">\n <svg *ngIf="innerValue === true" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg">\n <path d="m0.17014 2.7065 1.3073 1.1798 2.5656-3.7404" stroke="currentColor" fill="none" stroke-width=".4646px" />\n </svg>\n\t\t\t<svg *ngIf="renderUndefinedAsIndeterminate && innerValue === undefined" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg">\n\t\t\t\t<path d="m0.5 2.11665 3.2333 0" stroke="currentColor" fill="none" stroke-width=".4646px" />\n\t\t\t</svg>\n </div>\n\t</div>\n\t<div *ngIf="caption" class="caption">{{ caption }}</div>\n</label>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:A,multi:!0}],styles:[":host{display:block}.componentContainer{display:flex;margin-bottom:0}.checkboxContainer{position:relative}.caption{color:#888da8;cursor:pointer;font-weight:700}.checkboxNative{left:0;opacity:0;position:absolute;top:0}.checkboxNative,.checkboxVisual{cursor:pointer;height:22px;width:22px}.checkboxVisual{background-color:#fff;border:2px solid #e6ecf5;border-radius:3px;color:#27bb5f;display:inline-block;font-size:15px;font-weight:400;line-height:19px;margin-right:10px;padding:.125rem;pointer-events:none;text-align:center;vertical-align:bottom}.checkboxNative[disabled]{cursor:not-allowed}.checkboxNative[disabled]+.checkboxVisual:before{color:#666}"]}]}],A.propDecorators={caption:[{type:e.Input}],renderUndefinedAsIndeterminate:[{type:e.Input}]};var O=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.placeholder="",e}return I(e,t),e}(S);O.decorators=[{type:e.Component,args:[{selector:"klp-form-email-input",template:'<input\n\ttype="email"\n\tclass="form-control"\n\t[(ngModel)]="innerValue"\n\t(input)="setInnerValueAndNotify($event.target.value)"\n\t[placeholder]="placeholder"\n\t(blur)="touch()"\n\t[disabled]="disabled"\n/>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:O,multi:!0}],styles:[":host,input{display:block}input{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;border:1px solid #e6ecf5;border-radius:2px;box-shadow:none;color:#888da8;font-size:14px;height:42px;outline:none;padding:.375rem .625rem;transition:all .2s ease-in;width:100%}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder,input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}input:focus{border-color:#3ed778;box-shadow:none;outline:0 none}input.input-sm{height:30px}input.input-lg{height:50px}input.error{background-color:#f6cdd1;border-color:#dc3545}input.valid{background-color:#ebfaeb;border-color:#37c936;color:#278d26}.showErrors{border-color:#ff8000}"]}]}],O.propDecorators={placeholder:[{type:e.Input}]};var V=function(){this.variant="3dots",this.size="medium"};V.decorators=[{type:e.Component,args:[{selector:"klp-form-loading-indicator",template:'<div class="threeDots" [ngClass]="[size]" *ngIf="variant === \'3dots\'">\n\t<div></div>\n\t<div></div>\n\t<div></div>\n\t<div></div>\n</div>\n\n<div class="spinner" [ngClass]="[size]" *ngIf="variant === \'spinner\'">\n\t<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">\n\t\t<circle cx="24" cy="4" r="4" fill="currentColor" />\n\t\t<circle cx="12.19" cy="7.86" r="3.7" fill="currentColor" />\n\t\t<circle cx="5.02" cy="17.68" r="3.4" fill="currentColor" />\n\t\t<circle cx="5.02" cy="30.32" r="3.1" fill="currentColor" />\n\t\t<circle cx="12.19" cy="40.14" r="2.8" fill="currentColor" />\n\t\t<circle cx="24" cy="44" r="2.5" fill="currentColor" />\n\t\t<circle cx="35.81" cy="40.14" r="2.2" fill="currentColor" />\n\t\t<circle cx="42.98" cy="30.32" r="1.9" fill="currentColor" />\n\t\t<circle cx="42.98" cy="17.68" r="1.6" fill="currentColor" />\n\t\t<circle cx="35.81" cy="7.86" r="1.3" fill="currentColor" />\n\t</svg>\n</div>\n\n<div class="textInput" *ngIf="variant === \'textInput\'">\n\t<input\n\t\tdisabled\n\t\ttype="text"\n\t\tclass="form-control"\n\t\tplaceholder="Loading..."\n\t>\n</div>\n\n<div class="picker" *ngIf="variant === \'picker\'">\n\t<input\n\t\tdisabled\n\t\ttype="text"\n\t\tclass="form-control"\n\t\tplaceholder="Loading..."\n\t>\n\t<div class="chevronDown"></div>\n</div>\n',styles:[".threeDots,:host{display:block}.threeDots{height:var(--base);position:relative;width:calc(var(--base)*4)}.threeDots.tiny{--base:4px}.threeDots.small{--base:8px}.threeDots.medium{--base:12px}.threeDots.large{--base:18px}.threeDots.huge{--base:26px}.threeDots div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#27bb5f;border-radius:50%;height:var(--base);position:absolute;top:0;width:var(--base)}.threeDots div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.threeDots div:nth-child(2),.threeDots div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.threeDots div:nth-child(3){left:calc(var(--base)*1.5)}.threeDots div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:calc(var(--base)*3)}@-webkit-keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(150%)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(150%)}}.spinner.tiny svg{height:1rem;width:1rem}.spinner.small svg{height:1.6rem;width:1.6rem}.spinner.medium svg{height:2.5rem;width:2.5rem}.spinner.large svg{height:3rem;width:3rem}.spinner.huge svg{height:4rem;width:4rem}.spinner svg{-moz-animation-duration:1.2s;-moz-animation-iteration-count:infinite;-moz-animation-name:rotate;-moz-animation-timing-function:linear;-moz-transition-property:-moz-transform;-webkit-animation-duration:1.2s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:rotate;-webkit-animation-timing-function:linear;-webkit-transition-duration:1.2s;-webkit-transition-property:-webkit-transform;animation-duration:1.2s;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear;transition-property:transform}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.picker{position:relative}.picker .chevronDown{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #888da8;height:0;position:absolute;right:23px;top:18px;width:0}"]}]}],V.propDecorators={variant:[{type:e.Input}],size:[{type:e.Input}]};var T=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.parseNumber=!1,e}return I(e,t),e.prototype.setInnerValueAndNotify=function(e){this.parseNumber&&"string"==typeof e?t.prototype.setInnerValueAndNotify.call(this,Number(e)):t.prototype.setInnerValueAndNotify.call(this,e)},e}(S);T.decorators=[{type:e.Component,args:[{selector:"klp-form-number-input",template:'<input\n\ttype="number"\n\tclass="form-control"\n\t[(ngModel)]="innerValue"\n\t(input)="setInnerValueAndNotify($event.target.value)"\n\t[placeholder]="placeholder ? placeholder : \'\'"\n\t[ngClass]="{showErrors: isInErrorState()}"\n\t[disabled]="disabled"\n/>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:T,multi:!0}],styles:[":host,input{display:block}input{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;border:1px solid #e6ecf5;border-radius:2px;box-shadow:none;color:#888da8;font-size:14px;height:42px;outline:none;padding:.375rem .625rem;transition:all .2s ease-in;width:100%}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder,input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}input:focus{border-color:#3ed778;box-shadow:none;outline:0 none}input.input-sm{height:30px}input.input-lg{height:50px}input.error{background-color:#f6cdd1;border-color:#dc3545}input.valid{background-color:#ebfaeb;border-color:#37c936;color:#278d26}.showErrors{border-color:#ff8000}"]}]}],T.propDecorators={placeholder:[{type:e.Input}],parseNumber:[{type:e.Input}]};var F=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.placeholder="Password",e}return I(e,t),e}(S);F.decorators=[{type:e.Component,args:[{selector:"klp-form-password-field",template:'<input\n\ttype="password"\n\tclass="form-control"\n [ngClass]="{showErrors: isInErrorState()}"\n\t[(ngModel)]="innerValue"\n\t(input)="setInnerValueAndNotify($event.target.value)"\n\t[placeholder]="placeholder"\n\t(blur)="touch()"\n\t[disabled]="disabled"\n/>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:F,multi:!0}],styles:[":host,input{display:block}input{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;border:1px solid #e6ecf5;border-radius:2px;box-shadow:none;color:#888da8;font-size:14px;height:42px;outline:none;padding:.375rem .625rem;transition:all .2s ease-in;width:100%}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder,input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}input:focus{border-color:#3ed778;box-shadow:none;outline:0 none}input.input-sm{height:30px}input.input-lg{height:50px}input.error{background-color:#f6cdd1;border-color:#dc3545}input.valid{background-color:#ebfaeb;border-color:#37c936;color:#278d26}.showErrors{border-color:#ff8000}"]}]}],F.propDecorators={placeholder:[{type:e.Input}]};var N=new e.InjectionToken("klp.form.select.translations"),R=function(){};R.decorators=[{type:e.Directive,args:[{selector:"[klpSelectOptionTpl]"}]}];var P=function(t){function n(n,o,r,i){var a=t.call(this,n,o)||this;return a.parent=n,a.controlContainer=o,a.translations=r,a.elRef=i,a.multiple=!1,a.multipleDisplayedAsAmount=!1,a.clearable=!0,a.truncateOptions=!0,a.onSearch=new e.EventEmitter,a.onEndReached=new e.EventEmitter,a.onOpened=new e.EventEmitter,a.lastItemIndexReached=-1,a}return I(n,t),n.prototype.ngOnChanges=function(t){m(t.options)&&(this.lastItemIndexReached=-1)},n.prototype.getDefaultTranslation=function(t){switch(t){case"placeholder":return function(){return"Pick an option"};case"amountSelected":return function(t){return t+" selected"}}},n.prototype.getTranslation=function(t,e){var n,o,r;return void 0===e&&(e=null),"placeholder"===t&&h(this.placeholder)?this.placeholder:null!==(r=null===(o=null===(n=this.translations)||void 0===n?void 0:n[t])||void 0===o?void 0:o.call(n,e))&&void 0!==r?r:this.getDefaultTranslation(t)(e)},n.prototype.onScroll=function(t){var e,n,o,r,i=null!==(r=null===(o=null===(n=null===(e=this.ngSelect)||void 0===e?void 0:e.itemsList)||void 0===n?void 0:n.filteredItems)||void 0===o?void 0:o.length)&&void 0!==r?r:0;this.lastItemIndexReached<t&&t===i&&this.onEndReached.emit(),this.lastItemIndexReached=Math.max(t,this.lastItemIndexReached)},n.prototype.searchQueryChanged=function(t){this.onSearch.emit(t)},n.prototype.onOpen=function(){var t=this;setTimeout((function(){if(t.onOpened.emit(),!1===t.truncateOptions){var e=Array.from(t.elRef.nativeElement.querySelectorAll(".ng-option div")).map((function(t){return t.scrollWidth})),n=Math.max.apply(Math,D(e));t.elRef.nativeElement.querySelector("ng-dropdown-panel").style.width=n+40+"px"}}))},n}(S);P.decorators=[{type:e.Component,args:[{selector:"klp-form-select",template:'<ng-select\n\t#ngSelect\n\t[placeholder]="getTranslation(\'placeholder\')"\n\tbindLabel="name"\n\tbindValue="id"\n\t[items]="options"\n\t[clearable]="clearable"\n\t[(ngModel)]="innerValue"\n\t[ngClass]="{showErrors: isInErrorState()}"\n\t(change)="setInnerValueAndNotify(innerValue)"\n\t[multiple]="multiple"\n\t[disabled]="disabled"\n\t(blur)="touch()"\n\t(search)="searchQueryChanged($event.term)"\n\t[dropdownPosition]="dropdownPosition"\n\t[searchFn]="customSearchFn"\n\t[selectOnTab]="true"\n\t[virtualScroll]="true"\n\t(scroll)="onScroll($event.end)"\n\t(open)="onOpen()"\n>\n\t<ng-template let-item="item" ng-option-tmp>\n\t\t<ng-container *ngIf="customOptionTpl" [ngTemplateOutlet]="customOptionTpl" [ngTemplateOutletContext]="{item: item}"></ng-container>\n\t\t<div [attr.data-cy]="item.id" *ngIf="!customOptionTpl">\n\t\t\t{{ item.name }}\n\t\t\t<div *ngIf="item.description" class="dropdown-item-description">\n\t\t\t\t{{ item.description }}\n\t\t\t</div>\n\t\t</div>\n\t</ng-template>\n\t<ng-container *ngIf="multiple && multipleDisplayedAsAmount && innerValue?.length > 1">\n\t\t<ng-template ng-multi-label-tmp>\n\t\t\t<div class="ng-value">\n\t\t\t\t<span class="ng-value-label">{{getTranslation(\'amountSelected\', innerValue?.length)}}</span>\n\t\t\t</div>\n\t\t</ng-template>\n\t</ng-container>\n\t<ng-template ng-footer-tmp *ngIf="footerElement">\n\t\t<ng-container [ngTemplateOutlet]="footerElement"></ng-container>\n\t</ng-template>\n</ng-select>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:P,multi:!0}],styles:[":host{display:block}ng-select.showErrors::ng-deep .ng-select-container{border-color:#ff8000}:host ::ng-deep ng-select.ng-select .ng-select-container{color:#888da8}:host ::ng-deep .ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#3ed778}:host ::ng-deep .ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}:host ::ng-deep .ng-select.ng-select-opened>.ng-select-container .ng-arrow{border-color:transparent transparent #999;border-width:0 5px 5px;top:-2px}:host ::ng-deep .ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #666}:host ::ng-deep .ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-left-radius:0;border-bottom-right-radius:0}:host ::ng-deep .ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-left-radius:0;border-top-right-radius:0}:host ::ng-deep .ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}:host ::ng-deep .ng-select .ng-has-value .ng-placeholder{display:none}:host ::ng-deep .ng-select .ng-select-container{align-items:center;background-clip:padding-box;background-color:#fff;border:1px solid #e6ecf5;border-radius:4px;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#888da8;display:flex;flex-direction:row;font-size:1rem;font-size:14px;line-height:1.5;margin:0;min-height:42px;outline:none;overflow:visible;padding:.375rem .75rem;transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in;width:100%}:host ::ng-deep .ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}:host ::ng-deep .ng-select .ng-select-container .ng-value-container{align-items:center;overflow:hidden;padding-left:10px}:host ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#aaa}:host ::ng-deep .ng-select.ng-select-single .ng-select-container{height:42px}:host ::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;padding-left:10px;padding-right:50px;top:5px}:host ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e3e3e3}:host ::ng-deep .ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#e7faee;border:1px solid #93e8b3;border-radius:2px;display:flex;font-size:.9em;margin-bottom:3px;margin-right:5px;margin-top:3px;overflow:hidden}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9;border:1px solid #e3e3e3}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;overflow:hidden;padding:0 5px;text-overflow:ellipsis}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:0 5px}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#93e8b3}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #93e8b3}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #c2e0ff}:host ::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding-bottom:3px;padding-left:3px}:host ::ng-deep ng-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-bottom:3px;padding-left:3px;position:static;top:5px}:host ::ng-deep .ng-select .ng-clear-wrapper{color:#999}:host ::ng-deep .ng-select .ng-clear-wrapper .ng-clear:hover{color:#dc3545}:host ::ng-deep .ng-select .ng-spinner-zone{padding-right:5px;padding-top:5px}:host ::ng-deep .ng-select .ng-arrow-wrapper{padding-right:5px;width:25px}:host ::ng-deep .ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}:host ::ng-deep .ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}:host ::ng-deep .ng-dropdown-panel{background-color:#fff;border:1px solid #3ed778;box-shadow:0 1px 0 rgba(0,0,0,.06)}:host ::ng-deep .ng-dropdown-panel.ng-select-bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-color:#e6e6e6;margin-top:-1px;top:100%}:host ::ng-deep .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::ng-deep .ng-dropdown-panel.ng-select-top{border-bottom-color:#e6e6e6;border-top-left-radius:4px;border-top-right-radius:4px;bottom:100%;margin-bottom:-1px}:host ::ng-deep .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px;border-top-right-radius:4px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{margin-bottom:1px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;color:rgba(0,0,0,.54);cursor:default;cursor:pointer;font-weight:500;padding:8px 10px;user-select:none}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#ebf5ff}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected{background-color:#f5faff;font-weight:600}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background-color:#e7faee;color:#333}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label{font-weight:600}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#e7faee;color:#333}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}:host ::ng-deep ng-select.ng-select .ng-select-container .ng-value-container{padding-left:0}:host ::ng-deep ng-select.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{color:#888da8;top:9px}:host ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,:host ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input>input{color:#888da8}:host ::ng-deep .ng-select.ng-select-auto-grow{max-width:inherit}:host ::ng-deep .ng-select.ng-select-auto-grow .ng-dropdown-panel{width:auto}"]}]}],P.ctorParameters=function(){return[{type:x,decorators:[{type:e.Optional},{type:e.Host}]},{type:o.ControlContainer,decorators:[{type:e.Optional},{type:e.Host}]},{type:void 0,decorators:[{type:e.Inject,args:[N]},{type:e.Optional}]},{type:e.ElementRef}]},P.propDecorators={placeholder:[{type:e.Input}],options:[{type:e.Input}],multiple:[{type:e.Input}],multipleDisplayedAsAmount:[{type:e.Input}],clearable:[{type:e.Input}],truncateOptions:[{type:e.Input}],dropdownPosition:[{type:e.Input}],customSearchFn:[{type:e.Input}],footerElement:[{type:e.Input}],onSearch:[{type:e.Output}],onEndReached:[{type:e.Output}],onOpened:[{type:e.Output}],ngSelect:[{type:e.ViewChild,args:["ngSelect"]}],customOptionTpl:[{type:e.ContentChild,args:[R,{read:e.TemplateRef}]}]};var z=function(){};z.decorators=[{type:e.Component,args:[{selector:"klp-select-footer",template:'<div class="componentContainer">\n\t<span class="prefix">{{prefix}}</span>\n\t<span class="text">{{text}}</span>\n</div>\n',styles:[":host{display:block}.componentContainer{cursor:pointer;padding:6px 10px}.componentContainer:hover{background:#e7faee}.prefix{font-size:80%;padding-right:.625rem}"]}]}],z.propDecorators={prefix:[{type:e.Input}],text:[{type:e.Input}]};var _=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.sortableItemSize="lg",e.useCustomScroll=!1,e.scrollInterval=null,e.itemsOrderChanged=function(){e.setInnerValueAndNotify(e.innerValue)},e.onItemDrag=function(t){t.relatedRect.top<100?e.scrollPage(100):e.stopScrolling()},e.onEnd=function(){e.stopScrolling()},e}return I(e,t),e.prototype.ngOnInit=function(){t.prototype.ngOnInit.call(this),this.useCustomScroll?this.sortablejsOptions={onUpdate:this.itemsOrderChanged,onMove:this.onItemDrag,onEnd:this.onEnd}:this.sortablejsOptions={onUpdate:this.itemsOrderChanged}},e.prototype.scrollPage=function(t){var e=this;m(this.scrollInterval)||(this.scrollInterval=setInterval((function(){window.scroll({top:document.scrollingElement.scrollTop-t,behavior:"smooth"}),document.scrollingElement.scrollTop<=100&&e.stopScrolling()}),100))},e.prototype.stopScrolling=function(){clearInterval(this.scrollInterval),this.scrollInterval=null},e}(S);_.decorators=[{type:e.Component,args:[{selector:"klp-form-sortable-items",template:'<ng-template #listItem>\n\t<li *ngFor="let item of innerValue; index as index"\n\t\t\tclass="sortableItem"\n\t\t\t[ngClass]="{\n\t\t\tlargeSortableItem: sortableItemSize === \'lg\',\n\t\t \tsmallSortableItem: sortableItemSize === \'sm\'\n\t\t }"\n\t>\n\t\t<ng-container [ngTemplateOutlet]="template" [ngTemplateOutletContext]="{ item: item, index:index }"></ng-container>\n\t</li>\n</ng-template>\n\n<ol *ngIf=\'!disabled\'\n\t\t[sortablejs]="innerValue"\n\t\t[sortablejsOptions]="sortablejsOptions"\n\t\tclass="itemsContainer"\n>\n\t<ng-container *ngTemplateOutlet="listItem"></ng-container>\n</ol>\n\n<ol *ngIf=\'disabled\' class="itemsContainer disabled-mouse-cursor">\n\t<ng-container *ngTemplateOutlet="listItem"></ng-container>\n</ol>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:_,multi:!0}],styles:[":host{display:block}.itemsContainer{border:1px solid #e6ecf5;border-radius:5px;margin-bottom:0;padding:0}.sortableItem{border-top:1px solid #e6ecf5;cursor:-webkit-grab;cursor:grab;list-style:none}.sortableItem:hover{background:#f8f9fa}.sortableItem:first-child{border-top:none}.largeSortableItem{padding:15px}.smallSortableItem{padding:0 10px}.disabled-mouse-cursor li{cursor:no-drop}"]}]}],_.propDecorators={template:[{type:e.ContentChild,args:[e.TemplateRef]}],sortableItemSize:[{type:e.Input}],useCustomScroll:[{type:e.Input}]};var L=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.type="text",e.clearable=!1,e}return I(e,t),e}(S);L.decorators=[{type:e.Component,args:[{selector:"klp-form-text-input",template:'<div class="componentContainer">\n\t<ng-container *ngIf="icon?.length > 0">\n\t\t<i class="ti-search" *ngIf="icon === \'search\'"></i>\n\t</ng-container>\n\t<input\n\t\t[type]="type"\n\t\t[ngClass]="{showErrors: isInErrorState(), hasIcon: icon?.length > 0, hasClearButton: clearable}"\n\t\t[(ngModel)]="innerValue"\n\t\t(input)="setInnerValueAndNotify($event.target.value)"\n\t\t[placeholder]="placeholder ? placeholder : \'\'"\n\t\t(blur)="touch()"\n\t\t[disabled]=\'disabled\'\n\t/>\n\t<div class="clearIcon" *ngIf="clearable && innerValue?.length > 0" (click)="resetToNull()">×</div>\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:L,multi:!0}],styles:[":host{display:block}:host input:disabled{cursor:not-allowed}.componentContainer{position:relative}i{left:.625rem;position:absolute;top:14px}input{-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;border:1px solid #e6ecf5;border-radius:2px;box-shadow:none;color:#888da8;display:block;font-size:14px;height:42px;outline:none;padding:.375rem .625rem;transition:all .2s ease-in;width:100%}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder,input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}input:focus{border-color:#3ed778;box-shadow:none;outline:0 none}input.input-sm{height:30px}input.input-lg{height:50px}input.error{background-color:#f6cdd1;border-color:#dc3545}input.valid{background-color:#ebfaeb;border-color:#37c936;color:#278d26}input.hasIcon{padding-left:1.875rem}input.hasClearButton{padding-right:1.875rem}.clearIcon{cursor:pointer;font-size:18px;position:absolute;right:.625rem;top:7px}.showErrors{border-color:#ff8000}"]}]}],L.propDecorators={placeholder:[{type:e.Input}],type:[{type:e.Input}],clearable:[{type:e.Input}],icon:[{type:e.Input}]};var j=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return I(e,t),e}(S);j.decorators=[{type:e.Component,args:[{selector:"klp-form-toggle",template:'<div class="componentContainer" [ngClass]="{disabled: disabled}">\n\t<input type="checkbox" class="nativeCheckbox"\n\t\t[(ngModel)]="innerValue"\n\t\t(input)="setInnerValueAndNotify($event.target.checked); touch()"\n\t\t[disabled]="disabled"\n\t\t[ngClass]="{showErrors: isInErrorState()}"\n\t/>\n\t<div class="toggleVisual"></div>\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:j,multi:!0}],styles:[':host{display:block}.componentContainer{position:relative}.nativeCheckbox{cursor:pointer;height:20px;left:0;opacity:0;position:absolute;top:0;width:35px}.toggleVisual{-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease;-webkit-transition:.4s ease;border:1px solid #e6ecf5;border-radius:35px;display:block;height:20px;pointer-events:none;position:relative;transition:.4s ease;width:35px}.toggleVisual:before{-moz-transition:.2s cubic-bezier(.24,0,.5,1);-ms-transition:.2s cubic-bezier(.24,0,.5,1);-o-transition:.2s cubic-bezier(.24,0,.5,1);-webkit-transition:.2s cubic-bezier(.24,0,.5,1);border-radius:30px;height:18px;left:-1px;margin:1px;transition:.2s cubic-bezier(.24,0,.5,1);width:33px}.toggleVisual:after,.toggleVisual:before{content:"";display:block;position:absolute;top:-1px}.toggleVisual:after{-moz-transition:.35s cubic-bezier(.54,1.6,.5,1);-ms-transition:.35s cubic-bezier(.54,1.6,.5,1);-o-transition:.35s cubic-bezier(.54,1.6,.5,1);-webkit-transition:.35s cubic-bezier(.54,1.6,.5,1);background:#f7f7f7;border-radius:60px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 0 0 rgba(0,0,0,.04),0 4px 9px rgba(0,0,0,.13),0 3px 3px rgba(0,0,0,.05);height:20px;left:0;transition:.35s cubic-bezier(.54,1.6,.5,1);width:20px}.nativeCheckbox:checked+.toggleVisual:before{-moz-transition:width .2s cubic-bezier(0,0,0,.1);-ms-transition:width .2s cubic-bezier(0,0,0,.1);-o-transition:width .2s cubic-bezier(0,0,0,.1);-webkit-transition:width .2s cubic-bezier(0,0,0,.1);background:#37c936;transition:width .2s cubic-bezier(0,0,0,.1)}.nativeCheckbox:checked+.toggleVisual:after{left:18px}.disabled{opacity:.6}.showErrors+.toggleVisual:before{border:1px solid #ff8000}']}]}];var H=function(){function t(t){this.parent=t}return t.prototype.ngOnInit=function(){var t=this;setTimeout((function(){var e=t.parent.getAttachedControl();if(t.parent.registerCaption(t.contentRef),g(e))throw new Error("You added a Form Caption component without an attached Form Control")}))},t}();H.decorators=[{type:e.Component,args:[{selector:"klp-form-caption",template:"<ng-template #contentRef>\n\t<ng-content></ng-content>\n</ng-template>\n",styles:[":host{display:block}"]}]}],H.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]}]},H.propDecorators={contentRef:[{type:e.ViewChild,args:["contentRef"]}]};var G=function(){function t(t){this.parent=t,this.showError=!1}return t.prototype.ngOnInit=function(){var t=this;setTimeout((function(){var e=t.parent.getAttachedControl();if(t.parent.registerErrorHandler(t.error,t.contentRef),g(e))throw new Error("You added a Form Error component without an attached Form Control")}))},t}();G.decorators=[{type:e.Component,args:[{selector:"klp-form-error",template:"<ng-template #contentRef>\n\t<ng-content></ng-content>\n</ng-template>\n",styles:[":host{display:block}"]}]}],G.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]}]},G.propDecorators={error:[{type:e.Input}],contentRef:[{type:e.ViewChild,args:["contentRef"]}]};var B=function(){function t(t){this.parentForm=t,this.isLoading=!1,this.fullWidth=!1,this.variant="greenFilled"}return Object.defineProperty(t.prototype,"_",{get:function(){return this.fullWidth},enumerable:!1,configurable:!0}),t.prototype.submitForm=function(){var t=this;this.parentForm.trySubmit().then((function(e){t.isLoading=!0;var n=t.submitCallback(e);if(g(n))throw new Error("No promise is returned in your submit function.");return n.then((function(){return t.isLoading=!1})).catch((function(e){throw t.isLoading=!1,e}))})).catch((function(t){if(t!==f)throw t}))},t}();B.decorators=[{type:e.Component,args:[{selector:"klp-form-submit-button",template:'<klp-form-button\n\t\t[variant]="variant"\n\t\t(click)="submitForm()"\n\t\t[disabled]="isLoading"\n\t\t[isLoading]="isLoading"\n\t\t[fullWidth]="fullWidth"\n\t\ttype="submit"\n\t\t[ngClass]="fullWidth ? \'fullWidth\' : \'\'"\n\t>\n\t<ng-content></ng-content>\n</klp-form-button>\n',styles:[":host{display:inline-block}:host._fullWidth{display:block}.fullWidth{width:100%}"]}]}],B.ctorParameters=function(){return[{type:y,decorators:[{type:e.Host},{type:e.Optional}]}]},B.propDecorators={isLoading:[{type:e.Input}],fullWidth:[{type:e.Input}],variant:[{type:e.Input}],submitCallback:[{type:e.Input}],_:[{type:e.HostBinding,args:["class._fullWidth"]}]};var U=function(t){function e(e,n){var o=t.call(this,e,n)||this;return o.parent=e,o.controlContainer=n,o.multiple=!1,o}return I(e,t),e.prototype.writeValue=function(e){if(this.multiple&&!Array.isArray(e)){var n=[e].filter(m);t.prototype.writeValue.call(this,n),t.prototype.setInnerValueAndNotify.call(this,n)}else if(!this.multiple&&Array.isArray(e)){n=e[0];t.prototype.writeValue.call(this,n),t.prototype.setInnerValueAndNotify.call(this,n)}else t.prototype.writeValue.call(this,e)},e.prototype.setInnerValueAndNotify=function(e){this.multiple&&!Array.isArray(e)?t.prototype.setInnerValueAndNotify.call(this,[e].filter(m)):!this.multiple&&Array.isArray(e)?t.prototype.setInnerValueAndNotify.call(this,e[0]):t.prototype.setInnerValueAndNotify.call(this,e)},e}(S);U.decorators=[{type:e.Component,args:[{selector:"",template:""}]}],U.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]},{type:o.ControlContainer,decorators:[{type:e.Host},{type:e.Optional}]}]},U.propDecorators={multiple:[{type:e.Input}]};var q="--invalid_date--";var W=new e.InjectionToken("klp.form.date.translations"),$=function(t){function e(e,n,o){var r=t.call(this,e,n)||this;return r.parent=e,r.controlContainer=n,r.translations=o,r.minDate=void 0,r.maxDate=void 0,r.sameMonthOnly=!1,r.format="dd-MM-yyyy",r.clearable=!1,r}return I(e,t),e.prototype.writeValue=function(e){e===q?t.prototype.writeValue.call(this,q):g(e)?(this.dateValue=this.multiple?[]:null,t.prototype.writeValue.call(this,this.multiple?[]:null)):(Array.isArray(e)?this.dateValue=e.map((function(t){return l.parse(t,"yyyy-MM-dd",new Date)})):this.dateValue=l.parse(e,"yyyy-MM-dd",new Date),t.prototype.writeValue.call(this,e))},e.prototype.dateChanged=function(t){t===q?this.setInnerValueAndNotify(q):g(t)?(this.dateValue=this.multiple?[]:null,this.setInnerValueAndNotify(this.multiple?[]:null)):(this.dateValue=t,Array.isArray(t)?this.setInnerValueAndNotify(t.map((function(t){return l.format(t,"yyyy-MM-dd")}))):this.setInnerValueAndNotify(l.format(t,"yyyy-MM-dd")))},e.prototype.getDefaultTranslation=function(t){if("placeholder"===t)return function(){return"Select date"}},e.prototype.getTranslation=function(t,e){var n,o,r;return void 0===e&&(e=null),"placeholder"===t&&this.multiple?"":"placeholder"===t&&h(this.placeholder)?this.placeholder:null!==(r=null===(o=null===(n=this.translations)||void 0===n?void 0:n[t])||void 0===o?void 0:o.call(n,e))&&void 0!==r?r:this.getDefaultTranslation(t)(e)},e}(U);$.decorators=[{type:e.Component,args:[{selector:"klp-form-date-picker",template:'<div class="componentContainer" [ngClass]="{showErrors: isInErrorState()}">\n\t<klp-form-date-time-picker\n\t\t[multiple]="multiple"\n\t\t[disabled]="disabled"\n\t\t[(ngModel)]="dateValue"\n\t\t(ngModelChange)="dateChanged($event)"\n\t\t[minDate]="minDate"\n\t\t[maxDate]="maxDate"\n\t\t[sameMonthOnly]="sameMonthOnly"\n\t\t[format]="format"\n\t\t[placeholder]="getTranslation(\'placeholder\')"\n\t\t[clearable]="clearable"\n\t\t[showTimeInput]="false"\n\t\t(onTouch)="touch()"\n\t></klp-form-date-time-picker>\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:$,multi:!0}],styles:[":host{display:block}.componentContainer.showErrors ::ng-deep klp-form-date-time-picker .clearButton,.componentContainer.showErrors ::ng-deep klp-form-date-time-picker .dateContainer{border-color:#ff8000}"]}]}],$.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]},{type:o.ControlContainer,decorators:[{type:e.Host},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[W]},{type:e.Optional}]}]},$.propDecorators={minDate:[{type:e.Input}],maxDate:[{type:e.Input}],sameMonthOnly:[{type:e.Input}],format:[{type:e.Input}],placeholder:[{type:e.Input}],clearable:[{type:e.Input}]};var K=new e.InjectionToken("klp.form.date.formats"),Q=new e.InjectionToken("klp.form.dateTime.translations"),Y=new e.InjectionToken("klp.form.dateTime.locale");function X(t,e){var n;return null!==(n=null==e?void 0:e(t.format))&&void 0!==n?n:s.MAT_NATIVE_DATE_FORMATS}var J=function(t){function e(e,n,o,r,i,a){var s=t.call(this,e,n)||this;return s.parent=e,s.controlContainer=n,s.translations=o,s.datePickerLocale=r,s.dateAdapter=i,s.cdr=a,s.minDate=void 0,s.maxDate=void 0,s.sameMonthOnly=!1,s.format="dd-MM-yyyy",s.clearable=!1,s.showTimeInput=!0,s.invalidTimeAsMidnight=!1,s.openPickerOnDate=null,s.minDateStartOfDay=void 0,s.maxDateEndOfDay=void 0,s.selectedDates=[],s.dateTouched=!1,s.hoursTouched=!1,s.minutesTouched=!1,s.isSelected=function(t){return s.multiple&&s.selectedDates.some((function(e){return l.isSameDay(e,t)}))?"selected":""},s.filterDates=function(t){return!s.disabled},m(r)&&i.setLocale(r()),s}return I(e,t),e.prototype.ngOnInit=function(){t.prototype.ngOnInit.call(this),this.multiple&&(this.placeholder="",this.showTimeInput=!1)},e.prototype.ngAfterViewInit=function(){this.multiple&&(this.datePickingClosingFn=this.datePickerRef.close)},e.prototype.ngOnChanges=function(t){t.minDate&&this.determineMinAndMaxDates(),t.maxDate&&this.determineMinAndMaxDates()},e.prototype.setMinDate=function(t){t?(this.minDateStartOfDay=new Date(t),this.minDateStartOfDay.setHours(0,0,0,0)):this.minDateStartOfDay=void 0},e.prototype.setMaxDate=function(t){t?(this.maxDateEndOfDay=new Date(t),this.maxDateEndOfDay.setHours(23,59,59,999)):this.maxDateEndOfDay=void 0},e.prototype.getSelectedMonths=function(){return(t=this.selectedDates.map((function(t){return l.format(t,"MMMM")})),t.filter((function(e,n){return n===t.findIndex((function(t){return t===e}))}))).length;var t},e.prototype.dateChanged=function(t){var e=this,n=t.value;if(this.multiple){this.datePickerRef.close=function(){},this.selectedDates.some((function(t){return l.isSameDay(t,n)}))?this.selectedDates=this.selectedDates.filter((function(t){return!l.isSameDay(t,n)})):this.selectedDates=D(this.selectedDates,[n]),this.cdr.detectChanges(),this.valueForMaterialDatePicker=null;var o=this.minDateStartOfDay;this.minDateStartOfDay=new Date(0),this.cdr.detectChanges(),this.minDateStartOfDay=o,this.sameMonthOnly&&(this.selectedDates.length>=2&&(n<l.startOfMonth(this.selectedDates[0])||n>l.endOfMonth(this.selectedDates[0]))&&(this.selectedDates=[n]),this.determineMinAndMaxDates()),this.setInnerValueAndNotify(this.selectedDates),setTimeout((function(){e.datePickerRef.close=e.datePickingClosingFn}))}else this.notifyNewDate()},e.prototype.determineMinAndMaxDates=function(){this.sameMonthOnly&&this.selectedDates.length>=2?(this.setMinDate(l.startOfMonth(this.selectedDates[0])),this.setMaxDate(l.endOfMonth(this.selectedDates[0]))):(this.setMinDate(this.minDate),this.setMaxDate(this.maxDate))},e.prototype.notifyNewDate=function(){var t=this.nativeInputRef.nativeElement.value,e=Number(this.hours),n=Number(this.minutes);if(!this.showTimeInput){if(!h(t))return void this.setInnerValueAndNotify(null);if(this.valueForMaterialDatePicker instanceof Date)return void this.setInnerValueAndNotify(this.valueForMaterialDatePicker)}if(h(t)||h(this.hours)||h(this.minutes))if(h(this.hours)&&Number.isFinite(e)&&e>=0&&e<=23&&h(this.minutes)&&Number.isFinite(n)&&n>=0&&n<=59&&this.valueForMaterialDatePicker instanceof Date){var o=new Date(this.valueForMaterialDatePicker.setHours(e)),r=new Date(o.setMinutes(n));this.setInnerValueAndNotify(r)}else this.invalidTimeAsMidnight&&this.valueForMaterialDatePicker instanceof Date?this.setInnerValueAndNotify(this.valueForMaterialDatePicker):this.setInnerValueAndNotify(q);else this.setInnerValueAndNotify(null)},e.prototype.writeValue=function(e){t.prototype.writeValue.call(this,e),Array.isArray(e)?(this.selectedDates=e,this.determineMinAndMaxDates(),this.valueForMaterialDatePicker=null,E(e)&&(this.openPickerOnDate=this.selectedDates[0])):(this.valueForMaterialDatePicker=e===q?null:e,e instanceof Date?(this.hours=String(e.getHours()),this.minutes=String(e.getMinutes()),this.formatTime(),this.openPickerOnDate=e):(this.hours="",this.minutes="",this.openPickerOnDate=null,this.selectedDates=[]))},e.prototype.nativeValueChanged=function(){this.datePickerRef.opened&&this.datePickerRef.close(),this.notifyNewDate()},e.prototype.resetToNull=function(){this.setInnerValueAndNotify(null),this.valueForMaterialDatePicker=null,this.nativeInputRef.nativeElement.value=null,this.hours="",this.minutes="",this.selectedDates=[]},e.prototype.formatTime=function(){Number.isFinite(Number(this.hours))&&1===this.hours.length&&(this.hours="0"+this.hours),Number.isFinite(Number(this.minutes))&&1===this.minutes.length&&(this.minutes="0"+this.minutes)},e.prototype.touchDate=function(){this.dateTouched=!0,this.determineAllTouched()},e.prototype.touchHours=function(){this.hoursTouched=!0,this.determineAllTouched()},e.prototype.touchMinutes=function(){this.minutesTouched=!0,this.determineAllTouched()},e.prototype.determineAllTouched=function(){(this.dateTouched&&this.hoursTouched&&this.minutesTouched||this.dateTouched&&!this.showTimeInput)&&this.touch()},e.prototype.getDefaultTranslation=function(t){switch(t){case"placeholder":return function(){return"Select date"};case"selectDays":return function(){return"Select day(s)"};case"selectedDate":return function(t){return t.toLocaleDateString()};case"daysSelected":return function(t){return t+" days selected"};case"selectedInMonth":return function(t){return" in "+l.format(t,"MMMM")}}},e.prototype.getTranslation=function(t,e){var n,o,r;return void 0===e&&(e=null),"placeholder"===t&&this.multiple?"":"placeholder"===t&&h(this.placeholder)?this.placeholder:null!==(r=null===(o=null===(n=this.translations)||void 0===n?void 0:n[t])||void 0===o?void 0:o.call(n,e))&&void 0!==r?r:this.getDefaultTranslation(t)(e)},e}(U);J.decorators=[{type:e.Component,args:[{selector:"klp-form-date-time-picker",template:'<div class="componentContainer" [ngClass]="{showErrors: isInErrorState()}">\n\t<div class="dateContainer" [ngClass]="{noRightBorder: !showTimeInput && clearable && !disabled, disabled: disabled}">\n\t\t<mat-form-field floatLabel="never">\n\t\t\t<div *ngIf="multiple" class="daysSelectedCaption" (click)="picker.open()" [ngClass]="{disabled: disabled}">\n\t\t\t\t<ng-container *ngIf="selectedDates.length >= 2">\n\t\t\t\t\t<span>{{getTranslation(\'daysSelected\', selectedDates.length)}}</span>\n\t\t\t\t\t<span *ngIf="getSelectedMonths() === 1">{{getTranslation(\'selectedInMonth\', selectedDates[0])}}</span>\n\t\t\t\t</ng-container>\n\t\t\t\t<span *ngIf="selectedDates.length === 1">{{getTranslation(\'selectedDate\', selectedDates[0])}}</span>\n\t\t\t\t<span *ngIf="selectedDates.length === 0" class="placeholderForMultipleSelection">{{getTranslation(\'selectDays\')}}</span>\n\t\t\t</div>\n\t\t\t<input\n\t\t\t\t#nativeInput\n\t\t\t\tmatInput\n\t\t\t\t[matDatepicker]="picker"\n\t\t\t\t[matDatepickerFilter]="filterDates"\n\t\t\t\t[(ngModel)]="valueForMaterialDatePicker"\n\t\t\t\t(dateInput)="dateChanged($event)"\n\t\t\t\t(input)="nativeValueChanged()"\n\t\t\t\t[min]="minDateStartOfDay"\n\t\t\t\t[max]="maxDateEndOfDay"\n\t\t\t\t[placeholder]="getTranslation(\'placeholder\')"\n\t\t\t\t(click)="picker.open()"\n\t\t\t\t(blur)="touchDate()"\n\t\t\t\t[ngClass]="{inputForMultipleDays: multiple}"\n\t\t\t>\n\t\t\t<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>\n\t\t\t<mat-datepicker\n\t\t\t\t#picker\n\t\t\t\t[dateClass]="isSelected"\n\t\t\t\t[startAt]="openPickerOnDate"\n\t\t\t></mat-datepicker>\n\t\t</mat-form-field>\n\t</div>\n\t<div class="timeContainer" *ngIf="showTimeInput" [ngClass]="{disabled: disabled}">\n\t\t<input maxlength="2" placeholder="__" [disabled]="disabled" [(ngModel)]="hours" (ngModelChange)="notifyNewDate()" (blur)="formatTime(); touchHours()">\n\t\t<div class="divider">:</div>\n\t\t<input maxlength="2" placeholder="__" [disabled]="disabled" [(ngModel)]="minutes" (ngModelChange)="notifyNewDate()" (blur)="formatTime(); touchMinutes()">\n\t</div>\n\t<button *ngIf="clearable && !disabled" class="clearButton" (click)="resetToNull()" [ngClass]="{withoutSpacing: !showTimeInput}">×</button>\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:J,multi:!0},{provide:s.MAT_DATE_FORMATS,deps:[J,[new e.Optional,K]],useFactory:X}],styles:[":host{display:block}:host ::ng-deep mat-form-field{display:block;height:100%}:host ::ng-deep mat-form-field.mat-focused .mat-form-field-label,:host ::ng-deep mat-form-field .mat-form-field-label{color:#adadad}:host ::ng-deep .mat-datepicker-toggle-active{color:#666}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}:host ::ng-deep .mat-form-field-flex{flex-direction:row-reverse}:host ::ng-deep .mat-form-field-infix{border-top:none;width:auto}:host ::ng-deep .mat-form-field-suffix{margin-right:.625rem}:host ::ng-deep .mat-form-field-suffix:hover .mat-button-focus-overlay{opacity:.1}:host ::ng-deep .mat-form-field-underline{display:none}:host ::ng-deep .daysSelectedCaption{cursor:pointer}:host ::ng-deep .daysSelectedCaption.disabled{cursor:zoom-in}:host ::ng-deep .inputForMultipleDays{display:none}.componentContainer{border-radius:2px;color:#888da8;display:flex;position:relative}.componentContainer .placeholderForMultipleSelection{color:#adadad}.componentContainer.showErrors .clearButton.withoutSpacing,.componentContainer.showErrors .dateContainer,.componentContainer.showErrors .timeContainer{border-color:#ff8000}.componentContainer .clearButton{align-items:center;background:#fff;border:1px solid #e6ecf5;color:#7b7b7b;display:flex;flex:0 0 auto;font-size:18px;margin-left:1.25rem;padding:6px 14px}.componentContainer .clearButton.withoutSpacing{border-left:none;margin-left:0}.componentContainer .clearButton:disabled{background:#f9f9f9;border:1px solid #e6ecf5}.componentContainer .dateContainer{background:#fff;border:1px solid #e6ecf5;flex:1 1 auto;padding:6px}.componentContainer .dateContainer.noRightBorder{border-right:none}.componentContainer .dateContainer.disabled{background:#f9f9f9}.componentContainer .timeContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;margin-left:1.25rem;padding:6px .625rem}.componentContainer .timeContainer.disabled{background:#f9f9f9}.componentContainer .timeContainer input{border:none;color:#888da8;padding:0;text-align:center;width:20px}.componentContainer .timeContainer input::-moz-placeholder{color:#adadad}.componentContainer .timeContainer input:-ms-input-placeholder{color:#adadad}.componentContainer .timeContainer input::placeholder{color:#adadad}.componentContainer .timeContainer .divider{margin:0 .3125rem}"]}]}],J.ctorParameters=function(){return[{type:x,decorators:[{type:e.Host},{type:e.Optional}]},{type:o.ControlContainer,decorators:[{type:e.Host},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[Q]},{type:e.Optional}]},{type:void 0,decorators:[{type:e.Inject,args:[Y]},{type:e.Optional}]},{type:s.DateAdapter},{type:e.ChangeDetectorRef}]},J.propDecorators={minDate:[{type:e.Input}],maxDate:[{type:e.Input}],sameMonthOnly:[{type:e.Input}],format:[{type:e.Input}],placeholder:[{type:e.Input}],clearable:[{type:e.Input}],showTimeInput:[{type:e.Input}],invalidTimeAsMidnight:[{type:e.Input}],nativeInputRef:[{type:e.ViewChild,args:["nativeInput"]}],datePickerRef:[{type:e.ViewChild,args:["picker"]}]};var Z=function(){};Z.decorators=[{type:e.NgModule,args:[{imports:[p.MatDatepickerModule,d.MatFormFieldModule,s.MatNativeDateModule,c.MatInputModule,u.MatButtonModule],exports:[p.MatDatepickerModule,d.MatFormFieldModule,s.MatNativeDateModule,c.MatInputModule,u.MatButtonModule],providers:[p.MatDatepickerModule]}]}];var tt=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.isLoading=!1,e.clearable=!1,e.onlyShowUploadButton=!1,e.useFullParentSize=!1,e}return I(e,t),e.prototype.onChange=function(t){for(var e=[],n=0;n<t.length;n++)e.push(t.item(n));this.setInnerValueAndNotify(e),this.fileInputEl.nativeElement.value=null},e.prototype.getFileNames=function(){return Array.isArray(this.innerValue)?this.innerValue.map((function(t){return t.name})).join(", "):this.innerValue instanceof File?this.innerValue.name:null},e.prototype.shouldShowClearButton=function(){return!this.onlyShowUploadButton&&(this.multiple?!!E(this.innerValue):!!m(this.innerValue))},e.prototype.uploadFileClicked=function(){this.fileInputEl.nativeElement.click()},e}(U);tt.decorators=[{type:e.Component,args:[{selector:"klp-form-file-input",template:'<div class="componentContainer" [ngClass]="{fullParentSize: useFullParentSize}">\n\t<div class="buttonContainer">\n\t\t<klp-form-button class="uploadButton" [isLoading]="isLoading" (click)="uploadFileClicked()">\n\t\t\tUpload a file\n\t\t</klp-form-button>\n\t\t<input\n\t\t\ttype="file"\n\t\t\t#fileInput\n\t\t\t(change)="onChange($event.target.files)"\n\t\t\t[multiple]="multiple"\n\t\t\t[disabled]="disabled"\n\t\t>\n\t</div>\n\t<div class="fileName" *ngIf="!onlyShowUploadButton">\n\t\t{{getFileNames()}}\n\t</div>\n\t<klp-form-button class="clearButton" variant="white" *ngIf="shouldShowClearButton()" (click)="resetToNull()">X</klp-form-button>\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:tt,multi:!0}],styles:[":host{display:block}:host input:disabled{cursor:not-allowed}.componentContainer{align-items:center;display:flex}.componentContainer.fullParentSize{height:100%;justify-content:center;position:relative}.componentContainer:not(.fullParentSize) .buttonContainer{position:relative}.componentContainer .buttonContainer{flex:0 0 auto}input{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0}.fileName{color:#515365;flex:1 1 0px;margin-left:.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clearButton{flex:0 0 auto}"]}]}],tt.propDecorators={isLoading:[{type:e.Input}],clearable:[{type:e.Input}],onlyShowUploadButton:[{type:e.Input}],useFullParentSize:[{type:e.Input}],fileInputEl:[{type:e.ViewChild,args:["fileInput"]}]};var et=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.reloader=!0,e}return I(e,t),e.prototype.writeValue=function(e){var n=this;t.prototype.writeValue.call(this,e),this.reloader=!1,setTimeout((function(){E(e)?n.items=e.flatMap((function(t){return D(t,[""])})):n.items=[],n.reloader=!0}))},e.prototype.onItemsRearranged=function(t){var e=this,n=function(t,e){return t.reduce((function(t,n){return e(n)?t.push([]):t[t.length-1].push(n),t}),[[]])}(t,(function(t){return""===t})).filter(E);this.setInnerValueAndNotify(n),this.reloader=!1,setTimeout((function(){e.items=D(e.items,[""]).filter((function(t,n){return(0!==n||""!==t)&&(""!==t||""!==e.items[n-1])})),e.reloader=!0}))},e}(S);et.decorators=[{type:e.Component,args:[{selector:"klp-form-sortable-grouped-items",template:'<ng-container *ngIf="reloader">\n\t<klp-form-sortable-items\n\t\t[(ngModel)]="items"\n\t\t(ngModelChange)="onItemsRearranged($event)"\n\t>\n\t\t<ng-template let-item="item">\n\t\t\t<div>{{item}}</div>\n\t\t</ng-template>\n\t</klp-form-sortable-items>\n</ng-container>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:et,multi:!0}],styles:[":host{display:block}"]}]}];var nt="--invalid_time--";var ot=function(t){function e(){var e=t.apply(this,D(arguments))||this;return e.placeholders=["hour","min"],e.hoursTouched=!1,e.minutesTouched=!1,e}return I(e,t),e.prototype.formatHours=function(){h(this.hours)||(this.hours="0")},e.prototype.formatMinutes=function(){h(this.minutes)||(this.minutes="0")},e.prototype.formatTime=function(){Number.isFinite(Number(this.hours))&&1===this.hours.length&&(this.hours="0"+this.hours),Number.isFinite(Number(this.minutes))&&1===this.minutes.length&&(this.minutes="0"+this.minutes)},e.prototype.writeValue=function(e){Number.isFinite(e)?(this.hours=Math.floor(e/60)+"",this.minutes=e%60+"",this.formatTime(),t.prototype.writeValue.call(this,e)):(this.hours="",this.minutes="",t.prototype.writeValue.call(this,nt))},e.prototype.notifyNewTime=function(){var t=Number(this.hours),e=Number(this.minutes);h(this.hours)||h(this.minutes)?Number.isFinite(t)&&t>=0&&t<=9999&&Number.isFinite(e)&&e>=0&&e<=59?this.setInnerValueAndNotify(60*t+e):this.setInnerValueAndNotify(nt):this.setInnerValueAndNotify(null)},e.prototype.touchHours=function(){this.hoursTouched=!0,this.determineAllTouched()},e.prototype.touchMinutes=function(){this.minutesTouched=!0,this.determineAllTouched()},e.prototype.determineAllTouched=function(){this.hoursTouched&&this.minutesTouched&&this.touch()},e}(S);ot.decorators=[{type:e.Component,args:[{selector:"klp-form-hour-minute-input",template:'<div class="componentContainer" [ngClass]="{disabled: disabled}">\n\t<input class="hourInput" maxlength="4" [placeholder]="placeholders[0]" [disabled]="disabled" [(ngModel)]="hours" (blur)="formatHours(); formatTime(); touchHours(); notifyNewTime()" (ngModelChange)="notifyNewTime()">\n\t<div class="divider">:</div>\n\t<input maxlength="2" [placeholder]="placeholders[1]" [disabled]="disabled" [(ngModel)]="minutes" (blur)="formatMinutes(); formatTime(); touchMinutes(); notifyNewTime()" (ngModelChange)="notifyNewTime()">\n</div>\n',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:ot,multi:!0}],styles:[":host{display:flex}.componentContainer{align-items:center;background:#fff;border:1px solid #e6ecf5;display:flex;flex:0 0 auto;height:42px;padding:6px .625rem}.componentContainer.disabled{background:#f9f9f9;cursor:not-allowed}.componentContainer input{border:none;color:#888da8;padding:0;text-align:center;width:30px}.componentContainer input.hourInput{width:50px}.componentContainer input::-moz-placeholder{color:#adadad}.componentContainer input:-ms-input-placeholder{color:#adadad}.componentContainer input::placeholder{color:#adadad}.componentContainer .divider{margin:0 .3125rem}"]}]}],ot.propDecorators={placeholders:[{type:e.Input}]};var rt=function(){};rt.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,o.FormsModule,a.NgSelectModule,i.SortablejsModule,Z],declarations:[S,U,M,A,$,J,O,V,T,F,P,R,z,_,et,L,j,tt,H,x,G,B,y,b,ot],exports:[S,U,M,$,J,A,O,V,T,F,P,R,z,_,et,L,j,tt,H,x,G,B,y,b,ot]}]}],t.ButtonComponent=M,t.CheckboxComponent=A,t.DATE_PICKER_LOCALE=Y,t.DATE_PICKER_TRANSLATIONS=W,t.DATE_TIME_PICKER_TRANSLATIONS=Q,t.DEFAULT_ERROR_MESSAGES=C,t.DatePickerComponent=$,t.DateTimePickerComponent=J,t.EmailInputComponent=O,t.FORM_ERROR_MESSAGES=v,t.FileInputComponent=tt,t.FormCaptionComponent=H,t.FormComponent=y,t.FormElementComponent=x,t.FormErrorComponent=G,t.FormSubmitButtonComponent=B,t.HourMinuteInputComponent=ot,t.KLP_DATE_FORMATS=K,t.KlpSelectOptionTemplateDirective=R,t.LoadingIndicatorComponent=V,t.MultipleValueAccessorBase=U,t.NgxEnhancyFormsModule=rt,t.NumberInputComponent=T,t.PasswordFieldComponent=F,t.SELECT_TRANSLATIONS=N,t.SelectComponent=P,t.SelectFooterComponent=z,t.SortableGroupedItemsComponent=et,t.SortableItemsComponent=_,t.SubFormDirective=b,t.TextInputComponent=L,t.ToggleComponent=j,t.ValueAccessorBase=S,t.dateValidator=function(t){return t.value===q?{date:t.value}:null},t.invalidDateKey=q,t.invalidFieldsSymbol=f,t.matDateFormatsFactory=X,t["ɵa"]=Z,Object.defineProperty(t,"__esModule",{value:!0})}));
17
17
  //# sourceMappingURL=klippa-ngx-enhancy-forms.umd.min.js.map