!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/forms"),require("@angular/router"),require("@angular/cdk/clipboard"),require("@angular/cdk/a11y"),require("@angular/cdk/portal"),require("@angular/cdk/scrolling"),require("@angular/cdk/overlay"),require("@angular/common"),require("primeng/inputtextarea"),require("primeng/editor"),require("primeng/dropdown"),require("primeng/inputtext"),require("primeng/inputnumber"),require("primeng/button"),require("primeng/tooltip"),require("primeng/fileupload"),require("@angular/common/http"),require("primeng/table")):"function"==typeof define&&define.amd?define("ibd-angular-components",["exports","@angular/core","@angular/forms","@angular/router","@angular/cdk/clipboard","@angular/cdk/a11y","@angular/cdk/portal","@angular/cdk/scrolling","@angular/cdk/overlay","@angular/common","primeng/inputtextarea","primeng/editor","primeng/dropdown","primeng/inputtext","primeng/inputnumber","primeng/button","primeng/tooltip","primeng/fileupload","@angular/common/http","primeng/table"],e):e((t=t||self)["ibd-angular-components"]={},t.ng.core,t.ng.forms,t.ng.router,t.ng.cdk.clipboard,t.ng.cdk.a11y,t.ng.cdk.portal,t.ng.cdk.scrolling,t.ng.cdk.overlay,t.ng.common,t.inputtextarea,t.editor,t.dropdown,t.inputtext,t.inputnumber,t.button,t.tooltip,t.fileupload,t.ng.common.http,t.table)}(this,(function(t,e,i,o,n,r,s,a,l,c,p,d,u,f,m,h,_,b,g,x){"use strict";var v=function(){};v.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new v},token:v,providedIn:"root"}),v.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],v.ctorParameters=function(){return[]};var y=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();y.decorators=[{type:e.Component,args:[{selector:"ibdc-ibd-angular-components",template:"\n    <p>\n      ibd-angular-components works!\n    </p>\n  "}]}],y.ctorParameters=function(){return[]};Object.create;function w(t){var e="function"==typeof Symbol&&Symbol.iterator,i=e&&t[e],o=0;if(i)return i.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function k(t,e){var i="function"==typeof Symbol&&t[Symbol.iterator];if(!i)return t;var o,n,r=i.call(t),s=[];try{for(;(void 0===e||e-- >0)&&!(o=r.next()).done;)s.push(o.value)}catch(t){n={error:t}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(n)throw n.error}}return s}function I(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(k(arguments[e]));return t}Object.create;var S=function(){function t(t){this.router=t,this.searchText="",this.oneDate=!1,this.selectList=[],this.fieldSelector={class:"hide_field_selector",value:"244242424",name:""},this.currentRoute=this.router.routerState.snapshot.url}return t.prototype.ngOnInit=function(){this.searchText=this.options.initialSearchText?this.options.initialSearchText:this.searchText,this.consumeService(),this.selectInput=new i.FormControl(this.options.form.value[this.options.formControlId],[i.Validators.required]),this.setValue(null)},t.prototype.validateIfIsOnlyOneDateToSelect=function(){1==this.selectList.length&&(this.oneDate=!0,this.fieldSelector.name=this.selectList[0][this.options.selectItemName],this.options.form.controls[this.options.formControlId].setValue(this.selectList[0][this.options.selectItemId]),this.options.formControlName&&this.options.form.controls[this.options.formControlName].setValue(this.selectList[0][this.options.selectItemName]))},t.prototype.findAndChangeFieldSelectorName=function(){var t,e=this;this.options.form.value[this.options.formControlId]&&(this.fieldSelector.name=null===(t=this.selectList)||void 0===t?void 0:t.find((function(t){return t[e.options.selectItemId].toString()==e.options.form.value[e.options.formControlId]})),this.fieldSelector.name?this.fieldSelector.name=this.fieldSelector.name[this.options.selectItemName]:this.fieldSelector.name="")},t.prototype.setValue=function(t){t&&this.options.formControlName&&this.options.form.controls[this.options.formControlName].setValue(t.source.triggerValue),this.options.form.controls[this.options.formControlId].setValue(this.selectInput.value)},t.prototype.disableOption=function(t){var e,i;if(!this.options.toDisableList)return!1;try{for(var o=w(this.options.toDisableList),n=o.next();!n.done;n=o.next()){var r=n.value;if(t[this.options.selectItemId]==r[this.options.selectItemId])return!0}}catch(t){e={error:t}}finally{try{n&&!n.done&&(i=o.return)&&i.call(o)}finally{if(e)throw e.error}}},t.prototype.consumeService=function(){var t=this;this.options.service&&!this.options.selectList?this.options.service.serviceTS[this.options.service.functionName](this.options.service.functionfirstParam).subscribe((function(e){t.selectList=e,t.options.service.objectName&&t.options.service.objectName.map((function(e){return t.selectList=t.selectList[e]})),t.findAndChangeFieldSelectorName(),t.validateIfIsOnlyOneDateToSelect()})):(this.selectList=this.options.selectList,this.findAndChangeFieldSelectorName(),this.validateIfIsOnlyOneDateToSelect())},t.prototype.writtenInSearchField=function(){},t.prototype.activeCurrentOption=function(t){var e,i=this;return this.options.form.get(this.options.formControlId).value==t[this.options.selectItemId]&&this.selectList&&(e=this.selectList.find((function(e){return e[i.options.formControlId]==t[i.options.selectItemId]}))),!!e},t.prototype.onSelectOption=function(t,e){var i,o;this.options.form.get(this.options.formControlId).value==t[this.options.selectItemId]?((null===(i=this.options)||void 0===i?void 0:i.formControlName)&&this.options.form.controls[this.options.formControlName].setValue(null),this.options.form.controls[this.options.formControlId].setValue(null),this.fieldSelector.name=""):((null===(o=this.options)||void 0===o?void 0:o.formControlName)&&this.options.form.controls[this.options.formControlName].setValue(t[this.options.selectItemName]),this.options.form.controls[this.options.formControlId].setValue(t[this.options.selectItemId]),this.fieldSelector.name=t[this.options.selectItemName]),this.closeSelect(e)},t.prototype.closeSelect=function(t){t.blur()},t}();S.decorators=[{type:e.Component,args:[{selector:"ibdc-select",template:'<span [ngSwitch]="this.options.readOnlyVariable">\r\n    <div *ngSwitchCase="true">\r\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span\r\n                class="ibdc_asterisk">* </span></p>\r\n        <p class="description_field">{{this.fieldSelector.name||\'Not available\'}}</p>\r\n        <br>\r\n    </div>\r\n\r\n    <div *ngSwitchDefault>\r\n\r\n        <div [ngSwitch]="this.oneDate">\r\n            <div class="manual_select" *ngSwitchCase="true">\r\n                <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span\r\n                        class="ibdc_asterisk">* </span></p>\r\n                <p *ngIf="options.description" class="description_field"><i>{{options.description}}</i>\r\n                </p>\r\n                <div class="custom_select_field_block" style="background-color: rgb(236, 235, 235);">\r\n                    <div class="custom_select_field_value" [ngClass]="{\'unselected\': !fieldSelector.name}" >{{fieldSelector.name || \'Unselected\'}}</div>\r\n                    \x3c!-- <span class="material-icons">arrow_drop_down</span> --\x3e\r\n                </div>\r\n            </div>\r\n            <a class="manual_select" #focusElement [routerLink]="currentRoute" *ngSwitchCase="false">\r\n                <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span\r\n                        class="ibdc_asterisk">* </span></p>\r\n                <p *ngIf="options.description" class="description_field"><i>{{options.description}}</i>\r\n                </p>\r\n                <div class="custom_select_field openSelectInput">\r\n                    <div class="custom_select_field_value" [ngClass]="{\'unselected\': !fieldSelector.name}" >{{fieldSelector.name || \'Unselected\'}}</div>\r\n                    <span class="material-icons">arrow_drop_down</span>\r\n                </div>\r\n                <div class="custom_select_field closeSelectInput" (click)="closeSelect(focusElement)">\r\n                    <div class="custom_select_field_value" [ngClass]="{\'unselected\': !fieldSelector.name}" >{{fieldSelector.name || \'Unselected\'}}</div>\r\n                    <span class="material-icons">arrow_drop_down</span>\r\n                </div>\r\n                <div class="field_selector {{fieldSelector.class}}">\r\n    \r\n                    <div type="button" span-button class="field_selector_close_button" (click)="closeSelect(focusElement)">\r\n                        <span class="material-icons">close</span>\r\n                    </div>\r\n                    <div class="field_selector_search">\r\n                        <input type="text" [(ngModel)]="searchText"\r\n                            (ngModelChange)="options.frontendSearchAttribute ? writtenInSearchField() : consumeService()">\r\n                    </div>\r\n                    <div class="field_selector_list">\r\n                        <cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">\r\n                            <div class="select_option" [style.pointerEvents]="disableOption(option)?\'none\':\'all\'"\r\n                                *cdkVirtualFor="let option of options.frontendSearchAttribute?(selectList | selectFilter:searchText:options.frontendSearchAttribute | sortAlphabetically:this.options?.selectItemName):selectList"\r\n                                (click)="onSelectOption(option,focusElement)">\r\n                                <span class="material-icons" aria-hidden="false" color="primary" [style.color]="activeCurrentOption(option)?\'green\':\'#3d3d3d\'">\r\n                                    {{activeCurrentOption(option)?\'radio_button_checked\':\'radio_button_unchecked\'}}</span>\r\n                                <span [style.marginLeft.px]="25" [style.color]="disableOption(option)?\'#8f8f8f\':option.disabled?\'gray\':activeCurrentOption(option)?\'green\':\'#3d3d3d\'">{{option[options.selectItemName]}}</span>\r\n                            </div>\r\n                        </cdk-virtual-scroll-viewport>\r\n                    </div>\r\n                </div>\r\n            </a>\r\n        </div>\r\n\r\n\r\n        <br>\r\n\r\n    </div>\r\n</span>',styles:[".center_flex{align-items:center;display:flex;justify-content:center}.input_title{margin:0 0 5px}.description_field{color:#666;font-size:.9rem;font-style:italic;margin-bottom:0}mat-form-field{width:100%}.manual_select{border:1px solid #fff;position:relative}.manual_select .field_selector{height:0;opacity:0}.manual_select .openSelectInput{display:flex}.manual_select .closeSelectInput{display:none}.manual_select:focus-within .openSelectInput{display:none!important}.manual_select:focus-within .closeSelectInput{display:flex!important}.manual_select:focus-within .field_selector{height:320px!important;opacity:1!important;padding:10px!important;width:auto}.big_button_outside{background-color:rgba(83,83,83,.336);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:90}.custom_select_field_value{color:#5a5a5a}.unselected{color:#919191!important}.field_selector{background-color:#fff;border-radius:10px;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);margin-top:5px;overflow:hidden;position:relative;transition:all .2s ease;width:auto}.field_selector_close_button{margin:10px 10px 0 0;position:absolute;right:0;top:0}.field_selector_close_button .material-icons{color:#e63b3b}.field_selector_search{margin-top:5px}.field_selector_search input{border:1px solid #cfcfcf;border-radius:100px;color:#585858;height:25px;outline:none;padding-left:10px;width:80%}.field_selector_list{margin:10px 0}.select_option{cursor:pointer;padding:15px 10px;transition:all .3s ease;width:auto}.select_option:hover{background-color:#f7f7f7;border-radius:8px;transition:all .3s ease}.select_option .material-icons{left:0;margin-left:5px;position:absolute}.mat-form-field-cont{position:relative}.mat-form-field-cont .block_select{background-color:hsla(0,0%,100%,0);height:57px;position:absolute;top:0;width:100%;z-index:100}.custom_select_field_block{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px 3px;width:auto}.custom_select_field_block .material-icons{color:#9c9c9c}.custom_select_field{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px 3px;width:auto}.custom_select_field .material-icons{color:#9c9c9c}.custom_select_field:hover{border-color:#2196f3}.custom_select_field:focus{border-color:#2196f3;box-shadow:0 0 0 .2rem #a6d5fa;outline:0 none;outline-offset:0}.example-viewport{height:250px;width:auto}.example-viewport::-webkit-scrollbar{border-radius:30px;width:10px}.example-viewport::-webkit-scrollbar-track{background:#f1f1f1;border-radius:30px}.example-viewport::-webkit-scrollbar-thumb{background:#025c7a;border-radius:30px}.example-viewport::-webkit-scrollbar-thumb:hover{background:#014d66;border-radius:30px}"]}]}],S.ctorParameters=function(){return[{type:o.Router}]},S.propDecorators={options:[{type:e.Input}]};var C=function(){function t(t){this.clipboard=t}return t.prototype.ngOnInit=function(){this.textareaInput=new i.FormControl(this.options.form.value[this.options.formControlName]?this.options.form.value[this.options.formControlName]:""),this.setValue()},t.prototype.ngAfterViewInit=function(){var t=this;$(".ql-editor").bind("paste",(function(e){var i=e.originalEvent.clipboardData.getData("Text");t.clipboard.copy(i.replace(/(<(\/?p)>)|(&nbsp;)/gi," ").replace(/(<([^>]+)>)/gi,""))}))},t.prototype.setValue=function(){this.options.form.controls[this.options.formControlName].setValue(this.textareaInput.value)},t}();C.decorators=[{type:e.Component,args:[{selector:"ibdc-textarea",template:'<div [ngSwitch]="this.options.readOnlyVariable" style="margin-bottom: 10px;">\r\n\r\n\r\n    <div *ngSwitchCase="true">\r\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span class="ibdc_asterisk">* </span></p>\r\n        <p *ngIf="this.options.editText" [innerHtml]="options.form.value[options.formControlName]||\'Not available\'" class="description_field"></p>\r\n        <p *ngIf="!this.options.editText"  class="description_field">{{options.form.value[options.formControlName]||\'Not available\'}}</p>\r\n\r\n        <br>\r\n    </div>\r\n\r\n    <div *ngSwitchDefault>\r\n\r\n        <div [ngSwitch]="options.editText">\r\n\r\n        <div *ngSwitchCase="true">\r\n          <div class="ta_container">\r\n           <div class="texts_container ibdc_green_gradient">\r\n            <p class="input_title"><strong>{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n            <p *ngIf="options.description" class="description_field">{{options.description}}</p>\r\n           </div>\r\n\r\n            <p-editor class="editorr"  [formControl]="textareaInput" (ngModelChange)="setValue()" [style]="{\'height\':\'150px\'}">\r\n                <p-header>\r\n                  <span class="ql-formats">\r\n                    <button class="ql-bold"></button>\r\n                    <button class="ql-italic"></button>\r\n                    <button class="ql-link"></button>\r\n                  </span>\r\n                </p-header>\r\n              </p-editor>\r\n              <ibdc-word-counter *ngIf="this.options.maxWords" [form]="this.options.form" [formControlNameInput]="this.options.formControlName" [maxWords]="this.options.maxWords"></ibdc-word-counter>\r\n            <br>\r\n          </div>\r\n        </div>\r\n\r\n        <div *ngSwitchDefault class="normal_textarea">\r\n            <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n            <p *ngIf="options.description" class="description_field" style="margin-bottom: 8px;">{{options.description}}</p>\r\n            <textarea #textAreaValue  [formControl]="textareaInput" (ngModelChange)="setValue()" class="prime_textarea" [rows]="options.initialParagraphs?options.initialParagraphs:3" [cols]="30" pInputTextarea autoResize="autoResize"></textarea>\r\n            <ibdc-word-counter *ngIf="this.options.maxWords" [form]="this.options.form" [formControlNameInput]="this.options.formControlName" [maxWords]="this.options.maxWords"></ibdc-word-counter>\r\n        </div>\r\n        \r\n        </div>\r\n    </div>\r\n\r\n</div>\r\n\r\n\r\n\r\n\r\n',styles:[".center_flex{align-items:center;display:flex;justify-content:center}.input_title{margin:0 0 5px}.description_field{color:#666;font-size:.9rem;font-style:italic;margin-bottom:0}.prime_textarea,mat-form-field{width:100%}.description_field{margin-bottom:8px}.normal_textarea{margin-bottom:10px;margin-top:0}.ta_container{border:3px solid #5bbd93;border-radius:10px;box-shadow:0 10px 10px hsla(0,0%,66.7%,.18823529411764706),0 6px 6px hsla(0,0%,66.7%,.18823529411764706);box-sizing:border-box;overflow:hidden}.ta_container .texts_container{padding-bottom:5px}.ta_container .texts_container .input_title{color:#fff;font-weight:500;margin:0;padding:10px}.ta_container .texts_container .description_field{background-color:#83cba5;border-radius:10px;color:#fff;font-weight:500;margin:0 3px;padding:10px}"]}]}],C.ctorParameters=function(){return[{type:n.Clipboard}]},C.propDecorators={options:[{type:e.Input}],txtArea:[{type:e.ViewChild,args:["textAreaValue"]}]};var L=function(){function t(t){this.router=t,this.searchText="",this.unselect=new e.EventEmitter,this.selectList=[],this.fieldSelector={class:"hide_field_selector",value:"244242424",name:""},this.currentRoute=this.router.routerState.snapshot.url}return t.prototype.ngOnInit=function(){this.searchText=this.options.initialSearchText?this.options.initialSearchText:this.searchText,this.consumeService()},t.prototype.countOnlyNoDelete=function(t){var e,i,o=0;try{for(var n=w(t),r=n.next();!r.done;r=n.next()){var s=r.value;s.hasOwnProperty("active")?1==s.active&&o++:o++}}catch(t){e={error:t}}finally{try{r&&!r.done&&(i=n.return)&&i.call(n)}finally{if(e)throw e.error}}return o},t.prototype.consumeService=function(){var t=this;this.options.service&&!this.options.selectList?this.options.service.serviceTS[this.options.service.functionName]("todo").subscribe((function(e){t.selectList=e,t.options.service.objectName&&t.options.service.objectName.map((function(e){return t.selectList=t.selectList[e]})),t.mapSavedList()})):(this.selectList=this.options.selectList,this.mapSavedList())},t.prototype.closeSelect=function(t){t.blur()},t.prototype.mapSavedList=function(){var t=this;this.options.savedList.list.map((function(e){var i=t.selectList.find((function(i){return i[t.options.selectItemId]==e[t.options.savedList.selectItemId]}));i&&(i.selected=!0)}))},t.prototype.mapDisableList=function(){var t=this;this.options.savedList.listToDisableElements&&this.options.savedList.listToDisableElements.map((function(e){var i=t.selectList.find((function(i){return i[t.options.selectItemId]==e[t.options.savedList.selectItemId]}));i&&(i.disabled=!0)}))},t.prototype.writtenInSearchField=function(){},t.prototype.onSelectOption=function(t,e){var i=this,o=this.options.savedList.list.find((function(e){return e[i.options.savedList.selectItemId]==t[i.options.selectItemId]})),n=this.options.savedList.list.findIndex((function(e){return e[i.options.savedList.selectItemId]==t[i.options.selectItemId]}));t.selected=!t.selected,t.selected?o?o.active=!0:this.options.savedList.list.push(t):o&&(o[this.options.savedList.idToSave]?o.active=!1:this.options.savedList.list.splice(n,1),this.unselect.emit(t)),this.closeSelect(e)},t}();L.decorators=[{type:e.Component,args:[{selector:"ibdc-select-multiple",template:'<span [ngSwitch]="this.options.readOnlyVariable">\r\n    <div *ngSwitchCase="true">\r\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n        <p class="description_field" *ngIf="!this.options.savedList.list.length">Not available</p>\r\n        <div class="items_list" *ngIf="this.options.savedList.list.length">\r\n            <div class="item" *ngFor="let item of this.options.savedList.list">\r\n                <p *ngIf="item.active !== false">{{item[this.options.savedList.selectItemName]}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <br>\r\n    </div>\r\n\r\n    <div *ngSwitchDefault>\r\n        <div class="selector_container">\r\n            <div class="manual_select_container">\r\n                <a style="text-decoration: none;" class="manual_select" #focusElement [routerLink]="currentRoute">\r\n                    <p class="input_title" ><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n                    <p *ngIf="options.description" class="description_field"><i>{{options.description}}</i>\r\n                    </p>\r\n                    <div class="custom_select_field openSelectInput" >\r\n                        <div class="custom_select_field_value" style="color: #3d3d3d;">Select options...</div>\r\n                        <span class="material-icons">arrow_drop_down</span>\r\n                    </div>\r\n                    <div class="custom_select_field closeSelectInput" (click)="closeSelect(focusElement)">\r\n                        <div class="custom_select_field_value" style="color: #3d3d3d;">Select options...</div>\r\n                        <span class="material-icons">arrow_drop_down</span>\r\n                    </div>\r\n                    <div class="field_selector {{fieldSelector.class}}">\r\n        \r\n                        <span class="field_selector_close_button" (click)="closeSelect(focusElement)">\r\n                            <span class="material-icons">close</span>\r\n                        </span>\r\n                        <div class="field_selector_search">\r\n                            <input type="text" [(ngModel)]="searchText"\r\n                                (ngModelChange)="options.frontendSearchAttribute ? writtenInSearchField() : consumeService()">\r\n                        </div>\r\n                        <div class="field_selector_list">\r\n                            <cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">\r\n                                <div class="select_option {{this.mapDisableList()}}"\r\n                                    [style.pointerEvents]=" option.disabled ? \'none\':\'all\'"\r\n                                    *cdkVirtualFor="let option of options.frontendSearchAttribute?(selectList | selectFilter:searchText:options.frontendSearchAttribute| sortAlphabetically:this.options?.selectItemName):selectList"\r\n                                    (click)="onSelectOption(option,focusElement)">\r\n                                    <span class="material-icons" aria-hidden="false" [style.color]="option.disabled?\'gray\':option.selected?\'green\':\'#3d3d3d\'">{{option.disabled?\'radio_button_checked\':option.selected?\'radio_button_checked\':\'radio_button_unchecked\'}}</span>\r\n                                    <span [style.marginLeft.px]="options.toDisableList?25:20" [style.color]="option.disabled?\'gray\':option.selected?\'green\':\'#3d3d3d\'">{{option[options.selectItemName]}}</span>\r\n                                </div>\r\n                            </cdk-virtual-scroll-viewport>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n\r\n            <div class="items_list_with_text" *ngIf="this.options.hideSavedList !== true">\r\n                <div class="header_list">\r\n                    <p class="input_title"><strong class="ibdc_secondary_color">{{options.savedList.labelName | uppercase}} saved: </strong></p>\r\n                    <p class="input_title" style="margin-right: 15px;"><strong class="ibdc_secondary_color">Number of {{options.savedList.labelName}} : {{countOnlyNoDelete(this.options.savedList.list)}} </strong></p>\r\n                </div>\r\n                <br>\r\n                <div class="items_list">\r\n                    <div class="item" *ngFor="let item of this.options.savedList.list; let i = index">\r\n                        <p *ngIf="item.active !== false"> <span style="color: #858585;">{{i+1}}.</span>  {{item[this.options.savedList.selectItemName]}}</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <br>\r\n    </div>\r\n</span>',styles:[".center_flex{align-items:center;display:flex;justify-content:center}.input_title{margin:0 0 5px}.description_field{color:#666;font-size:.9rem;font-style:italic;margin-bottom:0}mat-form-field{width:100%}.manual_select{border:1px solid #fff}.manual_select .field_selector{height:0;opacity:0}.manual_select .openSelectInput{display:flex}.manual_select .closeSelectInput{display:none}.manual_select:focus-within .openSelectInput{display:none!important}.manual_select:focus-within .closeSelectInput{display:flex!important}.manual_select:focus-within .field_selector{height:320px!important;opacity:1!important;padding:10px!important;width:auto}.header_list{display:flex;justify-content:space-between}.selector_container{width:100%}.selector_container .manual_select_container{width:100%}.selector_container .items_list_with_text,.selector_container .manual_select_container{border-radius:7px;box-shadow:0 3px 6px hsla(0,0%,58.8%,.1607843137254902),0 3px 6px hsla(0,0%,58.8%,.1607843137254902);padding:10px}.selector_container .items_list_with_text{margin-top:20px}.selector_container .items_list{margin-top:10px;max-height:300px;overflow-y:scroll;padding:0 10px;width:100%}.manual_select{position:relative}.big_button_outside{background-color:rgba(83,83,83,.336);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:90}.field_selector{background-color:#fff;border-radius:10px;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);margin-top:5px;overflow:hidden;position:relative;transition:all .2s ease;width:auto}.field_selector_close_button{margin:10px 10px 0 0;position:absolute;right:0;top:0}.field_selector_close_button .material-icons{color:#e63b3b!important;cursor:pointer}.input_title strong:active,.input_title strong:link,.input_title strong:visited{text-decoration:none}.field_selector_search{margin-top:5px}.field_selector_search input{border:1px solid #cfcfcf;border-radius:100px;color:#585858;height:25px;outline:none;padding-left:10px;width:80%}.field_selector_list{margin:10px 0}.select_option{align-items:center;cursor:pointer;display:flex;padding:15px 10px;transition:all .3s ease;width:auto}.select_option:hover{background-color:#f7f7f7;border-radius:8px;transition:all .3s ease}.select_option .material-icons{margin:0 8px 0 5px}.mat-form-field-cont{position:relative}.mat-form-field-cont .block_select{background-color:hsla(0,0%,100%,0);height:57px;position:absolute;top:0;width:100%;z-index:100}.custom_select_field{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px 3px;width:auto}.custom_select_field .material-icons{color:#9c9c9c}.custom_select_field:hover{border-color:#2196f3}.custom_select_field:focus{border-color:#2196f3;box-shadow:0 0 0 .2rem #a6d5fa;outline:0 none;outline-offset:0}.example-viewport{height:250px;width:auto}.example-viewport::-webkit-scrollbar,.items_list::-webkit-scrollbar{border-radius:30px;width:10px}.example-viewport::-webkit-scrollbar-track,.items_list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:30px}.example-viewport::-webkit-scrollbar-thumb,.items_list::-webkit-scrollbar-thumb{background:#025c7a;border-radius:30px}.example-viewport::-webkit-scrollbar-thumb:hover,.items_list::-webkit-scrollbar-thumb:hover{background:#014d66;border-radius:30px}"]}]}],L.ctorParameters=function(){return[{type:o.Router}]},L.propDecorators={options:[{type:e.Input}],unselect:[{type:e.Output}]};var N=function(){function t(){}return t.prototype.ngOnInit=function(){},t.prototype.myUploader=function(t){},t.prototype.removeFile=function(t,e,i){var o=this;i.classList.remove("animate__animated","animate__fadeInRight","animate__faster"),i.classList.add("animate__animated","animate__bounceOutLeft"),i.addEventListener("animationend",(function(){i.style.maxHeight="0px",e.citationId?(e.edited=!0,e.active=!1,setTimeout((function(){i.style.display="none !important",i.classList.add("hide-element")}),300)):setTimeout((function(){o.options.filesList.splice(t,1)}),300)}))},t.prototype.validateEmptyArrayWithActive=function(t){var e=[];return t.map((function(t){!1!==t.show&&e.push(t)})),e.length},t.prototype.removeFileSaved=function(t,e){e.classList.remove("animate__animated","animate__fadeInRight","animate__faster"),e.classList.add("animate__animated","animate__bounceOutLeft"),e.addEventListener("animationend",(function(){e.style.maxHeight="0px",t.show=!1,setTimeout((function(){e.style.display="none"}),300)}))},t.prototype.onSelectFiles=function(t,e){var i;(i=this.options.filesList).push.apply(i,I(t.target.files)),e.value=""},t.prototype.getFormat=function(t){switch(t.split(".")[t.split(".").length-1]){case"pdf":return"pdf";case"xlsx":return"excel";case"docx":return"word";case"jpeg":case"jpg":return"jpg";case"png":return"png"}},t}();N.decorators=[{type:e.Component,args:[{selector:"ibdc-upload-files",template:'<p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n<p *ngIf="options.description" class="description_field">{{options.description}}</p>\r\n\r\n<div class="uf_header">\r\n    <label class="custom-file-upload">\r\n        <span class="material-icons">upload_file</span>\r\n        Choose Files\r\n        <input class="choose_button" #inputFile  type="file" (change)="onSelectFiles($event,inputFile)" multiple="true">\r\n    </label>\r\n</div>\r\n\r\n<div class="uf_to_save_header">\r\n    <div class="title">List of files to save</div>\r\n</div>\r\n\r\n<div class="uf_to_save">\r\n\r\n    <div *ngFor="let file of this.options.filesList; let i = index">\r\n        \x3c!-- <span class="animate__animated animate__fadeInRight animate__faster" #fileHE>name: {{file.name}} ---- type: {{file.type}} --- lastModifiedDate: {{file.lastModifiedDate}} <button (click)="removeFile(i,file,fileHE)">Delete</button></span> --\x3e\r\n        <div class="uf_file animate__animated animate__fadeInRight animate__faster" #fileHE>\r\n            <div class="format_icon" [ngStyle]="{\'background-image\': \'url(\' + \'/assets/icons/\'+getFormat(file.name) + \'.png)\'}">\r\n                \x3c!-- <img src="/assets/icons/excel.png" alt="" srcset=""> --\x3e\r\n            </div>\r\n            <span class="name">{{file.name}}</span>\r\n            <button type="button" pButton  icon="pi pi-times" (click)="removeFile(i,file,fileHE)"></button>\r\n        </div>\r\n    </div>\r\n    \r\n    <div *ngIf="!this.options.filesList.length" class="noFilesMessage">\r\n        <strong class="color-secondary">No files to upload</strong>\r\n    </div>\r\n\r\n</div>\r\n\r\n<div class="uf_saved_header">\r\n    <div class="title">Saved files</div>\r\n</div>\r\n\r\n<div class="uf_saved">\r\n\r\n    \x3c!-- <span *ngFor="let file of this.options.filesSavedList;" [hidden]="file.show === false">\r\n        <div class="uf_file animate__animated animate__fadeInRight animate__faster" #fileHED>\r\n            <div class="format_icon" [ngStyle]="{\'background-image\': \'url(\' + \'/assets/icons/\'+getFormat(file.name) + \'.png)\'}"></div>\r\n            <a class="name" [href]="file.url" target="_blank">{{file.name}}</a>\r\n            <button type="button" pButton icon="pi pi-times" (click)="removeFileSaved(file,fileHED)"></button>\r\n        </div>\r\n    </span> --\x3e\r\n\r\n    <span *ngIf="!validateEmptyArrayWithActive(this.options.filesSavedList)" class="noFilesMessage">\r\n        <strong class="color-secondary">No files saved</strong>\r\n    </span>\r\n\r\n\r\n    <p-table [value]="this.options.filesSavedList" responsiveLayout="scroll" *ngIf="validateEmptyArrayWithActive(this.options.filesSavedList)" class="noFilesMessage">\r\n        \x3c!-- <ng-template pTemplate="caption">\r\n            <div class="p-d-flex p-ai-center p-jc-between">\r\n                Products\r\n                <p-button icon="pi pi-refresh"></p-button>\r\n            </div>\r\n        </ng-template> --\x3e\r\n        <ng-template pTemplate="header">\r\n            <tr>\r\n                <th>Type</th>\r\n                <th>Name</th>\r\n                <th>Updated at</th>\r\n                <th style="width: 100px; ">Delete</th>\r\n            </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate="body" let-file let-rowIndex="rowIndex">\r\n            <tr #fileHES>\r\n                <td><div class="files-table-format_icon" [ngStyle]="{\'background-image\': \'url(\' + \'/assets/icons/\'+getFormat(file.name) + \'.png)\'}"></div></td>\r\n                <td><a [href]="file.url" target="_blank">{{file.name}}</a></td>\r\n                <td>{{file.updated_at}}</td>\r\n                <td style="width: 100px; display: flex; justify-content: center;"><button type="button" pButton  icon="pi pi-times" (click)="removeFileSaved(file,fileHES)"></button></td>\r\n            </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate="summary">\r\n            <div class="p-d-flex p-ai-center p-jc-between">\r\n                In total there are {{this.options.filesSavedList ? this.options.filesSavedList.length : 0 }} files.\r\n            </div>\r\n        </ng-template>\r\n    </p-table>\r\n    \r\n</div>\r\n\r\n\r\n\r\n\r\n',styles:[".uf_header{align-items:center;background-color:#faf8f8;border:1px solid #e9e9e9;display:flex;padding:10px 10px 0;width:100%}.uf_header .custom-file-upload{align-items:center;background-color:var(--ibdc-secondary-color);border-radius:4px;color:#fff;display:flex;padding:7px 10px}.uf_header .custom-file-upload .material-icons{margin-right:5px}.uf_header input[type=file]{display:none}.uf_to_save{margin-bottom:20px}.uf_saved,.uf_to_save{background-color:#fff;border:1px solid #e9e9e9;padding:10px;width:100%}.uf_saved .noFilesMessage,.uf_to_save .noFilesMessage{display:flex;justify-content:center;padding:10px;width:100%!important}.uf_saved .uf_file,.uf_to_save .uf_file{align-items:center;display:flex;justify-content:space-between;padding:25px 50px 10px;width:100%}.uf_saved .uf_file .format_icon,.uf_to_save .uf_file .format_icon{background-position:50%;background-repeat:no-repeat;background-size:cover!important;display:block;height:34px;width:34px}.uf_saved .name,.uf_to_save .name{font-size:.9em}.files-table-format_icon{background-position:50%;background-repeat:no-repeat;background-size:cover!important;display:block;height:34px;margin-left:20px;width:34px}.uf_saved_header,.uf_to_save_header{background-color:#faf8f8;border:1px solid #e9e9e9;font-weight:500;height:35px;width:100%}.uf_saved_header .title,.uf_to_save_header .title{margin-left:10px}.uf_to_save_header{background-color:#6b6b6b;border:1px solid #06676e}.uf_saved_header,.uf_to_save_header{align-items:center;color:#fff;display:flex;padding:0 0 0 10px}.uf_saved_header{background-color:var(--ibdc-secondary-color);border:1px solid #58c958}.hide-element{display:block!important}"]}]}],N.ctorParameters=function(){return[]},N.propDecorators={options:[{type:e.Input}]};var T=function(){function t(){}return t.prototype.ngOnInit=function(){},t.prototype.removeLink=function(t,e,i){var o=this;i.classList.remove("animate__animated","animate__fadeInRight","animate__faster"),i.classList.add("animate__animated","animate__bounceOutLeft"),i.addEventListener("animationend",(function(){i.style.maxHeight="0px",e.citationId?(e.edited=!0,e.active=!1,setTimeout((function(){i.style.display="none"}),300)):setTimeout((function(){o.options.savedList.list.splice(t,1)}),300),console.log(o.options.savedList.list)}))},t.prototype.addAttributeEdited=function(t){this.options.savedList.list[t].edited=!0},t.prototype.validatewebPage=function(t){var e=new RegExp(/^(https?:\/\/)?([\da-z\.-]+\.[a-z\.]{2,6}|[\d\.]+)([\/:?=&#]{1}[\da-z\.-]+)*[\/\?]?$/gim);return t.match(e)?"":"ng-invalid ng-dirty"},t.prototype.addLink=function(){var t=new Object;t[this.options.savedList.attributeDescription]="",t[this.options.savedList.attributeLink]="",this.options.savedList.list.push(t),console.log(this.options.savedList.list)},t.prototype.goToLink=function(t){window.open("//"+t,"_blank")},t}();T.decorators=[{type:e.Component,args:[{selector:"ibdc-link-list",template:'<span [ngSwitch]="options.readOnlyVariable">\r\n<div *ngSwitchCase="true">\r\n    <div>\r\n        <br>\r\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n        <p class="description_field">{{options.description}}</p>\r\n        <br>\r\n    \r\n    \r\n        <div class="card_container">\r\n            <div #itemLink class="custom-card animate__animated animate__fadeInRight animate__faster" *ngFor="let item of options.savedList.list; let i = index">\r\n                <div class="blue_flag"></div>\r\n                <div class="inputs_container">\r\n                    <div class="input_container">\r\n                        <p class="readonly_text_title"><strong class="ibdc_secondary_color">Citation: </strong>\r\n                            \x3c!-- <span class="ibdc_asterisk">* </span> --\x3e\r\n                        </p>\r\n                        <p class="readonly_value">{{item[options.savedList.attributeDescription]||\'Not available\'}}</p>\r\n                        \x3c!-- <input (ngModelChange)="addAttributeEdited(i)" [value]="item[options.savedList.attributeDescription]" [(ngModel)]="item[options.savedList.attributeDescription]" class="custom_input" type="text"> --\x3e\r\n                    </div>\r\n    \r\n                    <div class="input_container">\r\n                        <p class="readonly_text_title"><strong class="ibdc_secondary_color">Web Link:</strong>\r\n                            \x3c!-- <span class="ibdc_asterisk">* </span> --\x3e\r\n                        </p>\r\n                        <p class="readonly_link"> \r\n                            <span   [ngClass]="{\'rl\': item[options.savedList.attributeLink]}"\r\n                            (click)="goToLink(item[options.savedList.attributeLink])" \r\n                            pTooltip="Click to open link" \r\n                            >{{item[options.savedList.attributeLink]||\'Not available\'}}</span>\r\n                        </p>\r\n\r\n                        \x3c!-- <input (ngModelChange)="addAttributeEdited(i)" [value]="item[options.savedList.attributeLink]" [(ngModel)]="item[options.savedList.attributeLink]"  class="custom_input" type="text" #myInput> --\x3e\r\n                    </div>\r\n                </div>\r\n                <div class="open_link_button center_flex">\r\n                    <a routerLink="" (click)="goToLink(item[options.savedList.attributeLink])">\r\n                        <span class="material-icons">open_in_new</span>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>   \r\n        <br>\r\n    </div>\r\n</div>\r\n<div *ngSwitchDefault>\r\n    <div>\r\n        <br>\r\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n        <p class="description_field">{{options.description}}</p>\r\n        <br>\r\n    \r\n    \r\n        <div class="card_container">\r\n            <div #itemLink class="custom-card animate__animated animate__fadeInRight animate__faster" *ngFor="let item of options.savedList.list; let i = index">\r\n                \x3c!-- <div class="blue_flag"></div> --\x3e\r\n                <div class="inputs_container">\r\n\r\n                    <div class="input_container">\r\n                        <div class="p-inputgroup">\r\n                            <span class="p-inputgroup-addon"> Web Link  </span>\r\n                            <input class="{{validatewebPage(item[options.savedList.attributeDescription])}}" type="text" pInputText placeholder="Example: https://www.example.com" (ngModelChange)="addAttributeEdited(i);" [value]="item[options.savedList.attributeDescription]" [(ngModel)]="item[options.savedList.attributeDescription]">      \r\n                        </div>\r\n                    </div>\r\n\r\n                    <div style="margin-top: 5px;"></div>\r\n\r\n                    <div class="input_container">\r\n                        <div class="p-inputgroup">\r\n                            <span class="p-inputgroup-addon">Citation</span>\r\n                            <input type="text" pInputText placeholder="Citation" (ngModelChange)="addAttributeEdited(i)" [value]="item[options.savedList.attributeLink]" [(ngModel)]="item[options.savedList.attributeLink]" #myInput>      \r\n                        </div>\r\n                    </div>\r\n    \r\n                </div>\r\n                <div class="delete_button center_flex">\r\n                    <div class="delete_options">\r\n                        <div style="display: flex;">\r\n                            <span class="material-icons">delete</span>\r\n                            <span class="message">Are you sure?</span>\r\n                        </div>\r\n                        <button pButton pRipple type="button" label="Yes" class="p-button-rounded p-button-danger confirm" (click)="removeLink(i,item,itemLink)"></button>\r\n                    </div>\r\n                </div>\r\n                \x3c!-- <div class="open_link_button center_flex">\r\n                    <a routerLink="" (click)="goToLink(myInput.value)">\r\n                        <span class="material-icons">open_in_new</span>\r\n                    </a>\r\n                </div> --\x3e\r\n            </div>\r\n            <h3 style="text-align: center; margin-top: 20px;" *ngIf="!options.savedList.list.length"><strong class="ibdc_secondary_color" >No items added in the list</strong></h3>\r\n        </div>\r\n        <br>\r\n        <div class="button_add_container center_flex">\r\n            <button \r\n            pButton pRipple \r\n            type="button" label="Add link" \r\n            class="p-button-success save-button"     \r\n            icon="pi pi-plus" iconPos="right" \r\n            (click)="addLink()" \r\n            ></button>\r\n        </div>\r\n    \r\n        <br>\r\n    </div>\r\n</div>\r\n</span>',styles:[".center_flex{align-items:center;display:flex;justify-content:center}.input_title{margin:0 0 5px}.description_field{color:#666;font-size:.9rem;font-style:italic;margin-bottom:0}mat-form-field{width:100%}.material-icons{color:#fff}.card_container{background-color:#f5f6fb;border:1px solid #d8d8d8;border-radius:10px 5px 5px 10px;max-height:500px;overflow-x:hidden;overflow-y:scroll!important;padding:10px;width:100%}.card_container .custom-card{background-color:#fff;border:2px solid rgba(8,123,131,.4117647058823529);border-radius:30px 30px 30px 30px;box-shadow:0 4px 3px hsla(0,0%,84.7%,.6509803921568628),0 1px 2px hsla(0,0%,84.7%,.6509803921568628);display:flex;margin-bottom:10px;max-height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.card_container .custom-card .blue_flag{background-color:#014d66;height:auto;width:13px}.card_container .custom-card .inputs_container{padding:15px 30px;width:100%}.card_container .custom-card .inputs_container .input_container{display:flex;width:100%}.card_container .open_link_button{border-radius:5px;cursor:pointer;height:40px;position:absolute;right:45px;top:50%;transform:translateY(-50%);width:40px}.card_container .open_link_button .material-icons{color:#014d66!important;cursor:pointer;font-size:1.5em!important;margin:3px 0 0 3px}.card_container .delete_button{background-color:#ec4f4f;border-radius:5px 0 0 5px;cursor:pointer;height:100%;position:absolute;right:0;transition:all .3s ease-out;width:40px;z-index:10}.card_container .delete_button .delete_options mat-icon{color:#fff!important;cursor:pointer;font-size:1.5em!important;margin:3px 0 0 3px}.card_container .delete_button .delete_options .confirm,.card_container .delete_button .delete_options .message{display:none}.card_container .delete_button .delete_options .message{position:relative;top:4px}.card_container .delete_button:hover{transition:all .3s ease-out;width:20%}.card_container .delete_button:hover .delete_options{align-items:center;display:flex;flex-direction:column}.card_container .delete_button:hover .delete_options .confirm,.card_container .delete_button:hover .delete_options .message{color:#fff;display:block}.custom_input{background-color:initial;border:1px solid #cacaca;border-radius:15px;color:#6b6b6b;margin-left:3px;outline:none;padding-left:10px;width:calc(100% - 160px)}.p-inputgroup-addon{width:100px}.button_add_container{width:100%}.button_add_container .button_add{width:70%}.p-inputgroup{margin-right:70px!important}.readonly_link .rl{-webkit-text-decoration-line:underline;color:#5a8ff0;cursor:pointer;margin-right:10px;text-decoration-line:underline;transition:all .3s ease}.readonly_link .rl:hover{color:#447be2;transition:all .3s ease}.card_container::-webkit-scrollbar{border-radius:30px;width:10px}.card_container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:30px}.card_container::-webkit-scrollbar-thumb{background:#025c7a;border-radius:30px}.card_container::-webkit-scrollbar-thumb:hover{background:#014d66;border-radius:30px}"]}]}],T.ctorParameters=function(){return[]},T.propDecorators={options:[{type:e.Input}]};var O=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();O.decorators=[{type:e.Component,args:[{selector:"ibdc-simple-text",template:'<p class="readonly_text_title"><strong class="color-secondary">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="asterisk">* </span></p>\r\n<p class="readonly_text">{{options.value}}</p>',styles:[".general-information-full-width{width:100%}.asterisk{color:red}.readonly_text,.readonly_text_title{margin:0}.description-field{color:#666;font-size:.8rem}.editText p{margin:0}"]}]}],O.ctorParameters=function(){return[]},O.propDecorators={options:[{type:e.Input}]};var D=function(){function t(){this.click=new e.EventEmitter,this.move=!1}return t.prototype.ngOnInit=function(){var t=this;void 0===this.options.readOnlyVariable&&(this.options.readOnlyVariable=!1),this.options.remember&&this.options.minutesToRemember&&setInterval((function(){t.move=!0,setTimeout((function(){t.move=!1}),3e3)}),1e4*this.options.minutesToRemember)},t.prototype.onclick=function(){this.click.emit()},t}();D.decorators=[{type:e.Component,args:[{selector:"ibdc-save-button",template:'\r\n<br>\r\n<div class="save-button">\r\n    <div class="message {{move?\'show_message\':\'hide_message\'}}">\r\n        <p>Please, recall to save the information you filled out.</p>\r\n    </div>\r\n    <button \r\n    #saveButton \r\n    pButton pRipple \r\n    type="submit" label="Save" \r\n    class="p-button-success  {{move?\'animate__animated animate__swing\':\'\'}}"     \r\n    icon="pi {{!options.underConstruction?\'pi-save\':\'pi-info\'}}" iconPos="right" \r\n    *ngIf="!this.options.readOnlyVariable" \r\n    [disabled]="options.disabled || options.underConstruction == true"\r\n    (click)="onclick()" \r\n    ></button>\r\n</div>\r\n\r\n\r\n\x3c!-- <button *ngIf="false" color="accent" [disabled]="options.disabled || options.underConstruction == true" mat-raised-button class="save-button">\r\n    Save < class="save_icon" aria-hidden="false" aria-label="save icon">{{!options.underConstruction?\'save\':\'construction\'}}</>\r\n</button> --\x3e\r\n\r\n\r\n<br><br>',styles:[".save-button{bottom:0;margin:30px 100px}.message,.save-button{position:absolute;right:0}.message{align-items:center;background-color:var(--ibdc-secondary-color);border-radius:50px;color:#fff;display:flex;font-weight:500;justify-content:center;overflow:hidden;padding:20px;top:-100px}.message p{margin:0;padding:0;white-space:nowrap}.show_message{width:400px}.show_message,.show_message p{transition:all .3s ease-in-out}.show_message p{opacity:1}.hide_message{padding:0;width:0}.hide_message,.hide_message p{transition:all .3s ease-in-out}.hide_message p{opacity:0}"]}]}],D.ctorParameters=function(){return[]},D.propDecorators={options:[{type:e.Input}],click:[{type:e.Output}],saveButton:[{type:e.ViewChild,args:["saveButton"]}]};var F=[r.A11yModule,l.OverlayModule,s.PortalModule,a.ScrollingModule],A=function(){};A.decorators=[{type:e.NgModule,args:[{imports:I(F),exports:I(F)}]}];var M=function(){function t(){}return t.prototype.transform=function(t,e,i){var o,n,r=[];if(""==e||!i)return t;if(t)try{for(var s=w(t),a=s.next();!a.done;a=s.next()){var l=a.value;l[i].toUpperCase().indexOf(null==e?void 0:e.toUpperCase())>-1&&r.push(l)}}catch(t){o={error:t}}finally{try{a&&!a.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}return r},t}();M.decorators=[{type:e.Pipe,args:[{name:"selectFilter"}]}];var j=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();j.decorators=[{type:e.Component,args:[{selector:"ibdc-terms-or-policies",template:'<div [ngSwitch]="this.options.readOnlyVariable">\r\n    <br>\r\n\r\n    <div *ngSwitchCase="true">\r\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span class="ibdc_asterisk">* </span></p>\r\n        <p class="description_field">{{options.form.value[options.formControlName]||\'Not available\'}}</p>\r\n        <br>\r\n    </div>\r\n\r\n    <div *ngSwitchDefault>\r\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span class="ibdc_asterisk">* </span></p>\r\n        <div class="tepo_cont">\r\n            <div class="tepo_text">\r\n                <div class="secondary_flag_top ibdc_bg_secondary_color"></div>\r\n                <p>{{options.text}}</p>\r\n                <div class="tepo_checkbox">\r\n                    <mat-checkbox><div class="secondary_flag ibdc_bg_secondary_color"></div>Confirm</mat-checkbox>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</div>\r\n',styles:[".tepo_cont{margin-bottom:45px}.tepo_cont .tepo_text{background-color:#fff;border-radius:5px;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);padding:15px 20px 10px;position:relative}.tepo_cont .tepo_text .secondary_flag_top{border-radius:5px 5px 0 0;height:4px;left:0;position:absolute;top:0;width:100%;z-index:10}.tepo_cont .tepo_checkbox{background-color:#fff;border:1px solid #d8d6d6;border-radius:0 0 4px 4px;border-top:none;bottom:-39px;overflow:hidden;padding:7px 20px 0;position:absolute;right:50%;transform:translateX(50%);width:150px}.tepo_cont .tepo_checkbox .secondary_flag{bottom:0;height:3px;left:0;position:absolute;width:100%}"]}]}],j.ctorParameters=function(){return[]},j.propDecorators={options:[{type:e.Input}]};var E=function(){function t(){}return t.prototype.ngOnInit=function(){var t=this;this.wordCounter(),this.form.get(this.formControlNameInput).valueChanges.subscribe((function(e){t.wordCounter()}))},t.prototype.wordCounter=function(){var t=this,e=this.form.get(this.formControlNameInput).value;if(e){var i=e.replace(/(<(\/?p)>)|(&nbsp;)/gi," ").replace(/(<([^>]+)>)/gi,"").split(" ");i.length?(this.words=0,i.map((function(e){""!==e&&"\n"!==e&&"\t"!==e&&t.words++}))):this.words=0}else this.words=0},t}();E.decorators=[{type:e.Component,args:[{selector:"ibdc-word-counter",template:'<div class="counter_container">\r\n    <div><strong class="ibdc_text_color">Max {{maxWords}} words</strong> </div>\r\n    <div><strong class="ibdc_text_color"><span [style.color]="words <= maxWords?\'\':\'red\'">{{words}}</span> / {{maxWords}}</strong></div>\r\n</div>',styles:[".counter_container{display:flex;justify-content:space-between}.counter_container div{font-size:.85em;margin-left:5px;margin-right:5px}"]}]}],E.ctorParameters=function(){return[]},E.propDecorators={form:[{type:e.Input}],formControlNameInput:[{type:e.Input}],maxWords:[{type:e.Input}]};var V=function(){function t(){this.searchText="",this.fieldSelector={class:"hide_field_selector",value:"244242424",name:""}}return t.prototype.ngOnInit=function(){this.searchText=this.options.initialSearchText?this.options.initialSearchText:this.searchText,this.findAndChangeFieldSelectorName()},t.prototype.findAndChangeFieldSelectorName=function(){var t,e=this;this.options.item[this.options.itemId]&&(this.fieldSelector.name=null===(t=this.options)||void 0===t?void 0:t.selectList.find((function(t){return t[e.options.itemId].toString()==e.options.item[e.options.itemId]}))[this.options.itemName])},t.prototype.disableOption=function(t){},t.prototype.writtenInSearchField=function(){},t.prototype.toggle_field_selector_class=function(){"show_field_selector"==this.fieldSelector.class?this.fieldSelector.class="hide_field_selector":this.fieldSelector.class="show_field_selector"},t.prototype.onSelectOption=function(t){var e;(null===(e=this.options)||void 0===e?void 0:e.itemName)&&(this.options.item[this.options.itemName]=t[this.options.itemName]),this.options.item[this.options.itemId]=t[this.options.itemId],this.fieldSelector.name=t[this.options.itemName],console.log(this.options)},t}();V.decorators=[{type:e.Component,args:[{selector:"ibdc-select-ngmodel",template:'<span [ngSwitch]="this.options.readOnlyVariable">\r\n    <div *ngSwitchCase="true">\r\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span\r\n                class="ibdc_asterisk">* </span></p>\r\n        <p class="description_field">{{this.fieldSelector.name||\'Not available\'}}</p>\r\n        <br>\r\n    </div>\r\n\r\n    <div *ngSwitchDefault>\r\n\r\n        <div class="manual_select">\r\n            <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span\r\n                    class="ibdc_asterisk">* </span></p>\r\n            <p *ngIf="options.description" class="description_field"><i>{{options.description}}</i>\r\n            </p>\r\n            <div class="custom_select_field" (click)="toggle_field_selector_class()">\r\n                <div class="custom_select_field_value" [ngClass]="{\'unselected\': !fieldSelector.name}" >{{fieldSelector.name || \'Unselected\'}}</div>\r\n                <span class="material-icons">arrow_drop_down</span>\r\n            </div>\r\n            <div class="field_selector {{fieldSelector.class}}">\r\n\r\n                <div type="button" span-button class="field_selector_close_button" (click)="toggle_field_selector_class()">\r\n                    <span class="material-icons">close</span>\r\n                </div>\r\n                <div class="field_selector_search">\r\n                    <input type="text" [(ngModel)]="searchText"\r\n                        (ngModelChange)="options.frontendSearchAttribute ? writtenInSearchField() : consumeService()">\r\n                </div>\r\n                <div class="field_selector_list">\r\n                    <cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">\r\n                        <div class="select_option" [style.pointerEvents]="disableOption(option)?\'none\':\'all\'"\r\n                            *cdkVirtualFor="let option of options.frontendSearchAttribute?(this.options.selectList | selectFilter:searchText:options.frontendSearchAttribute | sortAlphabetically:this.options?.itemName):this.options.selectList"\r\n                            (click)="toggle_field_selector_class();onSelectOption(option)">\r\n                            <span class="material-icons" *ngIf="options.toDisableList" aria-hidden="false" color="primary">\r\n                                {{disableOption(option)?\'radio_button_checked\':\'radio_button_unchecked\'}}</span>\r\n                            <span [style.marginLeft.px]="options.toDisableList?25:0" [style.color]="disableOption(option)?\'#8f8f8f\':\'unset\'">{{option[options.itemName]}}</span>\r\n                        </div>\r\n                    </cdk-virtual-scroll-viewport>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <br>\r\n\r\n    </div>\r\n</span>',styles:[".center_flex{align-items:center;display:flex;justify-content:center}.input_title{margin:0 0 5px}.description_field{color:#666;font-size:.9rem;font-style:italic;margin-bottom:0}mat-form-field{width:100%}.manual_select{position:relative}.big_button_outside{background-color:rgba(83,83,83,.336);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:90}.custom_select_field_value{color:#5a5a5a}.unselected{color:#919191!important}.field_selector{background-color:#fff;border-radius:10px;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);margin-top:5px;overflow:hidden;position:relative;transition:all .2s ease;width:auto}.field_selector_close_button{margin:10px 10px 0 0;position:absolute;right:0;top:0}.field_selector_close_button .material-icons{color:#e63b3b}.hide_field_selector{height:0;opacity:0}.show_field_selector{height:320px;opacity:1;padding:10px}.field_selector_search{margin-top:5px}.field_selector_search input{border:1px solid #cfcfcf;border-radius:100px;color:#585858;height:25px;outline:none;padding-left:10px;width:80%}.field_selector_list{margin:10px 0}.select_option{cursor:pointer;padding:15px 10px;transition:all .3s ease;width:auto}.select_option:hover{background-color:#f7f7f7;border-radius:8px;transition:all .3s ease}.select_option .material-icons{left:0;margin-left:5px;position:absolute}.mat-form-field-cont{position:relative}.mat-form-field-cont .block_select{background-color:hsla(0,0%,100%,0);height:57px;position:absolute;top:0;width:100%;z-index:100}.option_selected{color:#ddd}.option_selectedWithAccess{color:#149725}.custom_select_field{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px 3px;width:auto}.custom_select_field .material-icons{color:#9c9c9c}.custom_select_field:hover{border-color:#2196f3}.custom_select_field:focus{border-color:#2196f3;box-shadow:0 0 0 .2rem #a6d5fa;outline:0 none;outline-offset:0}.example-viewport{height:250px;width:auto}.example-viewport::-webkit-scrollbar{border-radius:30px;width:10px}.example-viewport::-webkit-scrollbar-track{background:#f1f1f1;border-radius:30px}.example-viewport::-webkit-scrollbar-thumb{background:#025c7a;border-radius:30px}.example-viewport::-webkit-scrollbar-thumb:hover{background:#014d66;border-radius:30px}"]}]}],V.ctorParameters=function(){return[]},V.propDecorators={options:[{type:e.Input}]};var z=function(){function t(){this.numericField=0}return t.prototype.ngOnInit=function(){this.numericField=this.options.item[this.options.itemName]?this.options.item[this.options.itemName]:0},t}();z.decorators=[{type:e.Component,args:[{selector:"ibdc-input-ngmodel",template:'<div [ngSwitch]="this.options.readOnlyVariable">\r\n\r\n\r\n    <div *ngSwitchCase="true">\r\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span class="ibdc_asterisk">* </span></p>\r\n        <p class="description_field">{{options.form.value[options.formControlName]||\'Not available\'}}</p>\r\n        <br>\r\n    </div>\r\n\r\n    <div *ngSwitchDefault>\r\n\r\n        <div [ngSwitch]="options.type">\r\n\r\n        <div *ngSwitchCase="\'text\'">\r\n            <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n            <p *ngIf="options.description" class="description_field">{{options.description}}</p>\r\n            <input type="text" pInputText />\r\n        </div>\r\n\r\n        <div *ngSwitchDefault>\r\n            <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n            <p *ngIf="options.description" class="description_field">{{options.description}}</p>\r\n            \x3c!-- <input (change)="setValue()" [formControl]="textInput" [type]="this.options.type" pInputText /> --\x3e\r\n            <div class="p-grid p-fluid">\r\n                <div class="p-inputgroup">\r\n                    \x3c!-- <span class="p-inputgroup-addon">$</span> --\x3e\r\n                    <input min="0" type="number" [(ngModel)]="this.options.item[this.options.itemName]" pInputText placeholder="">        \r\n                </div>\r\n\r\n                \x3c!-- <div class="p-field p-col-12">\r\n                    <p-inputNumber [(ngModel)]="numericField"  (ngModelChange)="setValueWithNumber()" mode="currency" currency="USD" locale="en-US" [minFractionDigits]="2" [maxFractionDigits]="2">\r\n                    </p-inputNumber>\r\n                </div> --\x3e\r\n            </div>\r\n        </div>\r\n        \r\n        \x3c!-- </div> --\x3e\r\n    </div>\r\n\r\n</div>\r\n\r\n\r\n\r\n\r\n',styles:[".prime_textarea{width:100%}.description_field{margin-bottom:8px}.input_title{margin-bottom:5px}.normal_textarea{margin-bottom:10px;margin-top:0}input,p-inputNumber{width:100%}"]}]}],z.ctorParameters=function(){return[]},z.propDecorators={options:[{type:e.Input}]};var q=function(){function t(){}return t.prototype.ngOnInit=function(){document.documentElement.style.setProperty("--theme-color-1","#fff")},t.prototype.typeToIcon=function(t){switch(t){case"warning":return"warning";case"danger":return"dangerous";case"success":return"task_alt";case"alert":return"priority_high";case"info":return"info"}},t}();q.decorators=[{type:e.Component,args:[{selector:"ibdc-alert",template:'<div class="animate__animated animate__bounceIn idb-alert-container {{this.options.type}}">\r\n    <p *ngIf="this.options.text">{{this.options.text}}</p>\r\n    <div *ngIf="this.options.htmlText" [innerHtml]="this.options.htmlText"></div>\r\n    <span class="material-icons">{{typeToIcon(this.options.type)}}</span>\r\n</div>',styles:[".idb-alert-container{align-items:center;border:1.7px solid;border-radius:5px;display:flex;justify-content:space-between;margin:10px 0;padding:12px 20px;width:100%}.idb-alert-container p{margin:0!important;padding:0!important}.idb-alert-container span{margin:0 27px}.warning{background-color:#ffecb3;border-color:#ffe082;color:#948154}.danger{background-color:#ffcdd2;border-color:#ef9a9a;color:#725454}.success{background-color:#5cc560;border-color:#5cc560;color:#fff;font-size:1.2em;font-weight:700}.alert{background-color:#b9d9ef;border-color:#a4c3dd;color:#3b6181}.info{background-color:#b2dfdb;border-color:#80cbc4;color:#425e5b}"]}]}],q.ctorParameters=function(){return[]},q.propDecorators={options:[{type:e.Input}]};var P=function(){function t(){this.searchText="",this.fieldSelector={class:"hide_field_selector",value:"244242424",name:""},this.beforeOption=null}return t.prototype.ngOnInit=function(){this.searchText=this.options.initialSearchText?this.options.initialSearchText:this.searchText,this.findAndChangeFieldSelectorName()},t.prototype.findAndChangeFieldSelectorName=function(){var t,e=this;if(this.options.item[this.options.itemId]){var i=null===(t=this.options)||void 0===t?void 0:t.selectList.find((function(t){return t[e.options.itemId].toString()==e.options.item[e.options.itemId]}));i.selected=!0,this.fieldSelector.name=i[this.options.itemName],this.beforeOption=i}},t.prototype.writtenInSearchField=function(){},t.prototype.toggle_field_selector_class=function(){"show_field_selector"==this.fieldSelector.class?this.fieldSelector.class="hide_field_selector":this.fieldSelector.class="show_field_selector"},t.prototype.onSelectOption=function(t){var e;this.beforeOption&&t[this.options.itemId]!=this.options.item[this.options.itemId]&&(this.beforeOption.selected=!1),(null===(e=this.options)||void 0===e?void 0:e.itemName)&&(this.options.item[this.options.itemName]=t[this.options.itemName]),this.options.item[this.options.itemId]=t[this.options.itemId],this.fieldSelector.name=t[this.options.itemName],t.selected=!t.selected,this.beforeOption=t,t.selected||(this.options.item[this.options.itemId]=null,this.fieldSelector.name="",this.beforeOption=null)},t.prototype.validateColor=function(t){return t[this.options.itemId]==this.options.item[this.options.itemId]?"option_selectedWithAccess":t.selected?"option_selected":void 0},t.prototype.validateBlockOption=function(t){return t[this.options.itemId]!=this.options.item[this.options.itemId]&&(1==t.selected||void 0)},t}();P.decorators=[{type:e.Component,args:[{selector:"ibdc-select-ngmodel-no-repeat",template:'<span [ngSwitch]="this.options.readOnlyVariable">\n    <div *ngSwitchCase="true">\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span\n                class="ibdc_asterisk">* </span></p>\n        <p class="description_field">{{this.fieldSelector.name||\'Not available\'}}</p>\n        <br>\n    </div>\n\n    <div *ngSwitchDefault>\n\n        <div class="manual_select">\n            <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span\n                    class="ibdc_asterisk">* </span></p>\n            <p *ngIf="options.description" class="description_field"><i>{{options.description}}</i>\n            </p>\n            <div class="custom_select_field" (click)="toggle_field_selector_class()">\n                <div class="custom_select_field_value" [ngClass]="{\'unselected\': !fieldSelector.name}" >{{fieldSelector.name || \'Unselected\'}}</div>\n                <span class="material-icons">arrow_drop_down</span>\n            </div>\n            <div class="field_selector {{fieldSelector.class}}">\n\n                <div type="button" span-button class="field_selector_close_button" (click)="toggle_field_selector_class()">\n                    <span class="material-icons">close</span>\n                </div>\n                <div class="field_selector_search">\n                    <input type="text" [(ngModel)]="searchText"\n                        (ngModelChange)="options.frontendSearchAttribute ? writtenInSearchField() : consumeService()">\n                </div>\n                <div class="field_selector_list">\n                    <cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">\n                        <div class="select_option" [style.pointerEvents]=" validateBlockOption(option) ? \'none\':\'all\'"\n                            *cdkVirtualFor="let option of options.frontendSearchAttribute?(this.options.selectList | selectFilter:searchText:options.frontendSearchAttribute | sortAlphabetically:this.options.itemName):this.options.selectList"\n                            (click)="toggle_field_selector_class();onSelectOption(option)">\n                            <span class="material-icons {{validateColor(option)}}" aria-hidden="false" color="primary">\n                                {{ option.selected == true ?\'radio_button_checked\':\'radio_button_unchecked\'}}</span>\n                            <span [style.marginLeft.px]="25" class="{{validateColor(option)}}">{{option[options.itemName]}}</span>\n                        </div>\n                    </cdk-virtual-scroll-viewport>\n                </div>\n            </div>\n        </div>\n        <br>\n\n    </div>\n</span>',styles:[".center_flex{align-items:center;display:flex;justify-content:center}.input_title{margin:0 0 5px}.description_field{color:#666;font-size:.9rem;font-style:italic;margin-bottom:0}mat-form-field{width:100%}.manual_select{position:relative}.big_button_outside{background-color:rgba(83,83,83,.336);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:90}.custom_select_field_value{color:#5a5a5a}.unselected{color:#919191!important}.field_selector{background-color:#fff;border-radius:10px;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);margin-top:5px;overflow:hidden;position:relative;transition:all .2s ease;width:auto}.field_selector_close_button{margin:10px 10px 0 0;position:absolute;right:0;top:0}.field_selector_close_button .material-icons{color:#e63b3b}.hide_field_selector{height:0;opacity:0}.show_field_selector{height:320px;opacity:1;padding:10px}.field_selector_search{margin-top:5px}.field_selector_search input{border:1px solid #cfcfcf;border-radius:100px;color:#585858;height:25px;outline:none;padding-left:10px;width:80%}.field_selector_list{margin:10px 0}.select_option{cursor:pointer;padding:15px 10px;transition:all .3s ease;width:auto}.select_option:hover{background-color:#f7f7f7;border-radius:8px;transition:all .3s ease}.select_option .material-icons{left:0;margin-left:5px;position:absolute}.mat-form-field-cont{position:relative}.mat-form-field-cont .block_select{background-color:hsla(0,0%,100%,0);height:57px;position:absolute;top:0;width:100%;z-index:100}.option_selected{color:#ddd}.option_selectedWithAccess{color:#149725}.custom_select_field{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px 3px;width:auto}.custom_select_field .material-icons{color:#9c9c9c}.custom_select_field:hover{border-color:#2196f3}.custom_select_field:focus{border-color:#2196f3;box-shadow:0 0 0 .2rem #a6d5fa;outline:0 none;outline-offset:0}.example-viewport{height:250px;width:auto}.example-viewport::-webkit-scrollbar{border-radius:30px;width:10px}.example-viewport::-webkit-scrollbar-track{background:#f1f1f1;border-radius:30px}.example-viewport::-webkit-scrollbar-thumb{background:#025c7a;border-radius:30px}.example-viewport::-webkit-scrollbar-thumb:hover{background:#014d66;border-radius:30px}"]}]}],P.ctorParameters=function(){return[]},P.propDecorators={options:[{type:e.Input}]};var R=function(){function t(){}return t.prototype.transform=function(t,e){if(e){var i=t;return i.sort((function(t,i){return t[e]<i[e]?-1:t[e]>i[e]?1:0})),i}return t},t}();R.decorators=[{type:e.Pipe,args:[{name:"sortAlphabetically"}]}];var W=function(){function t(){}return t.prototype.ngOnInit=function(){},t.prototype.currencyInputChanged=function(t){var e=t.replace(/[$,]/g,"");return Number(e)},t}();W.decorators=[{type:e.Component,args:[{selector:"ibdc-input-field",template:'\x3c!-- <div class="title">{{inputTitle}}</div>\r\n<textarea #rara class="input-field" type="text" [(ngModel)]="this.objectItem[this.objectAtributteName]" [rows]="this.rows || 3" name="some"></textarea> --\x3e\r\n\r\n<div class="ta_container">\r\n    <div class="texts_container ibdc_green_gradient" *ngIf="inputTitle || inputDescription">\r\n        <p *ngIf="inputTitle" class="input_title"><strong>{{inputTitle}}: </strong><span [hidden]="inputRequired === false"\r\n                class="ibdc_asterisk">* </span></p>\r\n        <p *ngIf="inputDescription" class="description_field">{{inputDescription}}</p>\r\n    </div>\r\n\r\n    <input class="input-field" type="text" [(ngModel)]="this.objectItem[this.objectAtributteName]">\r\n\r\n    \x3c!-- <ibdc-word-counter *ngIf="this.options.maxWords" [form]="this.options.form" [formControlNameInput]="this.options.formControlName" [maxWords]="this.options.maxWords"></ibdc-word-counter> --\x3e\r\n\r\n</div>',styles:[".input-field{border:1px solid #e4e4e4;color:#474747;line-height:20px;min-height:40px;outline:none;padding:5px 0 5px 5px;resize:none;width:100%}.ta_container{border:3px solid #5bbd93;border-radius:10px;box-shadow:0 10px 10px hsla(0,0%,66.7%,.18823529411764706),0 6px 6px hsla(0,0%,66.7%,.18823529411764706);box-sizing:border-box;overflow:hidden}.ta_container .texts_container{padding-bottom:5px}.ta_container .texts_container .input_title{color:#fff;font-weight:500;margin:0;padding:10px}.ta_container .texts_container .description_field{background-color:#83cba5;border-radius:10px;color:#fff;font-weight:500;margin:0 3px;padding:10px}"]}]}],W.ctorParameters=function(){return[]},W.propDecorators={inputTitle:[{type:e.Input}],inputDescription:[{type:e.Input}],inputRequired:[{type:e.Input}],objectItem:[{type:e.Input}],objectAtributteName:[{type:e.Input}],rows:[{type:e.Input}]};var U=function(){function t(){this.fieldSelector={class:"hide_field_selector"}}return t.prototype.ngOnInit=function(){},t.prototype.onSelectOption=function(t,e){this.objectItem[this.objectAtributteName]=t[this.selectableListAtributteName],this.closeSelect(e)},t.prototype.closeSelect=function(t){t.blur()},t}();U.decorators=[{type:e.Component,args:[{selector:"ibdc-select-field",template:'<span [ngSwitch]="readOnlyVariable">\n    <div *ngSwitchCase="true">\n        <p class="input_title"><strong class="ibdc_secondary_color">{{inputTitle}}: </strong>\n            \x3c!-- <span class="ibdc_asterisk">* </span> --\x3e\n        </p>\n        <p class="description_field">{{this.fieldSelector?.name||\'Not available\'}}</p>\n        <br>\n    </div>\n\n    <div *ngSwitchDefault>\n\n        <div class="ta_container">\n\n            <a style="text-decoration: none;" class="manual_select" #focusElement [routerLink]="currentRoute">\n                <div class="texts_container ibdc_green_gradient" *ngIf="inputTitle || inputDescription">\n                    <p *ngIf="inputTitle" class="input_title"><strong>{{inputTitle}}: </strong><span\n                            [hidden]="inputRequired === false" class="ibdc_asterisk">* </span></p>\n                    <p *ngIf="inputDescription" class="description_field">{{inputDescription}}</p>\n                </div>\n\n                \x3c!-- <input class="input-field" type="text" [(ngModel)]="this.objectItem[this.objectAtributteName]"> --\x3e\n                <div class="custom_select_field openSelectInput">\n                    <div class="custom_select_field_value"\n                        [ngClass]="{\'unselected\': !this.objectItem[this.objectAtributteName]}">\n                        {{this.objectItem[this.objectAtributteName] || \'Unselected\'}}</div>\n                    <span class="material-icons">arrow_drop_down</span>\n                </div>\n\n                <div class="custom_select_field closeSelectInput" (click)="closeSelect(focusElement)">\n                    <div class="custom_select_field_value"\n                        [ngClass]="{\'unselected\': !this.objectItem[this.objectAtributteName]}">\n                        {{this.objectItem[this.objectAtributteName] || \'Unselected\'}}</div>\n                    <span class="material-icons">arrow_drop_down</span>\n                </div>\n\n                <div class="field_selector {{fieldSelector.class}}">\n\n                    <div type="button" span-button class="field_selector_close_button"\n                        (click)="closeSelect(focusElement)">\n                        <span class="material-icons">close</span>\n                    </div>\n                    <div class="field_selector_search">\n                        <input type="text" [(ngModel)]="searchText"\n                            (ngModelChange)="options.frontendSearchAttribute ? writtenInSearchField() : consumeService()">\n                    </div>\n                    <div class="field_selector_list">\n                        \x3c!-- <br> --\x3e\n                        <cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">\n                            <div class="select_option"\n                                *cdkVirtualFor="let option of frontendSearchAttribute?(this.selectableList | selectFilter:searchText:frontendSearchAttribute | sortAlphabetically:this.options?.itemName):this.selectableList"\n                                (click)="onSelectOption(option,focusElement)">\n                                <div>{{option[this.selectableListAtributteName]}}</div>\n\n                            </div>\n                        </cdk-virtual-scroll-viewport>\n\n                    </div>\n                </div>\n            </a>\n            \x3c!-- <ibdc-word-counter *ngIf="this.options.maxWords" [form]="this.options.form" [formControlNameInput]="this.options.formControlName" [maxWords]="this.options.maxWords"></ibdc-word-counter> --\x3e\n\n        </div>\n\n\n\n\n    </div>\n</span>',styles:[".center_flex{align-items:center;display:flex;justify-content:center}.input_title{margin:0 0 5px}.description_field{color:#666;font-size:.9rem;font-style:italic;margin-bottom:0}mat-form-field{width:100%}.manual_select{position:relative}.manual_select .openSelectInput{display:flex}.manual_select .closeSelectInput{display:none}.manual_select:focus-within .openSelectInput{display:none!important}.manual_select:focus-within .closeSelectInput{display:flex!important}.manual_select:focus-within .field_selector{height:320px!important;opacity:1!important;padding:10px!important;width:auto}.big_button_outside{background-color:rgba(83,83,83,.336);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:90}.custom_select_field_value{color:#5a5a5a}.unselected{color:#919191!important}.field_selector{background-color:#fff;border-radius:10px;box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);overflow:hidden;position:relative;transition:all .2s ease;width:auto}.field_selector_close_button{margin:10px 10px 0 0;position:absolute;right:0;top:0}.field_selector_close_button .material-icons{color:#e63b3b}.hide_field_selector{height:0;opacity:0}.show_field_selector{height:320px;opacity:1;padding:10px}.field_selector_search{margin-top:5px}.field_selector_search input{border:1px solid #cfcfcf;border-radius:100px;color:#585858;height:25px;outline:none;padding-left:10px;width:80%}.field_selector_list{margin:10px 0}.select_option{color:grey!important;cursor:pointer;padding:15px 10px;transition:all .3s ease;width:auto}.select_option:hover{background-color:#f7f7f7;border-radius:8px;transition:all .3s ease}.select_option .material-icons{left:0;margin-left:5px;position:absolute}.mat-form-field-cont{position:relative}.mat-form-field-cont .block_select{background-color:hsla(0,0%,100%,0);height:57px;position:absolute;top:0;width:100%;z-index:100}.option_selected{color:#ddd}.option_selectedWithAccess{color:#149725}.custom_select_field{background-color:#fff;border:1px solid #ddd;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px 3px;width:auto}.custom_select_field .material-icons{color:#9c9c9c}.custom_select_field:hover{border-color:#2196f3}.custom_select_field:focus{border-color:#2196f3;box-shadow:0 0 0 .2rem #a6d5fa;outline:0 none;outline-offset:0}.example-viewport{height:250px;width:auto}.example-viewport::-webkit-scrollbar{border-radius:30px;width:10px}.example-viewport::-webkit-scrollbar-track{background:#f1f1f1;border-radius:30px}.example-viewport::-webkit-scrollbar-thumb{background:#025c7a;border-radius:30px}.example-viewport::-webkit-scrollbar-thumb:hover{background:#014d66;border-radius:30px}.input-field{border:1px solid #e4e4e4;color:#474747;line-height:20px;min-height:40px;outline:none;padding:5px 0 5px 5px;resize:none;width:100%}.ta_container{border:3px solid #5bbd93;border-radius:10px;box-shadow:0 10px 10px hsla(0,0%,66.7%,.18823529411764706),0 6px 6px hsla(0,0%,66.7%,.18823529411764706);box-sizing:border-box;overflow:hidden}.ta_container .texts_container{padding-bottom:5px}.ta_container .texts_container .input_title{color:#fff;font-weight:500;margin:0;padding:10px}.ta_container .texts_container .description_field{background-color:#83cba5;border-radius:10px;color:#fff;font-weight:500;margin:0 3px;padding:10px}"]}]}],U.ctorParameters=function(){return[]},U.propDecorators={objectItem:[{type:e.Input}],objectAtributteName:[{type:e.Input}],readOnlyVariable:[{type:e.Input}],selectableList:[{type:e.Input}],selectableListAtributteName:[{type:e.Input}],inputTitle:[{type:e.Input}],inputDescription:[{type:e.Input}],frontendSearchAttribute:[{type:e.Input}]};var H=function(){function t(){this.numericField=0,this.reloadInput=!0}return t.prototype.ngOnInit=function(){this.textInput=new i.FormControl(this.options.form.value[this.options.formControlName]?this.options.form.value[this.options.formControlName]:"",[i.Validators.required]),this.numericField=this.options.form.value[this.options.formControlName]?this.options.form.value[this.options.formControlName]:0,this.setValue()},t.prototype.setValue=function(){this.options.form.controls[this.options.formControlName].setValue(this.textInput.value)},t.prototype.setValueWithNumber=function(){this.options.form.controls[this.options.formControlName].setValue(this.numericField)},t}();H.decorators=[{type:e.Component,args:[{selector:"ibdc-input",template:'<div [ngSwitch]="this.options.readOnlyVariable">\r\n\r\n\r\n    <div *ngSwitchCase="true">\r\n        <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span class="ibdc_asterisk">* </span></p>\r\n        <p class="description_field">{{options.form.value[options.formControlName]||\'Not available\'}}</p>\r\n        <br>\r\n    </div>\r\n\r\n    <div *ngSwitchDefault>\r\n\r\n        <div [ngSwitch]="options.type">\r\n\r\n        <div *ngSwitchCase="\'text\'">\r\n            <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n            <p *ngIf="options.description" class="description_field">{{options.description}}</p>\r\n            <input type="text" pInputText />\r\n        </div>\r\n\r\n        <div *ngSwitchCase="\'number\'">\r\n            <p class="input_title"><strong class="ibdc_secondary_color">{{options.inputTitle}}: </strong><span [hidden]="options.required === false" class="ibdc_asterisk">* </span></p>\r\n            <p *ngIf="options.description" class="description_field">{{options.description}}</p>\r\n            \x3c!-- <input (change)="setValue()" [formControl]="textInput" [type]="this.options.type" pInputText /> --\x3e\r\n            <div class="p-grid p-fluid">\r\n                <div class="p-inputgroup">\r\n                    <span class="p-inputgroup-addon"><span class="material-icons">{{this.options.iconText||\'paid\'}}</span></span>\r\n                    \x3c!-- <span class="pi pi-arrows-h">{{this.options.iconText || \'$\'}}</span> --\x3e\r\n                    <input *ngIf="reloadInput" [min]="this.options.min" [max]="this.options.max" type="number" [(ngModel)]="numericField" pInputText placeholder="" (ngModelChange)="setValueWithNumber()">        \r\n                </div>\r\n\r\n                \x3c!-- <div class="p-field p-col-12">\r\n                    <p-inputNumber [(ngModel)]="numericField"  (ngModelChange)="setValueWithNumber()" mode="currency" currency="USD" locale="en-US" [minFractionDigits]="2" [maxFractionDigits]="2">\r\n                    </p-inputNumber>\r\n                </div> --\x3e\r\n            </div>\r\n        </div>\r\n\r\n        <div *ngSwitchDefault></div>\r\n        \r\n        \x3c!-- </div> --\x3e\r\n    </div>\r\n\r\n</div>\r\n\r\n\r\n\r\n\r\n',styles:[".prime_textarea{width:100%}.description_field{margin-bottom:8px}.input_title{margin-bottom:5px}.normal_textarea{margin-bottom:10px;margin-top:0}input,p-inputNumber{width:100%}"]}]}],H.ctorParameters=function(){return[]},H.propDecorators={options:[{type:e.Input}]};var B=function(){function t(){}return t.prototype.ngOnInit=function(){},t}();B.decorators=[{type:e.Component,args:[{selector:"ibdc-text-area-field",template:'<div class="ta_container">\n\n    <div class="texts_container ibdc_green_gradient" *ngIf="inputTitle || inputDescription">\n        <p *ngIf="inputTitle" class="input_title"><strong>{{inputTitle}}: </strong><span [hidden]="inputRequired === false"\n                class="ibdc_asterisk">* </span></p>\n        <p *ngIf="inputDescription" class="description_field">{{inputDescription}}</p>\n    </div>\n\n    <textarea [(ngModel)]="this.objectItem[this.objectAtributteName]" class="basic_textarea" [rows]="initialParagraphs?initialParagraphs:3" [cols]="30" pInputTextarea autoResize="autoResize"></textarea>\n    \x3c!-- <ibdc-word-counter *ngIf="this.options.maxWords" [form]="this.options.form" [formControlNameInput]="this.options.formControlName" [maxWords]="this.options.maxWords"></ibdc-word-counter> --\x3e\n    \n</div>',styles:[".input-field{border:1px solid #e4e4e4;color:#474747;line-height:20px;min-height:40px;outline:none;padding:5px 0 5px 5px;resize:none;width:100%}.ta_container{border:3px solid #5bbd93;border-radius:10px;box-shadow:0 10px 10px hsla(0,0%,66.7%,.18823529411764706),0 6px 6px hsla(0,0%,66.7%,.18823529411764706);box-sizing:border-box;overflow:hidden}.ta_container .texts_container{padding-bottom:5px}.ta_container .texts_container .input_title{color:#fff;font-weight:500;margin:0;padding:10px}.ta_container .texts_container .description_field{background-color:#83cba5;border-radius:10px;color:#fff;font-weight:500;margin:0 3px;padding:10px}.ta_container .basic_textarea{width:100%}.p-inputtext:enabled:focus{border-color:none!important;box-shadow:none!important;outline:0 none;outline-offset:0}"]}]}],B.ctorParameters=function(){return[]},B.propDecorators={inputTitle:[{type:e.Input}],inputDescription:[{type:e.Input}],inputRequired:[{type:e.Input}],objectItem:[{type:e.Input}],objectAtributteName:[{type:e.Input}],rows:[{type:e.Input}],initialParagraphs:[{type:e.Input}]};var Y=function(){function t(t){this._elementRef=t}return t.prototype.ngOnInit=function(){var t=this,e=this._elementRef.nativeElement;e.oninput=function(){t.formatCurrency(e)},console.log(e)},t.prototype.formatCurrency=function(t){var e=t.value;console.log(e),console.log(new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(e))},t}();Y.decorators=[{type:e.Directive,args:[{selector:"[ibdcFormatCurrency]"}]}],Y.ctorParameters=function(){return[{type:e.ElementRef}]};var X=[y,S,C,L,N,T,O,D,j,V,P,z,q,W,U,H,B],G=[p.InputTextareaModule,d.EditorModule,u.DropdownModule,f.InputTextModule,m.InputNumberModule,h.ButtonModule,_.TooltipModule,b.FileUploadModule,x.TableModule,n.ClipboardModule],J=function(){};J.decorators=[{type:e.NgModule,args:[{declarations:I(X,[M,E,R,Y]),exports:I(X),schemas:[e.CUSTOM_ELEMENTS_SCHEMA],imports:I([c.CommonModule,A,i.FormsModule,i.ReactiveFormsModule,g.HttpClientModule,o.RouterModule],G)}]}],t.IbdAngularComponentsComponent=y,t.IbdAngularComponentsModule=J,t.IbdAngularComponentsService=v,t.ɵa=S,t.ɵb=C,t.ɵc=L,t.ɵd=N,t.ɵe=T,t.ɵf=O,t.ɵg=D,t.ɵh=j,t.ɵi=V,t.ɵj=P,t.ɵk=z,t.ɵl=q,t.ɵm=W,t.ɵn=U,t.ɵo=H,t.ɵp=B,t.ɵq=M,t.ɵr=E,t.ɵs=R,t.ɵt=Y,t.ɵu=A,Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=ibd-angular-components.umd.min.js.map