!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/router"),require("rxjs"),require("@angular/common/http"),require("@angular/forms"),require("@angular/core")):"function"==typeof define&&define.amd?define("intilium-ui",["exports","@angular/common","@angular/router","rxjs","@angular/common/http","@angular/forms","@angular/core"],t):t(e["intilium-ui"]={},e.ng.common,e.ng.router,e.rxjs,e.ng.common.http,e.ng.forms,e.ng.core)}(this,function(e,t,i,n,o,r,l){"use strict";var c=(a.prototype.ngOnInit=function(){},a.decorators=[{type:l.Component,args:[{selector:"intilium-intilium-ui",template:"\n    <p>\n      intilium-ui works!\n    </p>\n  "}]}],a.ctorParameters=function(){return[]},a);function a(){}var u=function(e,t){return(u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i])})(e,t)};function s(e,t){function i(){this.constructor=e}u(e,t),e.prototype=null===t?Object.create(t):(i.prototype=t.prototype,new i)}function f(e){var t="function"==typeof Symbol&&e[Symbol.iterator],i=0;return t?t.call(e):{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}}}function m(e,t){var i="function"==typeof Symbol&&e[Symbol.iterator];if(!i)return e;var n,o,r=i.call(e),l=[];try{for(;(void 0===t||0<t--)&&!(n=r.next()).done;)l.push(n.value)}catch(c){o={error:c}}finally{try{n&&!n.done&&(i=r["return"])&&i.call(r)}finally{if(o)throw o.error}}return l}function d(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(m(arguments[t]));return e}function b(e,t,i){void 0===t&&(t=null),void 0===i&&(i=null),this.options=null,this.validate=e,this.options=i,this.valueRefCallback=t}var p=(h.prototype.addValidationRule=function(e,t,i){void 0===i&&(i=null),e.valueRefCallback=t,e.options=i,this.validationRules.push(e)},h.prototype.validateRules=function(){var e,t,i=!0;try{for(var n=f(this.validationRules),o=n.next();!o.done;o=n.next()){var r=o.value;i=!!i&&r.validate(r.valueRefCallback(this.refValue),r.options)}}catch(l){e={error:l}}finally{try{o&&!o.done&&(t=n["return"])&&t.call(n)}finally{if(e)throw e.error}}return i},h);function h(e){this.validationRules=[],this.refValue=e}var g=(v.prototype.addValidator=function(e){this.validators.push(e)},v.prototype.validateRules=function(){var e,t,i=!0;try{for(var n=f(this.validators),o=n.next();!o.done;o=n.next()){var r=o.value;i=!!i&&r.validateRules()}}catch(l){e={error:l}}finally{try{o&&!o.done&&(t=n["return"])&&t.call(n)}finally{if(e)throw e.error}}return i},v);function v(){this.validators=[]}function w(){this.marginLeft=0,this.disabled=!1,this.isRequired=!1,this.formGroup=null,this.formControlName=null,this.formControl=null,this.message="Dit is een test.<br/>Kijken of de <b>opmaak</b> werkt.",this.errorAfterTouched=!0}var y,x=function Zt(){this.ofLabel="of"},k=(s(C,y=w),C);function C(){var e=null!==y&&y.apply(this,arguments)||this;return e.icon=null,e.type="text",e.showIcon=!1,e.showInfo=!1,e.mask=null,e.validationRules=[],e.maxLength=524288,e.labels=new x,e.showCharacterCount=!1,e.showCharacterCountAbsolute=!0,e.showCharacterCountAlways=!1,e}var I,D=(s(T,I=w),T);function T(){return null!==I&&I.apply(this,arguments)||this}var P=(E.prototype.setTheme=function(e){this.currentTheme=e},E.decorators=[{type:l.Injectable,args:[{providedIn:"root"}]}],E.ctorParameters=function(){return[]},E.ngInjectableDef=l.defineInjectable({factory:function(){return new E},token:E,providedIn:"root"}),E);function E(){this.currentTheme="main-theme"}var O=(z.prototype.ngOnInit=function(){},z.decorators=[{type:l.Component,args:[{selector:"intilium-alert",template:'<div class="alert-container"        \n     [class.alert]="type === alertType.Alert"\n     [class.info]="type === alertType.Info"\n     [class.warning]="type === alertType.Warning">\n  <ng-content></ng-content>\n  <div [innerHTML]="message"></div>\n</div>',styles:[".alert-container{padding:10px;border-radius:5px;margin-bottom:15px}.alert-container.warning{color:#fff}.alert-container.alert{background-color:#dda7a7;border:1px solid #5c0a0a;color:#5c0a0a}.alert-container.info{background-color:#a7c5dd;border:1px solid #0a3b5c;color:#0a3b5c}"]}]}],z.ctorParameters=function(){return[]},z.propDecorators={message:[{type:l.Input}],type:[{type:l.Input}]},z);function z(){this.message="test",this.type=A.Info,this.alertType=A}var A={Info:1,Warning:2,Alert:3};A[A.Info]="Info",A[A.Warning]="Warning",A[A.Alert]="Alert";var R=(Object.defineProperty(F.prototype,"disabled",{set:function(e){this.config.disabled=e},enumerable:!0,configurable:!0}),Object.defineProperty(F.prototype,"showCharacterCountAlways",{set:function(e){this.config.showCharacterCountAlways=e},enumerable:!0,configurable:!0}),Object.defineProperty(F.prototype,"maxLength",{set:function(e){this.config.maxLength=e},enumerable:!0,configurable:!0}),Object.defineProperty(F.prototype,"showCharacterCount",{set:function(e){this.config.showCharacterCount=e},enumerable:!0,configurable:!0}),Object.defineProperty(F.prototype,"showCharacterCountAbsolute",{set:function(e){this.config.showCharacterCountAbsolute=e},enumerable:!0,configurable:!0}),Object.defineProperty(F.prototype,"icon",{set:function(e){this.config.icon=e},enumerable:!0,configurable:!0}),Object.defineProperty(F.prototype,"showIcon",{set:function(e){this.config.showIcon=e},enumerable:!0,configurable:!0}),F.prototype.ngOnInit=function(){this.config.isRequired=this.isRequired||this.config.isRequired,this.config.showCharacterCount=this.showCharacterCount||this.config.showCharacterCount,this.config.maxLength=this.maxLength||this.config.maxLength,this.setupLayout(),this.setupForm()},F.prototype.focusRetrieved=function(){this.hasFocus=!0,this.focusRetrievedChange.emit(!0)},F.prototype.focus=function(){!1===this.config.disabled&&(this.hasFocus=!0,this.inputfield.nativeElement.focus())},F.prototype.focusLost=function(){this.hasFocus=!1,this.focusIsLostChange.emit(this.text)},F.prototype.checkMask=function(){null!=this.config&&null!=this.config.mask&&this.config.mask.trim()},F.prototype.onKeyUp=function(e){this.config.formControlName?this.config&&this.config.formControl&&this.config.formControl.value?this.characterCount=this.config.formControl.value.length:this.characterCount=0:this.characterCount=this.text.length},F.prototype.onKeyDown=function(e){this.checkMask(),this.keyChange.emit(e)},F.prototype.setupForm=function(){this.config.formGroup=this.config.formGroup||new r.FormGroup({}),this.config.formControlName=this.setFormControlName||this.config.formControlName,this.config.formGroup=this.setFormGroup||this.config.formGroup,this.config.formControlName&&this.config.formGroup&&(this.config.formControl=this.config.formGroup.get(this.config.formControlName),this.text=this.config.formControl.value)},F.prototype.setupLayout=function(){null!==this.config.icon||this.config.icon!==undefined||this.config.icon.trim()},F.decorators=[{type:l.Component,args:[{selector:"intilium-text-box",template:'\x3c!-- GENERAL CONTAIN FOR THE INPUT ELEMENT --\x3e\r\n<div class="intilium-text-box-container">\r\n\r\n        \x3c!-- CHARACTER COUNT --\x3e\r\n        <div *ngIf="hasFocus || config.showCharacterCountAlways" \r\n                class="character-count"\r\n                [class.character-count-absolute]="config.showCharacterCountAbsolute"\r\n                [class.character-count-relative]="config.showCharacterCount">\r\n                <span>{{characterCount}}</span>\r\n                <span *ngIf="config.maxLength !== 524288"> {{config.labels.ofLabel}} {{config.maxLength}}</span>\r\n        </div>\r\n\r\n        \x3c!-- INPUT CONTAINER, DEFINES THE OUTER BORDER OF THE INPUT CONTAINER --\x3e\r\n        <div class="intilium-input-container"  \r\n                [class.has-focus]="hasFocus"\r\n                [class.disabled]="config.disabled">\r\n\r\n                \x3c!-- INPUT WITHOUT REACTIVE FORM --\x3e\r\n                \x3c!-- [formGroup] = "config.formGroup" --\x3e\r\n                <div class="intilium-text-box-group" [class.one-column]="!config.showIcon" [class.two-columns]="config.showIcon">\r\n\r\n                         \x3c!-- <input [formControlName]="config.formControlName"\r\n                                (focus)="focusRetrieved()" \r\n                                (focusout)="focusLost()" \r\n                                (keydown)="onKeyDown($event)"\r\n                                (keyup)="onKeyUp($event)" \r\n                                [maxLength]="config.maxLength"\r\n                                #inputfield\r\n                                [disabled]="disabled"\r\n                                *ngIf="config.formControlName"> --\x3e\r\n\r\n                        \x3c!-- INPUT WITHOUT REACTIVE FORM --\x3e\r\n                        <div>\r\n                        <input  [value]="text" \r\n                                (input)="textChange.emit($event.target.value)"\r\n                                (focus)="focusRetrieved()" \r\n                                (focusout)="focusLost()" \r\n                                (keydown)="onKeyDown($event)"\r\n                                (keyup)="onKeyUp($event)" \r\n                                [disabled]="config.disabled" \r\n                                [maxLength]="config.maxLength"\r\n                                #inputfield\r\n                               >\r\n                        </div>\r\n\r\n                        \x3c!-- ICON --\x3e\r\n                        <div class="intilium-text-box-icon" [class.disabled]="config.disabled" *ngIf="config.showIcon">\r\n                           <i [class.is-disabled]="config.disabled" [ngClass]="config.icon"></i>\r\n                        </div>\r\n                </div>\r\n        </div>\r\n</div>\r\n\r\n\x3c!-- Total height of the textbox = 2.667 * em, i.e. 16px = 2.667 * 16px --\x3e',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}intilium-text-box{display:inline-block}div.intilium-text-box-container{position:relative}div.intilium-text-box-container div.character-count{color:var(--textColor1);font-size:var(--characterCountFontSize)}div.intilium-text-box-container div.character-count-absolute{position:absolute;top:var(--characterCountAbsoluteTop);right:var(--characterCountAbsoluteRight)}div.intilium-text-box-container div.character-count-relative{position:relative;text-align:right;right:var(--characterCountRight);top:var(--characterCountTop)}div.intilium-text-box-container .intilium-input-container{position:static;height:var(--inputElementHeight);box-sizing:var(--inputBoxSizing);border-top:var(--inputBorderTop);border-bottom:var(--inputBorderBottom);border-right:var(--inputBorderRight);border-left:var(--inputBorderLeft);border-radius:var(--inputBorderRadius);width:var(--inputWidth);overflow:hidden}div.intilium-text-box-container .intilium-input-container.has-focus{border:var(--inputBorderHasFocus)}div.intilium-text-box-container .intilium-input-container.disabled{border-bottom:var(--disabledBorderBottom);border-top:var(--disabledBorderTop);border-right:var(--disabledBorderRight);border-left:var(--disabledBorderLeft)}div.intilium-text-box-container .intilium-input-container .intilium-text-box-group{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;box-sizing:border-box;position:relative;align-items:center;height:var(--inputElementHeight)}div.intilium-text-box-container .intilium-input-container .intilium-text-box-group.one-column{-ms-grid-columns:1fr;grid-template-columns:1fr}div.intilium-text-box-container .intilium-input-container .intilium-text-box-group.two-columns{-ms-grid-columns:1fr auto;grid-template-columns:1fr auto}div.intilium-text-box-container .intilium-input-container .intilium-text-box-group input{position:relative;border:none;outline:0;width:100%;color:var(--textColor1);font-size:var(--inputFontSize);padding:var(--inputElementPadding);box-sizing:border-box}div.intilium-text-box-container .intilium-input-container .intilium-text-box-group input:disabled{color:var(--disabledColor);background:var(--backgroundColor1)}div.intilium-text-box-container .intilium-input-container .intilium-text-box-icon{margin:0;color:var(--disabledColor);background-color:var(--textColor1);font-size:var(--inputIconFontSize);height:100%;padding:0 10px}div.intilium-text-box-container .intilium-input-container .intilium-text-box-icon.disabled{background-color:var(--disabledColor);color:#fff}div.intilium-text-box-container .is-dirty{border-right:5px solid orange}div.intilium-text-box-container .is-touched{border-right:5px solid #4682b4}div.intilium-text-box-container .is-error{border-right:5px solid red}div.intilium-text-box-container .is-valid{border-right:5px solid green}div.intilium-text-box-container .intilium-icon{margin:0 0 0 5px;font-size:1.3em;position:relative}div.intilium-text-box-container .intilium-dirty-icon{color:#4682b4}.info-box{display:block;margin-top:5px}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],F.ctorParameters=function(){return[{type:P}]},F.propDecorators={config:[{type:l.Input}],disabled:[{type:l.Input,args:["disabled"]}],showCharacterCountAlways:[{type:l.Input,args:["showCharacterCountAlways"]}],maxLength:[{type:l.Input,args:["maxLength"]}],showCharacterCount:[{type:l.Input,args:["showCharacterCount"]}],showCharacterCountAbsolute:[{type:l.Input,args:["showCharacterCountAbsolute"]}],icon:[{type:l.Input,args:["icon"]}],showIcon:[{type:l.Input,args:["showIcon"]}],setFormControlName:[{type:l.Input}],setFormGroup:[{type:l.Input}],text:[{type:l.Input}],isRequired:[{type:l.Input}],ofLabel:[{type:l.Input}],inputfield:[{type:l.ViewChild,args:["inputfield"]}],textChange:[{type:l.Output}],keyChange:[{type:l.Output}],focusRetrievedChange:[{type:l.Output}],focusIsLostChange:[{type:l.Output}],debugDataChange:[{type:l.Output}]},F);function F(e){this.themeService=e,this.isValid=!0,this.hasFocus=!1,this.characterCount=0,this.config=null,this.setFormControlName=null,this.setFormGroup=null,this.text="",this.isRequired=null,this.ofLabel=null,this.messageType=A.Alert,this.textChange=new l.EventEmitter,this.keyChange=new l.EventEmitter,this.focusRetrievedChange=new l.EventEmitter,this.focusIsLostChange=new l.EventEmitter,this.debugDataChange=new l.EventEmitter,this.config=new k}var B=(Object.defineProperty(S.prototype,"checked",{get:function(){return this._checked},set:function(e){this._checked=e,this.checkedChange.emit(this._checked)},enumerable:!0,configurable:!0}),S.prototype.ngOnInit=function(){},S.prototype.toggleCheckbox=function(){this.disabled||(this.checked=!this.checked)},S.prototype.handleKeyEvent=function(e){if(!this.disabled)switch(e.key){case" ":this.checked=!this._checked,this.checkedChange.emit(this.checked),e.preventDefault()}},S.decorators=[{type:l.Component,args:[{selector:"intilium-check-box",template:'<div class="intilium-check-box-container">\r\n  <div class="intilium-check-box-icon" (click)="toggleCheckbox()" tabindex="0" (keydown)=\'handleKeyEvent($event)\'>\r\n    <i class="intilium-checked-1"    *ngIf="checked" [class.disabled]="disabled"></i>\r\n    <i class="intilium-unchecked-1" *ngIf="!checked" [class.disabled]="disabled"></i>\r\n  </div>\r\n  <div class="intilium-check-box-text" (click)="toggleCheckbox()" [class.disabled]="disabled">{{label}}</div>\r\n</div>\r\n',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-check-box-container{display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;align-items:center}.intilium-check-box-container:focus{outline:0}.intilium-check-box-container .disabled{color:var(--disabledColor)}.intilium-check-box-container .intilium-check-box-text{position:relative;font-size:16px;padding-left:.5em;color:var(--textColor1)}.intilium-check-box-container .intilium-check-box-text.disabled{color:var(--disabledColor)}.intilium-check-box-container .intilium-check-box-icon{color:var(--textColor1);font-size:1.5em}.intilium-check-box-container .intilium-check-box-icon:focus{outline:0}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],S.ctorParameters=function(){return[{type:P}]},S.propDecorators={label:[{type:l.Input}],disabled:[{type:l.Input}],checkedChange:[{type:l.Output}],checked:[{type:l.Input,args:["checked"]}]},S);function S(e){this.themeService=e,this._checked=!1,this.disabled=!1,this.checkedChange=new l.EventEmitter}var H=function Jt(e,t){this.day=null==e?0:e.getDate(),this.date=e,this.isWeekendDay=t},M=(V.prototype.getCalendarMonth=function(e,t,i,n){this.currentSelectedDate=this.getUTCAdaptedDate(t),e.setDate(1);var o=this.getNumberOfDaysInMonth(e),r=this.startOnSunday?e.getDay():e.getDay()-1;r=r<0?6:r;for(var l=[],c=1;c<=o;){var a=this.createRow(r,c,e,o);l.push(a),c=a[6].date?a[6].date.getDate()+1:o+1,r=0}return l},V.prototype.createDay=function(e,t,i){var n=new Date(e,t,i),o=0===n.getDay()||6===n.getDay(),r=new H(n,o);return r.isToday=0===this.compareDates(r.date,new Date),r},V.prototype.compareDates=function(e,t){return e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear()?0:-2},V.prototype.createRow=function(e,t,i,n){for(var o=[],r=0;r<7;r++)if(r<e||n<t){var l=new H(null,!1);o.push(l)}else{var c=this.createDay(i.getFullYear(),i.getMonth(),t);c.focus=this.isSameDay(this.currentSelectedDate,this.getUTCAdaptedDate(c.date)),o.push(c),t+=1}return o},V.prototype.isSameDay=function(e,t){return!(!e||!t)&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()},V.prototype.getNumberOfDaysInMonth=function(e){return new Date(e.getFullYear(),e.getMonth()+1,0).getDate()},V.prototype.getTimeZoneDifference=function(){return-1*(new Date).getTimezoneOffset()/60},V.prototype.getUTCAdaptedDate=function(e){return e?new Date(e.getFullYear(),e.getMonth(),e.getDate(),this.getTimeZoneDifference(),0,0,0):null},V.prototype.getUtcAdaptedDateBy=function(e,t,i){return e&&t&&i?new Date(e,t,i,this.getTimeZoneDifference(),0,0,0):null},V.decorators=[{type:l.Injectable,args:[{providedIn:"root"}]}],V.ctorParameters=function(){return[]},V.ngInjectableDef=l.defineInjectable({factory:function(){return new V},token:V,providedIn:"root"}),V);function V(){this.startOnSunday=!1}var _=(Object.defineProperty(L.prototype,"date",{get:function(){return this._date},set:function(e){this._date=e,this.dateChange.emit(this._date)},enumerable:!0,configurable:!0}),L.prototype.selectDay=function(e){this.date=e.date,this.currentFocusedDate&&(this.currentFocusedDate.focus=!1),this.weeks.forEach(function(e){return e.forEach(function(e){e.focus=!1})}),this.currentFocusedDate=e,this.currentFocusedDate.focus=!0,this.dateChange.emit(e.date)},L.prototype.enableDisabledActions=function(){var e=this;setTimeout(function(){e.disabled=!1},200)},L.prototype.nextMonth=function(){!1===this.disabled&&(this.disabled=!0,this.currentDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth()+1,1),this.weeks=this.calendarService.getCalendarMonth(this.currentDate,this.date,null,null)),this.enableDisabledActions()},L.prototype.activateFocus=function(){this.navigateToDay(1)},L.prototype.GetCalendarDay=function(e){for(var t=0;t<this.weeks.length;t++)for(var i=this.weeks[t],n=0;n<i.length;n++){var o=i[n];if(o.day===e)return o}return null},L.prototype.deactivateFocus=function(){this.currentFocusedDate.focus=!1,this.currentFocusedDate=null},L.prototype.navigateToDay=function(e){var t=this.GetCalendarDay(e);return null!==t&&(t.focus=!0,this.currentFocusedDate&&(this.currentFocusedDate.focus=!1),this.currentFocusedDate=t,!0)},L.prototype.focusOnPreviousMonth=function(){var e=new Date(this.currentFocusedDate.date.getFullYear(),this.currentFocusedDate.date.getMonth(),0);this.previousMonth(),this.navigateToDay(e.getDate())},L.prototype.focusOnNextMonth=function(){this.nextMonth(),this.navigateToDay(1)},L.prototype.onKeyDown=function(e){switch(e.key){case"ArrowRight":var t=this.calendarService.getNumberOfDaysInMonth(this.currentFocusedDate.date);this.currentFocusedDate.day===t?this.focusOnNextMonth():this.navigateToDay(this.currentFocusedDate.day+1),this.date=this.currentFocusedDate.date,e.preventDefault();break;case"ArrowLeft":1===this.currentFocusedDate.day?this.focusOnPreviousMonth():this.navigateToDay(this.currentFocusedDate.day-1),this.date=this.currentFocusedDate.date,e.preventDefault();break;case"ArrowDown":this.navigateToDay(this.currentFocusedDate.day+7),this.date=this.currentFocusedDate.date,e.preventDefault();break;case"ArrowUp":this.currentFocusedDate.date.getDate()-7<0?this.focusOnPreviousMonth():this.navigateToDay(this.currentFocusedDate.day-7),this.date=this.currentFocusedDate.date,e.preventDefault()}},L.prototype.previousMonth=function(){!1===this.disabled&&(this.disabled=!0,this.currentDate=new Date(this.currentDate.getFullYear(),this.currentDate.getMonth()-1,1),this.weeks=this.calendarService.getCalendarMonth(this.currentDate,this.date,null,null)),this.enableDisabledActions()},L.prototype.ngOnInit=function(){this.calendarService=new M,this.currentDate=new Date,this.weeks=this.calendarService.getCalendarMonth(this.currentDate,this.date,null,null)},L.decorators=[{type:l.Component,args:[{selector:"intilium-calendar",template:'<div class="intilium-calendar-container {{themeService.currentTheme}}"\r\n     tabindex="0"\r\n     (focus)="activateFocus()"\r\n     (focusout)="deactivateFocus()"\r\n     (keydown)="onKeyDown($event)"\r\n     #intiliumcalendar\r\n>\r\n  <table cellspacing="0">\r\n      <tr class="intilium-calendar-navigator">\r\n          <td colspan="7" (click)="previousMonth()" class="date-header-container">\r\n            <div style="display:grid; grid-template-columns: 54px 1fr 54px;">\r\n              <div style="position:relative;left:10px;">\r\n                <i class="intilium-chevron-up-round-1 turn-270-degrees" (click)="previousMonth()"></i></div>\r\n              <div class="date-header">\r\n                  {{ months[currentDate.getMonth()]}} {{currentDate.getFullYear()}}\r\n              </div>\r\n              <div style="position:relative;left:-10px;"><i class="intilium-chevron-up-round-1 turn-90-degrees" (click)="nextMonth()"></i></div>\r\n            </div>\r\n          </td>\r\n        </tr>\r\n      <tr>\r\n        <td class="intilium-calendar-day">MA</td>\r\n        <td class="intilium-calendar-day">DI</td>\r\n        <td class="intilium-calendar-day">WO</td>\r\n        <td class="intilium-calendar-day">DO</td>\r\n        <td class="intilium-calendar-day">VR</td>\r\n        <td class="intilium-calendar-day">ZA</td>\r\n        <td class="intilium-calendar-day">ZO</td>\r\n      </tr>\r\n\r\n      <tr *ngFor="let week of weeks">\r\n        <td (click)="selectDay(day)"\r\n            class=\'intilium-calendar-day selectable\'\r\n            [ngClass]="{\'is-today\': day.isToday, \'is-weekend\' : day.isWeekendDay, \'has-focus\': day.focus }"\r\n            *ngFor="let day of week">\r\n            <span>{{day.day | calendarCell}}</span>\r\n        </td>\r\n      </tr>\r\n  </table>\r\n\r\n</div>\r\n',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-calendar-container:focus{outline:0}.intilium-calendar-container{box-shadow:var(--calendarShadow);display:inline-block}.intilium-calendar-container td{box-sizing:content-box}.intilium-calendar-container .has-focus{background:#ccc}.intilium-calendar-container .intilium-calendar-day{color:var(--calendarBackground);text-align:center;padding:0;width:46px;height:40px;max-width:46px;max-height:40px;min-width:46px;min-height:40px}.intilium-calendar-container .is-weekend{color:orange}.intilium-calendar-container .intilium-calendar-navigator{background:var(--calendarBackground);color:var(--calendarColor)}.intilium-calendar-container .icon{font-size:24px;color:var(--calendarColor);font-weight:700}.intilium-calendar-container .float-right{position:relative;float:right}.intilium-calendar-container .row-divider{border-bottom:solid 1px var(--calendarBackground);padding:2px}.intilium-calendar-container .date-header{position:relative;font-size:var(--calendarFontSize);text-align:center}.intilium-calendar-container .date-header-container{padding:5px 0;height:50px}.intilium-calendar-container .calendar-event-header{font-size:18px;color:var(--calendarBackground);margin-bottom:10px;display:block}.intilium-calendar-container .calendar-event-description{font-size:13px;color:#555;display:block}.intilium-calendar-container .calendar-event{font-size:24px;color:orange}.intilium-calendar-container div.intilium-calendar-container{background-color:#fff!important}.intilium-calendar-container .selectable:hover{cursor:pointer;color:#555}.intilium-calendar-container .is-today{position:relative;color:red}.intilium-calendar-container div.is-not-seletable:hover{background:red!important;cursor:default!important;color:#d3d3d3!important}.intilium-calendar-container div.is-empty-cell:hover{cursor:default!important;color:#d3d3d3!important}.intilium-calendar-container .turn-270-degrees{display:inline-block;color:var(--calendarColor);transform:rotate(270deg);font-size:1.5em}.intilium-calendar-container .turn-90-degrees{font-size:1.5em;float:right;color:var(--calendarColor);transform:rotate(90deg)}@-webkit-keyframes openCalendar{from{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@keyframes openCalendar{from{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@-webkit-keyframes closeCalendar{from{max-height:500px;opacity:1}to{max-height:0;opacity:0}}@keyframes closeCalendar{from{max-height:500px;opacity:1}to{max-height:0;opacity:0}}.intilium-calendar-container div.open-calendar{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:openCalendar;animation-name:openCalendar}.intilium-calendar-container div.close-calendar{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:closeCalendar;animation-name:closeCalendar}.intilium-calendar-container .starting-event-cell{padding:10px;border:none;width:20px}.intilium-calendar-container .is-selected-date{border:red;color:purple!important;background-color:#ccc}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],L.ctorParameters=function(){return[{type:P}]},L.propDecorators={date:[{type:l.Input}],dateChange:[{type:l.Output}]},L);function L(e){this.themeService=e,this.utcTimeDifference=0,this.disabled=!1,this.weeks=Array(),this.months=["Januari","Februari","Maart","April","Mei","Juni","Juli","Augustus","September","Oktober","November","December"],this.dateChange=new l.EventEmitter,this.today=new Date}var N=(j.prototype.transform=function(e,t){return 0===e?"":e<10?"0"+e:e.toString()},j.decorators=[{type:l.Pipe,args:[{name:"calendarCell"}]}],j);function j(){}var W=(U.prototype.ngOnInit=function(){},U.prototype.toggleContentVisibility=function(){this.showContent=!this.showContent},U.decorators=[{type:l.Component,args:[{selector:"intilium-accordion",template:'<div class="intilium-accordion-container">\r\n\r\n  <div class="intilium-accordion-header">\r\n    <div (click)="toggleContentVisibility()">\r\n        <div>{{header}}</div>\r\n        <div class="intilium-accordion-close-icon"><i class="intilium-chevron-down-1 intilium-close-icon" [ngClass]="{\'intilium-closed\': !showContent}"></i></div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class="intilium-accordion-content" *ngIf="showContent">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-accordion-container .intilium-closed{transform:rotate(90deg);transition:transform .3s ease-out}.intilium-accordion-container .intilium-close-icon{display:inline-block;position:relative;transition:.3s ease-out;color:red}.intilium-accordion-container .intilium-close-icon:hover{color:#555}.intilium-accordion-container .intilium-accordion-header{display:table;width:100%;font-size:1.3em;border-bottom:1px solid red;margin-bottom:1em}.intilium-accordion-container .intilium-accordion-header>div{display:table-row;color:red}.intilium-accordion-container .intilium-accordion-header>div>div{display:table-cell;padding-bottom:.3em}.intilium-accordion-container .intilium-accordion-header>div>div:first-child{width:100%}"]}]}],U.ctorParameters=function(){return[]},U.propDecorators={header:[{type:l.Input}],showContent:[{type:l.Input}]},U);function U(){this.header="",this.showContent=!0}var G=function Qt(){this.width=400,this.height=250,this.intervalWidth=10,this.barWidth=40,this.offsetY=0,this.scale=1},Y=(Object.defineProperty(q.prototype,"items",{get:function(){return this._items},set:function(e){this._items=e,this.draw()},enumerable:!0,configurable:!0}),q.prototype.ngOnInit=function(){this.config=this.config||new G,this.draw()},q.prototype.draw=function(){var e=this;this.context=this.context||this.canvasRef.nativeElement.getContext("2d"),null!=this.context&&setTimeout(function(){e.drawXAxis(),e.drawBarChart(1)},300)},q.prototype.drawBarChart=function(e){for(var t=0,i=this.config.height-this.config.offsetY,n=0;n<this.items.length;n++){t+=0;var o=this.config.valueProperty&&""!==this.config.valueProperty.trim()?this.items[n][this.config.valueProperty]*this.config.scale:this.items[n]*this.config.scale;0===e?(this.context.strokeStyle="#888",this.context.strokeRect(t,i-o,this.config.width,o)):(this.context.fillStyle=this.config.colors[n],this.context.globalAlpha=e,this.context.fillRect(t,i-o,this.config.barWidth,o)),t=t+this.config.intervalWidth+this.config.barWidth}this.context.globalAlpha=1},q.prototype.drawXAxis=function(){var e=this.config.height-this.config.offsetY,t=(this.config.barWidth+this.config.intervalWidth)*this.items.length;this.context.strokeStyle="#888",this.context.beginPath(),this.context.moveTo(0,e),this.context.lineTo(t,e),this.context.stroke()},q.decorators=[{type:l.Component,args:[{selector:"intilium-bar-chart",template:'<div class="intilium-bar-chart-container">\r\n    <div class="intilium-bar-chart-title">{{title}}</div>\r\n    <canvas #barchartcanvas [width]="config.width" [height]="config.height"></canvas>\r\n</div>',styles:[".intilium-bar-chart-container{display:inline-block}.intilium-bar-chart-container .intilium-bar-chart-title{color:#4682b4;font-size:1.2em}.intilium-bar-chart-container canvas{background:#fff}"]}]}],q.ctorParameters=function(){return[]},q.propDecorators={canvasRef:[{type:l.ViewChild,args:["barchartcanvas"]}],items:[{type:l.Input}],config:[{type:l.Input}],title:[{type:l.Input}]},q);function q(){this._items=[]}var $=(K.prototype.ngOnInit=function(){this.config=this.config||new D},K.prototype.clicked=function(){this.onClick.emit()},K.prototype.handleKeyDown=function(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.onClick.emit(e))},K.prototype.focusReceived=function(){},K.prototype.focusLost=function(){},K.decorators=[{type:l.Component,args:[{selector:"intilium-button",template:'<div class="intilium-button-container {{themeService.currentTheme}}" tabindex="0" (focus)="focusReceived"\r\n  (focuspout)="focusLost" (keydown)="handleKeyDown($event)" (click)="clicked()"\r\n  [style.marginLeft.px]="config.marginLeft">\r\n  <div class="vertical-center">\r\n    <ng-content></ng-content>\r\n    <div>{{label}}</div>\r\n  </div>\r\n</div>',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-button-container{background-color:var(--buttonBackground);color:var(--buttonColor);box-shadow:var(--buttonShadow);position:relative;display:inline-block;cursor:pointer;margin-bottom:10px;padding:0 15px;height:var(--inputElementHeight);border-radius:.3em}.intilium-button-container:focus{outline:var(--buttonOutline);background:var(--buttonFocusBackground)}.intilium-button-container:hover{background:var(--buttonHoverBackground);color:var(--buttonHoverColor)}"]}]}],K.ctorParameters=function(){return[{type:P}]},K.propDecorators={label:[{type:l.Input}],config:[{type:l.Input}],onClick:[{type:l.Output}]},K);function K(e){this.themeService=e,this.label="",this.onClick=new l.EventEmitter}var X=(Z.prototype.ngOnInit=function(){},Z.prototype.selectChartItem=function(e){this.onSelection.emit(e)},Z.decorators=[{type:l.Component,args:[{selector:"intilium-chart-legend",template:'<div class="intilium-chart-legend-container">\r\n  <div class="intilium-chart-legend-title">{{title}}</div>\r\n  <div class="intilium-table">\r\n      <div *ngFor="let item of items; index as i;" (click)="selectChartItem(item)">\r\n        <div><div class="intilium-chart-legend-color" [style.background-color]="colors[i]"></div></div>\r\n        <div><div class="intilum-chart-legend-label">{{item.displayValue}} ({{item.value}})</div></div>\r\n      </div>\r\n  </div>\r\n</div>',styles:[".intilium-chart-legend-container{display:inline-block}.intilium-chart-legend-container .intilium-table{display:table}.intilium-chart-legend-container .intilium-table>div{display:table-row}.intilium-chart-legend-container .intilium-table>div>div{display:table-cell;vertical-align:top;padding:0 8px 5px 0}.intilium-chart-legend-container div.intilum-chart-legend-label{position:relative;vertical-align:middle}.intilium-chart-legend-container div.intilium-chart-legend-color{width:2em;height:1.5em}.intilium-chart-legend-container div.intilium-chart-legend-title{color:#4682b4;font-size:1.2em;margin-bottom:2em}"]}]}],Z.ctorParameters=function(){return[]},Z.propDecorators={items:[{type:l.Input}],colors:[{type:l.Input}],title:[{type:l.Input}],onSelection:[{type:l.Output}]},Z);function Z(){this.items=[],this.colors=[],this.onSelection=new l.EventEmitter}var J=(Q.prototype.toHexDisplayValue=function(){var e=this.rgbToHex(this.r),t=this.rgbToHex(this.g),i=this.rgbToHex(this.b);return this.rgbToHex(this.a),"#"+e+t+i},Q.prototype.toRgbaDisplayValue=function(){return"rgba( "+this.r+", "+this.g+", "+this.b+", "+this.a+")"},Q.prototype.rgbToHex=function(e){var t=Number(e).toString(16);return t.length<2&&(t="0"+t),t},Q);function Q(){this.name="",this.r=0,this.g=0,this.b=0,this.a=0,this.hexValue="",this.rgba="",this.r=255,this.g=255,this.b=255,this.a=255,this.hexValue=this.toHexDisplayValue()}var ee=function ei(){this.name="",this.colors=[]},te=(ie.prototype.getDefaultLibrary=function(){var e=new ee;return e.name="Standard library",e.colors.push(this.createHexColor("#acdfe9")),e.colors.push(this.createHexColor("#4fc0d8")),e.colors.push(this.createHexColor("#00afce")),e.colors.push(this.createHexColor("#0091ac")),e.colors.push(this.createHexColor("#007aa6")),e.colors.push(this.createHexColor("#01619b")),e.colors.push(this.createHexColor("#314c91")),e.colors.push(this.createHexColor("#e1b1cf")),e.colors.push(this.createHexColor("#c9aad0")),e.colors.push(this.createHexColor("#ad81b8")),e.colors.push(this.createHexColor("#9666a7")),e.colors.push(this.createHexColor("#754495")),e.colors.push(this.createHexColor("#683a8a")),e.colors.push(this.createHexColor("#4d0d5f")),e.colors.push(this.createHexColor("#fcc3ba")),e.colors.push(this.createHexColor("#f6a594")),e.colors.push(this.createHexColor("#f88c70")),e.colors.push(this.createHexColor("#f1573f")),e.colors.push(this.createHexColor("#df4239")),e.colors.push(this.createHexColor("#c93451")),e.colors.push(this.createHexColor("#89042f")),e.colors.push(this.createHexColor("#fbefbb")),e.colors.push(this.createHexColor("#f5ee6c")),e.colors.push(this.createHexColor("#f8e83c")),e.colors.push(this.createHexColor("#fbdf18")),e.colors.push(this.createHexColor("#ffd401")),e.colors.push(this.createHexColor("#ffab0d")),e.colors.push(this.createHexColor("#ff7e2d")),e.colors.push(this.createHexColor("#edeeb6")),e.colors.push(this.createHexColor("#d8df75")),e.colors.push(this.createHexColor("#b7d36c")),e.colors.push(this.createHexColor("#7dae53")),e.colors.push(this.createHexColor("#3da35a")),e.colors.push(this.createHexColor("#22ae4c")),e.colors.push(this.createHexColor("#08713c")),e},ie.prototype.createHexColor=function(e){var t=new J;return t.hexValue=e,t},ie.prototype.createRgbaColor=function(e,t,i,n){var o=new J;return o.r=e,o.g=t,o.b=i,o.a=n,o.hexValue=o.toHexDisplayValue(),o},ie.decorators=[{type:l.Injectable,args:[{providedIn:"root"}]}],ie.ctorParameters=function(){return[]},ie.ngInjectableDef=l.defineInjectable({factory:function(){return new ie},token:ie,providedIn:"root"}),ie);function ie(){this.libraries=[]}var ne=function ti(){this.showCanvas=!0,this.showInfoPart=!0,this.showColorLibrary=!0},oe=(re.prototype.ngOnInit=function(){this.config=this.config||new ne,this.colors=this.colorService.getDefaultLibrary().colors,this.drawImage()},re.prototype.hasContext=function(){return!!this.colorCanvasRef&&(this.context=this.context||this.colorCanvasRef.nativeElement.getContext("2d"),!0)},re.prototype.selectColor=function(e){var t=this.context.getImageData(e.offsetX,e.offsetY,1,1).data,i=this.colorService.createRgbaColor(t[0],t[1],t[2],t[2]);i.name="color_"+(this.colors.length+1),this.selectedColor=i,this.selectedColorChange.emit(this.selectedColor)},re.prototype.selectFinalColor=function(){this.selectedColorChange.emit(this.selectedColor)},re.prototype.addToLibrary=function(){this.colors.push(this.selectedColor)},re.prototype.selectLibraryColor=function(e){this.selectedColor=e,this.selectedColorChange.emit(this.selectedColor)},re.prototype.toggleColor=function(){this.currentColorIndex=this.currentColorIndex<this.images.length-1?this.currentColorIndex+1:0,this.currentImage=this.images[this.currentColorIndex],this.drawImage()},re.prototype.drawImage=function(){var e=this;if(this.hasContext()){var t=new Image(this.imageWidth,this.imageHeight);t.src="/assets/images/"+this.currentImage,t.onload=function(){return e.context.drawImage(t,0,0,e.imageWidth,e.imageHeight)}}},re.decorators=[{type:l.Component,args:[{selector:"intilium-color-picker",template:'<div class="intilium-color-picker-container {{themeService.currentTheme}}">\r\n\r\n    <canvas width="{{imageWidth}}"\r\n            height="{{imageHeight}}"\r\n            [class.hidden]="!config.showCanvas"\r\n            (pointerdown)="selectColor($event)"\r\n            #colorcanvas>\r\n    </canvas>\r\n  <div [style.width.px]="squareMeasurement">\r\n    <div [class.hidden]="!config.showInfoPart">\r\n        <div class="color-example" [style.background]="selectedColor.hexValue"></div>\r\n        <div class="">{{selectedColor.hexValue}}</div>\r\n        <intilium-button (onclick)="addToLibrary()">Add to library</intilium-button>\r\n        <intilium-button (onclick)="toggleColor()">Toggle</intilium-button>\r\n        <intilium-button (onclick)="selectFinalColor()">+</intilium-button>\r\n    </div>\r\n    <div class="color-library"\r\n         [class.hidden]="!config.showColorLibrary">\r\n      <div class="color-library-item"\r\n      (click)="selectLibraryColor(color)"\r\n      [style.background]="color.hexValue"\r\n      *ngFor="let color of colors"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-color-picker-container canvas{border:1px solid #000;margin-bottom:10px}.intilium-color-picker-container .hidden{display:none}.intilium-color-picker-container .color-example{width:80px;height:40px;border:1px solid #000}.intilium-color-picker-container .color-library-item{width:20px;height:20px;border:1px solid #000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;margin:0 5px 5px 0}.intilium-color-picker-container .color-info{max-width:200px;vertical-align:top;padding:0 20px}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],re.ctorParameters=function(){return[{type:te},{type:P}]},re.propDecorators={colorCanvasRef:[{type:l.ViewChild,args:["colorcanvas"]}],config:[{type:l.Input}],selectedColor:[{type:l.Input}],selectedColorChange:[{type:l.Output}]},re);function re(e,t){this.colorService=e,this.themeService=t,this.selectedColor=new J,this.selectedColorChange=new l.EventEmitter,this.currentColorIndex=0,this.colors=[],this.images=["color-picker.png","ColorWheel001.jpg","color example.jpg","colorfull.jpg","orange-red.jpg"],this.currentImage=this.images[0],this.squareMeasurement=300,this.imageHeight=this.squareMeasurement,this.imageWidth=this.squareMeasurement}var le=(Object.defineProperty(ce.prototype,"date",{get:function(){return this._date},set:function(e){this._date=e,this.displayDate=this.normalizeNumber(e.getDate())+"/"+this.normalizeNumber(e.getMonth())+"/"+e.getFullYear()},enumerable:!0,configurable:!0}),Object.defineProperty(ce.prototype,"initDate",{get:function(){return this._date},set:function(e){this.initState=!0,this.date=e},enumerable:!0,configurable:!0}),ce.prototype.ngOnInit=function(){},ce.prototype.setShowCalendar=function(e){this.showCalendarContainer=e},ce.prototype.toggle=function(){this.showCalendarContainer=!this.showCalendarContainer},ce.prototype.dateChanged=function(e){this.initState?this.initState=!1:(this.displayDate=this.normalizeNumber(e.getDate())+"/"+this.normalizeNumber(e.getMonth()+1)+"/"+e.getFullYear(),this.dateChange.emit(e),this.showCalendarContainer=!1)},ce.prototype.normalizeNumber=function(e){return e<10?"0"+e:e.toString()},ce.prototype.clickout=function(e){this.elementRef.nativeElement.contains(e.target)||this.setShowCalendar(!1)},ce.decorators=[{type:l.Component,args:[{selector:"intilium-drop-down-calendar",template:'<div class="intilium-drop-down-calendar-container {{themeService.currentTheme}}">\r\n\r\n  <div class="table-row">\r\n      <div class="intilium-drop-down-calendar-display table-cell">\r\n          <input type="text"\r\n                 [value]="displayDate"\r\n                 (input)="displayDate = $event.target.value"\r\n                 (focus)="setShowCalendar(true)" />\r\n        </div>\r\n        <div class="table-cell icon-placeholder" (click)="toggle()">\r\n          <i class="intilium-calendar-1"></i>\r\n        </div>\r\n  </div>\r\n  <div class="intilium-drop-down-calendar-placeholder">\r\n    <div class="intilium-drop-down-calendar-content" *ngIf="showCalendarContainer">\r\n      <intilium-calendar (dateChange)="dateChanged($event)"></intilium-calendar>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-drop-down-calendar-container{display:inline-block;padding:0!important;box-sizing:border-box}.intilium-drop-down-calendar-container input{padding:.3em;border:none;box-sizing:border-box;outline:0;width:100%}.intilium-drop-down-calendar-container .icon-placeholder{background-color:var(--primaryColor2);color:#fff;padding:.3em;border-top:var(--inputBorderTop);border-bottom:var(--inputBorderBottom);border-right:var(--inputBorderRight);border-left:var(--inputBorderLeft)}.intilium-drop-down-calendar-container .icon-placeholder i{font-size:20px;width:36px}.intilium-drop-down-calendar-container .table-row{display:table-row}.intilium-drop-down-calendar-container .table-cell{display:table-cell;vertical-align:middle}.intilium-drop-down-calendar-container .intilium-drop-down-calendar-display{padding:0;margin:0!important;height:var(--inputElementHeight);box-sizing:var(--inputBoxSizing);border-top:var(--inputBorderTop);border-bottom:var(--inputBorderBottom);border-right:var(--inputBorderRight);border-left:var(--inputBorderLeft);border-radius:var(--inputBorderRadius);width:var(--inputWidth)}.intilium-drop-down-calendar-container .intilium-drop-down-calendar-placeholder{height:1px;max-height:1px;width:100%;margin:0;position:relative;top:-15px;display:inline-block}.intilium-drop-down-calendar-container .intilium-drop-down-calendar-content{position:absolute;top:0;display:inline-block;background:#fff;z-index:1000;border:var(--primaryColor1);border-top:var(--inputBorderTop);border-bottom:var(--inputBorderBottom);border-right:var(--inputBorderRight);border-left:var(--inputBorderLeft)}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],ce.ctorParameters=function(){return[{type:l.ElementRef},{type:P}]},ce.propDecorators={date:[{type:l.Input}],initDate:[{type:l.Input}],dateChange:[{type:l.Output}],clickout:[{type:l.HostListener,args:["document:click",["$event"]]}]},ce);function ce(e,t){this.elementRef=e,this.themeService=t,this.showCalendar=!1,this.showCalendarContainer=!1,this.displayDate="",this.initState=!1,this.dateChange=new l.EventEmitter}var ae=(ue.prototype.ngOnInit=function(){this.colorPickerConfig.showCanvas=!1,this.colorPickerConfig.showInfoPart=!1,this.selectedColor.hexValue="#ff0000"},ue.prototype.selectColor=function(e){this.selectedColorChange.emit(e),this.showColorPicker=!1},ue.prototype.toggleVisibility=function(){this.showColorPicker=!this.showColorPicker},ue.decorators=[{type:l.Component,args:[{selector:"intilium-drop-down-color-picker",template:'<div class="intilium-drop-down-color-picker-container">\r\n\r\n  <div class="drop-down-container">\r\n    <div class="intilium-color-preview" (click)="selectColor(selectedColor)">\r\n      <div [style.background]="selectedColor.hexValue"></div>\r\n    </div>\r\n    <div class="intilium-color-icon intilium-equalizer-1" (click)="toggleVisibility()"></div>\r\n  </div>\r\n  <div class="intilium-drop-down-color-picker-placeholder">\r\n    <div class="intilium-drop-down-color-picker-content" *ngIf="showColorPicker">\r\n      <intilium-color-picker [(selectedColor)]="selectedColor"\r\n                             (selectedColorChange)="selectColor($event)"\r\n                             [config]="colorPickerConfig"></intilium-color-picker>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n',styles:[".intilium-drop-down-color-picker-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;margin:0;height:1px}.intilium-drop-down-color-picker-container .intilium-color-preview{display:inline-block;padding:5px;background:var(--menuBackground)}.intilium-drop-down-color-picker-container .intilium-color-preview>div{height:20px;width:20px;border:1px solid #fff}.intilium-drop-down-color-picker-container .drop-down-container{display:-ms-grid;display:grid;-ms-grid-columns:2em 2em;grid-template-columns:2em 2em}.intilium-drop-down-color-picker-container .intilium-color-icon{padding:5px;background-color:var(--menuBackground);color:#fff;display:inline-block}.intilium-drop-down-color-picker-container .intilium-drop-down-color-picker-placeholder{height:1px;max-height:1px;width:100%;margin:0;position:relative;display:inline-block;top:-13px}.intilium-drop-down-color-picker-container .intilium-drop-down-color-picker-content{position:absolute;top:0;display:inline-block;background:#fff;z-index:1000;padding:5px;box-shadow:var(--menuShadow);border:solid 1px var(--menuBackground);border-radius:0 0 .4em .4em}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],ue.ctorParameters=function(){return[]},ue.propDecorators={selectedColor:[{type:l.Input}],selectedColorChange:[{type:l.Output}]},ue);function ue(){this.selectedColor=new J,this.selectedColorChange=new l.EventEmitter,this.showColorPicker=!1,this.colorPickerConfig=new ne}var se=function ii(){this.displayProperties=[],this.maxHeight=200};function fe(e,t){if(!e)return-1;for(var i=0;i<e.length;i++)if(t(e[i]))return i;return-1}function me(e,t){var i,n;try{for(var o=f(e),r=o.next();!r.done;r=o.next()){var l=r.value;if(t(l))return l}}catch(c){i={error:c}}finally{try{r&&!r.done&&(n=o["return"])&&n.call(o)}finally{if(i)throw i.error}}return null}var de=(Object.defineProperty(be.prototype,"items",{get:function(){return this._items},set:function(e){this._items=e,this.createDropdownList()},enumerable:!0,configurable:!0}),Object.defineProperty(be.prototype,"selectedValue",{get:function(){return this._selectedValue},set:function(e){this._selectedValue=e,this.selectedValueChange.emit(this._selectedValue)},enumerable:!0,configurable:!0}),be.prototype.ngOnInit=function(){this.config=this.config||new se,this.config.displayProperties=this.displayProperties||this.config.displayProperties,this.items=this.items||[],this.createDropdownList()},be.prototype.createDropdownList=function(){var e,c=this;this.config=this.config||new se,this.dropDownItems=[];for(var t=0;t<this._items.length;t++)this.dropDownItems.push({orderNr:t,refItem:this.items[t],displayProperty:this.getDisplayValue(this.items[t]),isActive:0===t,hasFocus:0===t});this._selectedValue&&(this.isStringArray()?(e=me(this.dropDownItems,function(e){return c._selectedValue===e.refItem}))&&this.selectValue(e):(e=me(this.dropDownItems,function(e){var t,i;try{for(var n=f(c.config.displayProperties),o=n.next();!o.done;o=n.next()){var r=o.value;if(e.refItem[r]!==c._selectedValue[r])return!1}}catch(l){t={error:l}}finally{try{o&&!o.done&&(i=n["return"])&&i.call(n)}finally{if(t)throw t.error}}return!0}))&&this.selectValue(e))},be.prototype.getDisplayValue=function(e){var t,i,n="";if(this.isStringArray())return e;try{for(var o=f(this.config.displayProperties),r=o.next();!r.done;r=o.next()){var l=r.value;n=""===n?e[l]:n+" "+e[l]}}catch(c){t={error:c}}finally{try{r&&!r.done&&(i=o["return"])&&i.call(o)}finally{if(t)throw t.error}}return n},be.prototype.handleKeyEvent=function(e){if(!this.disabled)switch(e.key){case"ArrowUp":this.handleKeyArrowUp(),e.preventDefault();break;case"ArrowDown":this.handleKeyArrowDown(),e.preventDefault();break;case"Enter":this.showDropDownList=!1}},be.prototype.handleKeyArrowUp=function(){this.disabled||this.focusedElement&&0<this.focusedElement.orderNr&&(this.focusedElement.hasFocus=!1,this.focusedElement=this.dropDownItems[this.focusedElement.orderNr-1],this.focusedElement.hasFocus=!0,this.selectedValue=this.focusedElement.refItem)},be.prototype.handleKeyArrowDown=function(){this.disabled||this.focusedElement&&this.focusedElement.orderNr<this.dropDownItems.length-1&&(this.focusedElement.hasFocus=!1,this.focusedElement=this.dropDownItems[this.focusedElement.orderNr+1],this.focusedElement.hasFocus=!0,this.selectedValue=this.focusedElement.refItem)},be.prototype.selectValue=function(e){var t,i;try{for(var n=f(this.dropDownItems),o=n.next();!o.done;o=n.next())o.value.hasFocus=!1}catch(r){t={error:r}}finally{try{o&&!o.done&&(i=n["return"])&&i.call(n)}finally{if(t)throw t.error}}this.markAsDirty(),e.hasFocus=!0,this.selectedValue=e.refItem,this.showDropDownList=!1},be.prototype.markAsDirty=function(){this.config.formGroup&&this.config.formGroup.markAsDirty()},be.prototype.isStringArray=function(){return!this.config.displayProperties||0===this.config.displayProperties.length},be.prototype.getSelectedDisplayValue=function(){return this.selectedValue?this.getDisplayValue(this._selectedValue):""},be.prototype.focusReceived=function(e){this.disabled||(this.hasFocus=!0,this.showDropDownList=!0,this.isTouched=!0,e.preventDefault(),e.stopPropagation())},be.prototype.focusLost=function(){this.disabled||(this.showDropDownList=!1,this.hasFocus=!1)},be.prototype.toggleDropDownList=function(e){this.disabled||(this.isTouched=!0,this.hasFocus||(this.showDropDownList=!this.showDropDownList),this.hasFocus=!1)},be.prototype.clickout=function(e){this.elementRef.nativeElement.contains(e.target)||(this.showDropDownList=!1)},be.decorators=[{type:l.Component,args:[{selector:"intilium-drop-down",template:'<div class=\'intilium-drop-down-container {{themeService.currentTheme}}\' \r\n     tabindex=\'0\'\r\n     (focus)=\'focusReceived($event)\'\r\n     (focusout)=\'focusLost()\' \r\n     (keydown)=\'handleKeyEvent($event)\' \r\n     #instanceRef>\r\n\r\n     \x3c!-- DROPDOWN DISPLAY --- SELECTED VALUE --\x3e\r\n  <div class=\'intilium-drop-down-display\' (click)=\'toggleDropDownList($event)\' \r\n       [class.focused]="hasFocus" \r\n       [class.disabled]="disabled && !hasFocus">\r\n    <div class="drop-down-text" [class.disabled]="disabled">\r\n      {{getSelectedDisplayValue()}}<span class=\'intilium-empty-character\'>&nbsp;</span>\r\n    </div>\r\n\r\n    <div>\r\n      \x3c!-- DROP DOWN ICON--\x3e\r\n      <div class="{{iconClosed}} dropdown-icon" *ngIf="!showDropDownList" [class.disabled]="disabled"></div>\r\n      <div class="{{iconOpened}} dropdown-icon" *ngIf="showDropDownList" [class.disabled]="disabled"></div>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- DROP DOWN PART --\x3e\r\n  <div class=\'intilium-drop-down-placeholder\'>\r\n    <div class=\'intilium-drop-down-list scrollbar\' [class.untouched]="!isTouched"\r\n      [class.intilium-drop-down-list-closed]="!showDropDownList && isTouched"\r\n      [class.intilium-drop-down-list-open]="showDropDownList"\r\n      >\r\n      <div [class.hide-drop-down-content]="!showDropDownList" [class.show-drop-down-content]="showDropDownList" class="scrollbar">\r\n        <div class=\'intilium-drop-down-list-item\' [class.focused]=\'item.hasFocus\' [class.active]=\'item.isActive\'\r\n          (click)=\'selectValue(item)\' *ngFor=\'let item of dropDownItems\'>{{item.displayProperty}}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-drop-down-container:focus{outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.intilium-drop-down-container .disabled{color:#aaa!important}.intilium-drop-down-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--primaryBackground)}.intilium-drop-down-container .intilium-drop-down-display.disabled{border-top:1px solid #aaa;border-bottom:1px solid #aaa;border-right:1px solid #aaa;border-left:1px solid #aaa}.intilium-drop-down-container .intilium-drop-down-display{height:var(--inputElementHeight);border-top:var(--inputBorderTop);border-bottom:var(--inputBorderBottom);border-right:var(--inputBorderRight);border-left:var(--inputBorderLeft);font-size:var(--inputFontSize);box-sizing:border-box;display:-ms-grid;display:grid;-ms-grid-columns:var(--dropDownGridTemplate);grid-template-columns:var(--dropDownGridTemplate);border-radius:var(--inputBorderRadius);white-space:nowrap}.intilium-drop-down-container .active{background:var(--menuBackground)}.intilium-drop-down-container .focused{color:var(--menuBackground);border:var(--inputBorderHasFocus)}.intilium-drop-down-container .intilium-empty-character{visibility:collapse;float:rigth}.intilium-drop-down-container .intilium-drop-down-placeholder{height:1px;width:100%;position:relative}.intilium-drop-down-container .intilium-drop-down-list-open{-webkit-animation-name:open-drop-down;animation-name:open-drop-down;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.7s;animation-duration:.7s}.intilium-drop-down-container .intilium-drop-down-list-closed{-webkit-animation-name:close-drop-down;animation-name:close-drop-down;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.3s;animation-duration:.3s}.intilium-drop-down-container .drop-down-text{padding:var(--dropDownDisplayPadding);color:var(--primaryTextColor)}.intilium-drop-down-container .show-drop-down-content{position:relative;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:show-content;animation-name:show-content}.intilium-drop-down-container .hide-drop-down-content{position:relative;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:hide-content;animation-name:hide-content}.intilium-drop-down-container .untouched{height:0;border-top:none;border-bottom:none}.intilium-drop-down-container .intilium-drop-down-list{position:absolute;background:#fff;width:100%;top:-2px;overflow:auto;color:#000;box-sizing:border-box;z-index:2000}@-webkit-keyframes open-drop-down{0%{height:0;border:1px solid #333;overflow:hidden}99%{border:1px solid #333;overflow:hidden;opacity:1}100%{height:200px;border:1px solid #333;overflow:auto}}@keyframes open-drop-down{0%{height:0;border:1px solid #333;overflow:hidden}99%{border:1px solid #333;overflow:hidden;opacity:1}100%{height:200px;border:1px solid #333;overflow:auto}}@-webkit-keyframes close-drop-down{0%{height:200px;border:1px solid #333;overflow:hidden}99%{border:1px solid #333}100%{border:none;height:0;overflow:hidden}}@keyframes close-drop-down{0%{height:200px;border:1px solid #333;overflow:hidden}99%{border:1px solid #333}100%{border:none;height:0;overflow:hidden}}@-webkit-keyframes show-content{0%{opacity:0;left:-30px}100%{opacity:1;left:0}}@keyframes show-content{0%{opacity:0;left:-30px}100%{opacity:1;left:0}}@-webkit-keyframes hide-content{0%{opacity:1}100%{opacity:2}}@keyframes hide-content{0%{opacity:1}100%{opacity:2}}.intilium-drop-down-container .intilium-drop-down-list-item{padding:3px 4px 5px 16px}.intilium-drop-down-container .intilium-drop-down-list-item:nth-child(odd){background:#f6f6f6}.intilium-drop-down-container .intilium-drop-down-list-item:hover{background-color:#ddd}.intilium-drop-down-container .dropdown-icon{position:relative;font-size:var(--iconFontSize);top:var(--dropDownIconTop);right:-5px}.scrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.scrollbar::-webkit-scrollbar{width:12px;background-color:#f5f5f5}.scrollbar::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#19b5fe}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],be.ctorParameters=function(){return[{type:l.ElementRef},{type:P}]},be.propDecorators={instanceRef:[{type:l.ViewChild,args:["instanceRef"]}],displayProperties:[{type:l.Input}],disabled:[{type:l.Input}],config:[{type:l.Input}],iconClosed:[{type:l.Input}],iconOpened:[{type:l.Input}],selectedValueChange:[{type:l.Output}],items:[{type:l.Input}],selectedValue:[{type:l.Input}],clickout:[{type:l.HostListener,args:["document:click",["$event"]]}]},be);function be(e,t){this.elementRef=e,this.themeService=t,this.hasFocus=!1,this.isTouched=!1,this._items=[],this.showDropDownList=!1,this.displayProperties=null,this.disabled=!1,this.iconClosed="intilium-left-triangle-1",this.iconOpened="intilium-down-triangle-1",this.selectedValueChange=new l.EventEmitter}var pe=(he.prototype.uploadFiles=function(e){if(e&&0<e.length)for(var t=0;t<e.length;t++)e[t]},he.prototype.GetFileUploadHeaders=function(){var e=new o.HttpHeaders;return e.set("Content-Type",null),e.set("Accept","multipart/form-data"),e},he.prototype.GetFileUploadParameters=function(){return new o.HttpParams},he.prototype.uploadFile=function(e,t,i){(new FormData).append("uploadFile",e,t);var n=new Headers;n.append("Content-Type","multipart/form-data"),n.append("Accept","application/json")},he.decorators=[{type:l.Injectable,args:[{providedIn:"root"}]}],he.ctorParameters=function(){return[{type:o.HttpClient}]},he.ngInjectableDef=l.defineInjectable({factory:function(){return new he(l.inject(o.HttpClient))},token:he,providedIn:"root"}),he);function he(e){this.http=e}var ge=(ve.prototype.ngOnInit=function(){this.formData=new FormData},ve.prototype.uploadFilesWithDialog=function(e){var t=e.target;if(e&&t&&0<t.files.length)for(var i=0;i<t.files.length;i++)this.processFiles(t.files[i])},ve.prototype.uploadFile=function(e){if(e.preventDefault(),e.dataTransfer&&e.dataTransfer.files&&0<e.dataTransfer.files.length)for(var t=0;t<e.dataTransfer.files.length;t++)this.processFiles(e.dataTransfer.files[t])},ve.prototype.uploadFileToServer=function(){var e=this.fileUploadService.GetFileUploadParameters(),t=this.fileUploadService.GetFileUploadHeaders();this.http.post(this.url,this.formData,{params:e,headers:t}).subscribe(function(){}),this.formData=new FormData},ve.prototype.onDragOver=function(e){e.stopPropagation(),e.preventDefault()},ve.prototype.processFiles=function(e){var t=this.createFileInfo(e);this.formData.append("files",e,e.name),this.formData.append("filesInfo",JSON.stringify(t)),this.files.push(t),this.useBuildInUpload&&this.uploadFileToServer()},ve.prototype.createFileInfo=function(e){var t=new we;return t.originalName=e.name,t.name=e.name,t.size=e.size,t.lastModified=e.lastModified,t},ve.decorators=[{type:l.Component,args:[{selector:"intilium-file-upload",template:'<div class="intilium-file-upload-container">\r\n\r\n  \x3c!-- UPLOAD DIALOG BUTTON --\x3e\r\n  <div>\r\n    <div>\r\n      \x3c!-- <intilium-button label="Select file(s)" (onClick)=""></intilium-button> --\x3e\r\n    </div>\r\n    <input type="file" #uploadButton (change)="uploadFilesWithDialog($event)" *ngIf="!allowMultiSelection">\r\n    <input type="file" #uploadButton (change)="uploadFilesWithDialog($event)" multiple *ngIf="allowMultiSelection">\r\n  </div>\r\n\r\n  <div class="file-upload-input">\r\n    <intilium-text-box></intilium-text-box>\r\n  </div>\r\n\r\n  <div class="intilium-file-drag-area" (drop)="uploadFile($event)" (dragover)="onDragOver($event)">\r\n    <div class="drag-and-drop-text">{{dragAndDropText}}</div>\r\n  </div>\r\n\r\n  <section>\r\n    <table>\r\n      <thead>\r\n        <tr>\r\n          <th>Oringal name</th>\r\n          <th>Prefered name</th>\r\n          <th>Size</th>\r\n          <th>Actions</th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr *ngFor="let file of files">\r\n          <td>\r\n            {{file.originalName}}\r\n          </td>\r\n          <td>\r\n            {{file.name}}\r\n          </td>\r\n          <td>{{file.size}}</td>\r\n          <td></td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n    <div style="height:20px;width: 100%; background-color: yellow;">\r\n      <div  class="intilium-delete-1 intilium-calendar"></div>\r\n    </div>\r\n    <i class="intilium-calendar-1 intilium-calendar"></i>\r\n  </section>\r\n\r\n  <section>\r\n    <div>\r\n      <intilium-button label="Upload" (onClick)="uploadFileToServer()"></intilium-button>\r\n    </div>\r\n  </section>\r\n\r\n</div>\r\n',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-file-upload-container .intilium-file-drag-area{width:100%;height:50px;border:1px dotted #4682b4;text-align:center;overflow:hidden}.intilium-file-upload-container .file-upload-input{margin-bottom:10px}.intilium-file-upload-container .drag-and-drop-text{top:10px;color:#4682b4;font-size:24px;position:relative}.intilium-file-upload-container table{width:100%}.intilium-file-upload-container thead tr th{text-align:left;max-width:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.intilium-file-upload-container tbody tr td{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:20px}.intilium-calendar{font-size:20px;width:36px;color:red;position:relative;display:inline-block}"]}]}],ve.ctorParameters=function(){return[{type:o.HttpClient},{type:pe}]},ve.propDecorators={url:[{type:l.Input}],useBuildInUpload:[{type:l.Input}],dragAndDropText:[{type:l.Input}],allowMultiSelection:[{type:l.Input}],fileUploadChange:[{type:l.Output}]},ve);function ve(e,t){this.http=e,this.fileUploadService=t,this.counter=1,this.files=[],this.useBuildInUpload=!1,this.dragAndDropText="Drag and drop",this.allowMultiSelection=!0,this.fileUploadChange=new l.EventEmitter}var we=function ni(){},ye=(Object.defineProperty(xe.prototype,"images",{get:function(){return this._images},set:function(e){this._images=e},enumerable:!0,configurable:!0}),xe.prototype.ngOnInit=function(){var e=this,t="https://static-sls.smf.aws.sanomacloud.net/superguide.nl/s3fs-public/styles/medium_main_image/public/main_media/vaiana-phpinda33_1.jpeg?95IYfXiDEiI55b7YVaKCUGxGxABsSpN7&itok=FEnmDj6r";this.image2=t,setInterval(function(){e.image1=e.image2,e.image2="https://static-sls.smf.aws.sanomacloud.net/superguide.nl/s3fs-public/styles/medium_main_image/public/main_media/vaiana-phpinda33_1.jpeg?95IYfXiDEiI55b7YVaKCUGxGxABsSpN7&itok=FEnmDj6r"===e.image1?"https://be-nl-cdn.kinepolis.com/nl/sites/kinepolis.be.nl/files/styles/slider_16_9_960/public/stills/Vaiana_still4.jpg?itok=PakNVGzy":t},8e3)},xe.decorators=[{type:l.Component,args:[{selector:"intilium-light-box",template:'<div class="intilium-light-box-container">\r\n  <div class="inner-container">\r\n    \x3c!-- <div class="image-viewer">\r\n      <img [src]="image1"/>\r\n    </div> --\x3e\r\n    <div class="image-viewer">\r\n        <intilium-image-viewer [url]="image2"></intilium-image-viewer>\r\n      </div>\r\n  </div>\r\n</div>\r\n',styles:[".intilium-light-box-container{margin-top:60px;width:1350px;height:600px}.intilium-light-box-container .inner-container{position:relative}.intilium-light-box-container .image-viewer{position:absolute;top:0;left:0}"]}]}],xe.ctorParameters=function(){return[]},xe.propDecorators={images:[{type:l.Input}]},xe);function xe(){this.image1="",this.image2=""}var ke=(Ce.prototype.ngOnInit=function(){},Ce.decorators=[{type:l.Component,args:[{selector:"app-line-graph",template:"<p>\r\n  line-graph works!\r\n</p>\r\n",styles:[""]}]}],Ce.ctorParameters=function(){return[]},Ce);function Ce(){}var Ie=function oi(){},De=function ri(){this.displayProperties=[],this.idProperties=[],this.isMultiSelect=!1,this.showCheckMarker=!0,this.showOptions=!0},Te=(Object.defineProperty(Pe.prototype,"items",{get:function(){return this._items},set:function(e){this._items=e,this.createElements()},enumerable:!0,configurable:!0}),Object.defineProperty(Pe.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e,this.valueChange.emit(e)},enumerable:!0,configurable:!0}),Object.defineProperty(Pe.prototype,"values",{get:function(){return this._values},set:function(e){this._values=e,this.valuesChange.emit(this._values)},enumerable:!0,configurable:!0}),Pe.prototype.ngOnInit=function(){this.items=this.items||[],this.config=this.config||new De},Pe.prototype.createElements=function(){var e,t;this.listBoxItems=[];try{for(var i=f(this._items),n=i.next();!n.done;n=i.next()){var o=n.value,r=new Ie;r.refItem=o,r.displayProperty=o,this.listBoxItems.push(r)}}catch(l){e={error:l}}finally{try{n&&!n.done&&(t=i["return"])&&t.call(i)}finally{if(e)throw e.error}}},Pe.prototype.selectionChange=function(e){if(this._values=this._values||[],this.config.isMultiSelect){this.value=null;var t=this.tryRemovingElementFromSelection(e.refItem);this.setItemAsActive(e.refItem,!t)}else this.setItemAsActive(this._value,!1),this.value=e.refItem,this.values=[e.refItem],this.setItemAsActive(this._value,!0)},Pe.prototype.tryRemovingElementFromSelection=function(t){var i=this,e=function n(e,t){var i=fe(e,t);return-1<i&&(e.splice(i,1),!0)}(this._values,function(e){return i.compareItems(t,e)});return this.values=e?d(this._values):d(this._values,[t]),e},Pe.prototype.setItemAsActive=function(t,e){var i=this;if(t){var n=fe(this.listBoxItems,function(e){return i.compareItems(t,e.refItem)});-1<n&&(this.listBoxItems[n].isActive=e)}},Pe.prototype.compareItems=function(e,t){return function s(e,t,i){var n,o,r=!0;if(i&&0<i.length)try{for(var l=f(i),c=l.next();!c.done;c=l.next()){var a=c.value;if(e[a]!==t[a])return!1}}catch(u){n={error:u}}finally{try{c&&!c.done&&(o=l["return"])&&o.call(l)}finally{if(n)throw n.error}}else r=e===t;return r}(e,t,this.config.idProperties)},Pe.prototype.getDisplayValue=function(e){return function n(t,e){if(!e||0===e.length)return t;var i="";return t&&e.forEach(function(e){i=""===i?t[e]:" "+t[e]}),i}(e.refItem,this.config.displayProperties)},Pe.prototype.selectAll=function(e){var t,i;if(this.reset(),e)try{for(var n=f(this.listBoxItems),o=n.next();!o.done;o=n.next()){var r=o.value;r.isActive=!0,this._values.push(r.refItem)}}catch(l){t={error:l}}finally{try{o&&!o.done&&(i=n["return"])&&i.call(n)}finally{if(t)throw t.error}}this.values=this._values},Pe.prototype.reset=function(){var e,t;this._values=[],this._value=null;try{for(var i=f(this.listBoxItems),n=i.next();!n.done;n=i.next())n.value.isActive=!1}catch(o){e={error:o}}finally{try{n&&!n.done&&(t=i["return"])&&t.call(i)}finally{if(e)throw e.error}}},Pe.decorators=[{type:l.Component,args:[{selector:"intilium-list-box",template:'<div class="intilium-list-box-container">\r\n  \x3c!-- OPTIONS --\x3e\r\n  <div *ngIf="config.showOptions && config.isMultiSelect">\r\n      <div class="option-part" (click)="selectAll(true)">Select all</div>\r\n      <div class="option-part" (click)="selectAll(false)">Select none</div>\r\n    </div>\r\n\r\n  \x3c!-- LIST BOX BORDER --\x3e\r\n  <div class="intilium-list-box-border">\r\n\r\n    \x3c!-- LISTBOX ITEMS --\x3e\r\n    <div class="intilium-list-box-item"\r\n       (click)="selectionChange(item)"\r\n       [class.active]="item.isActive"\r\n       *ngFor="let item of listBoxItems">{{getDisplayValue(item)}}\r\n\r\n          \x3c!-- CHECK MARKER ICON --\x3e\r\n          <div class="check-marker" *ngIf="item.isActive && config.showCheckMarker"><i class="intilium-checked-no-border-1"></i></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n',inputs:["value","values","config"],outputs:["valueChange","valuesChange"],styles:[".intilium-list-box-container{width:100%;height:100%;box-sizing:border-box;border:1px solid #4682b4;border-radius:5px;padding:10px 10px 15px;display:inline-block;min-width:200px}.intilium-list-box-container .intilium-list-box-item{padding:3px 5px 7px}.intilium-list-box-container .intilium-list-box-item:hover{background:#eee}.intilium-list-box-container .active{color:#4682b4}.intilium-list-box-container .check-marker{float:right;color:#4682b4}.intilium-list-box-container .option-part{color:#4682b4;text-decoration:underline;cursor:pointer}"]}]}],Pe.ctorParameters=function(){return[]},Pe.propDecorators={items:[{type:l.Input}]},Pe);function Pe(){this._values=[],this._items=[],this.listBoxItems=[],this.valueChange=new l.EventEmitter,this.valuesChange=new l.EventEmitter}var Ee=function li(){this.count=170,this.size=20,this.numberOfButtons=10,this.page=0},Oe=(Object.defineProperty(ze.prototype,"PaginatorConfiguration",{set:function(e){this._config=e,this.generatePageButtons()},enumerable:!0,configurable:!0}),ze.prototype.ngOnInit=function(){this._config=this._config||new Ee,this.generatePageButtons()},ze.prototype.generatePageButtons=function(){this.buttons=[];for(var e=Math.ceil(this._config.count/this._config.size),t=0;t<e;t++)this.buttons.push({displayValue:t+1,isActive:0===t})},ze.prototype.isFirstPageButton=function(){var e=this.getActiveButton();return!!e&&1<e.displayValue},ze.prototype.isPreviousButton=function(){var e=this.getActiveButton();return!!e&&1<e.displayValue},ze.prototype.selectPage=function(e){this.setActivePage(e),this._config.page=e,this.pageChange.emit(e)},ze.prototype.previousPage=function(){var t=this.getActiveButton();(function a(e,t){var i,n;try{for(var o=f(e),r=o.next();!r.done;r=o.next()){var l=r.value;if(t(l))return l}}catch(c){i={error:c}}finally{try{r&&!r.done&&(n=o["return"])&&n.call(o)}finally{if(i)throw i.error}}throw new Error("No elements could be found")})(this.buttons,function(e){return e.displayValue===t.displayValue-1}).isActive=!0,t.isActive=!1},ze.prototype.nextPage=function(){var t=this.getActiveButton(),e=me(this.buttons,function(e){return e.displayValue===t.displayValue+1});null!==e&&(e.isActive=!0,t.isActive=!1)},ze.prototype.getActiveButton=function(){return me(this.buttons,function(e){return!0===e.isActive})},ze.prototype.isNextButtonVisible=function(){var e=this.getActiveButton();if(e){var t=Math.ceil(this._config.count/this._config.size);return e.displayValue<t}return!1},ze.prototype.isLastButtonVisible=function(){var e=this.getActiveButton();if(e){var t=Math.ceil(this._config.count/this._config.size);return e.displayValue<t}return!1},ze.prototype.setActivePage=function(e){var t,i;try{for(var n=f(this.buttons),o=n.next();!o.done;o=n.next()){var r=o.value;r.isActive=r.displayValue===e}}catch(l){t={error:l}}finally{try{o&&!o.done&&(i=n["return"])&&i.call(n)}finally{if(t)throw t.error}}},ze.decorators=[{type:l.Component,args:[{selector:"intilium-paginator",template:'<div class="intilium-paginator-container">\r\n  <table>\r\n    <tr>\r\n      <td class="intilium-first-item" *ngIf="isFirstPageButton()" (click)="selectPage(1)"><i class="intilium-previous-song-1"></i></td>\r\n      <td class="intilium-previous-item" *ngIf="isPreviousButton()" (click)="previousPage()"><i class="intilium-rewind-1"></i></td>\r\n      <td class="intilium-paging-item" [class.active]="button.isActive" *ngFor="let button of buttons" (click)="selectPage(button.displayValue)"><span>{{button.displayValue}}</span></td>\r\n      <td class="intilium-next-item" *ngIf="isNextButtonVisible()" (click)="nextPage()"><i class="intilium-rewind-forward-1"></i></td>\r\n      <td class="intilium-last-item" *ngIf="isLastButtonVisible()"><i class="intilium-next-song-1"></i></td>\r\n    </tr>\r\n</table>\r\n</div>\r\n',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-paginator-container{display:inline-block}.intilium-paginator-container table{color:#fff;border-collapse:collapse}.intilium-paginator-container td:first-child{border-left:1px solid #fff}.intilium-paginator-container td:hover{background:#444}.intilium-paginator-container td{border-right:1px solid #fff;width:.8em;display:table-cell;padding:4px;background:#ccc;text-align:center}.intilium-paginator-container td.active{background:#4682b4}.intilium-paginator-container .intilium-first-item>i,.intilium-paginator-container .intilium-last-item>i,.intilium-paginator-container .intilium-next-item>i,.intilium-paginator-container .intilium-previous-item>i{font-size:.8em;top:-1px;position:relative}.intilium-paginator-container .intilium-paging-item span{font-size:.8em;position:relative;top:-3px;display:inline-block}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],ze.ctorParameters=function(){return[]},ze.propDecorators={PaginatorConfiguration:[{type:l.Input,args:["config"]}],pageChange:[{type:l.Output}]},ze);function ze(){this.buttons=[],this.pageChange=new l.EventEmitter}var Ae=function ci(){this.url="",this.offsetWidth=0,this.offsetHeight=0,this.offsetX=0,this.offsetY=0},Re=function ai(){this.useFixedSize=!0,this.fixedWidth=800,this.fixedHeight=600,this.numberOfColumns=10,this.numberOfRows=1},Fe=(Object.defineProperty(Be.prototype,"url",{get:function(){return this._url},set:function(e){this._url=e,this.getRealImageData(this._url)},enumerable:!0,configurable:!0}),Be.prototype.ngOnInit=function(){},Be.prototype.createColumnTemplate=function(e,t){for(var i="",n=0;n<e;n++)i=i+t+"px ";return i},Be.prototype.getRealImageData=function(o){var r=this;this.config=this.config||new Re;var l=new Image;l.src=o,l.onload=function(){var e=l.height/3;r.columnTemplateWidth=r.createColumnTemplate(10,80),r.imageParts=[];for(var t=0;t<3;t++)for(var i=0;i<10;i++){var n=new Ae;n.url=o,n.width=l.width,n.height=l.height,n.offsetX=80*i,n.offsetY=t*e,n.offsetWidth=80,n.offsetHeight=e,n.animationDuration="1s",n.animationDelay=.1*i+.1*t*10+"s",n.animationName="blend-in",r.imageParts.push(n)}}},Be.decorators=[{type:l.Component,args:[{selector:"intilium-image-viewer",template:'<div class="intilium-image-viewer-container">\r\n      <div class="image-container" style="background:red"\r\n           [style.gridTemplateColumns]="columnTemplateWidth"\r\n           [style.gridTemplateRows]="\'auto auto auto\'">\r\n        <intilium-image-part class="frame-1"\r\n                             [style.animationName]="imagePart.animationName"\r\n                             [style.animationDelay]="imagePart.animationDelay"\r\n                             [style.animationDuration]="imagePart.animationDuration"\r\n                             *ngFor="let imagePart of imageParts"\r\n                             [imageData]="imagePart"\r\n                             >\r\n        </intilium-image-part>\r\n      </div>\r\n</div>\r\n',styles:[".intilium-image-viewer-container{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto;grid-template-rows:auto;grid-gap:20px}.intilium-image-viewer-container canvas{background:red}.intilium-image-viewer-container .image-container{display:-ms-grid;display:grid;-ms-grid-columns:auto auto auto auto auto auto auto auto auto auto;grid-template-columns:auto auto auto auto auto auto auto auto auto auto;grid-gap:0}.intilium-image-viewer-container .frame-1{opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.intilium-image-viewer-container .label{color:#4682b4;font-weight:900}@-webkit-keyframes blend-in{0%{opacity:0}100%{opacity:1}}@keyframes blend-in{0%{opacity:0}100%{opacity:1}}"]}]}],Be.ctorParameters=function(){return[]},Be.propDecorators={config:[{type:l.Input}],url:[{type:l.Input}]},Be);function Be(){this._url="",this.imageParts=[],this.realImageData=new Ae}var Se=(Object.defineProperty(He.prototype,"imageData",{get:function(){return this._imageData},set:function(e){this._imageData=e,this.drawImage(this._imageData.url)},enumerable:!0,configurable:!0}),He.prototype.ngOnInit=function(){},He.prototype.drawImage=function(e){var t=this;this.context=this.context||this.canvasRef.nativeElement.getContext("2d");var i=new Image;i.src=e,i.onload=function(){t.context.drawImage(i,t.imageData.offsetX,t.imageData.offsetY,t.imageData.offsetWidth,t.imageData.offsetHeight+20,0,0,t.imageData.offsetWidth,t.imageData.offsetHeight+20)}},He.decorators=[{type:l.Component,args:[{selector:"intilium-image-part",template:'<div class="image-frame"\r\n     [style.maxHeight.px]="imageData.offsetHeight">\r\n  <canvas #imagecanvas\r\n    [width]="imageData.offsetWidth"\r\n    [height]="imageData.offsetHeight">\r\n  </canvas>\r\n</div>\r\n',styles:[".image-frame{display:inline-block;position:relative;overflow:hidden}.image-frame canvas{position:relative;top:0}"]}]}],He.ctorParameters=function(){return[]},He.propDecorators={canvasRef:[{type:l.ViewChild,args:["imagecanvas"]}],imageData:[{type:l.Input}]},He);function He(){}var Me=(Ve.prototype.ngOnInit=function(){},Ve.decorators=[{type:l.Component,args:[{selector:"intilium-panel",template:'<div class="intilium-panel-container">\r\n\r\n  <div class="intilium-panel-header">\r\n    {{label}}\r\n  </div>\r\n  <div class="intilium-panel-content">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n</div>\r\n',styles:[".intilium-panel-container{display:inline-block;width:100%;height:100%;box-shadow:var(--menuShadow);border:solid 1px var(--menuBackground);border-radius:.4em}.intilium-panel-container .intilium-panel-header{background-color:var(--menuBackground);background-image:var(--menuBackground);padding:10px;color:#fff;position:relative}.intilium-panel-container .intilium-panel-content{padding:20px;overflow:auto}"]}]}],Ve.ctorParameters=function(){return[]},Ve.propDecorators={label:[{type:l.Input}]},Ve);function Ve(){this.label="Unknown title"}var _e=function ui(){this.width=200,this.height=250,this.circleThickness=40,this.spacing=0,this.circleOffset=10},Le=(Object.defineProperty(Ne.prototype,"items",{get:function(){return this._items},set:function(e){this._items=e,this.drawPie(this.config.circleThickness,this.config.spacing,this.items,this.config.circleOffset)},enumerable:!0,configurable:!0}),Ne.prototype.ngOnInit=function(){this.config=this.config||new _e,this.context=this.canvasRef.nativeElement.getContext("2d")},Ne.prototype.ngAfterViewInit=function(){this.drawPie(this.config.circleThickness,this.config.spacing,this.items,this.config.circleOffset)},Ne.prototype.drawPiePart=function(e,t,i,n,o,r,l,c){r=360===t?0:r,e=o?this.degreesToRadians(e+r):e+r,t=o?this.degreesToRadians(t-r):t-r;var a=this.config.width/2,u=this.config.height/2;this.context.beginPath(),this.context.arc(a,u,n,e,t),this.context.arc(a,u,i,t,e,!0),this.context.closePath(),0===l?(this.context.strokeStyle=c,this.context.stroke()):(this.context.fillStyle=c,this.context.globalAlpha=l,this.context.fill()),this.context.globalAlpha=1},Ne.prototype.drawPie=function(e,t,i,n){this.context=this.canvasRef.nativeElement.getContext("2d");for(var o=this.config.width,r=this.config.height,l=(o<r?o:r)/2-n,c=l<e?0:l-e,a=0,u=0;u<i.length;u++){var s=a+360/(100/(this.config.valueProperty&&""!==this.config.valueProperty?this.items[u][this.config.valueProperty]:this.items[u]));this.drawPiePart(a,s,c,l,!0,t,0,this.config.colors[u]),this.drawPiePart(a,s,c,l,!0,t,1,this.config.colors[u]),a=s}},Ne.prototype.degreesToRadians=function(e){return e*Math.PI/180},Ne.decorators=[{type:l.Component,args:[{selector:"intilium-pie-chart",template:'<div class="intilium-pie-chart-container">\r\n      <div class="intilium-pie-chart-title">{{title}}</div>\r\n    <canvas #piechartcanvas [width]="config.width" [height]="config.height"></canvas>\r\n</div>',inputs:["config","title"],outputs:[],styles:[".intilium-pie-chart-container{display:inline-block}.intilium-pie-chart-container .intilium-pie-chart-title{color:#4682b4;font-size:1.2em}"]}]}],Ne.ctorParameters=function(){return[]},Ne.propDecorators={canvasRef:[{type:l.ViewChild,args:["piechartcanvas"]}],items:[{type:l.Input}]},Ne);function Ne(){}var je=(Object.defineProperty(We.prototype,"selectedValue",{set:function(e){this._selectedValue=e,this.group&&this.group.toggleByValue(e)},enumerable:!0,configurable:!0}),We.prototype.ngOnInit=function(){this.group&&this.group.add(this)},We.prototype.toggleRadioButton=function(){this.checked=!this.checked,this.selectedValueChange.emit(this.value),this.group&&this.group.toggle(this)},We.decorators=[{type:l.Component,args:[{selector:"intilium-radio-button",template:'<div class="intilium-radio-button-container">\r\n  <div class="intilium-radio-button-icon" (click)="toggleRadioButton()">\r\n    <i class="intilium-radio-button-checked-1"   *ngIf="checked"></i>\r\n    <i class="intilium-radio-button-unchecked-1" *ngIf="!checked"></i>\r\n  </div>\r\n  <div class="intilium-radio-button-text" (click)="toggleRadioButton()">{{label}}</div>\r\n</div>',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-radio-button-container .intilium-radio-button-text{position:relative;display:table-cell;top:-2px;font-size:1em;padding-left:.4em;color:var(--textColor1)}.intilium-radio-button-container .intilium-radio-button-icon{display:table-cell;color:var(--primaryColor1)}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],We.ctorParameters=function(){return[]},We.propDecorators={label:[{type:l.Input}],checked:[{type:l.Input}],group:[{type:l.Input}],value:[{type:l.Input}],selectedValueChange:[{type:l.Output}],selectedValue:[{type:l.Input}]},We);function We(){this.label="",this.checked=!1,this.selectedValueChange=new l.EventEmitter}var Ue=function si(){this.borderRadius=3,this.trackHeight=6,this.trackWidth=400,this.handleHeight=20,this.handleWidth=20,this.handleColor="steelblue",this.handleRadius=50,this.handleTop=-7,this.handleLeft=-10,this.startHandleLeft=-10},Ge=(Object.defineProperty(Ye.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e,this.valueChange.emit(e)},enumerable:!0,configurable:!0}),Ye.prototype.ngOnInit=function(){this.config=this.config||new Ue},Ye.prototype.ngAfterViewInit=function(){var e=this.trackRef.nativeElement.getClientRects();this.left=e[0].left,this.width=e[0].width,this.right=this.left+this.width},Ye.prototype.startDragging=function(e){this.moveHandler(e)},Ye.prototype.moveHandler=function(e){if(0!==e.buttons){var t=e.clientX-this.left,i=Math.round(t*this.max/this.width);console.log(t+" --- "+i),i<this.min?this.value=this.min:i>this.max?this.value=this.max:(this.config.handleLeft=t-10,this.value=i)}},Ye.prototype.onPointerMove=function(e){this.moveHandler(e)},Ye.decorators=[{type:l.Component,args:[{selector:"intilium-range-slider",template:'<div class="intilium-range-slider-container"\r\n     [style.]="config.handleHeight"\r\n     [style.marginTop.px]="config.handleHeight / 2">\r\n\r\n  <div class="intilium-range-slider-track"\r\n       [style.]="config.trackHeight"\r\n       [style.width.px]="config.trackWidth"\r\n       [style.borderRadius.px]="config.borderRadius"\r\n       (pointerdown)="startDragging($event)"\r\n       (pointermove)="onPointerMove($event)"\r\n       #trackref>\r\n\r\n    \x3c!-- RANGE SLIDER HANDLE --\x3e\r\n    <div class="intilium-range-slider-handle"\r\n         [style.]="config.handleHeight"\r\n         [style.top.px]="config.handleTop"\r\n         [style.left.px]="config.handleLeft"\r\n         [style.width.px]="config.handleWidth"\r\n         [style.backgroundColor]="config.handleColor"\r\n         [style.borderRadius.%]="config.handleRadius"\r\n         >\r\n\r\n        \x3c!-- INNER RANGE SLIDER HANDLE --\x3e\r\n        <div class="intilium-inner-range-slider-handle"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n',inputs:["config","min","max","value"],outputs:["valueChange"],styles:[".intilium-range-slider-container{padding:5px}.intilium-range-slider-container .intilium-range-slider-track{position:relative;background-color:#4682b4}.intilium-range-slider-container .intilium-range-slider-handle{position:absolute;border:1px solid #fff}.intilium-range-slider-container .intilium-inner-range-slider-handle{position:relative;width:6px;height:6px;border-radius:50%;top:7px;left:7px;background:#fff}"]}]}],Ye.ctorParameters=function(){return[]},Ye.propDecorators={trackRef:[{type:l.ViewChild,args:["trackref"]}]},Ye);function Ye(){this.min=0,this.max=100,this._value=0,this.canDrag=!1,this.valueChange=new l.EventEmitter}var qe=($e.prototype.ngOnInit=function(){},$e.decorators=[{type:l.Component,args:[{selector:"app-rating",template:"<p>\r\n  rating works!\r\n</p>\r\n",styles:[""]}]}],$e.ctorParameters=function(){return[]},$e);function $e(){}var Ke=function fi(){this.height=200},Xe=(Ze.prototype.ngOnInit=function(){this.config=this.config||new Ke,this.config.ref=this},Ze.prototype.ngAfterViewInit=function(){this.content=this.contentRef.nativeElement,this.reset(this.text)},Ze.prototype.reset=function(e){this.content.innerHTML=e},Ze.prototype.handleKeyUp=function(e){this.updateText()},Ze.prototype.addImage=function(){this.AddElementAtSelection(this.createImage("http://images5.fanpop.com/image/photos/29400000/Dark-Alice-in-Wonderland-theson4eto-3D-3-29445223-1500-726.jpg")),this.updateText()},Ze.prototype.addTable=function(){this.elementCounter=this.elementCounter+1;var e=this.createTable(3,5);e.id="el"+this.elementCounter,this.elements.push({id:"el"+this.elementCounter,element:new l.ElementRef(e),nativeElement:e}),this.AddElementAtSelection(e),this.updateText()},Ze.prototype.setColor=function(e){document.execCommand("forecolor",!1,e.hexValue),this.updateText()},Ze.prototype.setTextStyle=function(e){switch(e){case"U":document.execCommand("underline",!1);break;case"I":document.execCommand("italic",!1);break;case"B":document.execCommand("bold",!1);break;case"S":document.execCommand("strikeThrough",!1)}this.updateText()},Ze.prototype.setFontSize=function(e){try{var t=window.getSelection().getRangeAt(0),i=this.getSelectedText(),n=document.createTextNode(i),o=document.createElement("span");o.style.fontSize=e+"px",t.deleteContents(),o.appendChild(n),t.insertNode(o),this.updateText()}catch(r){}},Ze.prototype.getSelectedText=function(){return window.getSelection?window.getSelection().toString():""},Ze.prototype.updateText=function(){this.text=this.content.innerHTML,this.textChange.emit(this.text)},Ze.prototype.AddElementAtSelection=function(e){window.getSelection().getRangeAt(0).insertNode(e),this.updateText()},Ze.prototype.changeTable=function(){var e=this.elements[0].nativeElement;this.addRow(e),this.updateText()},Ze.prototype.addRow=function(e,t){void 0===t&&(t=-1);for(var i=e.insertRow(t),n=0;n<5;n++){var o=document.createElement("td");o.style.border="solid 1px steelblue",o.style.verticalAlign="top",i.appendChild(o)}},Ze.prototype.removeRow=function(e,t){e.deleteRow(t),this.updateText()},Ze.prototype.removeColumn=function(e,t){for(var i=0;i<e.rows.length;i++)e.rows[i].deleteCell(t);this.updateText()},Ze.prototype.createImage=function(e){var t=document.createElement("img");return t.setAttribute("src",e),t.style.width="200px",t},Ze.prototype.createTable=function(e,t){var i=document.createElement("table");i.style.borderCollapse="collapse",i.style.width="100%";for(var n=0;n<e;n++){var o=document.createElement("tr");i.appendChild(o);for(var r=0;r<t;r++){var l=document.createElement("td");l.style.border="solid 1px steelblue",l.style.verticalAlign="top",o.appendChild(l)}}return i},Ze.decorators=[{type:l.Component,args:[{selector:"intilium-rich-text-box",template:'<div class="intilium-rich-text-box-container {{themeService.currentTheme}}">\r\n\r\n  \x3c!-- TOOLBAR --\x3e\r\n  <div class="intilium-rtb-ribbon">\r\n    <div class="rtb-icon text-icon" (click)="setTextStyle(\'B\')"><b>B</b></div>\r\n    <div class="rtb-icon text-icon" (click)="setTextStyle(\'U\')"><u>U</u></div>\r\n    <div class="rtb-icon text-icon" (click)="setTextStyle(\'I\')"><i>I</i></div>\r\n    <div class="rtb-icon text-icon" (click)="setTextStyle(\'S\')"><s>S</s></div>\r\n    <div class="rtb-icon color-picker">\r\n      <intilium-drop-down-color-picker (selectedColorChange)="setColor($event)"></intilium-drop-down-color-picker>\r\n    </div>\r\n    <div class="rtb-icon image-icon intilium-image-1" (click)="addImage()"></div>\r\n    <div class="rtb-icon font-size">\r\n      <intilium-drop-down [items]="[7,8,9,10,11,12,14,16,18,20,24,28,32,36,40,50,70]" [(selectedValue)]="selectedSize"\r\n        (selectedValueChange)="setFontSize($event)"></intilium-drop-down>\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- EDITOR --\x3e\r\n  <div contentEditable="{{isEditable}}" class="intilium-rich-text-box-area" (keyup)="handleKeyUp($event)"\r\n    [style.height.px]="config.height" #rtbcontent>\r\n  </div>\r\n\r\n</div>',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-rich-text-box-container{display:inline-block;width:100%}.intilium-rich-text-box-container .intilium-rich-text-box-area{width:100%;border:solid 1px var(--menuBackground);overflow:auto;padding:20px}.intilium-rich-text-box-container .intilium-rtb-icon{width:20px;height:20px;background:var(--menuBackground);color:#fff}.intilium-rich-text-box-container .intilium-rtb-ribbon{display:table-row}.intilium-rich-text-box-container .rtb-icon{display:table-cell;border-right:1px solid #fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.intilium-rich-text-box-container .color-picker{background:var(--menuBackground)}.intilium-rich-text-box-container .color-picker>*{position:relative}.intilium-rich-text-box-container .font-size{width:50px;background-color:var(--menuBackground);color:#fff}.intilium-rich-text-box-container .text-icon{background-color:var(--menuBackground);color:#fff;font-size:14px;vertical-align:middle;padding:0 10px}.intilium-rich-text-box-container .image-icon{background:var(--menuBackground);color:#fff;vertical-align:middle;font-size:22px;padding:0 5px}table.my-table{empty-cells:show}table.my-table td{border:solid 1px var(--menuBackground);empty-cells:show}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],Ze.ctorParameters=function(){return[{type:P}]},Ze.propDecorators={isEditable:[{type:l.Input}],config:[{type:l.Input}],text:[{type:l.Input}],textChange:[{type:l.Output}],contentRef:[{type:l.ViewChild,args:["rtbcontent"]}]},Ze);function Ze(e){this.themeService=e,this.elements=[],this.elementCounter=0,this.selectedSize=16,this.isEditable=!0,this.text="",this.textChange=new l.EventEmitter}var Je=(Qe.prototype.ngOnInit=function(){},Qe.decorators=[{type:l.Component,args:[{selector:"intilium-tab",template:'<div class="intilium-tab-container" [class.hide]="!showContent">\r\n  <ng-content></ng-content>\r\n</div>\r\n',inputs:["label","showContent"],styles:[".hide{display:none}"]}]}],Qe.ctorParameters=function(){return[]},Qe);function Qe(){}var et=(tt.prototype.ngOnInit=function(){},tt.prototype.ngAfterViewInit=function(){this.tabs&&this.tabs[0]&&this.activeTab(this.tabs[0].label)},tt.prototype.ngAfterContentChecked=function(){},tt.prototype.activeTab=function(t){this.initComponent=!1,this.tabs.forEach(function(e){e.showContent=e.label===t})},tt.prototype.isDefaultActiveTab=function(e){if(this.tabs&&this.tabs.length){var t=this.tabs.find(function(e){return!0===e.showContent});if(t===undefined||null===t)return this.tabs.first.showContent=!0}return!1},tt.decorators=[{type:l.Component,args:[{selector:"intilium-tab-group",template:'<div class="intilium-tab-group-container">\r\n  <div class="intilium-tab-buttons">\r\n    <div class="intilium-tab-button"\r\n         [class.active-tab]="tab.showContent || isDefaultActiveTab(tab?.label)"\r\n         (click)="activeTab(tab.label)"\r\n         *ngFor="let tab of tabs">{{tab.label}}</div>\r\n  </div>\r\n  <div class="intilium-tab-content">\r\n  <ng-content></ng-content>\r\n</div>\r\n</div>\r\n',styles:[".intilium-tab-buttons{border-bottom:solid 1px var(--menuBackground);width:100%}.intilium-tab-button.active-tab{background-color:#8b0000}.intilium-tab-button{display:inline-block;padding:4px 20px 7px 10px;border-right:1px solid #fff;background:#666;color:#fff}.intilium-tab-content{padding-top:15px}"]}]}],tt.ctorParameters=function(){return[]},tt.propDecorators={tabs:[{type:l.ContentChildren,args:[Je]}]},tt);function tt(){this.initComponent=!0}var it=function mi(){this.background="steelblue",this.color="white",this.top=60,this.right=10,this.height=100,this.width=200,this.autoClose=!0},nt=(ot.prototype.ngOnInit=function(){this.config=this.config||new it},ot.prototype.close=function(){this.closed.emit(this.toastInfo)},ot.decorators=[{type:l.Component,args:[{selector:"intilium-toast",template:'<div class="intilium-toast-container"\r\n  [style.top.px]="config.top"\r\n  [style.right.px]="config.right"\r\n  [style.width.px]="config.width"\r\n  [style.height.px]="config.height"\r\n  [style.color]="config?.color"\r\n  [style.background]="config?.background">\r\n  <div class="intilium-toast-header">{{header}}\r\n    <div class="close-icon" (click)="close()"><i class="intilium-delete-1"></i></div>\r\n  </div>\r\n  <div class="intilium-toast-content">\r\n      <div class="intilium-toast-icon"><i class="{{icon}}"></i></div>\r\n      <div class="intilium-toast-message">{{message}}</div>\r\n  </div>\r\n</div>\r\n',inputs:["header","icon","message","config","refId"],outputs:["closed"],styles:[".intilium-toast-container{position:fixed;padding:1.2em;min-width:200px;height:100px;z-index:10000;box-sizing:border-box;border-radius:.3em}.intilium-toast-container .intilium-toast-header{border-bottom:1px solid #fff;padding-bottom:5px;margin-bottom:10px}.intilium-toast-container .close-icon{color:#fff;float:right}"]}]}],ot.ctorParameters=function(){return[]},ot);function ot(){this.closed=new l.EventEmitter}var rt=(lt.prototype.ngOnInit=function(){this.offsetRight=-1*(this.tooltipRef.nativeElement.offsetWidth+30)},lt.decorators=[{type:l.Component,args:[{selector:"intilium-tooltip",template:'<div class="intilium-tooltip-container" [style.right.px]="offsetRight" #content>\r\n\r\n  <div class="intilium-tooltip-content">\r\n      <div class="intilium-tooltip-arrow"></div>\r\n      Dit is een tooltip\r\n  </div>\r\n\r\n</div>\r\n\r\n\r\n',styles:[".intilium-tooltip-container{right:0;top:0;font-size:initial;position:absolute}.intilium-tooltip-container .intilium-tooltip-arrow{width:0;height:0;position:absolute;border-right:10px solid #888;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-10px;top:8px}.intilium-tooltip-container .intilium-tooltip-content{display:inline-block;position:relative;border:1px solid;border-radius:5px;padding:.3em 1em .5em;background:#888;color:#fff;font-size:1em;overflow:hidden}"]}]}],lt.ctorParameters=function(){return[]},lt.propDecorators={tooltipRef:[{type:l.ViewChild,args:["content"]}]},lt);function lt(){}var ct=(at.prototype.clicked=function(e){},at.prototype.nodeSelected=function(e,t){t.children&&0<t.children.length?this.toggleChildrenVisibility(t):this.selectedNodeChange.emit(t),null!==e&&e.stopPropagation()},at.prototype.toggleChildrenVisibility=function(e){e.showChildren=!e.showChildren},at.prototype.hasChildren=function(e){return e.children!==undefined&&null!==e.children&&0<e.children.length},at.prototype.ngOnInit=function(){},at.decorators=[{type:l.Component,args:[{selector:"intilium-tree-view",template:'<div class="intilium-tree-view-container">\r\n\r\n  \x3c!-- CURRENT LABEL --\x3e\r\n  <div *ngFor="let n of items" (click)="nodeSelected($event, n)">\r\n    <div class="intilium-tree-view-row" [class.selectable]="n.isSelectable" (click)="clicked(n)">\r\n\r\n      \x3c!-- ICON PART --\x3e\r\n      <div class="intilium-icon-part">\r\n        <i [ngClass]="{\'hide\': !hasChildren(n), \'is-open\': n.showChildren}"\r\n          class="intilium-right-triangle-1 tree-view-icon selectable">\r\n        </i>\r\n      </div>\r\n      \x3c!-- LABEL PART --\x3e\r\n      <div class="intilium-label-part">\r\n        {{n.label}}\r\n      </div>\r\n    </div>\r\n\r\n    \x3c!-- RECURSIVE PART --\x3e\r\n    <div class="intilium-sub-group" *ngIf="n.showChildren">\r\n      <intilium-tree-view [items]="n.children" (selectedNodeChange)="nodeSelected(null, $event)"></intilium-tree-view>\r\n    </div>\r\n  </div>\r\n\r\n</div>',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-tree-view-container .tree-view-icon{position:relative;top:-2px;font-size:.6em;display:inline-block;margin-right:.6em;color:var(--menuBackground);transition:transform .2s ease-out}.intilium-tree-view-container .intilium-label-part{display:table-cell;width:100%}.intilium-tree-view-container .intilium-icon-part{display:table-cell}.intilium-tree-view-container .selectable:hover{cursor:pointer}.intilium-tree-view-container .intilium-tree-view-row{margin-bottom:.3em}.intilium-tree-view-container .intilium-sub-group{margin-left:1.3em}.intilium-tree-view-container .hide{visibility:hidden}.intilium-tree-view-container .is-open{transform:rotate(90deg);transition:transform .2s ease-out}"]}]}],at.ctorParameters=function(){return[]},at.propDecorators={items:[{type:l.Input}],selectedNodeChange:[{type:l.Output}]},at);function at(){this.selectedNodeChange=new l.EventEmitter}var ut=(st.prototype.ngOnInit=function(){},st.prototype.closeWindow=function(){this.showWindow=!1,this.showWindowChange.emit(!1)},st.decorators=[{type:l.Component,args:[{selector:"intilium-window",template:'<div class="block-window" *ngIf="showWindow && showModal"></div>\r\n<div [class.intilium-window-container]="isFullSize" [class.auto-sizing]="!isFullSize" *ngIf="showWindow">\r\n  <div class="header">\r\n    <div>\r\n      {{header}}\r\n    </div>\r\n    <div>\r\n      <i class="close-icon intilium-delete-1" (click)="closeWindow()" *ngIf="showCloseButton"></i>\r\n    </div>\r\n  </div>\r\n  <div class="content">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class="footer" *ngIf="showFooter">\r\n  </div>\r\n</div>\r\n',styles:[".block-window{background-color:#aaa;opacity:.5;position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh}.intilium-window-container{position:fixed;z-index:10000;width:calc(100vw - 200px);height:calc(100vh - 200px);top:100px;left:100px;border:1px solid #19b5fe;background-color:#fff}.header{background-color:#19b5fe;color:#fff;height:50px;font-size:30px;padding:5px 20px;box-sizing:border-box;display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px;grid-template-columns:1fr 30px}.footer{height:50px;background-color:#fcfcfc;padding:20px;box-sizing:border-box}.close-icon{font-family:intilium-font;color:#fff;position:relative;top:3px}.content{padding:20px;box-sizing:border-box}.auto-sizing{position:fixed;z-index:10000;width:400px;height:200px;top:calc(50vh - 100px);left:calc(50vw - 200px);border:1px solid #19b5fe;background-color:#fff;align-content:center}",'@font-face{font-family:intilium-font;src:url(fonts/intilium-font.eot);src:url(fonts/intilium-font.eot) format(\'embedded-opentype\'),url(fonts/intilium-font.woff2) format(\'woff2\'),url(fonts/intilium-font.ttf) format(\'truetype\'),url(fonts/intilium-font.woff) format(\'woff\'),url(fonts/intilium-font.svg) format(\'svg\');font-weight:400;font-style:normal}[class*=" intilium-"],[class^=intilium-]{font-family:intilium-font!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intilium-3D:before{content:"\\e900"}.intilium-theater-1:before{content:"\\e901"}.intilium-ticket-1:before{content:"\\e902"}.intilium-video-4:before{content:"\\e903"}.intilium-action-1:before{content:"\\e904"}.intilium-action-2:before{content:"\\e905"}.intilium-bluetooth-2:before{content:"\\e906"}.intilium-video-3:before{content:"\\e907"}.intilium-bluetooth-1:before{content:"\\e908"}.intilium-usb-1:before{content:"\\e909"}.intilium-video-1:before{content:"\\e90a"}.intilium-video-2:before{content:"\\e90b"}.intilium-audio-off-1:before{content:"\\e90c"}.intilium-config-1:before{content:"\\e90d"}.intilium-equalizer-1:before{content:"\\e90e"}.intilium-repeat-one-1:before{content:"\\e90f"}.intilium-audio-on-1:before{content:"\\e910"}.intilium-repeat-1:before{content:"\\e911"}.intilium-repeat-2:before{content:"\\e912"}.intilium-shuffle-1:before{content:"\\e913"}.intilium-poison-2:before{content:"\\e914"}.intilium-warning-poison-3:before{content:"\\e915"}.intilium-warning-poison-4:before{content:"\\e916"}.intilium-wifi-1:before{content:"\\e917"}.intilium-pauze-1:before{content:"\\e918"}.intilium-previous-song-1:before{content:"\\e919"}.intilium-record-1:before{content:"\\e91a"}.intilium-stop-1:before{content:"\\e91b"}.intilium-next-song-1:before{content:"\\e91c"}.intilium-reject-1:before{content:"\\e91d"}.intilium-rewind-1:before{content:"\\e91e"}.intilium-rewind-forward-1:before{content:"\\e91f"}.intilium-Tekengebied-147-1:before{content:"\\e920"}.intilium-play-1:before{content:"\\e921"}.intilium-volume-mute-2:before{content:"\\e922"}.intilium-volume-up-2:before{content:"\\e923"}.intilium-network-2:before{content:"\\e924"}.intilium-volume-down-1:before{content:"\\e925"}.intilium-volume-mute-1:before{content:"\\e926"}.intilium-volume-up-1:before{content:"\\e927"}.intilium-network-1:before{content:"\\e928"}.intilium-Tekengebied-140-1:before{content:"\\e929"}.intilium-tools-2:before{content:"\\e92a"}.intilium-picasa-2:before{content:"\\e92b"}.intilium-picasa-3:before{content:"\\e92c"}.intilium-tools-1:before{content:"\\e92d"}.intilium-firewall-1:before{content:"\\e92e"}.intilium-picasa-1:before{content:"\\e92f"}.intilium-take-off-1:before{content:"\\e930"}.intilium-on-off-1:before{content:"\\e931"}.intilium-rocket-1:before{content:"\\e932"}.intilium-wall-1:before{content:"\\e933"}.intilium-warning-poisson-1:before{content:"\\e934"}.intilium-poison-1:before{content:"\\e935"}.intilium-warning-poison-2:before{content:"\\e936"}.intilium-warning-radioactive-2:before{content:"\\e937"}.intilium-key-1:before{content:"\\e938"}.intilium-lock-2:before{content:"\\e939"}.intilium-radioactive-1:before{content:"\\e93a"}.intilium-warning-radioactive-1:before{content:"\\e93b"}.intilium-ice-1:before{content:"\\e93c"}.intilium-identity-1:before{content:"\\e93d"}.intilium-lock-1:before{content:"\\e93e"}.intilium-arrow-down-2:before{content:"\\e93f"}.intilium-arrow-left-2:before{content:"\\e940"}.intilium-arrow-up-2:before{content:"\\e941"}.intilium-github-1:before{content:"\\e942"}.intilium-arrow-right-2:before{content:"\\e943"}.intilium-laptop-1:before{content:"\\e944"}.intilium-server-2:before{content:"\\e945"}.intilium-android-1:before{content:"\\e946"}.intilium-label-2:before{content:"\\e947"}.intilium-label-3:before{content:"\\e948"}.intilium-label-4:before{content:"\\e949"}.intilium-server-1:before{content:"\\e94a"}.intilium-image-1:before{content:"\\e94b"}.intilium-label-1:before{content:"\\e94c"}.intilium-printer-1:before{content:"\\e94d"}.intilium-excel-1:before{content:"\\e94e"}.intilium-sharepoint-1:before{content:"\\e94f"}.intilium-sway-1:before{content:"\\e950"}.intilium-access-1:before{content:"\\e951"}.intilium-outlook-1:before{content:"\\e952"}.intilium-visio-1:before{content:"\\e953"}.intilium-word-1:before{content:"\\e954"}.intilium-onenote-1:before{content:"\\e955"}.intilium-powerpoint-1:before{content:"\\e956"}.intilium-warning-acid-1:before{content:"\\e957"}.intilium-sorting-1:before{content:"\\e958"}.intilium-sorting-2:before{content:"\\e959"}.intilium-warning-open-1:before{content:"\\e95a"}.intilium-charging-1:before{content:"\\e95b"}.intilium-fire-1:before{content:"\\e95c"}.intilium-warning-fire-2:before{content:"\\e95d"}.intilium-cloud-1:before{content:"\\e95e"}.intilium-cloud-2:before{content:"\\e95f"}.intilium-cloud-3:before{content:"\\e960"}.intilium-sun-1:before{content:"\\e961"}.intilium-facebook-2:before{content:"\\e962"}.intilium-mail-1:before{content:"\\e963"}.intilium-web-1:before{content:"\\e964"}.intilium-facebook-1:before{content:"\\e965"}.intilium-mouse-1:before{content:"\\e966"}.intilium-twitter-1:before{content:"\\e967"}.intilium-calendar-2:before{content:"\\e968"}.intilium-user-2:before{content:"\\e969"}.intilium-users-1:before{content:"\\e96a"}.intilium-folder-1:before{content:"\\e96b"}.intilium-music-1:before{content:"\\e96c"}.intilium-music-2:before{content:"\\e96d"}.intilium-battery-3:before{content:"\\e96e"}.intilium-battery-4:before{content:"\\e96f"}.intilium-movie-1:before{content:"\\e970"}.intilium-battery-1:before{content:"\\e971"}.intilium-battery-2:before{content:"\\e972"}.intilium-warning-fire-1:before{content:"\\e973"}.intilium-warning-fire-3:before{content:"\\e974"}.intilium-acid-1:before{content:"\\e975"}.intilium-chemistry-2:before{content:"\\e976"}.intilium-electricity-warning-2:before{content:"\\e977"}.intilium-warning-acid-2:before{content:"\\e978"}.intilium-down-triangle-1:before{content:"\\e979"}.intilium-identity-2:before{content:"\\e97a"}.intilium-right-triangle-1:before{content:"\\e97b"}.intilium-up-triangle-1:before{content:"\\e97c"}.intilium-dining-1:before{content:"\\e97d"}.intilium-filter-1:before{content:"\\e97e"}.intilium-left-triangle-1:before{content:"\\e97f"}.intilium-download-1:before{content:"\\e980"}.intilium-radio-button-checked-1:before{content:"\\e981"}.intilium-radio-button-unchecked-1:before{content:"\\e982"}.intilium-upload-1:before{content:"\\e983"}.intilium-chevron-down-1_1:before{content:"\\e984"}.intilium-cogs-1:before{content:"\\e985"}.intilium-list-1:before{content:"\\e986"}.intilium-checked-round-1:before{content:"\\e987"}.intilium-chevron-up-round-1:before{content:"\\e988"}.intilium-loop-1:before{content:"\\e989"}.intilium-signed-document-1:before{content:"\\e98a"}.intilium-bell-1:before{content:"\\e98b"}.intilium-calendar-1:before{content:"\\e98c"}.intilium-document-1:before{content:"\\e98d"}.intilium-details-up-1:before{content:"\\e98e"}.intilium-minus-1:before{content:"\\e98f"}.intilium-unchecked-1:before{content:"\\e990"}.intilium-delete-1:before{content:"\\e991"}.intilium-details-down-1:before{content:"\\e992"}.intilium-trash-can-1:before{content:"\\e993"}.intilium-checked-no-border-1:before{content:"\\e994"}.intilium-chevron-down-1:before{content:"\\e995"}.intilium-chevron-up-1:before{content:"\\e996"}.intilium-chemistry-1:before{content:"\\e997"}.intilium-graph-line-1:before{content:"\\e998"}.intilium-user-1:before{content:"\\e999"}.intilium-warning-electricity-1:before{content:"\\e99a"}.intilium-graph-bar-2:before{content:"\\e99b"}.intilium-cog-1:before{content:"\\e99c"}.intilium-add-1:before{content:"\\e99d"}.intilium-clock-1:before{content:"\\e99e"}.intilium-clock-2:before{content:"\\e99f"}.intilium-down-arrow-1:before{content:"\\e9a0"}.intilium-paragraphs-1:before{content:"\\e9a1"}.intilium-left-arrow-1:before{content:"\\e9a2"}.intilium-right-arrow-1:before{content:"\\e9a3"}.intilium-up-arrow-1:before{content:"\\e9a4"}.intilium-bicycle-1:before{content:"\\e9a5"}.intilium-car-1:before{content:"\\e9a6"}.intilium-destroy-1:before{content:"\\e9a7"}.intilium-popcorn-1:before{content:"\\e9a8"}.intilium-checked-1:before{content:"\\e9a9"}.intilium-graph-bar-1:before{content:"\\e9aa"}.intilium-location-1:before{content:"\\e9ab"}.intilium-checked-o-1:before{content:"\\e9ac"}.intilium-home-1:before{content:"\\e9ad"}.intilium-save-1:before{content:"\\e9ae"}.intilium-database-1:before{content:"\\e9af"}']}]}],st.ctorParameters=function(){return[]},st.propDecorators={showCloseButton:[{type:l.Input}],showWindow:[{type:l.Input}],showModal:[{type:l.Input}],header:[{type:l.Input}],isFullSize:[{type:l.Input}],showFooter:[{type:l.Input}],showWindowChange:[{type:l.Output}]},st);function st(){this.showCloseButton=!0,this.showWindow=!1,this.showModal=!1,this.header="",this.isFullSize=!0,this.showFooter=!1,this.showWindowChange=new l.EventEmitter}var ft=(mt.prototype.ngOnInit=function(){},mt.prototype.toggleMainMenu=function(){this.isLayoutMenuChanged=!0,this.showMainMenu=!this.showMainMenu,this.showMainMenuChange.emit(this.showMainMenu)},mt.prototype.activateMainMenu=function(e){this.mainMenuItems.forEach(function(e){return e.isActive=!1}),e.isActive=!0,this.router.navigateByUrl(e.route)},mt.decorators=[{type:l.Component,args:[{selector:"intilium-boston-layout",template:'<div class="intilium-boston-layout-container">\r\n\r\n  \x3c!-- MAIN MENU --\x3e\r\n  <div class="intilium-main-menu" [class.main-menu-opened]="showMainMenu && isLayoutMenuChanged"\r\n    [class.main-menu-closed]="!showMainMenu && isLayoutMenuChanged">\r\n    <div class="intilium-main-menu-item" [class.active-main-menu-item]="item.isActive"\r\n         *ngFor="let item of mainMenuItems" (click)="activateMainMenu(item)">\r\n      {{ item.label }}\r\n    </div>\r\n  </div>\r\n\r\n  \x3c!-- CONTENT AREA --\x3e\r\n  <div class="intilium-content-area">\r\n    <div class="sub-menu-bar">\r\n      \x3c!-- <div style="width:100px;height:30px;background-color: black;" (click)="toggleMainMenu()"></div> --\x3e\r\n    </div>\r\n    <div class="content-area">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n',styles:[".intilium-boston-layout-container{position:fixed;height:100vh;width:100vw;left:0;top:0;display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr}.active-main-menu-item{background-color:#19b5fe}.intilium-main-menu-item{box-sizing:border-box;height:40px;position:relative;padding-top:10px;padding-left:20px;color:#fff;box-sizing:border-box}.intilium-main-menu{background-color:#333;height:100vh;width:200px;overflow-y:auto;transition:width .5s}.intilium-content-area{box-sizing:border-box;padding:20px}.main-menu-opened{width:200px}.main-menu-closed{width:0}.content-area{overflow:auto;height:600px}"]}]}],mt.ctorParameters=function(){return[{type:i.Router}]},mt.propDecorators={showMainMenu:[{type:l.Input}],showMainMenuChange:[{type:l.Output}],mainMenuItems:[{type:l.Input}]},mt);function mt(e){this.router=e,this.isLayoutMenuChanged=!1,this.showMainMenu=!1,this.showMainMenuChange=new l.EventEmitter,this.mainMenuItems=[]}var dt=(bt.prototype.ngOnInit=function(){},bt.prototype.showInfoText=function(){return this.infoText!==undefined&&null!==this.infoText&&""!==this.infoText.trim()},bt.decorators=[{type:l.Component,args:[{selector:"intilium-loading-bar",template:'<intilium-window [header]="header" [(showWindow)]="showWindow" [isFullSize]="false" [showCloseButton]="showCloseButton">\r\n\r\n    <intilium-spinner></intilium-spinner>\r\n    <div class="text">{{infoText}}</div>\r\n\r\n</intilium-window>',styles:[".intilium-loading-bar-container{width:100%;height:10px;background-color:#333;border-radius:5px;overflow:hidden}.intilium-progress-text{text-align:center;margin-bottom:10px}.progress-bar{background-color:#19b5fe;height:10px;transition:width .7s}.intilium-loading-bar-spinner{margin-right:10px}.text{position:relative;top:70px;text-align:center;font-weight:700;color:#19b5fe}"]}]}],bt.ctorParameters=function(){return[]},bt.propDecorators={infoText:[{type:l.Input}],showWindow:[{type:l.Input}],header:[{type:l.Input}],showCloseButton:[{type:l.Input}],showWindowChange:[{type:l.Output}]},bt);function bt(){this.infoText="",this.showWindow=!1,this.header="",this.showCloseButton=!1,this.showWindowChange=new l.EventEmitter}var pt=(ht.prototype.clearMenu=function(){this.mainMenuItems=[]},ht.prototype.addMenu=function(e){this.mainMenuItems=d(this.mainMenuItems,[e])},ht.prototype.addRange=function(e){this.mainMenuItems=d(this.mainMenuItems,e)},ht.prototype.setRange=function(e){this.mainMenuItems=e},ht.decorators=[{type:l.Injectable,args:[{providedIn:"root"}]}],ht.ctorParameters=function(){return[]},ht.ngInjectableDef=l.defineInjectable({factory:function(){return new ht},token:ht,providedIn:"root"}),ht);function ht(){this.showMainMenu$=new n.BehaviorSubject(undefined),this.mainMenuItems=[]}var gt=(vt.prototype.ngOnInit=function(){},vt.decorators=[{type:l.Component,args:[{selector:"intilium-input-group",template:'<div [class.horizontal-alignment]="isHorizontal" [class.vertical-alignment]="!isHorizontal" class="input-group-container">\r\n  <div class="input-group-label">{{label}}</div>\r\n  <div>\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>',styles:[".input-group-container{margin-bottom:10px}.input-group-container .input-group-label{color:#444;margin-bottom:4px}"]}]}],vt.ctorParameters=function(){return[]},vt.propDecorators={isHorizontal:[{type:l.Input}],label:[{type:l.Input}]},vt);function vt(){this.isHorizontal=!1,this.label=""}var wt=(yt.prototype.ngOnInit=function(){this.config=this.config||new xt,this.fullText=this.text,this.paragraph.nativeElement.innerText=this.text},yt.prototype.ngAfterViewInit=function(){this.GetOverflowedText()},yt.prototype.GetOverflowedText=function(){for(var e="";this.checkOverflow();){var t=this.text.lastIndexOf(" ");this.text=this.fullText.substring(0,t),e=this.fullText.substring(t),this.paragraph.nativeElement.innerText=this.text}var i=new kt;i.text=this.text,i.overflowedText=e.trim(),i.fullText=this.fullText,this.overflowedTextChange.emit(i)},yt.prototype.checkOverflow=function(){var e=this.paragraph.nativeElement;return e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight},yt.decorators=[{type:l.Component,args:[{selector:"intilium-overflow-paragraph",template:'<div #paragraph \r\n     [style.height.px]="config.height" \r\n     class="overflow-paragraph-container">\r\n</div>',styles:['.overflow-paragraph-container{overflow:hidden;font-family:"Merriweather,sans-serif"}']}]}],yt.ctorParameters=function(){return[]},yt.propDecorators={config:[{type:l.Input}],text:[{type:l.Input}],fullText:[{type:l.Input}],overflowedTextChange:[{type:l.Output}],paragraph:[{type:l.ViewChild,args:["paragraph"]}]},yt);function yt(){this.text="",this.fullText="",this.overflowedTextChange=new l.EventEmitter}var xt=function di(){this.width=200,this.height=60,this.cutOffNumber=10},kt=function bi(){this.text="",this.overflowedText="",this.fullText=""},Ct=(It.prototype.ngOnInit=function(){this.config=this.config||new Dt,this.paragraphConfig=new xt,this.paragraphConfig.height=this.config.columnHeight,this.fullText="Dit is de tekst die gesplitst moet worden. Momenteel is dit nog puur tekst gericht in de tweede versie van dit component zullen we er voor zorgen dat ook html tekst toegelaten wordt, in versie nummer 3 zullen we zorgen dat je tekst kan beginnen te typen, en dat automatisch er overgegaan wordt naar een nieuw gedeelde. Momenteel wordt er nog geen html tags geaccepteerd, dus deze zullen als 1 geheel behandeld worden. Vanaf versie 2 zullen we dit mogelijk maken zodat we rich text kunnen tonen. tevens moet er nog nagegaan worden of we de tekst met sections flexibel kunnen maken",this.textParts.push(this.fullText)},It.prototype.onOverflow=function(e){null!=e.overflowedText&&""!==e.overflowedText.trim()&&(this.textParts[this.textParts.length-1]=e.text,this.textParts.push(e.overflowedText))},It.decorators=[{type:l.Component,args:[{selector:"intilium-paragraph-manager",template:'<div>\r\n\r\n  <div class="paragraph-row">\r\n    <intilium-overflow-paragraph *ngFor="let textPart of textParts" [text]="textPart" (overflowedTextChange)="onOverflow($event)" [config]="paragraphConfig">\r\n    </intilium-overflow-paragraph>\r\n  </div>\r\n\r\n</div>',styles:[".paragraph-row{display:-ms-grid;display:grid;-ms-grid-columns:300px 300px 1fr;grid-template-columns:300px 300px 1fr;grid-column-gap:50px}"]}]}],It.ctorParameters=function(){return[]},It.propDecorators={fullText:[{type:l.Input}],config:[{type:l.Input}]},It);function It(){this.fullText="",this.textParts=[]}var Dt=function pi(){this.columnHeight=200},Tt=(Pt.prototype.ngOnInit=function(){},Pt.prototype.ngAfterViewInit=function(){var i=this;null!=this.selectedValue&&this.items.forEach(function(e){console.log("rb value: "+e.value),e.value===i.selectedValue&&(e.checked=!0)}),this.items.forEach(function(e){return e.selectedValueChange.subscribe(function(t){i.items.forEach(function(e){e.value!==t?e.checked=!1:e.checked?i.selectedValueChange.emit(e.value):i.selectedValueChange.emit(null)})})})},Pt.decorators=[{type:l.Component,args:[{selector:"intilium-radio-button-group",template:'<div class="intilium-radio-button-group">\n  <ng-content></ng-content>\n</div>\n',styles:[""]}]}],Pt.ctorParameters=function(){return[]},Pt.propDecorators={selectedValue:[{type:l.Input}],selectedValueChange:[{type:l.Output}],items:[{type:l.ContentChildren,args:[je]}]},Pt);function Pt(){this.selectedValue="",this.selectedValueChange=new l.EventEmitter}var Et=(Ot.prototype.ngOnInit=function(){},Ot.decorators=[{type:l.Component,args:[{selector:"intilium-label",template:'<span class="intilium-label"\n      [class.primary]="colorType === colorTypeEnum.Primary"\n      [class.secondary]="colorType === colorTypeEnum.Secondary"\n        [class.ternary]="colorType === colorTypeEnum.Ternary">{{text}}</span>',styles:[".vertical-center{margin:0;position:relative;top:50%;transform:translateY(-50%)}.intilium-label{font-weight:700}.intilium-label.secondary{color:var(--primaryColor2)}"]}]}],Ot.ctorParameters=function(){return[]},Ot.propDecorators={colorType:[{type:l.Input}],text:[{type:l.Input}]},Ot);function Ot(){this.colorTypeEnum=zt,this.colorType=zt.Primary,this.text=""}var zt={Primary:1,Secondary:2,Ternary:3};zt[zt.Primary]="Primary",zt[zt.Secondary]="Secondary",zt[zt.Ternary]="Ternary";var At=(Rt.prototype.ngOnInit=function(){this.genderEnum=this.createGenderEnum()},Rt.prototype.createGenderEnum=function(){var e=[];return e.push({label:"Onbekend",value:1}),e.push({label:"M",value:2}),e.push({label:"V",value:3}),e},Rt.decorators=[{type:l.Component,args:[{selector:"intilium-form-group-container",template:'<div [formGroup]="config.formGroup" class="form-group-container" [class.vertical-alignement]="config.isVerticalAligned" [class.horizontal-alignement]="!config.isVerticalAligned">\n  <ng-container *ngFor="let element of config.elements">\n\n    <intilium-label class="label" [text]="element.label" [colorType]="colorType"></intilium-label>\n\n    \x3c!-- TEXT BOX --\x3e\n    <ng-container *ngIf="element.elementType === elementTypeEnum.TextBox">\n\n      <intilium-text-box class="input-element" [config]="element.config"></intilium-text-box>\n    </ng-container>\n\n    \x3c!-- DROP DOWN --\x3e\n    <ng-container *ngIf="element.elementType === elementTypeEnum.DropDown">\n      <intilium-drop-down [(items)]="genderEnum" [displayProperties]="[\'label\']" [config]="element.config"></intilium-drop-down>\n    </ng-container>\n\n\n  </ng-container>\n</div>',styles:[".horizontal-alignement{display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;-moz-column-gap:10px;column-gap:10px;row-gap:10px}.horizontal-alignement .label{position:relative;top:10px}.vertical-alignement{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;row-gap:5px}.vertical-alignement .input-element{margin-bottom:10px}"]}]}],Rt.ctorParameters=function(){return[]},Rt.propDecorators={colorType:[{type:l.Input}],config:[{type:l.Input}]},Rt);function Rt(){this.elementTypeEnum=Ft,this.colorType=zt.Secondary}var Ft={TextBox:1,DropDown:2};Ft[Ft.TextBox]="TextBox",Ft[Ft.DropDown]="DropDown";var Bt=(St.prototype.ngOnInit=function(){},St.decorators=[{type:l.Component,args:[{selector:"intilium-button-group",template:'<div>\n  <div class="button-grid"> \n\n  </div>\n</div>',styles:[""]}]}],St.ctorParameters=function(){return[]},St);function St(){}var Ht={Header001:1,Header002:2,Header003:3,Header004:4,Header005:5,Header006:6,Header007:7};Ht[Ht.Header001]="Header001",Ht[Ht.Header002]="Header002",Ht[Ht.Header003]="Header003",Ht[Ht.Header004]="Header004",Ht[Ht.Header005]="Header005",Ht[Ht.Header006]="Header006",Ht[Ht.Header007]="Header007";var Mt=(Vt.prototype.ngOnInit=function(){},Vt.decorators=[{type:l.Component,args:[{selector:"intilium-header",template:'<div [class.header-001]="headerType === headerTypeEnum.Header001"\r\n     [class.header-002]="headerType === headerTypeEnum.Header002"\r\n     [class.header-003]="headerType === headerTypeEnum.Header003"\r\n     [class.header-004]="headerType === headerTypeEnum.Header004"\r\n     [class.header-005]="headerType === headerTypeEnum.Header005"\r\n     [class.header-006]="headerType === headerTypeEnum.Header006"\r\n     [class.header-007]="headerType === headerTypeEnum.Header007"\r\n>{{label}}</div>\r\n',inputs:["label","type"],styles:[".header-001{margin:0 0 15px;font-size:2.4em;color:#6b0020}.header-002{margin:0 0 15px;font-size:2.2em;color:#ce5200}.header-003{margin:0 0 15px;font-size:2em;color:#004177}.header-004{margin:0 0 15px;font-size:1.8em;color:#2574b4}.header-005{margin:0 0 15px;font-size:1.6em;color:#2574b4}.header-006{margin:0 0 15px;font-size:1.4em;color:#2574b4}.header-007{margin:0 0 15px;font-size:1.2em;color:#2574b4}"]}]}],Vt.ctorParameters=function(){return[]},Vt.propDecorators={label:[{type:l.Input}],headerType:[{type:l.Input}]},Vt);function Vt(){this.headerTypeEnum=Ht,this.headerType=Ht.Header001}var _t=(Lt.prototype.ngOnInit=function(){},Lt.decorators=[{type:l.Component,args:[{selector:"intilium-spinner",template:'<div class="spinner-001"></div> \n',styles:['.spinner-001:before{content:"";box-sizing:border-box;position:absolute;left:50%;top:100px;height:60px;width:60px;margin-top:-30px;margin-left:-30px;border-radius:50%;border:3px solid #d3d3d3;border-top-color:coral;-webkit-animation:.7s linear infinite spinner;animation:.7s linear infinite spinner}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}']}]}],Lt.ctorParameters=function(){return[]},Lt);function Lt(){}var Nt=(jt.prototype.ngOnInit=function(){},jt.decorators=[{type:l.Component,args:[{selector:"intilium-input-form",template:"<p>\n  input-form works!\n</p>\n",styles:[""]}]}],jt.ctorParameters=function(){return[]},jt);function jt(){}var Wt=(Ut.decorators=[{type:l.NgModule,args:[{declarations:[c,W,$,Y,_,X,B,oe,le,ae,de,ge,Se,Fe,ye,ke,Te,Oe,Me,Le,je,Ge,qe,Xe,Je,et,R,nt,rt,ct,N,ut,ft,dt,gt,wt,Ct,Tt,At,Bt,Mt,_t,Nt,Et,O],providers:[pt],imports:[t.CommonModule,o.HttpClientModule,r.FormsModule,r.ReactiveFormsModule],exports:[W,Y,$,_,X,B,oe,le,ae,de,ge,Se,Fe,ye,ke,Te,Oe,Me,Le,je,Ge,qe,Xe,Je,et,R,nt,rt,ct,ut,ft,dt,gt,wt,Ct,Tt,At,Mt,O,_t]}]}],Ut);function Ut(){}function Gt(){}var Yt=(qt.prototype.addColumn=function(e,t,i,n){void 0===i&&(i=null),void 0===n&&(n="string");var o={};o.label=e,o.propertyName=t,o.action=i,o.dataType=n,this.columns.push(o)},qt.prototype.addIconColumn=function(e,t,i){void 0===i&&(i=null);var n={};n.label=e,n.icon=t,n.useIcon=!0,n.action=i,this.columns.push(n)},qt);function qt(e){void 0===e&&(e=!1),this.showPaging=!0,this.columns=new Array,this.pagingConfig=new Ee,this.showOptions=!0,this.isAutoGenerated=!1,this.isAutoGenerated=e}function $t(){this.isActive=!1,this.route=""}var Kt=(Xt.prototype.add=function(t){null!=t&&null==this.radioButtons.find(function(e){return e.value===t.value})&&this.radioButtons.push(t)},Xt.prototype.clear=function(){this.radioButtons=[]},Xt.prototype.toggle=function(t){null!=t&&this.radioButtons.forEach(function(e){e.checked=t.value===e.value})},Xt.prototype.toggleByValue=function(t){console.log("value: "+t),null!=t&&this.radioButtons.forEach(function(e){e.checked=t===e.value})},Xt);function Xt(){this.radioButtons=[]}e.IntiliumUiModule=Wt,e.DropDownConfiguration=se,e.ValidationRule=b,e.Validator=p,e.ValidatorGroup=g,e.TextBoxLabels=x,e.BaseWidgetConfiguration=w,e.TextBoxConfig=k,e.ButtonConfiguration=D,e.IColumn=Gt,e.TableConfiguration=Yt,e.RichTextBoxConfig=Ke,e.MenuItem=$t,e.PaginatorConfiguration=Ee,e.RadioButtonGroup=Kt,e.FileService=pe,e.ɵb=W,e.ɵbu=O,e.ɵe=Y,e.ɵbp=Bt,e.ɵc=$,e.ɵf=_,e.ɵg=X,e.ɵh=B,e.ɵi=oe,e.ɵk=le,e.ɵl=ae,e.ɵm=de,e.ɵn=ge,e.ɵbo=At,e.ɵbq=Mt,e.ɵo=Se,e.ɵp=Fe,e.ɵbs=Nt,e.ɵbk=gt,e.ɵbt=Et,e.ɵq=ye,e.ɵr=ke,e.ɵs=Te,e.ɵbj=dt,e.ɵbl=wt,e.ɵt=Oe,e.ɵu=Me,e.ɵbm=Ct,e.ɵv=Le,e.ɵbn=Tt,e.ɵw=je,e.ɵx=Ge,e.ɵy=qe,e.ɵz=Xe,e.ɵbr=_t,e.ɵbb=et,e.ɵba=Je,e.ɵbc=R,e.ɵbd=nt,e.ɵbe=rt,e.ɵbf=ct,e.ɵbh=ut,e.ɵa=c,e.ɵbi=ft,e.ɵbv=pt,e.ɵbg=N,e.ɵj=te,e.ɵd=P,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=intilium-ui.umd.min.js.map