{"__symbolic":"module","version":4,"metadata":{"TCAAngularCoreService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"TCAAngularCoreComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"TCA-TCA-angular-core","template":"\n    <p>\n      tca-angular-core works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TCAAngularCoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":24,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TCAAngularCoreComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":43,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":45,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":46,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":47,"character":4}],"providers":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OVERLAY_PROVIDERS","line":50,"character":4}],"exports":[{"__symbolic":"reference","name":"TCAAngularCoreComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"}],"entryComponents":[{"__symbolic":"reference","name":"ɵn"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"TCAAngularCoreModule"},"providers":[{"__symbolic":"reference","name":"ToastService"}]}}}},"ToastService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":16,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":17,"character":32}]}],"show":[{"__symbolic":"method"}],"getPositionStrategy":[{"__symbolic":"method"}],"getPosition":[{"__symbolic":"method"}],"getInjector":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"icon-input","template":"<img src=\"{{ img }}\">\n<ng-content></ng-content>","styles":["img{text-align:center;padding:0 10px}:host{height:40px;width:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;border-radius:4px;background:#f2f5fa}:host(.input-focus){outline:0}:host ::ng-deep input{border:none;outline:0;height:100%;width:100%;margin-right:10px;box-sizing:border-box;background:#f2f5fa;font-family:OpenSans-Regular;font-size:14px}"]}]}],"members":{"img":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":13,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"isInputFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":3},"arguments":["class.input-focus"]}]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"search-input input"}]}],"members":{"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":9,"character":5},"arguments":["focus"]}]}],"onBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":13,"character":5},"arguments":["blur"]}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"label-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":21},"member":"OnPush"},"template":"<div class=\"dropdown\" #origin>\r\n    <span class=\"label\">{{ label }}</span>\r\n    <button class=\"select-trigger\" (click)=\"open(dropdown, origin); $event.stopPropagation()\">\r\n\r\n        <ng-template [ngIf]=\"!isOpen\" [ngIfElse]=\"searchTpl\">\r\n            <span class=\"selected-item\" title=\"{{ text }}\">{{ text }}</span>\r\n        </ng-template>\r\n\r\n        <ng-template #searchTpl>\r\n            <input [formControl]=\"searchControl\" placeholder=\"{{ searchPlaceholder }}\" autofocus\r\n                (click)=\"$event.stopPropagation()\">\r\n        </ng-template>\r\n\r\n        <i class=\"arrow\" [ngClass]=\"{'down': !isOpen, up: isOpen}\"></i>\r\n    </button>\r\n\r\n    <ng-template #dropdown>\r\n\r\n        <div class=\"select-menu\">\r\n\r\n            <cdk-virtual-scroll-viewport itemSize=\"32\" class=\"select-menu-inner\"\r\n                [style.height.px]=\"visibleOptions * 32\">\r\n\r\n                <div *ngIf=\"!options.length\" class=\"no-results-item\"></div>\r\n\r\n                <div *cdkVirtualFor=\"let option of options\" class=\"select-item\" [class.active]=\"isActive(option)\"\r\n                    (click)=\"select(option)\">\r\n                    <span class=\"option\" [style.width]=\"optionWidth\" title=\"{{option[textName]}}\">{{option[textName]}}</span>\r\n                </div>\r\n            </cdk-virtual-scroll-viewport>\r\n\r\n        </div>\r\n\r\n    </ng-template>\r\n\r\n</div>","styles":[":host{height:40px;min-width:150px;display:-webkit-box;display:flex;border-radius:4px;border:1px solid}:host(.select-focus){outline:0}:host ::ng-deep span.label{padding:0 16px 0 8px;white-space:nowrap;background:#f5f7fb;color:#4a5978;font-family:OpenSans-Semibold;font-size:14px}:host ::ng-deep .dropdown{height:100%;width:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;overflow:hidden}:host ::ng-deep .selected-item{text-overflow:ellipsis;overflow:hidden;padding-right:10px}:host ::ng-deep input{border:none;width:90%;font-family:OpenSans-Regular;font-size:14px;margin-right:5px}:host ::ng-deep input:focus{outline:0}:host ::ng-deep i{border:solid;border-width:0 2px 2px 0;padding:3px;margin-left:auto;margin-right:5px}:host ::ng-deep .arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}:host ::ng-deep .arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}:host ::ng-deep .select-trigger{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%;height:100%;min-width:90px;box-sizing:border-box;border:1px solid transparent;border-radius:0 4px 4px 0;padding:0 5px 0 8px;margin-left:auto;text-align:left;cursor:pointer;white-space:nowrap;background-color:#fff;color:#000;font-family:OpenSans-Regular;font-size:14px}:host ::ng-deep .select-trigger:focus{outline:0}:host ::ng-deep .select-trigger span{display:inline-block;width:90%}.option{overflow:hidden;text-overflow:ellipsis}.select-menu{text-align:left;list-style:none;overflow-x:hidden;margin-top:-2px;margin-left:1px;border:1px solid;border-top:0;border-radius:0 0 4px 4px;box-shadow:0 4px 5px -3px rgba(0,0,0,.2),0 4px 5px -3px rgba(0,0,0,.2)}.select-menu-inner{max-height:128px}.select-menu-inner::-webkit-scrollbar{display:none}.select-item{height:32px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 7px;cursor:pointer;white-space:nowrap;overflow:hidden}:host{background:#f2f5fa;border-color:#dadee8}:host ::ng-deep i{border-color:#2096f3}.select-menu{font-family:OpenSans-Regular;font-size:14px;color:#000;background-color:transparent;border-color:#dadee8}.select-item{font-family:OpenSans-Regular;font-size:14px;background-color:#fff}.select-item.active,.select-item:hover{background-color:#2096f3;color:#fff}.no-results-item{height:32px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 7px;font-family:OpenSans-Regular;color:#000;font-size:14px;background-color:#fff}"]}]}],"members":{"componentOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":5},"arguments":["origin",{"static":true}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"searchPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"textName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"valueName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"selectChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":5}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":5}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":82,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":82,"character":61},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":82,"character":82}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"handleClickOutside":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[autofocus]"}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":11,"character":41,"context":{"typeName":"HTMLDListElement"},"module":"./lib/common/auto-focus.directive"}]}]}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"tca-wizard","template":"<div class=\"wizard-container\">\r\n    <ng-container *ngFor=\"let step of steps; let index = index\">\r\n        <div\r\n            (click)=\"onClickStep(step)\"\r\n            class=\"step\"\r\n            [style.min-width]=\"getPixels(circleSize)\"\r\n            [style.min-height]=\"getPixels(circleSize)\"\r\n            [ngClass]=\"{\r\n                'selected-step': isSelectedStep(step),\r\n                'finished-step': stepIsDone(step)\r\n            }\">\r\n                <div class=\"step-number\"\r\n                    [ngClass]=\"{\r\n                        'selected-step-number': isSelectedStep(step),\r\n                        'finished-step-number': stepIsDone(step)\r\n                    }\">\r\n                    <span *ngIf=\"stepIsDone(step)\" [style.font-size]=\"getPixels(fontSize)\">&#10004;</span>\r\n                    <span *ngIf=\"!stepIsDone(step)\" [style.font-size]=\"getPixels(fontSize)\">{{ index + 1 }}</span>\r\n                </div>\r\n\r\n                <div\r\n                    class=\"step-name\"\r\n                    [style.width]=\"getPixels(circleSize * 4)\"\r\n                    [ngClass]=\"{\r\n                        'selected-step-name': isSelectedStep(step),\r\n                        'finished-step-name': stepIsDone(step) }\">\r\n                    {{ step.name }}\r\n                </div>\r\n        </div>\r\n        <div *ngIf=\"index !== steps.length - 1\"\r\n            class=\"line\"\r\n            [ngClass]=\"{\r\n                'finished-step-line': stepIsDone(step)\r\n            }\">\r\n        </div>\r\n    </ng-container>\r\n</div>\r\n","styles":[":host{font-family:OpenSans-Regular;font-size:14px;background:#fff}:host ::ng-deep div.wizard-container{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;padding:1em}:host ::ng-deep div.step{-webkit-box-align:center;align-items:center;border-radius:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;min-height:28px;min-width:28px;padding:1em;position:relative;background:#fff;border:3px solid #d8d8d8}:host ::ng-deep div.step-number{position:absolute;color:#a49a96;font-weight:bolder}:host ::ng-deep div.line{-webkit-box-flex:1;flex-grow:1;height:3px;min-width:25px;background-color:#d8d8d8}:host ::ng-deep div.step-name{position:absolute;text-align:center;top:112%;color:#a49a96;font-weight:bolder}:host ::ng-deep div.finished-step-line{background-color:#2096f3}:host ::ng-deep div.selected-step{background-color:#fff;border:3px solid #2096f3}:host ::ng-deep div.selected-step-name{color:#2096f3}:host ::ng-deep div.selected-step-number{background-color:#fff;color:#2096f3}:host ::ng-deep div.finished-step{background-color:#2096f3;border:3px solid #2096f3;cursor:pointer}:host ::ng-deep div.finished-step-name{color:#2096f3}:host ::ng-deep div.finished-step-number{color:#fff}"]}]}],"members":{"stepNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"circleSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"fontSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"wizardStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"getWizardStatus":[{"__symbolic":"method"}],"emitStatus":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"updateProgress":[{"__symbolic":"method"}],"goToStep":[{"__symbolic":"method"}],"isSelectedStep":[{"__symbolic":"method"}],"stepIsDone":[{"__symbolic":"method"}],"onClickStep":[{"__symbolic":"method"}],"getPixels":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"tca-toggle","template":"<button\r\n    type=\"button\"\r\n    class=\"toggle-btn\"\r\n    (click)=\"onClick()\"\r\n    [ngClass]=\"{'toggle-btn-on': model, 'toggle-btn-off': !model, 'disabled': disabled}\"\r\n    [disabled]=\"disabled\"\r\n    [attr.aria-expanded]=\"model\">\r\n</button>","styles":[":host button.toggle-btn{display:inline-block;outline:0;width:4.9em;height:2.1em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f2f5fa;border-radius:20px;padding:2px;-webkit-transition:.4s;transition:.4s;border:0 solid #e8eae9}:host button.toggle-btn.disabled{cursor:not-allowed;background:#f6f8fb}:host button.toggle-btn::after{content:\"\";height:1.84em;width:1.84em;float:left;border-radius:50%;background:#fff;box-shadow:0 7px 10px -4px rgba(0,0,0,.25);-webkit-transition:250ms ease-out;transition:250ms ease-out;position:relative;bottom:.05em}:host button.toggle-btn::before{content:\"OFF\";color:#8a8a8a;font-weight:700;float:right;font-size:1.1em;padding-top:.3em;padding-right:.3em}:host button.toggle-btn.disabled::before{color:#b9b9bb}:host button.toggle-btn.toggle-btn-on{background:#2096f3;color:#fff;text-align:left}:host button.toggle-btn.toggle-btn-on::after{float:right;bottom:.05em;position:relative;-webkit-transition:250ms ease-out;transition:250ms ease-out}:host button.toggle-btn.toggle-btn-on::before{content:\"ON\";color:#fff;float:left;padding-left:.65em}:host button.toggle-btn.toggle-btn-on:active{box-shadow:none}:host button.toggle-btn.toggle-btn-on.disabled{background-color:#a8d6fa!important}:host button.toggle-btn.toggle-btn-off{text-align:right}"]}]}],"members":{"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"tca-dropdown","template":"<button\r\n    class=\"dropdown\"\r\n    [class.active]=\"!disabled && isOpen\"\r\n    [class.disabled]=\"disabled\"\r\n    (click)=\"open(dropdown, origin)\" #origin>\r\n\r\n    <div class=\"select-trigger\" [ngClass]=\"{ active: isOpen }\">\r\n        <input *ngIf=\"!model\" value=\"{{ placeholder }}\" disabled>\r\n        <input *ngIf=\"model\" value=\"{{ model.text }}\" disabled>\r\n    </div>\r\n\r\n    <i class=\"arrow\" [ngClass]=\"{'down': !isOpen, up: isOpen}\"></i>\r\n\r\n    <ng-template #dropdown>\r\n        <div class=\"select-menu\">\r\n            <cdk-virtual-scroll-viewport itemSize=\"32\" class=\"select-menu-inner\"\r\n                [style.height.px]=\"visibleOptions * 32\">\r\n\r\n                <div *cdkVirtualFor=\"let option of options\" class=\"select-item\" [class.active]=\"isActive(option)\"\r\n                    (click)=\"select(option)\">\r\n                    <span class=\"dropdown-option\" [style.width]=\"optionWidth\" title=\"{{ option.text }}\">\r\n                        {{ option.text }}\r\n                    </span>\r\n                </div>\r\n            </cdk-virtual-scroll-viewport>\r\n        </div>\r\n    </ng-template>\r\n\r\n</button>","styles":[":host{height:40px;width:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;border-radius:4px;background:#f2f5fa}:host ::ng-deep input{border:none;outline:0;height:100%;width:100%;margin-right:10px;box-sizing:border-box;text-overflow:ellipsis;background:#f2f5fa;font-family:OpenSans-Regular;font-size:14px}:host ::ng-deep input:disabled{cursor:pointer;color:#000}:host ::ng-deep i{border:solid;border-width:0 2px 2px 0;padding:3px;margin-left:auto;margin-right:10px}:host ::ng-deep .disabled{cursor:not-allowed}:host ::ng-deep .disabled input{cursor:not-allowed;color:gray}:host ::ng-deep .arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}:host ::ng-deep .arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}:host ::ng-deep .dropdown{height:100%;width:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}span.dropdown-option{overflow:hidden;text-overflow:ellipsis}.select-trigger{width:100%;padding-right:16px}.select-menu-inner{max-height:128px}.select-menu-inner::-webkit-scrollbar{display:none}.select-item{height:32px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 7px;cursor:pointer;font-family:OpenSans-Regular;font-size:14px;background-color:#f2f5fa}:host ::ng-deep button{background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:0;padding-top:3px;border-bottom:3px solid #00000000;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}:host ::ng-deep button:focus{border-bottom:3px solid #2096f3;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}:host ::ng-deep button.active{border-bottom:3px solid #2096f3;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}:host ::ng-deep button.disabled{border-bottom:3px solid #00000000}:host ::ng-deep i{border-color:#2096f3}:host ::ng-deep .select-trigger{color:#000;font-family:OpenSans-Regular;font-size:14px;margin-left:10px}:host ::ng-deep .disabled i{border-color:gray}.select-menu{white-space:nowrap;font-family:OpenSans-Regular;font-size:14px;color:#000;background-color:#f2f5fa;border-color:#dadee8;overflow:hidden;box-shadow:0 4px 4px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1)}.select-item:hover{background-color:#dfeffd;color:#2096f3}.select-item.active{background-color:#2096f3;color:#fff}"]}]}],"members":{"componentOrigin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":["origin",{"static":true}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"selectChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":43,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":44,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"handleClickOutside":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"tca-dnd-upload","template":"<div class=\"dnd-upload-wrapper\" tcaDragAndDrop\r\n    [ngClass]=\"{'disabled': disabled}\"\r\n    (filesChangeEmiter)=\"onValidFilesChange($event)\"\r\n    (invalidFilesChangeEmiter)=\"onInvalidFilesChange($event)\"\r\n    [allowedExtensions]=\"allowedExtensions\">\r\n    <div class=\"header\">\r\n        <input #inputUpload\r\n            id=\"inputUpload-{{ guid }}\"\r\n            style=\"display: none;\"\r\n            type=\"file\"\r\n            name=\"inputUpload-{{ guid }}\"\r\n            (change)=\"onInputUpload($event)\"\r\n            [multiple]=\"maxItems > 1\"\r\n            [disabled]=\"disabled\">\r\n\r\n        <span>{{ uploadMessageFirst }} <a href=\"#\"><label [style.cursor]=\"disabled ? 'not-allowed' : 'pointer'\" for=\"inputUpload-{{ guid }}\"><u>{{ uploadMessageHere }}</u></label></a> {{ uploadMessageLast }}</span>\r\n    </div>\r\n    <div class=\"gallery\">\r\n        <div class=\"viewport\" [style.height]=\"viewportHeight\" *ngIf=\"model && model.length !== 0\">\r\n            <!-- List all the uploaded files (files with a url) -->\r\n            <ng-container *ngFor=\"let item of uploadedFiles\">\r\n                <div class=\"item-wrapper\">\r\n                    <div class=\"item\" [style.max-width]=\"imageWidth\">\r\n                        <div class=\"image\" [ngClass]=\"{'disabled': disabled}\"\r\n                            [style.height]=\"imageHeight\" [style.max-width]=\"imageWidth\">\r\n                            <img src=\"{{ item.url }}\" alt=\"{{ getItemFilename(item) }}\" (click)=\"openPreview(item)\">\r\n                        </div>\r\n                        <div class=\"info\">\r\n                            <div class=\"filename\">{{ getItemFilename(item) | truncate : 25 }}</div>\r\n                            <div class=\"actions\">\r\n                                <a *ngIf=\"deleteIcon === ''\" class=\"delete\" (click)=\"onClickDelete(item)\" [style.cursor]=\"disabled ? 'not-allowed' : 'pointer'\" >X</a>\r\n                                <a *ngIf=\"deleteIcon !== ''\" class=\"delete\" (click)=\"onClickDelete(item)\" [style.cursor]=\"disabled ? 'not-allowed' : 'pointer'\">\r\n                                    <img src=\"{{ deleteIcon }}\" alt=\"Remove\">\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n            <!-- List all the files to upload (files without a url) -->\r\n            <ng-container *ngFor=\"let item of filesToUpload\">\r\n                <div class=\"item-wrapper\">\r\n                    <div class=\"item\" [style.max-width]=\"imageWidth\">\r\n                        <div class=\"image\" [ngClass]=\"{'disabled': disabled}\"\r\n                            [style.height]=\"imageHeight\" [style.max-width]=\"imageWidth\">\r\n                            <img src=\"{{ item.blob }}\" alt=\"{{ getItemFilename(item) }}\" (click)=\"openPreview(item)\">\r\n                        </div>\r\n                        <div class=\"info\">\r\n                            <div class=\"filename\">{{ getItemFilename(item) | truncate : 25 }}</div>\r\n                            <div class=\"actions\" [ngClass]=\"{'disabled': disabled}\">\r\n                                <a *ngIf=\"deleteIcon === ''\" class=\"delete\" (click)=\"onClickDelete(item)\" [style.cursor]=\"disabled ? 'not-allowed' : 'pointer'\" >X</a>\r\n                                <a *ngIf=\"deleteIcon !== ''\" class=\"delete\" (click)=\"onClickDelete(item)\" [style.cursor]=\"disabled ? 'not-allowed' : 'pointer'\" >\r\n                                    <img src=\"{{ deleteIcon }}\" alt=\"Remove\">\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n\r\n        </div>\r\n\r\n        <div class=\"placeholder\" [style.height]=\"viewportHeight\" *ngIf=\"model && model.length === 0\">\r\n            <p>\r\n                {{ noImagesMessage }}\r\n            </p>\r\n        </div>\r\n    </div>\r\n</div>","styles":[":host{display:block;font-family:OpenSans-Regular;font-size:14px}:host ::ng-deep div.dnd-upload-wrapper.disabled{opacity:.8;cursor:not-allowed}:host ::ng-deep a.delete.disabled{cursor:not-allowed}:host ::ng-deep div.header{text-align:center;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #b4c0d4;color:#333842;font-weight:700}:host ::ng-deep div.gallery{padding:0 10px 10px}:host ::ng-deep div.gallery .viewport{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:start;align-items:flex-start;-webkit-box-flex:1;flex:1 1 30%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;width:100%;overflow:auto;-webkit-box-pack:justify;justify-content:space-between}:host ::ng-deep div.gallery .viewport::after{display:inline-block;margin:10px;content:\"\";-webkit-box-flex:1;flex:1 1 30%}:host ::ng-deep div.gallery .placeholder{width:100%;position:relative}:host ::ng-deep div.gallery .placeholder p{margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#b4c0d4;font-weight:700;font-size:18px}:host ::ng-deep div.gallery .item-wrapper{display:inline-block;margin:10px;-webkit-box-flex:1;flex:1 1 30%;overflow:hidden}:host ::ng-deep div.gallery .item-wrapper .item{border-radius:5px;padding:6px;background:#fff}:host ::ng-deep div.gallery .item-wrapper .item .image{cursor:pointer;overflow:hidden}:host ::ng-deep div.gallery .item-wrapper .item .image.disabled{cursor:not-allowed}:host ::ng-deep div.gallery .item-wrapper .item .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}:host ::ng-deep div.gallery .item-wrapper .item .info{padding-top:5px;padding-bottom:5px}:host ::ng-deep div.gallery .item-wrapper .item .info .filename{display:inline-block;max-width:85%;max-height:20px;overflow:hidden;word-break:break-all;padding-left:.2em}:host ::ng-deep div.gallery .item-wrapper .item .info .actions{display:inline;float:right;padding-right:.2em}:host ::ng-deep div.gallery .item-wrapper .item .info .actions img{width:15px;height:15px;padding-top:20%}:host ::ng-deep div.dnd-upload-wrapper{background:left top/15px 2px repeat-x,left bottom/15px 2px repeat-x,left top/2px 15px repeat-y,right top/2px 15px repeat-y #f2f5fa;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#b4c0d4),color-stop(50%,transparent)),-webkit-gradient(linear,left top,right top,color-stop(50%,#b4c0d4),color-stop(50%,transparent)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#b4c0d4),color-stop(50%,transparent)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#b4c0d4),color-stop(50%,transparent));background-image:linear-gradient(to right,#b4c0d4 50%,transparent 50%),linear-gradient(to right,#b4c0d4 50%,transparent 50%),linear-gradient(to bottom,#b4c0d4 50%,transparent 50%),linear-gradient(to bottom,#b4c0d4 50%,transparent 50%);border-radius:10px}:host ::ng-deep div.header a{color:#333842}:host ::ng-deep div.gallery .item-wrapper .item .info .actions a{text-decoration:none;cursor:pointer}:host ::ng-deep div.gallery .item-wrapper .item .info .actions a.delete{color:#d34d5e}"]}]}],"members":{"inputUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":10,"character":3},"arguments":["inputUpload",null]}]}],"viewportHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"imageHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"imageWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"deleteIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"allowedExtensions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"maxItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"language":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"invalidFileChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getItemFilename":[{"__symbolic":"method"}],"onValidFilesChange":[{"__symbolic":"method"}],"onInvalidFilesChange":[{"__symbolic":"method"}],"onClickDelete":[{"__symbolic":"method"}],"onInputUpload":[{"__symbolic":"method"}],"deleteAll":[{"__symbolic":"method"}],"openPreview":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[tcaDragAndDrop]"}]}],"members":{"allowedExtensions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"filesChangeEmiter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":8,"character":3}}]}],"invalidFilesChangeEmiter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}],"background":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":14,"character":3},"arguments":["style.background-color"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":18,"character":3},"arguments":["dragover",["$event"]]}]}],"onDragLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":25,"character":3},"arguments":["dragleave",["$event"]]}]}],"onDrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":32,"character":3},"arguments":["drop",["$event"]]}]}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"tca-input-button","template":"<ng-content></ng-content>\r\n<input class=\"input-image\" type=\"image\" [disabled]=\"disabled\" src=\"{{ btnImg }}\" (click)=\"onClickButton()\">","styles":[":host{display:-webkit-box;display:flex}:host ::ng-deep input.input-image{padding-left:10px;padding-right:10px;height:40px}:host ::ng-deep input.input-image:focus{outline:0}:host ::ng-deep input.input-image:disabled{opacity:.5}"]}]}],"members":{"btnImg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"buttonClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClickButton":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"text-toggle","template":"<div [ngClass]=\"{'selected': leftSelection, 'disabled': disabled}\" (click)=\"toggle('left')\">{{ left }}</div>\r\n<div [ngClass]=\"{'selected': rightSelection, 'disabled': disabled}\" (click)=\"toggle('right')\"> {{ right }}</div>","styles":[":host{display:-webkit-box;display:flex;text-align:center;width:100%;height:40px;border-radius:4px;border:2px solid #2096f3;box-sizing:border-box;background:#f2f5fa;font-family:OpenSans-Semibold;font-size:14px}:host ::ng-deep div{height:100%;width:calc(50%);padding:7px 0;box-sizing:border-box;cursor:pointer}:host ::ng-deep div.selected{background:#2096f3;color:#fff}:host ::ng-deep div.disabled{cursor:not-allowed;color:#b9b9bb}:host ::ng-deep div.selected.disabled{background-color:#a8d6fa;color:#fff}"]}]}],"members":{"styleBorderColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["style.border-color"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"tca-pagination","template":"<span class=\"status\" *ngIf=\"showStatus\">\r\n    {{ statusShowingText }} {{ currentPageLowerLimit }} - {{ currentPageUpperLimit }} {{ statusOfText }} {{ collectionSize }}\r\n</span>\r\n<ul class=\"pagination\">\r\n    <div class=\"pagination-block button\">\r\n        <li class=\"page-item\" [class.disabled]=\"isFirstPage(page) || collectionSize === 0\">\r\n            <a routerLink=\"\" (click)=\"onClickFirst()\"><span class=\"page-link\">{{ firstText }}</span></a>\r\n        </li>\r\n    </div>\r\n\r\n    <div class=\"pagination-block page-items\">\r\n        <li class=\"page-item arrow\" [class.disabled]=\"isFirstPage(page) || collectionSize === 0\" (click)=\"onClickPrevious()\">\r\n            <a routerLink=\"\"><span class=\"page-link\">&#9664;</span></a>\r\n        </li>\r\n\r\n        <li *ngFor=\"let page of pageArray\" class=\"page-item\" [class.active]=\"isActive(page)\" [class.disabled]=\"page === 0 || collectionSize === 0\">\r\n            <a *ngIf=\"page !== 0\" routerLink=\"\" (click)=\"onClickPage(page)\"><span class=\"page-link\">{{ page }}</span></a>\r\n            <span *ngIf=\"page === 0\" class=\"page-link disabled\">&#8230;</span>\r\n        </li>\r\n\r\n        <li class=\"page-item arrow last-item\" [class.disabled]=\"isLastPage(page) || collectionSize === 0\">\r\n            <a routerLink=\"\" (click)=\"onClickNext()\"><span class=\"page-link\">&#9654;</span></a>\r\n        </li>\r\n    </div>\r\n\r\n    <div class=\"pagination-block button\">\r\n        <li class=\"page-item\" [class.disabled]=\"isLastPage(page) || collectionSize === 0\">\r\n            <a routerLink=\"\" (click)=\"onClickLast()\"><span class=\"page-link\">{{ lastText }}</span></a>\r\n        </li>\r\n    </div>\r\n</ul>\r\n","styles":[":host{display:-webkit-box;display:flex;flex-wrap:wrap;font-family:OpenSans-Semibold;font-size:14px}:host ::ng-deep span.status{-ms-grid-row-align:center;align-self:center}:host ::ng-deep ul.pagination{list-style-type:none;-webkit-padding-start:0;padding-inline-start:0}:host ::ng-deep div.pagination-block{display:-webkit-inline-box;display:inline-flex;background-color:#f9f9f9;border:1px solid #d7d7d7;border-radius:5px}:host ::ng-deep div.pagination-block.button{margin-left:10px;margin-right:10px;color:#37a5f4}@media screen and (max-width:580px){:host ::ng-deep div.pagination-block.button{margin:0 1px}}:host ::ng-deep li.page-item{float:left;text-align:center;cursor:pointer;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}:host ::ng-deep li.page-item span{padding:14px;line-height:36px}:host ::ng-deep div.pagination-block.page-items li{border-right:1px solid #d7d7d7}:host ::ng-deep div.pagination-block.page-items li.last-item{border:none}:host ::ng-deep li.page-item:hover{background-color:#dfeffd;color:#2196f3;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}:host ::ng-deep li.page-item.arrow{color:#2196f3}:host ::ng-deep li.page-item.active{color:#fff;background-color:#2196f3}:host ::ng-deep li.page-item.disabled{color:#a9aba9;background-color:#f9f9f9;cursor:auto}"]}]}],"members":{"stepSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"delta":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"firstText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"lastText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"showStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"statusShowingText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"statusOfText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"pageChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"collectionSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"isFirstPage":[{"__symbolic":"method"}],"isLastPage":[{"__symbolic":"method"}],"onClickFirst":[{"__symbolic":"method"}],"onClickLast":[{"__symbolic":"method"}],"onClickNext":[{"__symbolic":"method"}],"onClickPrevious":[{"__symbolic":"method"}],"onClickPage":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"truncate"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"tca-toast","animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵo"},"member":"fadeToast"}],"template":"<div class=\"toast\"\r\n    [@fadeAnimation]=\"{\r\n        value: animationState, params: {\r\n            fadeIn: toastConfig.animation.fadeIn,\r\n            fadeOut: toastConfig.animation.fadeOut\r\n        }\r\n    }\"\r\n    (@fadeAnimation.done)=\"onFadeFinished($event)\"\r\n    [style.backgroundColor]=\"backgroundColor\">\r\n        <div class=\"icon-wrapper\">\r\n            <img class=\"icon\" src=\"{{ data.icon }}\">\r\n        </div>\r\n\r\n        <div class=\"text-wrapper\">\r\n            <span class=\"text\" [style.color]=\"textColor\">{{ data.text }}</span>\r\n        </div>\r\n\r\n        <span class=\"close-button\" [style.color]=\"textColor\" (click)=\"close()\">&times;</span>\r\n</div>\r\n","styles":[":host{font-family:OpenSans-Regular;font-size:14px}.toast{position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:left;justify-content:left;-webkit-box-align:center;align-items:center;margin-bottom:20px;padding:4px;width:320px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.11)}.toast .icon{height:35px;padding-top:25px;padding-bottom:25px;padding-left:20px}.toast .text-wrapper{padding:16px;word-wrap:break-word;overflow:hidden}.toast .close-button{position:absolute;padding-right:5px;font-size:16px;cursor:pointer;top:3px;right:10px}.toast .close-button,.toast .text{color:#000}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"onFadeFinished":[{"__symbolic":"method"}]}},"ɵo":{"fadeToast":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":5,"character":15},"arguments":["fadeAnimation",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":6,"character":8},"arguments":["default",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":6,"character":25},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":7,"character":8},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":7,"character":33},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":7,"character":56},"arguments":["{{ fadeIn }}ms"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":8,"character":8},"arguments":["default => closing",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":10,"character":12},"arguments":["{{ fadeOut }}ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":39},"arguments":[{"opacity":0}]}]}]}]]}},"ɵp":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"ɵq":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":3,"character":42}]}],"close":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}],"getPosition":[{"__symbolic":"method"}]}}},"origins":{"TCAAngularCoreService":"./lib/tca-angular-core.service","TCAAngularCoreComponent":"./lib/tca-angular-core.component","TCAAngularCoreModule":"./lib/tca-angular-core.module","ToastService":"./lib/toast/toast.service","ɵa":"./lib/icon-input/icon-input.component","ɵb":"./lib/common/input-ref.directive","ɵc":"./lib/label-select/label-select.component","ɵd":"./lib/common/auto-focus.directive","ɵe":"./lib/wizard/wizard.component","ɵf":"./lib/toggle/toggle.component","ɵg":"./lib/dropdown/dropdown.component","ɵh":"./lib/dnd-upload/dnd-upload.component","ɵi":"./lib/common/dnd-upload.directive","ɵj":"./lib/input-button/input-button.component","ɵk":"./lib/text-toggle/text-toggle.component","ɵl":"./lib/pagination/pagination.component","ɵm":"./lib/common/truncate.pipe","ɵn":"./lib/toast/toast.component","ɵo":"./lib/toast/toast-animation","ɵp":"./lib/toast/toast-data","ɵq":"./lib/toast/toast-ref"},"importAs":"tca-ng-core"}