{"__symbolic":"module","version":4,"metadata":{"InboundModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵc"}],"declarations":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"CbnModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":13,"character":4},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"declarations":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"}]}]}],"members":{}},"ChatModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ChatComponent"},{"__symbolic":"reference","name":"ChatAreaComponent"},{"__symbolic":"reference","name":"ChatIsWritingComponent"},{"__symbolic":"reference","name":"ɵk"}],"declarations":[{"__symbolic":"reference","name":"ChatComponent"},{"__symbolic":"reference","name":"ChatAreaComponent"},{"__symbolic":"reference","name":"ChatIsWritingComponent"},{"__symbolic":"reference","name":"ɵk"}]}]}],"members":{}},"ChatPanelsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"}],"declarations":[{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"}]}]}],"members":{}},"ClosePanelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵn"}],"declarations":[{"__symbolic":"reference","name":"ɵn"}]}]}],"members":{}},"DataCollectionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵo"}],"declarations":[{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"}]}]}],"members":{}},"LoadingPanelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":9,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵq"}],"declarations":[{"__symbolic":"reference","name":"ɵq"}]}]}],"members":{}},"MessagesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":29,"character":4},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"}],"declarations":[{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"}]}]}],"members":{}},"MinimizedModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵz"}],"declarations":[{"__symbolic":"reference","name":"ɵz"}]}]}],"members":{}},"MultimediaModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":14,"character":4},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"}],"declarations":[{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"}]}]}],"members":{}},"QueueModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵbg"}],"declarations":[{"__symbolic":"reference","name":"ɵbg"}]}]}],"members":{}},"TopBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","name":"TopBarComponent"}],"declarations":[{"__symbolic":"reference","name":"TopBarComponent"}]}]}],"members":{}},"ChatComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"vvc-chat","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<div id=\"vvc-emoji-panel\" [style.display]=\"context.showEmojiPanel ? 'flex' : 'none'\">\n  <ng-content select=\"'.vvc-emoji-panel\"></ng-content>\n</div>\n<div id=\"vvc-upload-panel\" [style.display]=\"context.showUploadPanel ? 'flex' : 'none'\">\n  <ng-content select=\"'.vvc-upload-panel\"></ng-content>\n</div>\n<div id=\"vvc-messages\" [style.display]=\"(!context.showEmojiPanel && !context.showUploadPanel) ? 'flex' : 'none'\" vvc-auto-scroll lock-y-offset=\"10\">\n  <ng-content select=\"'.vvc-messages'\"></ng-content>\n</div>\n<div id=\"vvc-is-writing\">\n  <ng-content select=\"'.vvc-is-writing'\"></ng-content>\n</div>\n<div id=\"vvc-chat-box-area\">\n  <ng-content select=\"'.vvc-chat-box-area'\"></ng-content>\n</div>"}]}],"members":{"vvcAutoScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":10,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵk"},{"static":true}]}]}],"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"forceScrollDown":[{"__symbolic":"method"}]}},"ChatAreaComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-chat-area","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div id=\"vvc-box-inner\">\n  <div class=\"text-box\">\n    <input [readonly]=\"readonly\"\n           [placeholder]=\"'STRINGS.TEXTAREA.PLACEHOLDER' | translate\"\n           type=\"text\"\n           #box\n           (keyup)=\"isWriting()\"\n           (keyup.enter)=\"sendText(box.value);box.value=''\">\n  </div>\n  <div *ngIf=\"canShowUpload()\"\n       (click)=\"showUpload()\"\n       class=\"upload-handler\">\n    <i class=\"icon icon-vvc-clip\"></i>\n  </div>\n  <div *ngIf=\"context.variables.showEmojiButton\"\n       (click)=\"toggleEmoji()\"\n       class=\"emoji-handler\">\n    <i class=\"icon icon-vvc-emoji\"></i>\n  </div>\n  <div class=\"send-button\" (click)=\"sendText(box.value);box.value='';box.focus()\">\n    <div class=\"send-icon\">\n      <i class=\"icon icon-vvc-send\"></i>\n    </div>\n  </div>\n</div>"}]}],"members":{"box":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":9,"character":3},"arguments":["box",{"static":true}]}]}],"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"onSendText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"toggleEmojiPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"showUploadPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"isVisitorWriting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"appendText":[{"__symbolic":"method"}],"canShowUpload":[{"__symbolic":"method"}],"clearIsWriting":[{"__symbolic":"method"}],"isWriting":[{"__symbolic":"method"}],"showUpload":[{"__symbolic":"method"}],"toggleEmoji":[{"__symbolic":"method"}],"sendText":[{"__symbolic":"method"}]}},"TopBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-top-bar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div id=\"vvc-top-bar\">\n  <div id=\"vvc-top-avatar\" *ngIf=\"context.topBarAvatar\"><img [src]=\"context.topBarAvatar\"></div>\n  <div id=\"vvc-top-header\">\n    <div id=\"vvc-top-title\">{{ context.topBarTitle | translate }}</div>\n    <div id=\"vvc-top-subtitle\">{{ context.topBarSubtitle | translate }}</div>\n  </div>\n  <div class=\"vvc-top-controls\" *ngIf=\"context.canRemoveApp && !context.incomingOffer\">\n    <span (click)=\"removeApp()\">\n      <i class=\"icon icon-vvc-close\"></i>\n    </span>\n  </div>\n  <div class=\"vvc-top-controls\" *ngIf=\"!hasMenu() && !context.canRemoveApp && !context.incomingOffer\">\n    <span *ngIf=\"context.canMinimize\" (click)=\"onMinimize.emit()\">\n      <i class=\"icon icon-vvc-reduce\"></i>\n    </span>\n    <span (click)=\"closeContact()\">\n      <i class=\"icon icon-vvc-close\"></i>\n    </span>\n  </div>\n  <div class=\"vvc-top-controls\" *ngIf=\"hasMenu() && !context.canRemoveApp && !context.incomingOffer\">\n    <span (click)=\"showMenu()\">\n      <i class=\"icon icon-vvc-menu\"></i>\n    </span>\n  </div>\n  <div id=\"vvc-top-bar-menu\" *ngIf=\"isMenuVisible\" (click)=\"closeMenu()\">\n    <div id=\"vvc-menu-inner\" class=\"animated\" [ngClass]=\"{ 'fadeIn': isMenuVisible }\">\n      <div *ngIf=\"context.isMediaMinimized && context.isMediaConnected && !context.isFullScreen\" (click)=\"onHideChat.emit()\">\n        <span><i class=\"icon icon-vvc-chat\"></i> {{ 'STRINGS.QUEUE.TOPBAR.HIDE_CHAT_BUTTON' | translate }}</span>\n      </div>\n      <div *ngIf=\"context.canStartAudio\" (click)=\"onVoiceUpgrade.emit()\">\n        <span><i class=\"icon icon-vvc-audio\"></i> {{ 'STRINGS.QUEUE.TOPBAR.VOICE_BUTTON' | translate }}</span>\n      </div>\n      <div *ngIf=\"context.canStartVideo && !context.isMediaConnected\" (click)=\"onVideoUpgrade.emit()\">\n        <span><i class=\"icon icon-vvc-video\"></i> {{ 'STRINGS.QUEUE.TOPBAR.VIDEO_BUTTON' | translate }}</span>\n      </div>\n      <div *ngIf=\"context.canMinimize\" (click)=\"onMinimize.emit()\">\n        <span><i class=\"icon icon-vvc-reduce\"></i> {{ 'STRINGS.QUEUE.TOPBAR.MINIMIZE_BUTTON' | translate }}</span>\n      </div>\n      <div (click)=\"closeContact()\">\n        <span><i class=\"icon icon-vvc-close\"></i> {{ 'STRINGS.QUEUE.TOPBAR.CLOSE_BUTTON' | translate }}</span>\n      </div>\n    </div>\n  </div>\n</div>"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"onMinimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"onSurvey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"onRemove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"onHideChat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"onVoiceUpgrade":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"onVideoUpgrade":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"onMaximize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"closeContact":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"hasMenu":[{"__symbolic":"method"}],"removeApp":[{"__symbolic":"method"}],"showMenu":[{"__symbolic":"method"}]}},"ChatIsWritingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-chat-is-writing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"chat-is-writing-inner animated\" [ngClass]=\"{'fadeInUp': context.isWriting}\">\n  <div class=\"iw-avatar\" *ngIf=\"context.variables.showAvatarOnIsWriting && context.agent.avatar\"><img [src]=\"context.agent.avatar\"></div>\n  <div class=\"iw-message\" [innerHtml]=\"'STRINGS.CHAT.ISWRITING' | translate:{ nickname: context.agent.nick} | vvcSanitize:'html' \"></div>\n</div>"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[],"exports":[{"__symbolic":"reference","name":"ɵb"}],"entryComponents":[],"declarations":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ɵa"}}}}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"vvcSanitize"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":6,"character":35}]}],"transform":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-inbound","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div id=\"inbound-call\" *ngIf=\"context && context.inboundState\">\n\n  <vvc-inbound-topbar [context]=\"context\"\n                      (close)=\"close.emit()\"></vvc-inbound-topbar>\n\n  <vvc-inbound-fullscreen-messages [context]=\"context\"\n                                   (upgrade)=\"upgrade.emit()\"></vvc-inbound-fullscreen-messages>\n\n  <div class=\"sep\"></div>\n\n</div>\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"upgrade":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1,"character":1},"arguments":[{"selector":"vvc-inbound-topbar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":4,"character":19},"member":"OnPush"},"template":"<div class=\"inbound-top-bar\" [ngClass]=\"{ 'closed': context.isClosed  }\">\n  <div class=\"inbound-top-header\">\n    <div class=\"inbound-top-title\"></div>\n  </div>\n  <div class=\"inbound-top-controls\">\n      <span (click)=\"close.emit()\">\n        <i class=\"icon icon-vvc-close\"></i>\n      </span>\n  </div>\n</div>\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-inbound-fullscreen-messages","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div *ngIf=\"context && context.inboundState\">\n  <div class=\"inbound-icon-wrapper\" *ngIf=\"!context.isClosed\">\n\n    <div class=\"inbound-icon\" *ngIf=\"context.isMobile && context.inboundState.state === 'compose'\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\">\n        <g fill=\"none\" fill-rule=\"evenodd\">\n          <circle cx=\"40\" cy=\"40\" r=\"40\" fill=\"#F1F3F7\" fill-rule=\"nonzero\"/>\n          <path fill-rule=\"nonzero\" d=\"M55.2536087,10 C56.7703987,10 58,11.2324678 58,12.7531462 L58,68.2535055 C58,69.7086854 56.8597936,70.9081146 55.4209112,70.994965 L55.2536087,71 L25.4030044,71 C23.523577,71 22,69.5223514 22,67.6987466 L22,13.3012534 C22,11.4780215 23.523881,10 25.4030044,10 L55.2536087,10 Z M42.0001925,66 L38.9998075,66 C38.4437166,66 38,66.4477153 38,67 C38,67.5164112 38.3859659,67.9360179 38.8832088,67.993327 L38.9998075,68 L42.0001925,68 C42.5165626,68 42.9360386,67.6139598 42.9933292,67.1166211 L43,67 L42.9932736,66.8826674 C42.9355196,66.3827202 42.5129296,66 42.0001925,66 Z M56,18 L24,18 L24,64 L56,64 L56,18 Z M34.5,33.5 C35.05,33.5 35.5,33.95 35.5,34.5 C35.5,35.75 35.7,36.95 36.07,38.07 C36.18,38.42 36.1,38.81 35.82,39.07 L35.82,39.07 L33.62,41.28 C35.06,44.12 37.38,46.43 40.21,47.87 L40.21,47.87 L42.41,45.67 C42.69,45.4 43.08,45.32 43.43,45.43 C44.55,45.8 45.75,46 47,46 C47.55,46 48,46.45 48,47 L48,47 L48,50.5 C48,51.05 47.55,51.5 47,51.5 C37.61,51.5 30,43.89 30,34.5 C30,33.95 30.45,33.5 31,33.5 L31,33.5 Z M47.5,32 L47.5,36 L50.5,36 L45.5,41 L40.5,36 L43.5,36 L43.5,32 L47.5,32 Z M49.4917959,14 L31.5082041,14 C31.2266151,14 31,14.2238576 31,14.5 C31,14.7680664 31.2275307,15 31.5082041,15 L31.5082041,15 L49.4917959,15 C49.7733849,15 50,14.7761424 50,14.5 L50,14.5 L49.9918122,14.4122514 C49.9487815,14.1832562 49.7412833,14 49.4917959,14 L49.4917959,14 Z\"/>\n        </g>\n      </svg>\n    </div>\n\n    <div class=\"inbound-icon\" *ngIf=\"!context.isMobile && context.inboundState.state === 'compose'\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\">\n        <g fill=\"none\" fill-rule=\"evenodd\">\n          <circle cx=\"40\" cy=\"40\" r=\"40\" fill=\"#F1F3F7\" fill-rule=\"nonzero\"/>\n          <path fill-rule=\"nonzero\" d=\"M33.2536087,0 C34.7703987,0 36,1.23246777 36,2.75314617 L36,58.2535055 C36,59.7086854 34.8597936,60.9081146 33.4209112,60.994965 L33.2536087,61 L3.40300443,61 C1.52357698,61 0,59.5223514 0,57.6987466 L0,3.30125343 C0,1.47802151 1.52388103,0 3.40300443,0 L33.2536087,0 Z M20.0001925,56 L16.9998075,56 C16.4437166,56 16,56.4477153 16,57 C16,57.5164112 16.3859659,57.9360179 16.8832088,57.993327 L16.9998075,58 L20.0001925,58 C20.5165626,58 20.9360386,57.6139598 20.9933292,57.1166211 L21,57 L20.9932736,56.8826674 C20.9355196,56.3827202 20.5129296,56 20.0001925,56 Z M34,8 L2,8 L2,54 L34,54 L34,8 Z M18,45.8333333 C19.4019536,45.8333333 20.5384615,46.9899311 20.5384615,48.4166667 C20.5384615,49.8434023 19.4019536,51 18,51 C16.5980464,51 15.4615385,49.8434023 15.4615385,48.4166667 C15.4615385,46.9899311 16.5980464,45.8333333 18,45.8333333 Z M9.53846154,37.2222222 C10.9404151,37.2222222 12.0769231,38.37882 12.0769231,39.8055556 C12.0769231,41.2322912 10.9404151,42.3888889 9.53846154,42.3888889 C8.13650794,42.3888889 7,41.2322912 7,39.8055556 C7,38.37882 8.13650794,37.2222222 9.53846154,37.2222222 Z M18,37.2222222 C19.4019536,37.2222222 20.5384615,38.37882 20.5384615,39.8055556 C20.5384615,41.2322912 19.4019536,42.3888889 18,42.3888889 C16.5980464,42.3888889 15.4615385,41.2322912 15.4615385,39.8055556 C15.4615385,38.37882 16.5980464,37.2222222 18,37.2222222 Z M26.4615385,37.2222222 C27.8634921,37.2222222 29,38.37882 29,39.8055556 C29,41.2322912 27.8634921,42.3888889 26.4615385,42.3888889 C25.0595849,42.3888889 23.9230769,41.2322912 23.9230769,39.8055556 C23.9230769,38.37882 25.0595849,37.2222222 26.4615385,37.2222222 Z M9.53846154,28.6111111 C10.9404151,28.6111111 12.0769231,29.7677088 12.0769231,31.1944444 C12.0769231,32.62118 10.9404151,33.7777778 9.53846154,33.7777778 C8.13650794,33.7777778 7,32.62118 7,31.1944444 C7,29.7677088 8.13650794,28.6111111 9.53846154,28.6111111 Z M18,28.6111111 C19.4019536,28.6111111 20.5384615,29.7677088 20.5384615,31.1944444 C20.5384615,32.62118 19.4019536,33.7777778 18,33.7777778 C16.5980464,33.7777778 15.4615385,32.62118 15.4615385,31.1944444 C15.4615385,29.7677088 16.5980464,28.6111111 18,28.6111111 Z M26.4615385,28.6111111 C27.8634921,28.6111111 29,29.7677088 29,31.1944444 C29,32.62118 27.8634921,33.7777778 26.4615385,33.7777778 C25.0595849,33.7777778 23.9230769,32.62118 23.9230769,31.1944444 C23.9230769,29.7677088 25.0595849,28.6111111 26.4615385,28.6111111 Z M9.53846154,20 C10.9404151,20 12.0769231,21.1565977 12.0769231,22.5833333 C12.0769231,24.0100689 10.9404151,25.1666667 9.53846154,25.1666667 C8.13650794,25.1666667 7,24.0100689 7,22.5833333 C7,21.1565977 8.13650794,20 9.53846154,20 Z M18,20 C19.4019536,20 20.5384615,21.1565977 20.5384615,22.5833333 C20.5384615,24.0100689 19.4019536,25.1666667 18,25.1666667 C16.5980464,25.1666667 15.4615385,24.0100689 15.4615385,22.5833333 C15.4615385,21.1565977 16.5980464,20 18,20 Z M26.4615385,20 C27.8634921,20 29,21.1565977 29,22.5833333 C29,24.0100689 27.8634921,25.1666667 26.4615385,25.1666667 C25.0595849,25.1666667 23.9230769,24.0100689 23.9230769,22.5833333 C23.9230769,21.1565977 25.0595849,20 26.4615385,20 Z M27.4917959,4 L9.5082041,4 C9.22661515,4 9,4.22385763 9,4.5 C9,4.76806641 9.22753073,5 9.5082041,5 L9.5082041,5 L27.4917959,5 C27.7733849,5 28,4.77614237 28,4.5 L28,4.5 L27.9918122,4.41225137 C27.9487815,4.18325617 27.7412833,4 27.4917959,4 L27.4917959,4 Z\" transform=\"translate(22 10)\"/>\n        </g>\n      </svg>\n    </div>\n\n    <div class=\"inbound-icon circle\" *ngIf=\"context.inboundState.state === 'answer'\">\n      <svg height=\"19\" viewBox=\"0 0 24 19\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m23.71 14.67c-3.05-2.89-7.17-4.67-11.71-4.67s-8.66 1.78-11.71 4.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71 0-.27-.11-.52-.29-.7zm-3.96-11.82-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zm-6.75-2.85h-2v5h2zm-6.6 7.81 1.41-1.41-3.55-3.56-1.42 1.42c.11.03 3.56 3.55 3.56 3.55z\" fill-rule=\"evenodd\" transform=\"\"/></svg>\n    </div>\n  </div>\n\n  <div class=\"inbound-message-wrapper\" *ngIf=\"!context.isClosed\">\n    <div class=\"inbound-mode\" *ngIf=\"context.isMobile && context.inboundState.state === 'compose'\">\n      <div class=\"status-message\"\n           [innerHTML]=\" 'STRINGS.INBOUND.CLICK_TO_CALL' | translate | vvcSanitize:'html'\"></div>\n      <div class=\"number-to-call\">\n        <a [href]=\"numtel\" target=\"_blank\">{{formattedNum}}</a>\n      </div>\n    </div>\n\n    <div class=\"inbound-mode\" *ngIf=\"!context.isMobile && context.inboundState.state === 'compose'\">\n      <div class=\"status-message\"\n           [innerHTML]=\" 'STRINGS.INBOUND.COMPOSE_TO_CALL' | translate | vvcSanitize:'html'\"></div>\n      <div class=\"number-to-call\">\n        <span>{{formattedNum}}</span>\n      </div>\n      <div *ngIf=\"context.inboundState.extCode\">\n        <div class=\"status-message\"\n             [innerHTML]=\" 'STRINGS.INBOUND.INSERT_EXT_CODE' | translate | vvcSanitize:'html'\"></div>\n        <div class=\"number-to-call\">\n          <span>{{context.inboundState.extCode}}</span>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"inbound-mode\" *ngIf=\"context.inboundState.state === 'answer'\">\n      <div class=\"status-message\"\n           [innerHTML]=\" 'STRINGS.CBN.INLINE' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \">\n      </div>\n\n      <div class=\"status-message\" *ngIf=\"context.notRead > 0\">\n        <div class=\"media-bottom animated slideInLeft\">\n          <div class=\"chat-button\"\n               (click)=\"upgrade.emit()\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"20\" viewBox=\"0 0 20 20\" width=\"34\"><defs><path id=\"a\" d=\"m20 2h-16c-1.1 0-1.99.9-1.99 2l-.01 18 4-4h14c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm-14 7h12v2h-12zm8 5h-8v-2h8zm4-6h-12v-2h12z\"/><mask id=\"b\" fill=\"#fff\"><use fill=\"none\" xlink:href=\"#a\"/></mask></defs><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-2 -2)\"><path d=\"m0 0h24v24h-24z\"/><use fill=\"#FFF\" fill-rule=\"nonzero\" xlink:href=\"#a\"/><g fill=\"#fff\" fill-rule=\"evenodd\" mask=\"url(#b)\"><path d=\"m0 0h24v24h-24z\"/></g></g>\n              <circle *ngIf=\"context.notRead > 0\" fill=\"#D7293B\" cx=\"21\" cy=\"5\" r=\"5\"></circle>\n            </svg>\n            <span>{{ 'STRINGS.VOICE.OPEN_CHAT' | translate }}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"inbound-icon-wrapper\" *ngIf=\"context.isClosed\">\n    <div class=\"inbound-icon circle closed\">\n      <svg height=\"8\" viewBox=\"0 0 22 8\" width=\"22\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-1 -8)\"><path d=\"m0 0h24.000001v24.000001h-24.000001zm0 0h24.000001v24.000001h-24.000001z\"></path><path d=\"m7.83689909 10.3913551v2.7170978c0 .3458124-.19583633.6360478-.48643218.7842532-.94127785.4631416-1.8257 1.0806639-2.61536263 1.8525666-.34745156.3396372-.91600865.3396372-1.26346021 0l-2.21105536-2.1613277c-.34745156-.3396373-.34745156-.8954073 0-1.2350445 5.93194567-5.79853359 15.54687789-5.79853359 21.47882349 0 .3474516.3396372.3474516.8954072 0 1.2350445l-2.204738 2.1551525c-.3474516.3396372-.9160087.3396372-1.2634602 0-.7833454-.7657275-1.6740848-1.389425-2.6153627-1.8525667-.2969131-.1420301-.4927494-.4446159-.4927494-.7780779v-2.7170978c-2.7038049-.85218066-5.6287153-.85835588-8.32620281 0z\" fill-rule=\"nonzero\"></path></g></svg>\n    </div>\n  </div>\n\n  <div class=\"inbound-message-wrapper\" *ngIf=\"context.isClosed\">\n    <div class=\"status-message\"\n         [innerHTML]=\" 'STRINGS.CBN.LEFT' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \">\n    </div>\n  </div>\n</div>\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"upgrade":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-cbn","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div id=\"cbn-call\">\n  <vvc-cbn-topbar [context]=\"context\"\n                  (minimize)=\"minimized.emit()\"\n                  (close)=\"close.emit()\"></vvc-cbn-topbar>\n\n  <vvc-cbn-fullscreen-messages [context]=\"context\"\n                               (upgrade)=\"upgrade.emit()\"></vvc-cbn-fullscreen-messages>\n\n  <div class=\"sep\"></div>\n</div>\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"minimized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"upgrade":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-cbn-minimized","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<vvc-cbn-topbar [showMessages]=\"true\"\n                [context]=\"context\"\n                (maximize)=\"expand.emit()\"\n                (close)=\"close.emit()\"></vvc-cbn-topbar>"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-cbn-topbar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"cbn-top-bar\" [ngClass]=\"{ 'closed': context.isClosed && showMessages }\">\n  <div class=\"cbn-top-header\" (click)=\"maximize.emit()\">\n    <div class=\"cbn-top-title\" *ngIf=\"showMessages\">\n      <vvc-cbn-minimized-messages [context]=\"context\"></vvc-cbn-minimized-messages>\n    </div>\n  </div>\n  <div class=\"cbn-top-controls\" *ngIf=\"!showMessages\">\n      <span (click)=\"minimize.emit()\">\n        <i class=\"icon icon-vvc-reduce\"></i>\n      </span>\n  </div>\n  <div class=\"cbn-top-controls\">\n      <span (click)=\"close.emit()\">\n      <i class=\"icon icon-vvc-close\"></i>\n    </span>\n  </div>\n</div>"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"showMessages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"minimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"maximize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-cbn-fullscreen-messages","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"cbn-icon-wrapper\" *ngIf=\"!context.isClosed\">\n  <div class=\"cbn-icon\" *ngIf=\"!context.cbnState\">\n    <svg height=\"20\" viewBox=\"0 0 22 20\" width=\"22\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m20 0h-18c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2h-2v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm0 14h-18v-12h18zm-5-9c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4 8h-8v-1c0-1.33 2.67-2 4-2s4 .67 4 2z\" fill=\"#0351a1\" fill-rule=\"evenodd\" transform=\"\"></path></svg>\n  </div>\n  <div class=\"cbn-icon\" *ngIf=\"context.cbnState === 'dialing'\">\n    <div class=\"cbn-icon-layer pulse2 animated2 infinite\"></div>\n    <svg class=\"animated2 infinite shake2\" height=\"19\" viewBox=\"0 0 24 19\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m23.71 14.67c-3.05-2.89-7.17-4.67-11.71-4.67s-8.66 1.78-11.71 4.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71 0-.27-.11-.52-.29-.7zm-3.96-11.82-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zm-6.75-2.85h-2v5h2zm-6.6 7.81 1.41-1.41-3.55-3.56-1.42 1.42c.11.03 3.56 3.55 3.56 3.55z\" fill-rule=\"evenodd\" transform=\"\"/></svg>\n  </div>\n  <div class=\"cbn-icon\" *ngIf=\"context.cbnState === 'busy'\">\n    <svg height=\"19\" viewBox=\"0 0 24 19\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m23.71 14.67c-3.05-2.89-7.17-4.67-11.71-4.67s-8.66 1.78-11.71 4.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71 0-.27-.11-.52-.29-.7zm-3.96-11.82-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zm-6.75-2.85h-2v5h2zm-6.6 7.81 1.41-1.41-3.55-3.56-1.42 1.42c.11.03 3.56 3.55 3.56 3.55z\" fill-rule=\"evenodd\" transform=\"\"/></svg>\n  </div>\n  <div class=\"cbn-icon\" *ngIf=\"context.cbnState === 'no-answer'\">\n    <svg height=\"19\" viewBox=\"0 0 24 19\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m23.71 14.67c-3.05-2.89-7.17-4.67-11.71-4.67s-8.66 1.78-11.71 4.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71 0-.27-.11-.52-.29-.7zm-3.96-11.82-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zm-6.75-2.85h-2v5h2zm-6.6 7.81 1.41-1.41-3.55-3.56-1.42 1.42c.11.03 3.56 3.55 3.56 3.55z\" fill-rule=\"evenodd\" transform=\"\"/></svg>\n  </div>\n  <div class=\"cbn-icon\" *ngIf=\"context.cbnState === 'failed'\">\n    <svg height=\"19\" viewBox=\"0 0 24 19\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m23.71 14.67c-3.05-2.89-7.17-4.67-11.71-4.67s-8.66 1.78-11.71 4.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71 0-.27-.11-.52-.29-.7zm-3.96-11.82-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zm-6.75-2.85h-2v5h2zm-6.6 7.81 1.41-1.41-3.55-3.56-1.42 1.42c.11.03 3.56 3.55 3.56 3.55z\" fill-rule=\"evenodd\" transform=\"\"/></svg>\n  </div>\n  <div class=\"cbn-icon\" *ngIf=\"context.cbnState === 'answer'\">\n    <svg height=\"19\" viewBox=\"0 0 24 19\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m23.71 14.67c-3.05-2.89-7.17-4.67-11.71-4.67s-8.66 1.78-11.71 4.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71 0-.27-.11-.52-.29-.7zm-3.96-11.82-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zm-6.75-2.85h-2v5h2zm-6.6 7.81 1.41-1.41-3.55-3.56-1.42 1.42c.11.03 3.56 3.55 3.56 3.55z\" fill-rule=\"evenodd\" transform=\"\"/></svg>\n  </div>\n</div>\n\n<div class=\"cbn-icon-wrapper\" *ngIf=\"context.isClosed\">\n  <div class=\"cbn-icon closed\">\n    <svg height=\"8\" viewBox=\"0 0 22 8\" width=\"22\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-1 -8)\"><path d=\"m0 0h24.000001v24.000001h-24.000001zm0 0h24.000001v24.000001h-24.000001z\"></path><path d=\"m7.83689909 10.3913551v2.7170978c0 .3458124-.19583633.6360478-.48643218.7842532-.94127785.4631416-1.8257 1.0806639-2.61536263 1.8525666-.34745156.3396372-.91600865.3396372-1.26346021 0l-2.21105536-2.1613277c-.34745156-.3396373-.34745156-.8954073 0-1.2350445 5.93194567-5.79853359 15.54687789-5.79853359 21.47882349 0 .3474516.3396372.3474516.8954072 0 1.2350445l-2.204738 2.1551525c-.3474516.3396372-.9160087.3396372-1.2634602 0-.7833454-.7657275-1.6740848-1.389425-2.6153627-1.8525667-.2969131-.1420301-.4927494-.4446159-.4927494-.7780779v-2.7170978c-2.7038049-.85218066-5.6287153-.85835588-8.32620281 0z\" fill-rule=\"nonzero\"></path></g></svg>\n  </div>\n</div>\n<div class=\"cbn-message-wrapper\" *ngIf=\"context.isClosed\">\n  <div class=\"status-message\"\n       [innerHTML]=\" 'STRINGS.CBN.LEFT' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \">\n  </div>\n</div>\n\n<div class=\"cbn-message-wrapper\" *ngIf=\"!context.isClosed\">\n  <div class=\"status-message\"\n       [innerHTML]=\" 'STRINGS.CBN.SUCCESS' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"\n       *ngIf=\"!context.cbnState\">\n    <!--\n    You will be contacted shortly.<br>\n    Please keep your phone next to you.<br><br>\n    Don't close this window during the contact.\n    <br><br>\n    -->\n  </div>\n  <div class=\"status-message\"\n       [innerHTML]=\" 'STRINGS.CBN.RING' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"\n       *ngIf=\"context.cbnState === 'dialing'\">\n    <!--\n    Your phone is ringing...<br><br>\n    Don't close this window during the contact.\n    <br><br>\n    -->\n  </div>\n  <div class=\"status-message\"\n       [innerHTML]=\" 'STRINGS.CBN.BUSY' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"\n       *ngIf=\"context.cbnState === 'busy'\">\n  </div>\n  <div class=\"status-message\"\n       [innerHTML]=\" 'STRINGS.CBN.NOANSWER' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"\n       *ngIf=\"context.cbnState === 'no-answer'\">\n  </div>\n  <div class=\"status-message\"\n       [innerHTML]=\" 'STRINGS.CBN.WRONG_NUMBER' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"\n       *ngIf=\"context.cbnState === 'failed'\">\n  </div>\n  <div class=\"status-message\"\n       [innerHTML]=\" 'STRINGS.CBN.INLINE' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"\n       *ngIf=\"context.cbnState === 'answer'\">\n  </div>\n\n  <div class=\"status-message\" *ngIf=\"context.notRead > 0\">\n    <div class=\"media-bottom animated slideInLeft\">\n      <div class=\"chat-button\"\n           (click)=\"upgrade.emit()\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"20\" viewBox=\"0 0 20 20\" width=\"34\"><defs><path id=\"a\" d=\"m20 2h-16c-1.1 0-1.99.9-1.99 2l-.01 18 4-4h14c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm-14 7h12v2h-12zm8 5h-8v-2h8zm4-6h-12v-2h12z\"/><mask id=\"b\" fill=\"#fff\"><use fill=\"none\" xlink:href=\"#a\"/></mask></defs><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-2 -2)\"><path d=\"m0 0h24v24h-24z\"/><use fill=\"#FFF\" fill-rule=\"nonzero\" xlink:href=\"#a\"/><g fill=\"#fff\" fill-rule=\"evenodd\" mask=\"url(#b)\"><path d=\"m0 0h24v24h-24z\"/></g></g>\n          <circle *ngIf=\"context.notRead > 0\" fill=\"#D7293B\" cx=\"21\" cy=\"5\" r=\"5\"></circle>\n        </svg>\n        <span>{{ 'STRINGS.VOICE.OPEN_CHAT' | translate }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"upgrade":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-cbn-minimized-messages","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div *ngIf=\"context.isClosed\">\n  <span [innerHTML]=\" 'STRINGS.CBN.LEFT_M' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></span>\n</div>\n<div *ngIf=\"!context.isClosed && context.notRead === 0\">\n\n  <div *ngIf=\"!context.cbnState\">\n    <span [innerHTML]=\" 'STRINGS.CBN.SUCCESS_M' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></span>\n  </div>\n  <div *ngIf=\"context.cbnState === 'dialing'\">\n    <svg class=\"animated2 infinite shake2\" height=\"19\" viewBox=\"0 0 24 19\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m23.71 14.67c-3.05-2.89-7.17-4.67-11.71-4.67s-8.66 1.78-11.71 4.67c-.18.18-.29.43-.29.71s.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71 0-.27-.11-.52-.29-.7zm-3.96-11.82-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zm-6.75-2.85h-2v5h2zm-6.6 7.81 1.41-1.41-3.55-3.56-1.42 1.42c.11.03 3.56 3.55 3.56 3.55z\" fill=\"#ffffff\" fill-rule=\"evenodd\" transform=\"\"/></svg>\n    <span style=\"padding-left: 10px\" [innerHTML]=\" 'STRINGS.CBN.RING_M' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></span>\n  </div>\n  <div *ngIf=\"context.cbnState === 'busy'\">\n    <span [innerHTML]=\" 'STRINGS.CBN.BUSY_M' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></span>\n  </div>\n  <div *ngIf=\"context.cbnState === 'no-answer'\">\n    <span [innerHTML]=\" 'STRINGS.CBN.NOANSWER_M' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></span>\n  </div>\n  <div *ngIf=\"context.cbnState === 'failed'\">\n    <span [innerHTML]=\" 'STRINGS.CBN.WRONG_NUMBER_M' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></span>\n  </div>\n  <div *ngIf=\"context.cbnState === 'answer'\">\n    <span [innerHTML]=\" 'STRINGS.CBN.INLINE_M' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></span>\n  </div>\n\n</div>\n<div *ngIf=\"!context.isClosed && context.notRead > 0\">\n  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"18\" viewBox=\"0 0 20 20\" width=\"34\"><defs><path id=\"a\" d=\"m20 2h-16c-1.1 0-1.99.9-1.99 2l-.01 18 4-4h14c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm-14 7h12v2h-12zm8 5h-8v-2h8zm4-6h-12v-2h12z\"/><mask id=\"b\" fill=\"#fff\"><use fill=\"none\" xlink:href=\"#a\"/></mask></defs><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-2 -2)\"><path d=\"m0 0h24v24h-24z\"/><use fill=\"#FFF\" fill-rule=\"nonzero\" xlink:href=\"#a\"/><g fill=\"#fff\" fill-rule=\"evenodd\" mask=\"url(#b)\"><path d=\"m0 0h24v24h-24z\"/></g></g>\n    <circle fill=\"#D7293B\" cx=\"21\" cy=\"5\" r=\"5\"></circle>\n  </svg>\n  <span style=\"padding-left: 10px\" [innerHTML]=\" 'STRINGS.CBN.NEW_MESSAGES_M' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></span>\n</div>"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[vvc-auto-scroll]"}]}],"members":{"lockYOffset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3},"arguments":["lock-y-offset"]}]}],"observeAttributes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3},"arguments":["observe-attributes"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":23}]}],"getObserveAttributes":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"forceScrollDown":[{"__symbolic":"method"}],"isLocked":[{"__symbolic":"method"}],"scrollDown":[{"__symbolic":"method"}],"scrollHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":50,"character":3},"arguments":["scroll"]}]}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-emoji-panel","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"vvc-emoji-container\">\n  <span class=\"emoji\" *ngFor=\"let em of emojis\" (click)=\"addEmoji.emit(em)\">{{em}}</span>\n</div>\n<div class=\"emoji-close-wrapper\">\n  <button class=\"close\" (click)=\"toggleEmojiPanel.emit()\">{{ 'STRINGS.EMOJI.CLOSE_PANEL' | translate }}</button>\n</div>\n"}]}],"members":{"toggleEmojiPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}],"addEmoji":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-upload-panel","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"vvc-upload-container\">\n  <label for=\"theFile\" *ngIf=\"!dataFile\">\n    <div class=\"vvc-upload-area\">\n      <svg viewBox=\"0 0 512 512\">\n          <path d=\"M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z\"></path>\n       </svg>\n    </div>\n  </label>\n\n  <div class=\"vvc-upload-area\" *ngIf=\"dataFile\">\n    <img [src]=\"dataFile\" *ngIf=\"isImage\">\n    <svg viewBox=\"0 0 384 512\" *ngIf=\"!isImage\" class=\"attachment_preview\" [ngClass]=previewTipe>\n      <path d=\"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z\"></path>\n    </svg>\n  </div>\n\n  <div class=\"vvc-upload-loading\" *ngIf=\"_context.isUploading\">\n    <div class=\"inner-loading-panel\">\n      <div class=\"loading-container\">\n        <div class=\"progress-bar\">\n          <div class=\"loaded\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"too-big\" *ngIf=\"tooBig\">\n    <span> {{ 'STRINGS.UPLOAD.TOO_BIG' | translate:{ maxFileSize: context.variables.maxFileSize } }} </span>\n  </div>\n\n  <div class=\"vvc-upload-description\">\n    <textarea #fileDescr\n              [readonly]=\"_context.isUploading\"\n              [placeholder]=\"'STRINGS.UPLOAD.FILE_DESCRIPTION' | translate\"></textarea>\n    <form id=\"formUploader\" #formUploader enctype=\"multipart/form-data\" onsubmit=\"return false;\">\n      <input *ngIf=\"!context.variables.multiAttachment\" type=\"file\" id=\"theFile\" name=\"theFile\" class=\"input-file\" (change)=\"onUploading($event, formUploader)\">\n      <input *ngIf=\"context.variables.multiAttachment\" type=\"file\" multiple id=\"theFile\" name=\"theFile\" class=\"input-file\" (change)=\"onMultipleUploading($event, formUploader)\">\n    </form>\n  </div>\n  <div class=\"vvc-upload-button-wrap\">\n    <div *ngIf=\"!dataFile\">\n      <label for=\"theFile\" class=\"select-file\">\n\n          {{ 'STRINGS.UPLOAD.SELECT_FILE' | translate }}\n      </label>\n    </div>\n    <div *ngIf=\"dataFile\">\n      <button class=\"upload\"\n              [disabled]=\"_context.isUploading\"\n              (click)=\"doUpload(fileDescr)\">{{ 'STRINGS.UPLOAD.SEND_FILE' | translate }}</button>\n    </div>\n    <div>\n      <button class=\"close\"\n              [disabled]=\"_context.isUploading\"\n              (click)=\"close.emit(); tooBig = false;\">{{ 'STRINGS.UPLOAD.CLOSE_PANEL' | translate }}</button>\n    </div>\n  </div>\n\n  <audio autoplay\n         *ngIf=\"context.voiceRxStream\"\n         [srcObject]=\"context.voiceRxStream\"></audio>\n</div>\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"upload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":32,"character":27}]}],"doUpload":[{"__symbolic":"method"}],"onUploading":[{"__symbolic":"method"}],"onMultipleUploading":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-close-panel","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"inner-close-panel\">\n  <div class=\"close-modal\">\n    <div>{{ 'STRINGS.CLOSEMODAL.CLOSE_MESSAGE' | translate }}</div>\n    <div class=\"buttons-wrapper\">\n      <div><button (click)=\"cancel.emit()\">{{ 'STRINGS.CLOSEMODAL.NO' | translate }}</button></div>\n      <div><button (click)=\"confirm.emit()\">{{ 'STRINGS.CLOSEMODAL.YES' | translate }}</button></div>\n    </div>\n  </div>\n</div>\n\n"}]}],"members":{"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}],"confirm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-data-collection","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div *ngIf=\"!showFeedback\">\n<vvc-form [dc]=\"context.selectedDataCollection.dc\"\n          [country]=\"context.language\"\n          (submit)=\"submitData($event)\"></vvc-form>\n</div>\n<div *ngIf=\"showFeedback\" [innerHtml]=\"'STRINGS.SURVEY.FEEDBACK' | translate | vvcSanitize:'html' \">\n</div>\n\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"submitData":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"vvc-form","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<div class=\"vvc-form\">\n  <div class=\"form-required-legend\" *ngIf=\"hasRequired\">{{ 'STRINGS.DC.REQUIRED_LEGEND' | translate }}</div>\n  <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit($event)\">\n    <div *ngFor=\"let elem of fields\">\n      <div class=\"vvc-input\"\n           *ngIf=\"elem.showElement\"\n           [ngClass]=\"{'error' : form.get(elem.id) && form.get(elem.id).errors && form.get(elem.id).touched, 'vvc-checkbox': getInputElement(elem) === 'checkbox'}\">\n\n        <label *ngIf=\"elem.format !== 'message'\">{{ (elem.labelId | translate) || elem.id }}<span *ngIf=\"elem.required\" class=\"required\"> *</span></label>\n\n        <!-- message -->\n        <div  class=\"message\" *ngIf=\"getInputElement(elem) === 'message'\" [innerHTML]=\"elem.message | translate | vvcSanitize:'html' \"></div>\n\n        <!-- text -->\n        <input *ngIf=\"!readMode && getInputElement(elem) === 'input'\"\n               [formControlName]=\"elem.id\"\n               type=\"{{ getInputType(elem) }}\"\n               placeholder=\"{{ elem.placeholderId | translate }}\" />\n\n        <!-- textarea -->\n        <textarea *ngIf=\"!readMode && getInputElement(elem) === 'textarea'\"\n                  [formControlName]=\"elem.id\"\n                  placeholder=\"{{ elem.placeholderId | translate }}\"></textarea>\n\n        <!-- dropdown -->\n        <select *ngIf=\"!readMode && getInputElement(elem) === 'select'\"\n                [formControlName]=\"elem.id\">\n          <option value=\"\" selected></option>\n          <option *ngFor=\"let key of optionsKeys(elem.options)\" [value]=\"key\">{{elem.options[key] | translate}}</option>\n        </select>\n\n        <!-- checkbox -->\n        <input *ngIf=\"!readMode && getInputElement(elem) === 'checkbox'\"\n               [formControlName]=\"elem.id\"\n               type=\"checkbox\" />\n\n        <!-- radio -->\n        <div *ngIf=\"!readMode && getInputElement(elem) === 'radio'\">\n          <div *ngFor=\"let key of optionsKeys(elem.options)\">\n            <input [formControlName]=\"elem.id\"\n                   [value]=\"key\"\n                   [id]=\"key\"\n                   type=\"radio\" />\n            <label [for]=\"key\">{{ elem.options[key] | translate }}</label>\n          </div>\n        </div>\n\n        <!-- rating -->\n        <div *ngIf=\"!readMode && getInputElement(elem) === 'rating'\">\n          <div>{{ elem.name | translate }}</div>\n          <div class=\"vvc-bar-rating {{'vvc-bar-rating-'+elem.style}}\">\n            <ng-container *ngFor=\"let i of elem.ratings\">\n              <input type=\"radio\" id=\"{{elem.id}}{{i}}\" [formControlName]=\"elem.id\" [value]=\"i.toString()\" />\n              <label for=\"{{elem.id}}{{i}}\"></label>\n            </ng-container>\n          </div>\n        </div>\n\n        <div *ngIf=\"readMode\">\n          {{ dc.dataValue[elem.id] || '-' }}\n        </div>\n\n        <p *ngIf=\"form.get(elem.id) && form.get(elem.id).touched && !readMode\">\n          <span *ngIf=\"form.get(elem.id).hasError('required')\">{{ 'STRINGS.DC.REQUIRED_ERR' | translate }}</span>\n          <span *ngIf=\"form.get(elem.id).hasError('email')\">{{ 'STRINGS.DC.EMAIL_ERR' | translate }}</span>\n        </p>\n      </div>\n    </div>\n    <div *ngIf=\"!readMode\">\n      <button class=\"btn-primary\"\n              [disabled]=\"form.invalid\">{{ 'STRINGS.NEXT_BUTTON' | translate }}</button>\n    </div>\n  </form>\n</div>\n"}]}],"members":{"dc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"country":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"readMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":25,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getInputElement":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"optionsKeys":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-loading-panel","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"loading-view\">\n  <!--\n  <div  *ngIf=\"context.translationLoaded\"\n        class=\"loading-message animated fadeInUp\"\n        [innerHtml]=\" 'STRINGS.LOADING' | translate \"></div>\n  <div class=\"loading-loading animated fadeInUp\">\n    <div class=\"inner-loading-panel\">\n      <div class=\"loading-container\">\n        <div class=\"progress-bar\">\n          <div class=\"loaded\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n  -->\n</div>\n\n"}]}],"members":{}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"vvc-chat-message","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<div #chatMsg class=\"chat-message\" [ngClass]=\"{ 'agent': message.isAgent, 'visitor': !message.isAgent, 'bot': message.isAgent && message.agent.is_bot, 'real_agent': message.isAgent && !message.agent.is_bot }\">\n  <div class=\"message-spacer\" *ngIf=\"!message.isAgent\"></div>\n  <div class=\"message-avatar\" *ngIf=\"message.isAgent && (message.avatar || message.agent && message.agent.avatar)\" [style.visibility]=\"isFirst ? 'visible' : 'hidden'\">\n    <img [src]=\"message.avatar || message.agent.avatar\">\n  </div>\n  <div class=\"message\"\n       [ngClass]=\"{ 'arrow' : isFirst }\">\n    <div *ngIf=\"!message.meta && (!message.isAgent || (message.isAgent && !message.agent.is_bot))\"\n          class=\"bubble\"\n          [innerHTML]=\"message.text | vvcLink:{sanitizeHtml: true}\"></div>\n    <div *ngIf=\"!message.meta && message.isAgent && message.agent.is_bot\"\n          class=\"bubble\"\n          [innerHTML]=\"message.text | vvcLink\"></div>\n    <div *ngIf=\"message.meta\" class=\"bubble attachment\" (click)=\"openDocument(message.meta.url)\">\n      <div class=\"attachment-img\" *ngIf=\"message.meta.mimetype.indexOf('image/') !== -1\">\n        <img [src]=\"message.meta.url\">\n      </div>\n      <div class=\"attachment-img\" *ngIf=\"message.meta.mimetype.indexOf('image/') === -1\">\n        <svg viewBox=\"0 0 384 512\" [ngClass]=\"previewTipe\">\n          <path d=\"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z\"></path>\n        </svg>\n      </div>\n      <div class=\"attachment-text\">\n        {{ message.text || message.meta.desc}}\n      </div>\n    </div>\n    <div class=\"time\" *ngIf=\"isLast\">\n      <span class=\"msg-warnings\" *ngIf=\"message.failed\" (click)=\"sendFailed()\">\n        <svg height=\"12\" viewBox=\"0 0 12 12\" width=\"12\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-438 -224)\"><path d=\"m0 0h908v900h-908z\" fill=\"#fff\"/><path d=\"m5.77639233 1.67083605c.22934693-.11467403.50469266-.03654433.64173472.17295535l.02908611.05065013 4.19100574 8.38197037c.0347141.069428.0527868.1459848.0527868.2236077 0 .2564179-.1930201.4677536-.4416894.4966361l-.0583106.0033639h-8.38201143c-.07762288 0-.15417973-.0180727-.22360768-.0527868-.22934693-.1146741-.33204956-.3818289-.24667413-.617162l.02306865-.0536589 4.19100573-8.38197037c.04838174-.09676301.12684248-.17522374.22360549-.22360548zm.22360767 1.57916395-3.5 6.7500196h7zm0 5.25c.27614238 0 .5.22385762.5.5 0 .27614237-.22385762.5-.5.5-.27614237 0-.5-.22385763-.5-.5 0-.27614238.22385763-.5.5-.5zm0-3.5c.27614238 0 .5.22385762.5.5v2c0 .27614237-.22385762.5-.5.5-.27614237 0-.5-.22385763-.5-.5v-2c0-.27614238.22385763-.5.5-.5z\" fill=\"#e55e3b\" fill-rule=\"nonzero\" transform=\"translate(438 224)\"/></g></svg>\n      </span>\n      <span class=\"msg-warnings\" *ngIf=\"message.ackIsLate1 && !message.ackIsLate2\">\n        <svg height=\"12\" viewBox=\"0 0 12 12\" width=\"12\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"m-438-276h908v900h-908z\" fill=\"#fff\"/><g><path d=\"m0 0h12v12h-12z\"/><path d=\"m6 3c.92906869 0 1.78415734.31674622 2.46316895.84814168l.70104461-.70169507.70710678.70710678-.70323055.70415931c.52160767.67562246.83191021 1.52271736.83191021 2.4422873 0 2.209139-1.790861 4-4 4s-4-1.790861-4-4 1.790861-4 4-4zm0 1c-1.65685425 0-3 1.34314575-3 3s1.34314575 3 3 3 3-1.34314575 3-3-1.34314575-3-3-3zm0 1 .08774863.00815092c.2289952.04283657.41225137.24939903.41225137.49776138v1.4881754c0 .27519941-.22385763.5059123-.5.5059123-.26806641 0-.5-.22650465-.5-.5059123v-1.4881754c0-.27519941.22385763-.5059123.5-.5059123zm2-4v1h-4v-1z\" fill=\"#949ea8\"/></g></g></svg>\n      </span>\n      <span class=\"msg-warnings\" *ngIf=\"message.ackIsLate2\">\n        <svg height=\"12\" viewBox=\"0 0 12 12\" width=\"12\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-438 -250)\"><path d=\"m0 0h908v900h-908z\" fill=\"#fff\"/><path d=\"m5.77639233 1.67083605c.22934693-.11467403.50469266-.03654433.64173472.17295535l.02908611.05065013 4.19100574 8.38197037c.0347141.069428.0527868.1459848.0527868.2236077 0 .2564179-.1930201.4677536-.4416894.4966361l-.0583106.0033639h-8.38201143c-.07762288 0-.15417973-.0180727-.22360768-.0527868-.22934693-.1146741-.33204956-.3818289-.24667413-.617162l.02306865-.0536589 4.19100573-8.38197037c.04838174-.09676301.12684248-.17522374.22360549-.22360548zm.22360767 1.57916395-3.5 6.7500196h7zm0 5.25c.27614238 0 .5.22385762.5.5 0 .27614237-.22385762.5-.5.5-.27614237 0-.5-.22385763-.5-.5 0-.27614238.22385763-.5.5-.5zm0-3.5c.27614238 0 .5.22385762.5.5v2c0 .27614237-.22385762.5-.5.5-.27614237 0-.5-.22385763-.5-.5v-2c0-.27614238.22385763-.5.5-.5z\" fill=\"#f5b83a\" fill-rule=\"nonzero\" transform=\"translate(438 250)\"/></g></svg>\n      </span>\n      <span class=\"msg-acks\" *ngIf=\"!message.failed && !message.ackIsLate1 && !message.ackIsLate2\">\n        <span title=\"{{ 'STRINGS.TOOLTIP.MSG_SENT' | translate }}\" *ngIf=\"!message.isAgent && !message.ack\"><svg height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m8.53240548.28116753c.29849321-.33630114.82445569-.37663004 1.17477007-.09007713.31139055.25471371.37918205.68196672.18076123 1.00996226l-.0869307.11781478-5.68048261 6.39998731c-.29253479.32958801-.79514582.36995316-1.13883325.11815649l-.12071254-.10812458-2.65285073-2.89031685c-.30426455-.33150035-.27098776-.83702296.0743258-1.12911635.30694538-.25963857.75711923-.26324628 1.06706313-.02801929l.10910206.09937191 2.01642117 2.19680114z\" fill=\"#666\" fill-rule=\"evenodd\" transform=\"translate(6 4)\"/></svg></span>\n        <span title=\"{{ 'STRINGS.TOOLTIP.MSG_RECEIVED' | translate:message.tooltipData}}\" *ngIf=\"!message.isAgent && message.ack && !message.read\"><svg height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"m0 0h16v16h-16z\"/><g fill=\"#666\" transform=\"translate(1 4)\"><path d=\"m8.53240548.28116753c.29849321-.33630114.82445569-.37663004 1.17477007-.09007713.31139055.25471371.37918205.68196672.18076123 1.00996226l-.0869307.11781478-5.68048261 6.39998731c-.29253479.32958801-.79514582.36995316-1.13883325.11815649l-.12071254-.10812458-2.65285073-2.89031685c-.30426455-.33150035-.27098776-.83702296.0743258-1.12911635.30694538-.25963857.75711923-.26324628 1.06706313-.02801929l.10910206.09937191 2.01642117 2.19680114z\"/><path d=\"m14.7071756.1910904c.3113905.25471371.379182.68196672.1807612 1.00996226l-.0869307.11781478-5.68048263 6.39998731c-.29253479.32958801-.79514582.36995316-1.13883325.11815649l-.12071254-.10812458-1.22694885-1.3368832 1.093-1.23.74801028.81560376 5.05736639-5.69643969c.2984932-.33630114.8244557-.37663004 1.1747701-.09007713zm-8.35765972 3.49034377.10910206.09937191.58841089.64019738-1.092 1.231-.74690188-.81343365c-.15213227-.16575018-.21987921-.37500592-.20642889-.57933579l.64552638-.7294867c.24154924-.05291416.50138138-.00079065.70229144.15168685z\"/></g></g></svg></span>\n        <span title=\"{{ 'STRINGS.TOOLTIP.MSG_READ' | translate:message.tooltipData}}\" *ngIf=\"!message.isAgent && message.ack && message.read\"><svg height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><defs><path id=\"a-msg-acks-read\" d=\"m8.53240548.28116753c.29849321-.33630114.82445569-.37663004 1.17477007-.09007713.31139055.25471371.37918205.68196672.18076123 1.00996226l-.0869307.11781478-5.68048261 6.39998731c-.29253479.32958801-.79514582.36995316-1.13883325.11815649l-.12071254-.10812458-2.65285073-2.89031685c-.30426455-.33150035-.27098776-.83702296.0743258-1.12911635.30694538-.25963857.75711923-.26324628 1.06706313-.02801929l.10910206.09937191 2.01642117 2.19680114z\"/></defs><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"m0 0h16v16h-16z\"/><g transform=\"translate(1 4)\"><path d=\"m14.7071756.1910904c.3113905.25471371.379182.68196672.1807612 1.00996226l-.0869307.11781478-5.68048263 6.39998731c-.29253479.32958801-.79514582.36995316-1.13883325.11815649l-.12071254-.10812458-1.22694885-1.3368832 1.093-1.23.74801028.81560376 5.05736639-5.69643969c.2984932-.33630114.8244557-.37663004 1.1747701-.09007713zm-8.35765972 3.49034377.10910206.09937191.58841089.64019738-1.092 1.231-.74690188-.81343365c-.15213227-.16575018-.21987921-.37500592-.20642889-.57933579l.64552638-.7294867c.24154924-.05291416.50138138-.00079065.70229144.15168685z\" fill=\"#5f9f18\"/><use fill=\"#f3f3f3\" xlink:href=\"#a-msg-acks-read\"/><use fill=\"#5f9f18\" xlink:href=\"#a-msg-acks-read\"/></g></g></svg></span>\n      </span>\n       {{ message.time }}\n    </div>\n  </div>\n  <div class=\"message-avatar\" *ngIf=\"!message.isAgent\" [style.visibility]=\"isFirst ? 'visible' : 'hidden'\">\n    <div class=\"message-visitor\"></div>\n  </div>\n  <div class=\"message-spacer\" *ngIf=\"message.isAgent\"></div>\n</div>\n"}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"disableMessageGrouping":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"showDoc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"read":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"resend":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":16,"character":3},"arguments":["click",["$event"]]}]}],"chatMsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":3},"arguments":["chatMsg",{"static":true}]}]}],"markRead":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":39,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"isInView":[{"__symbolic":"method"}],"addScrollListener":[{"__symbolic":"method"}],"checkForRead":[{"__symbolic":"method"}],"openDocument":[{"__symbolic":"method"}],"sendFailed":[{"__symbolic":"method"}],"sanitizeThis":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-system-message","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"system-message\" [innerHtml]=\" message.text | translate:message.context | vvcSanitize:'html' \"></div>"}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"vvc-template-generic","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<div #tplGen class=\"tpl-navigation\">\n\n  <div class=\"tpl-left\" *ngIf=\"message.elements.length > 1 && scrollOffset > 0\" (click)=\"scrollLeft()\"></div>\n\n  <div class=\"tpl-right\" *ngIf=\"message.elements.length > 1 && scrollOffset <= lastCarouselElem\" (click)=\"scrollRight()\"></div>\n\n  <div #carousel\n       class=\"tpl-container\"\n       [scrollLeft]=\"scrollOffset || 0\"\n       [style.scroll-behavior]=\"transition\"\n       [ngClass]=\"{'carousel' : (message.elements.length > 1) }\"\n       (swipeleft)=\"swipe($event.type)\" \n       (swiperight)=\"swipe($event.type)\">\n\n    <div *ngFor=\"let elem of message.elements\" class=\"tpl-element\" [ngClass]=\"{'carousel' : (message.elements.length > 1) }\">\n      <div class=\"vvc-template-inner\">\n        <div *ngIf=\"elem.image_url\" class=\"cover\" [style.background-image]=\"'url(' + elem.image_url + ')'\"></div>\n        <div class=\"title\"\n             [ngClass]=\"{'tpl-has-default':elem.default_action}\"\n             (click)=\"defaultAction(elem)\">{{ elem.title }}</div>\n        <div class=\"subtitle\">{{ elem.subtitle }}</div>\n      </div>\n      <div class=\"vvc-template-action\" *ngFor=\"let btn of elem.buttons\">\n        <button (click)=\"action.emit(btn)\">{{ btn.title }}</button>\n      </div>\n    </div>\n  </div>\n\n</div>\n"}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"scrollUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"read":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["carousel",{"static":true}]}]}],"tplGen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":["tplGen",{"static":true}]}]}],"markRead":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isInView":[{"__symbolic":"method"}],"addScrollListener":[{"__symbolic":"method"}],"checkForRead":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"scrollRight":[{"__symbolic":"method"}],"scrollLeft":[{"__symbolic":"method"}],"defaultAction":[{"__symbolic":"method"}],"swipe":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-template-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div #tplList class=\"tpl-list-container\">\n  <div *ngFor=\"let elem of message.elements\" class=\"tpl-element\" [ngClass]=\"{'tpl-has-action':message.buttons}\">\n    <div class=\"vvc-template-inner\">\n      <div class=\"title\"\n           [ngClass]=\"{'tpl-has-default':elem.default_action}\"\n           (click)=\"defaultAction(elem)\">{{ elem.title }}</div>\n      <div class=\"subtitle\">{{ elem.subtitle }}</div>\n      <div class=\"action\">\n        <span *ngFor=\"let b of elem.buttons\"\n                (click)=\"action.emit(b)\">{{b.title}}</span>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"tpl-list-action\" *ngFor=\"let btn of message.buttons\">\n  <button (click)=\"action.emit(btn)\">{{ btn.title }}</button>\n</div>\n"}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}],"read":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"tplList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["tplList",{"static":true}]}]}],"markRead":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isInView":[{"__symbolic":"method"}],"addScrollListener":[{"__symbolic":"method"}],"checkForRead":[{"__symbolic":"method"}],"defaultAction":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"vvc-quick-replies","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<div #qrMsg class=\"vvc-quick-replies\" [ngClass]=\"{'horizontal': message.quick_replies_orientation !== 'vertical', 'vertical': message.quick_replies_orientation === 'vertical'}\">\n  <div *ngIf=\"!(hideQuickRepliesBodyWhenEmpty && !message.body)\">\n      <div *ngIf=\"!showQuickRepliesAsBalloon\" class=\"reply-message\">{{ message.body }}</div>\n      <div *ngIf=\"showQuickRepliesAsBalloon\" class=\"reply-message-balloon\">\n          <vvc-chat-message [message]=\"castedMessage\"></vvc-chat-message>\n      </div>\n  </div>\n  <div #qrContainer class=\"qr-buttons\"\n       [scrollLeft]=\"scrollOffset || 0\"\n       [style.scroll-behavior]=\"transition\"\n       [ngClass]=\"{'centered':showCentered()}\"\n                    *ngIf=\"canShowButtons()\">\n    <div class=\"tpl-left\"\n         [ngClass]=\"{'hasImg': hasImage()}\"\n         *ngIf=\"showScrollers()\" (click)=\"scrollLeft()\"></div>\n\n    <div class=\"tpl-right\"\n         [ngClass]=\"{'hasImg': hasImage()}\"\n         *ngIf=\"showScrollers()\" (click)=\"scrollRight()\"></div>\n\n    <div class=\"reply\" *ngFor=\"let btn of message.quick_replies\" [ngClass]=\"{ 'img': btn.image_url }\">\n      <button [disabled]=\"message.no_quick_replies_interaction && noInteractionMode === 'disable_buttons'\" (click)=\"btnClicked(btn)\">\n        <img *ngIf=\"btn.image_url\" [src]=\"btn.image_url\"> {{ btn.title }}\n      </button>\n    </div>\n  </div>\n</div>\n"}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"showQuickRepliesAsBalloon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"noInteractionMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"hideQuickRepliesBodyWhenEmpty":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"scrollUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"read":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["qrContainer",{"static":true}]}]}],"qrMsg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":["qrMsg",{"static":true}]}]}],"markRead":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"isInView":[{"__symbolic":"method"}],"addScrollListener":[{"__symbolic":"method"}],"checkForRead":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"btnClicked":[{"__symbolic":"method"}],"hasImage":[{"__symbolic":"method"}],"showCentered":[{"__symbolic":"method"}],"showScrollers":[{"__symbolic":"method"}],"scrollRight":[{"__symbolic":"method"}],"scrollLeft":[{"__symbolic":"method"}],"canShowButtons":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-request-message","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"request-message-wrap\">\n  <div class=\"request-message\" [innerHtml]=\" 'STRINGS.MESSAGES.' + message.text | translate | vvcSanitize:'html' \"></div>\n  <div class=\"request-buttons\">\n    <div class=\"btn\">\n      <button (click)=\"accept.emit(message.text)\">{{ 'STRINGS.MESSAGES.REQUEST_ACCEPT' | translate }}</button>\n    </div>\n    <div class=\"btn\">\n      <button (click)=\"reject.emit(message.text)\">{{ 'STRINGS.MESSAGES.REQUEST_REJECT' | translate }}</button>\n    </div>\n  </div>\n</div>"}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"accept":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"reject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-link-message","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"system-message message-link\"\n     [innerHtml]=\"'STRINGS.LINK_PUSH' | translate:{ link: message.text }\"\n     [title]=\"message.url\"\n     (click)=\"linkClicked.emit(message.url)\"></div>\n"}]}],"members":{"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"linkClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"vvcLink"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-minimized","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div (click)=\"expand.emit()\">\n  <img class='agent-img'\n       *ngIf=\"context && context.agent && context.agent.avatar\"\n       [src]=\"context && context.agent && context.agent.avatar\">\n  <img class='agent-img agent-default'\n       *ngIf=\"!context || !context.agent || !context.agent.avatar\">\n  <div class='badge' *ngIf=\"context.notRead && context.notRead > 0\">{{ context.notRead }}</div>\n\n  <audio autoplay\n         *ngIf=\"context.voiceRxStream\"\n         [srcObject]=\"context.voiceRxStream\"></audio>\n</div>"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-media","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<!-- closed state -->\n<div class=\"media-connected-view animated fadeInUp\" *ngIf=\"context.isClosed\">\n  <div class=\"media-content\" >\n    <div class=\"media-title\" [innerHtml]=\" 'STRINGS.VOICE.CONTACT_CLOSED' | translate | vvcSanitize:'html' \"></div>\n  </div>\n</div>\n\n<!-- offering state -->\n<div class=\"media-connected-view animated fadeInUp\" *ngIf=\"(!context.isClosed && context.isOffering)\">\n  <vvc-outgoing-offer [context]=\"context\"></vvc-outgoing-offer>\n</div>\n\n<!-- incoming state -->\n<div class=\"media-connected-view animated fadeInUp\" *ngIf=\"(!context.isClosed && context.incomingOffer)\">\n  <vvc-incoming-offer\n      [context]=\"context\"\n      (onAccept)=\"onAccept.emit($event)\"\n      (onReject)=\"onReject.emit($event)\"></vvc-incoming-offer>\n</div>\n\n<!-- connected state -->\n<div class=\"media-connected-view animated fadeInUp\" *ngIf=\"!context.isClosed && context.isMediaConnected && !context.incomingOffer\">\n\n  <div class=\"media-content\" *ngIf=\"context\">\n    <div class=\"media-title\" *ngIf=\"!(context.videoRxStream || context.videoTxStream)\" [innerHtml]=\" 'STRINGS.VOICE.WELCOME_MESSAGE' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></div>\n    <div class=\"media-avatar\" *ngIf=\"context.agent.avatar && !(context.videoRxStream || context.videoTxStream)\">\n      <img [src]=\"context.agent.avatar\">\n    </div>\n\n    <vvc-media-container\n        class=\"media-video-wrapper\"\n        (onMaximize)=\"onMaximize.emit()\"\n        (cameraChange)=\"cameraChange.emit()\"\n        [context]=\"context\"></vvc-media-container>\n    <vvc-media-toolbar\n        class=\"media-tools fit\"\n        [context]=\"context\"\n        (hangUp)=\"hangUp.emit($event)\"\n        (muteToggle)=\"muteToggle.emit($event)\"\n        (videoToggle)=\"videoToggle.emit($event)\"\n        *ngIf=\"isMediaToolbarVisible()\"></vvc-media-toolbar>\n  </div>\n  <div class=\"media-bottom animated slideInLeft\">\n    <div class=\"chat-button\"\n         (click)=\"displayChat.emit()\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"20\" viewBox=\"0 0 20 20\" width=\"34\"><defs><path id=\"a\" d=\"m20 2h-16c-1.1 0-1.99.9-1.99 2l-.01 18 4-4h14c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm-14 7h12v2h-12zm8 5h-8v-2h8zm4-6h-12v-2h12z\"/><mask id=\"b\" fill=\"#fff\"><use fill=\"none\" xlink:href=\"#a\"/></mask></defs><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-2 -2)\"><path d=\"m0 0h24v24h-24z\"/><use fill=\"#FFF\" fill-rule=\"nonzero\" xlink:href=\"#a\"/><g fill=\"#fff\" fill-rule=\"evenodd\" mask=\"url(#b)\"><path d=\"m0 0h24v24h-24z\"/></g></g>\n        <circle *ngIf=\"context.notRead > 0\" fill=\"#D7293B\" cx=\"21\" cy=\"5\" r=\"5\"></circle>\n      </svg>\n      <span>{{ 'STRINGS.VOICE.OPEN_CHAT' | translate }}</span>\n    </div>\n  </div>\n</div>\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"onAccept":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"onReject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"onMaximize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"displayChat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"muteToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"videoToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"cameraChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"hangUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"isMediaToolbarVisible":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-full-screen-video","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"chat-toggle\" (click)=\"chatToggle()\">\n  <div class=\"chat-opened\" *ngIf=\"context.showChatOnFullScreen\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"20\" viewBox=\"0 0 20 20\" width=\"20\"><mask id=\"a\" fill=\"#fff\"><path d=\"m20 2h-16c-1.1 0-1.99.9-1.99 2l-.01 18 4-4h14c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm-8 9.4142136-3.53553391 3.5355339-1.41421356-1.4142136 3.53553387-3.5355339-3.53553387-3.53553391 1.41421356-1.41421356 3.53553391 3.53553391 3.5355339-3.53553391 1.4142136 1.41421356-3.5355339 3.53553391 3.5355339 3.5355339-1.4142136 1.4142136z\" fill=\"#fff\"/></mask><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-2 -2)\"><path d=\"m0 0h24v24h-24z\"/><g fill=\"#fff\" fill-rule=\"evenodd\" mask=\"url(#a)\"><path d=\"m0 0h24v24h-24z\"/></g></g></svg>\n  </div>\n  <div class=\"chat-closed\" *ngIf=\"!context.showChatOnFullScreen\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"20\" viewBox=\"0 0 20 20\" width=\"34\"><defs><path id=\"a\" d=\"m20 2h-16c-1.1 0-1.99.9-1.99 2l-.01 18 4-4h14c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm-14 7h12v2h-12zm8 5h-8v-2h8zm4-6h-12v-2h12z\"/><mask id=\"b\" fill=\"#fff\"><use fill=\"none\" xlink:href=\"#a\"/></mask></defs><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-2 -2)\"><path d=\"m0 0h24v24h-24z\"/><use fill=\"#FFF\" fill-rule=\"nonzero\" xlink:href=\"#a\"/><g fill=\"#fff\" fill-rule=\"evenodd\" mask=\"url(#b)\"><path d=\"m0 0h24v24h-24z\"/></g></g>\n      <circle *ngIf=\"context.notRead > 0\" fill=\"#D7293B\" cx=\"21\" cy=\"5\" r=\"5\"></circle>\n    </svg>\n  </div>\n</div>\n\n<vvc-media-container\n    class=\"media-video-wrapper full-screen\"\n    (normalScreen)=\"normalScreen.emit()\"\n    (cameraChange)=\"cameraChange.emit()\"\n    [context]=\"context\"></vvc-media-container>\n\n<div class=\"media-controls-wrapper\" *ngIf=\"isMediaToolbarVisible()\">\n  <vvc-media-toolbar\n      class=\"media-tools\"\n      [context]=\"context\"\n      (hangUp)=\"hangUp.emit($event)\"\n      (muteToggle)=\"muteToggle.emit($event)\"\n      (videoToggle)=\"videoToggle.emit($event)\"></vvc-media-toolbar>\n</div>\n\n<div class=\"media-modal\" *ngIf=\"(!context.isClosed && context.incomingOffer)\">\n  <div class=\"spacer\"></div>\n  <div class=\"media-connected-view animated fadeInUp\">\n    <vvc-incoming-offer\n        [context]=\"context\"\n        (onAccept)=\"onAccept.emit($event)\"\n        (onReject)=\"onReject.emit($event)\"></vvc-incoming-offer>\n  </div>\n  <div class=\"spacer\"></div>\n</div>\n\n<div class=\"media-modal\" *ngIf=\"(!context.isClosed && context.isOffering)\">\n  <div class=\"spacer\"></div>\n  <div class=\"media-connected-view animated fadeInUp\">\n    <vvc-outgoing-offer [context]=\"context\"></vvc-outgoing-offer>\n  </div>\n  <div class=\"spacer\"></div>\n</div>\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"muteToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"videoToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"displayChat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"hangUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"normalScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"cameraChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"onAccept":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"onReject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"chatToggle":[{"__symbolic":"method"}],"isMediaToolbarVisible":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-media-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"media-containers\">\n  <div class=\"video-paused\" *ngIf=\"showVideoIsPaused\">\n    {{ 'STRINGS.MEDIA.VIDEO_STOPPED' | translate }}\n    <div class=\"btn\">\n      <button (click)=\"playVideo()\">{{'STRINGS.MEDIA.VIDEO_CONTINUE' | translate }}</button>\n    </div>\n  </div>\n  <div class=\"size-tools\" [ngClass]=\"{ 'desktop' : !context.isMobile }\">\n    <span class=\"buttons\"\n          *ngIf=\"context.isFullScreen\"\n          (click)=\"normalScreen.emit()\">\n      <svg height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-4 -4)\"><path d=\"m0 0h24v24h-24z\"></path><path d=\"m8.66666667 8.66666667v-4.66666667h1.73333333v6.4h-6.4v-1.73333333zm6.66666663 0h4.6666667v1.73333333h-6.4v-6.4h1.7333333zm-6.66666663 6.66666663h-4.66666667v-1.7333333h6.4v6.4h-1.73333333zm6.66666663 0v4.6666667h-1.7333333v-6.4h6.4v1.7333333z\" fill=\"#fff\"></path></g></svg>\n      <span class=\"tooltip\">{{ 'STRINGS.MEDIA.TOOLTIPS.MINIMIZE_VIDEO' | translate }}</span>\n    </span>\n    <span class=\"buttons\"\n          *ngIf=\"!context.isFullScreen\"\n          (click)=\"onMaximize.emit()\">\n      <svg height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-4 -4)\"><path d=\"m0 0h24v24h-24z\"></path><path d=\"m5.6 5.6v4.8h-1.6v-6.4h6v1.6zm12.8 0h-4.8v-1.6h6.4v6.4h-1.6zm-12.8 12.8h4.4v1.6h-6v-6.4h1.6zm12.8 0v-4.8h1.6v6.4h-6v-1.6z\" fill=\"#fff\"></path></g></svg>\n      <span class=\"tooltip\">{{ 'STRINGS.MEDIA.TOOLTIPS.MAXIMIZE_VIDEO' | translate }}</span>\n    </span>\n    <span class=\"buttons\"\n          *ngIf=\"canHideSmallVideo()\"\n          (click)=\"toggleSmallVideo()\">\n      <svg height=\"16\" viewBox=\"0 0 20 16\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-2 -4)\"><path d=\"m0 0h24v24h-24z\"></path><path d=\"m20 4h-16c-1.1 0-1.99.9-1.99 2l-.01 12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-12c0-1.1-.9-2-2-2zm0 14h-16v-9h16zm0-11h-16v1h16z\" fill=\"#fff\"></path></g></svg>\n      <span class=\"tooltip\">{{ 'STRINGS.MEDIA.TOOLTOPS.HIDE_VIDEOS' | translate }}</span>\n    </span>\n    <span class=\"buttons\"\n          *ngIf=\"canShowSmallVideo()\"\n          (click)=\"toggleSmallVideo()\">\n      <svg height=\"16\" viewBox=\"0 0 20 16\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-2 -4)\"><path d=\"m0 0h24v24h-24z\"></path><path d=\"m20 4c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2h-16c-1.1 0-2-.9-2-2l.01-12c0-1.1.89-2 1.99-2zm-11 13h-4v-4h4zm10 0h-4v-4h4zm1 1v-9h-16v9zm0-11h-16v1h16z\" fill=\"#fff\"></path></g></svg>\n      <span class=\"tooltip\">{{ 'STRINGS.MEDIA.TOOLTOPS.SHOW_VIDEOS' | translate }}</span>\n    </span>\n    <span class=\"buttons\"\n          *ngIf=\"isRemoteVideoVisible\"\n          (click)=\"switchBigVideo()\">\n      <svg height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-4 -4)\"><path d=\"m0 0h24v24h-24z\"></path><path d=\"m18.4885389 20-3.4951324-3.5-1.9972185 2v-5.5h5.4923509l-1.9972185 2 3.5019027 3.5652797zm-12.99062501-16 3.50190271 3.5 1.9972185-2v5.5h-5.4923509l1.99721852-2-3.50190272-3.5z\" fill=\"#fff\"></path></g></svg>\n      <span class=\"tooltip\" *ngIf=\"switchVideo\">{{ 'STRINGS.MEDIA.TOOLTOPS.SWITCH_REMOTE_SHARING' | translate }}</span>\n      <span class=\"tooltip\" *ngIf=\"!switchVideo\">{{ 'STRINGS.MEDIA.TOOLTOPS.SWITCH_SHARING_REMOTE' | translate }}</span>\n    </span>\n    <span class=\"buttons\"\n          *ngIf=\"hasMultipleVideoDevice()\"\n          (click)=\"toggleCamera()\">\n      <svg height=\"18\" viewBox=\"0 0 20 18\" width=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-2 -3)\"><path d=\"m0 0h24v24h-24z\" fill-rule=\"nonzero\" opacity=\"0\"/><path d=\"m16.83 5h3.17c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2h-16c-1.1 0-2-.9-2-2v-12c0-1.1.9-2 2-2h3.17l1.83-2h6zm-.83 8c0 2.209139-1.790861 4-4 4-.8124333 0-1.5682955-.2422095-2.19931625-.6583581l-1.20532289 1.5995175c.96730056.6677735 2.14030054 1.0588406 3.40463914 1.0588406 3.3137085 0 6-2.6862915 6-6h2l-3-4-3 4zm-10 0h-2l3 4 3-4h-2c0-2.209139 1.790861-4 4-4 .7718298 0 1.4926018.21860439 2.1037785.59727567l1.2070959-1.60187029c-.9489218-.62903706-2.0871132-.99540538-3.3108744-.99540538-3.3137085 0-6 2.6862915-6 6z\" fill=\"#fff\"/></g></svg>\n      <span class=\"tooltip\">{{ 'STRINGS.MEDIA.TOOLTIPS.TOGGLE_CAMERA' | translate }}</span>\n    </span>\n\n  </div>\n  <audio autoplay\n         *ngIf=\"context.voiceRxStream && !context.videoRxStream\"\n         [srcObject]=\"context.voiceRxStream\"></audio>\n\n  <div class=\"big-video\"\n       [hidden]=\"!isBigVideoVisible\"\n       (dblclick)=\"minMaxVideo()\">\n    <video autoplay playsinline\n           #bigVideo\n           (play)=\"playVideo()\"\n           (playing)=\"logVideoEvent('big-video', $event)\"\n           (pause)=\"videoOnPause('big-video', $event)\"\n           (volumechange)=\"logVideoEvent('big-video', $event)\"\n           [srcObject]=\"bigVideoSrc\"></video>\n  </div>\n  <div class=\"small-video local\"\n       *ngIf=\"showLocalVideo\">\n    <video autoplay playsinline\n           #localVideo\n           (play)=\"logVideoEvent('local-video', $event)\"\n           (playing)=\"logVideoEvent('local-video', $event)\"\n           (pause)=\"videoOnPause('local-video', $event)\"\n           (volumechange)=\"logVideoEvent('local-video', $event)\"\n           [muted]=\"true\"\n           [srcObject]=\"localVideoSrc\"></video>\n  </div>\n  <div class=\"small-video remote\"\n       *ngIf=\"showRemoteVideo\"\n       (click)=\"switchBigVideo()\">\n    <video autoplay playsinline\n           #remoteVideo\n           (play)=\"logVideoEvent('remote-video', $event)\"\n           (playing)=\"logVideoEvent('remote-video', $event)\"\n           (pause)=\"videoOnPause('remote-video', $event)\"\n           (volumechange)=\"logVideoEvent('remote-video', $event)\"\n           [srcObject]=\"remoteVideoSrc\"></video>\n  </div>\n</div>\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"onMaximize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}],"normalScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"cameraChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"bigVideo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":3},"arguments":["bigVideo",{"static":true}]}]}],"localVideo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":["localVideo",{"static":true}]}]}],"remoteVideo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["remoteVideo",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":23,"character":26}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"canHideSmallVideo":[{"__symbolic":"method"}],"canShowSmallVideo":[{"__symbolic":"method"}],"hasMultipleVideoDevice":[{"__symbolic":"method"}],"isFlipped":[{"__symbolic":"method"}],"minMaxVideo":[{"__symbolic":"method"}],"playVideo":[{"__symbolic":"method"}],"toggleCamera":[{"__symbolic":"method"}],"toggleSmallVideo":[{"__symbolic":"method"}],"switchBigVideo":[{"__symbolic":"method"}],"videoOnPause":[{"__symbolic":"method"}],"logVideoEvent":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-media-toolbar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"button-wrapper\">\n  <div class=\"round-button\"\n       *ngIf=\"!context.isMuted\"\n       (click)=\"toggleMute()\">\n    <svg height=\"19\" viewBox=\"0 0 14 19\" width=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m12 14c1.66 0 2.99-1.34 2.99-3l.01-6c0-1.66-1.34-3-3-3s-3 1.34-3 3v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1s-5.3-2.1-5.3-5.1h-1.7c0 3.41 2.72 6.23 6 6.72v3.28h2v-3.28c3.28-.48 6-3.3 6-6.72z\" class=\"fill\" transform=\"translate(-5 -2)\"/></svg>\n  </div>\n  <div *ngIf=\"!context.isMuted\" class=\"button-label\">{{ 'STRINGS.MEDIA.UNMUTED' | translate }}</div>\n  <div class=\"round-button\"\n       *ngIf=\"context.isMuted\"\n       (click)=\"toggleMute()\">\n    <svg height=\"19\" viewBox=\"0 0 18 19\" width=\"18\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-3 -2)\"><path d=\"m0 0h24v24h-24zm0 0h24v24h-24z\"/><path d=\"m19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17v-6c0-1.66-1.34-3-3-3s-3 1.34-3 3v.18zm-10.71-8.17-1.27 1.27 6.01 6.01v.72c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1h-1.7c0 3.41 2.72 6.23 6 6.72v3.28h2v-3.28c.91-.13 1.77-.45 2.54-.9l4.19 4.18 1.27-1.27z\" class=\"fill\" fill-rule=\"nonzero\"/></g></svg>\n  </div>\n  <div *ngIf=\"context.isMuted\" class=\"button-label\">{{ 'STRINGS.MEDIA.MUTED' | translate }}</div>\n</div>\n<div class=\"button-wrapper\">\n  <div class=\"round-button\"\n       *ngIf=\"!context.videoTxStream\"\n       (click)=\"toggleVideo()\">\n    <svg height=\"19\" viewBox=\"0 0 19 19\" width=\"19\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-2 -2)\"><path d=\"m0 0h24v24h-24zm0 0h24v24h-24z\"/><path d=\"m21 6.5-4 4v-3.5c0-.55-.45-1-1-1h-6.18l11.18 11.18zm-17.73-4.5-1.27 1.27 2.73 2.73h-.73c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.21 0 .39-.08.54-.18l3.19 3.18 1.27-1.27z\" class=\"fill\" fill-rule=\"nonzero\"/></g></svg>\n  </div>\n  <div *ngIf=\"!context.videoTxStream\" class=\"button-label\">{{ 'STRINGS.MEDIA.VIDEO_DISABLED' | translate }}</div>\n  <div class=\"round-button\"\n       *ngIf=\"context.videoTxStream\"\n       (click)=\"toggleVideo()\">\n    <svg height=\"12\" viewBox=\"0 0 18 12\" width=\"18\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-3 -6)\"><path d=\"m0 0h24v24h-24z\"/><path d=\"m17 10.5v-3.5c0-.55-.45-1-1-1h-12c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11z\" class=\"fill\" fill-rule=\"nonzero\"/></g></svg>\n  </div>\n  <div *ngIf=\"context.videoTxStream\" class=\"button-label\">{{ 'STRINGS.MEDIA.VIDEO_ENABLED' | translate }}</div>\n</div>\n<div class=\"button-wrapper\">\n  <div class=\"round-button hangup\" (click)=\"hangup()\">\n    <svg height=\"8\" viewBox=\"0 0 22 8\" width=\"22\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-1 -8)\"><path d=\"m0 0h24.000001v24.000001h-24.000001zm0 0h24.000001v24.000001h-24.000001z\"/><path d=\"m7.83689909 10.3913551v2.7170978c0 .3458124-.19583633.6360478-.48643218.7842532-.94127785.4631416-1.8257 1.0806639-2.61536263 1.8525666-.34745156.3396372-.91600865.3396372-1.26346021 0l-2.21105536-2.1613277c-.34745156-.3396373-.34745156-.8954073 0-1.2350445 5.93194567-5.79853359 15.54687789-5.79853359 21.47882349 0 .3474516.3396372.3474516.8954072 0 1.2350445l-2.204738 2.1551525c-.3474516.3396372-.9160087.3396372-1.2634602 0-.7833454-.7657275-1.6740848-1.389425-2.6153627-1.8525667-.2969131-.1420301-.4927494-.4446159-.4927494-.7780779v-2.7170978c-2.7038049-.85218066-5.6287153-.85835588-8.32620281 0z\" class=\"fill\" fill-rule=\"nonzero\"/></g></svg>\n  </div>\n  <div class=\"button-label\">{{ 'STRINGS.MEDIA.CLOSE_CALL' | translate }}</div>\n</div>"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"muteToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"videoToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"hangUp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"hangup":[{"__symbolic":"method"}],"toggleMute":[{"__symbolic":"method"}],"toggleVideo":[{"__symbolic":"method"}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-incoming-offer","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"media-content\" >\n  <div class=\"media-title\" [innerHtml]=\" 'STRINGS.VOICE.INCOMING_MESSAGE' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></div>\n  <div class=\"media-avatar\" *ngIf=\"context.agent.avatar\">\n    <img [src]=\"context.agent.avatar\">\n  </div>\n  <div class=\"media-tools fit incoming\">\n    <div class=\"button-wrapper\">\n      <div class=\"round-button hangup\" (click)=\"rejectIncomingOffer()\">\n        <svg height=\"8\" viewBox=\"0 0 22 8\" width=\"22\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-1 -8)\"><path d=\"m0 0h24.000001v24.000001h-24.000001zm0 0h24.000001v24.000001h-24.000001z\"/><path d=\"m7.83689909 10.3913551v2.7170978c0 .3458124-.19583633.6360478-.48643218.7842532-.94127785.4631416-1.8257 1.0806639-2.61536263 1.8525666-.34745156.3396372-.91600865.3396372-1.26346021 0l-2.21105536-2.1613277c-.34745156-.3396373-.34745156-.8954073 0-1.2350445 5.93194567-5.79853359 15.54687789-5.79853359 21.47882349 0 .3474516.3396372.3474516.8954072 0 1.2350445l-2.204738 2.1551525c-.3474516.3396372-.9160087.3396372-1.2634602 0-.7833454-.7657275-1.6740848-1.389425-2.6153627-1.8525667-.2969131-.1420301-.4927494-.4446159-.4927494-.7780779v-2.7170978c-2.7038049-.85218066-5.6287153-.85835588-8.32620281 0z\" class=\"fill\" fill-rule=\"nonzero\"/></g></svg>\n      </div>\n      <div class=\"button-label\">{{ 'STRINGS.MEDIA.DECLINE' | translate }}</div>\n    </div>\n\n    <div class=\"button-wrapper\">\n      <div class=\"round-button\"\n           (click)=\"acceptOffer()\">\n        <svg *ngIf=\"context.incomingMedia === 'Video'\" height=\"12\" viewBox=\"0 0 18 12\" width=\"18\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-3 -6)\"><path d=\"m0 0h24v24h-24z\"/><path d=\"m17 10.5v-3.5c0-.55-.45-1-1-1h-12c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11z\" class=\"fill\" fill-rule=\"nonzero\"/></g></svg>\n        <svg *ngIf=\"context.incomingMedia === 'Voice'\" height=\"18\" viewBox=\"0 0 18 18\" width=\"18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m17.38 10.79-2.2-2.2c-.28-.28-.36-.67-.25-1.02.37-1.12.57-2.32.57-3.57 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 9.39-7.61 17-17 17-.55 0-1-.45-1-1v-3.49c0-.55.45-1 1-1 1.24 0 2.45-.2 3.57-.57.35-.12.75-.03 1.02.24l2.2 2.2c2.83-1.45 5.15-3.76 6.59-6.59z\" class=\"fill\" transform=\"translate(-3 -3)\"/></svg>\n      </div>\n      <div class=\"button-label\">{{ 'STRINGS.MEDIA.ACCEPT' | translate }}</div>\n    </div>\n  </div>\n</div>"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"onAccept":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"onReject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"acceptOffer":[{"__symbolic":"method"}],"rejectIncomingOffer":[{"__symbolic":"method"}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-outgoing-offer","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"media-content\" >\n  <div class=\"media-title\" [innerHtml]=\" 'STRINGS.VOICE.MEDIA_OFFERING' | translate:{ nickname: context.agent.nick } | vvcSanitize:'html' \"></div>\n  <div class=\"media-avatar\" *ngIf=\"context.agent.avatar\">\n    <img [src]=\"context.agent.avatar\">\n  </div>\n  <div class=\"media-loading\">\n    <div class=\"inner-loading-panel\">\n      <div class=\"loading-container\">\n        <div class=\"progress-bar\">\n          <div class=\"loaded\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vvc-queue","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<div class=\"queue-view\">\n  <div *ngIf=\"!context.hasError\">\n    <div class=\"queue-message animated fadeInUp\" [innerHtml]=\" 'STRINGS.QUEUE.CONNECTING' | translate \">\n    </div>\n    <div class=\"queue-loading animated fadeInUp\">\n      <div class=\"inner-loading-panel\">\n        <div class=\"loading-container\">\n          <div class=\"progress-bar\">\n            <div class=\"loaded\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"context.hasError\">\n    <div *ngIf=\"!context.contactCreationFailed && !context.webleadSent\" class=\"queue-message animated fadeInUp\" [innerHtml]=\" 'STRINGS.QUEUE.DISSUASION' | translate \"></div>\n    <div *ngIf=\"!context.contactCreationFailed && context.webleadSent\" class=\"queue-message animated fadeInUp\" [innerHtml]=\" 'STRINGS.QUEUE.WEBLEAD_SENT' | translate \"></div>\n    <div *ngIf=\"context.contactCreationFailed && !context.contactCreationNoAgents\" class=\"queue-message animated fadeInUp\" [innerHtml]=\" 'STRINGS.QUEUE.CONTACT_FAILED' | translate \"></div>\n    <div *ngIf=\"context.contactCreationFailed && context.contactCreationNoAgents\" class=\"queue-message animated fadeInUp\" [innerHtml]=\" 'STRINGS.QUEUE.NO_AGENTS' | translate \"></div>\n  </div>\n</div>\n"}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}]}}},"origins":{"InboundModule":"./lib/inbound/inbound.module","CbnModule":"./lib/cbn/cbn.module","ChatModule":"./lib/chat/chat.module","ChatPanelsModule":"./lib/chat-panels/chat-panels.module","ClosePanelModule":"./lib/close-panel/close-panel.module","DataCollectionModule":"./lib/data-collection/data-collection.module","LoadingPanelModule":"./lib/loading-panel/loading-panel.module","MessagesModule":"./lib/messages/messages.module","MinimizedModule":"./lib/minimized/minimized.module","MultimediaModule":"./lib/multimedia/multimedia.module","QueueModule":"./lib/queue/queue.module","TopBarModule":"./lib/top-bar/top-bar.module","ChatComponent":"./lib/chat/chat/chat.component","ChatAreaComponent":"./lib/chat/chat-area/chat-area.component","TopBarComponent":"./lib/top-bar/top-bar/top-bar.component","ChatIsWritingComponent":"./lib/chat/chat-is-writing/chat-is-writing.component","ɵa":"./lib/common/vvc-common.module","ɵb":"./lib/common/pipes/vvc-sanitize.pipe","ɵc":"./lib/inbound/inbound/inbound.component","ɵd":"./lib/inbound/inbound-topbar/inbound-topbar.component","ɵe":"./lib/inbound/inbound-fullscreen-messages/inbound-fullscreen-messages.component","ɵf":"./lib/cbn/cbn/cbn.component","ɵg":"./lib/cbn/cbn-minimized/cbn-minimized.component","ɵh":"./lib/cbn/cbn-topbar/cbn-topbar.component","ɵi":"./lib/cbn/cbn-fullscreen-messages/cbn-fullscreen-messages.component","ɵj":"./lib/cbn/cbn-minimized-messages/cbn-minimized-messages.component","ɵk":"./lib/chat/vvc-auto-scroll.directive","ɵl":"./lib/chat-panels/emoji-panel/emoji-panel.component","ɵm":"./lib/chat-panels/upload-panel/upload-panel.component","ɵn":"./lib/close-panel/close-panel.component","ɵo":"./lib/data-collection/data-collection/data-collection.component","ɵp":"./lib/data-collection/form/form.component","ɵq":"./lib/loading-panel/loading-panel.component","ɵr":"./lib/messages/chat-message/chat-message.component","ɵs":"./lib/messages/system-message/system-message.component","ɵt":"./lib/messages/template-generic/template-generic.component","ɵu":"./lib/messages/template-list/template-list.component","ɵv":"./lib/messages/quick-replies/quick-replies.component","ɵw":"./lib/messages/request-message/request-message.component","ɵx":"./lib/messages/link-message/link-message.component","ɵy":"./lib/messages/vvc-link.pipe","ɵz":"./lib/minimized/minimized/minimized.component","ɵba":"./lib/multimedia/media/media.component","ɵbb":"./lib/multimedia/full-screen-video/full-screen-video.component","ɵbc":"./lib/multimedia/media-container/media-container.component","ɵbd":"./lib/multimedia/media-toolbar/media-toolbar.component","ɵbe":"./lib/multimedia/incoming-offer/incoming-offer.component","ɵbf":"./lib/multimedia/outgoing-offer/outgoing-offer.component","ɵbg":"./lib/queue/queue/queue.component"},"importAs":"@vivocha/client-interaction-layout"}