{"__symbolic":"module","version":4,"metadata":{"MessageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"aui-chatbot-message","template":"<div class=\"m-message\" [ngClass]=\"{'m-message--right': data.send, 'm-message--center': data.type === 'quickReply' || data.type === 'error' || data.type === 'action'}\" *ngIf=\"!data.hide\">\n  <div *ngIf=\"!data.send && data.avatar\" class=\"a-avatar a-avatar--small\">\n    <img [src]=\"data.avatar\" [alt]=\"aria.avatar\">\n  </div>\n\n  <div [ngSwitch]=\"data.type\" class=\"m-message__content\">\n    <span *ngIf=\"data.send\" class=\"u-screen-reader-only\">{{ aria.user }}</span>\n\n    <span *ngSwitchCase=\"'text'\" class=\"m-message__text\" tabindex=\"0\">{{ data.message }}</span>\n\n    <span *ngSwitchCase=\"'url'\" class=\"m-message__url\">\n      <a *ngIf=\"data.message\" [href]=\"data.url\" target=\"_blank\" rel=\"external\">{{ data.message }}</a>\n      <a *ngIf=\"!data.message\" [href]=\"data.url\" target=\"_blank\" rel=\"external\">{{ data.url }}</a>\n    </span>\n\n    <span *ngSwitchCase=\"'image'\" class=\"m-message__image\" tabindex=\"0\">\n      <img [src]=\"data.image\" alt=\"Image.\">\n    </span>\n\n    <span *ngSwitchCase=\"'quickReply'\" class=\"m-message__buttons\">\n      <ng-container *ngFor=\"let element of data.elements\">\n        <button (click)=\"sendReply(element.replyText)\" class=\"a-button a-button--small\">{{ element.text }}</button>\n      </ng-container>\n    </span>\n\n    <span *ngSwitchCase=\"'action'\" class=\"m-message__buttons\">\n      <ng-container *ngFor=\"let element of data.elements\">\n        <button [disabled]=\"data.disable\" (click)=\"performAction(element)\" class=\"a-button-outline a-button--small\">{{ element.text }}</button>\n      </ng-container>\n    </span>\n\n    <span *ngSwitchCase=\"'error'\" class=\"m-message__error u-text-danger\" tabindex=\"0\">{{ data.message }}</span>\n\n  </div>\n</div>\n","styles":[".m-message{align-items:flex-start;display:flex;margin:0 1.5rem 0 0}.m-message__content{display:flex;margin:0 0 .75rem 2.625rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.m-message__content>span{-webkit-animation:.2s ease-out pop;animation:.2s ease-out pop;display:inline-block}.m-message__content .a-button,.m-message__content .a-button-outline{display:inline-block;margin:0 .1875rem .375rem;width:auto}.m-message__image,.m-message__text,.m-message__url{background-color:#f3f3f3;border-radius:.75rem .75rem .75rem 0;padding:.625rem .875rem}.m-message__image{padding:.875rem}.m-message__image img{max-width:100%}.m-message__error{background-color:#f7e9ea;padding:.625rem .875rem}.m-message__buttons{margin-bottom:-.375rem}.m-message--center{justify-content:center;margin:0;text-align:center}.m-message--right{justify-content:flex-end;margin:0 0 0 1.5rem;text-align:left}.m-message--right .m-message__text{background-color:#e6eef8}.m-message--right .m-message__image,.m-message--right .m-message__text,.m-message--right .m-message__url{border-bottom-left-radius:.75rem;border-bottom-right-radius:0}.m-message--center .m-message__content,.m-message--left .m-message__content{margin-left:0}@-webkit-keyframes pop{0%{transform:scale(0)}80%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes pop{0%{transform:scale(0)}80%{transform:scale(1.1)}100%{transform:scale(1)}}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"aria":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"replyClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"actionStarted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"sendReply":[{"__symbolic":"method"}],"performAction":[{"__symbolic":"method"}]}},"ChatbotComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"aui-chatbot","template":"<div class=\"o-chatbot\" [ngClass]=\"{'o-chatbot--pinned': pinned}\" [ngStyle]=\"{'height':!pinned ? height + 'px' : '', 'width':pinned ? width + 'px' : ''}\">\r\n  <div class=\"o-chatbot__content\" *ngIf=\"!pinned || (pinned && isOpen)\">\r\n    <div class=\"o-chatbot__header u-bg-primary u-text-xlight\" [ngClass]=\"{'o-chatbot__header--no-title': !title}\">\r\n      <h1 class=\"h6 has-base-font u-text-bold u-margin-xs\" *ngIf=\"title\">{{ title }}</h1>\r\n      <button class=\"a-button has-icon\" *ngIf=\"pinned\" (click)=\"toggleChatbot()\"><aui-icon name=\"ai-close\" [ariaLabel]=\"aria.close\"></aui-icon></button>\r\n    </div>\r\n    <div class=\"o-chatbot__main\" #chatbotMain [scrollTop]=\"chatbotMain.scrollHeight\" tabindex=\"0\">\r\n      <div *ngIf=\"data && data.length > 0\" class=\"u-margin-xs\" aria-live=\"polite\" aria-atomic=\"false\" role=\"log\" [attr.aria-label]=\"aria.chatbot\">\r\n        <ng-container *ngFor=\"let message of data\">\r\n          <aui-chatbot-message [data]=\"message\" [aria]=\"aria\" (replyClicked)=\"sendReply($event)\" (actionStarted)=\"performAction($event)\"></aui-chatbot-message>\r\n        </ng-container>\r\n        <div *ngIf=\"isLoading\" class=\"o-chatbot__loader\">\r\n          <div class=\"a-avatar a-avatar--small\" *ngIf=\"!loadingIndex\">\r\n            <img [src]=\"avatar\" [alt]=\"aria.avatar\">\r\n          </div>\r\n          <span role=\"alert\" aria-busy=\"true\">...</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"o-chatbot__footer\">\r\n      <div class=\"o-chatbot__input a-input\">\r\n        <input #messageInput type=\"text\" name=\"chat-input\" autocomplete=\"off\" [placeholder]=\"placeholder\" [(ngModel)]=\"message.message\" [disabled]=\"currentAction !== ''\" (keyup.enter)=\"sendMessage()\" [attr.aria-label]=\"aria.message\" />\r\n        <button type=\"submit\" class=\"a-button has-icon\" [disabled]=\"currentAction !== ''\" (click)=\"sendMessage()\" [attr.aria-label]=\"aria.send\">\r\n          <aui-icon name=\"ai-send-email\"></aui-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"o-chatbot__buttons\" *ngIf=\"pinned && !isOpen\">\r\n    <button (click)=\"toggleChatbot()\" class=\"a-button has-icon-left\"><aui-icon name=\"ai-conversation-text\"></aui-icon>{{ aria.toggle }}</button>\r\n  </div>\r\n</div>\r\n","styles":[".o-chatbot__content{background-color:#fff;border:1px solid #6f6f6f;display:flex;flex:1 1 auto;flex-direction:column;height:100%;max-height:100vh}.o-chatbot__buttons{float:right}.o-chatbot__header{align-items:center;border-bottom:1px solid #6f6f6f;display:flex;justify-content:space-between;min-height:3rem}.o-chatbot__header--no-title{justify-content:flex-end}.o-chatbot__main{flex:1;min-height:7.5rem;overflow:auto}.o-chatbot__loader{display:flex}.o-chatbot__loader span{color:#949494;font-size:2rem;margin-left:2.625rem}.o-chatbot__loader .a-avatar+span{margin-left:.375rem}.o-chatbot__footer{border-top:1px solid #6f6f6f}.o-chatbot__input{margin:-1px;padding-right:3rem;position:relative}.o-chatbot__input button{position:absolute;right:0;top:0}.o-chatbot--pinned{bottom:0;left:1.5rem;position:fixed;right:1.5rem}.o-chatbot--pinned .o-chatbot__content{border-bottom:none;height:75vh}@media screen and (min-width:30rem){.o-chatbot--pinned .o-chatbot__content{max-height:30rem}.o-chatbot--pinned{left:auto;min-width:18rem}}@media screen and (max-width:29.9375rem){.o-chatbot--pinned{width:auto!important}}:host ::ng-deep .a-avatar{background:0 0;flex:0 0 auto}:host ::ng-deep .a-avatar+.m-message__content{margin-left:.375rem}"]}]}],"members":{"messageInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":3},"arguments":["messageInput",{"static":false}]}]}],"actionStarted":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"session":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"pinned":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"delay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"avatar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"aria":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ChatbotService"}]}],"ngOnInit":[{"__symbolic":"method"}],"sendMessage":[{"__symbolic":"method"}],"sendReply":[{"__symbolic":"method"}],"performAction":[{"__symbolic":"method"}],"completeAction":[{"__symbolic":"method"}],"toggleChatbot":[{"__symbolic":"method"}],"addToChat":[{"__symbolic":"method"}],"pushError":[{"__symbolic":"method"}]}},"ChatbotMessageAction":{"__symbolic":"interface"},"ChatbotMessage":{"__symbolic":"interface"},"ChatbotMessageAriaLabels":{"__symbolic":"interface"},"ChatbotConversation":{"__symbolic":"interface"},"ChatbotService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":19,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":23,"character":18}]}],"sendMessage":[{"__symbolic":"method"}]}},"ChatbotModule":{"__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":"@angular/forms","name":"FormsModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":14,"character":4},{"__symbolic":"reference","module":"@acpaas-ui/ngx-icon","name":"IconModule","line":15,"character":4}],"exports":[{"__symbolic":"reference","name":"ChatbotComponent"},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵa"}}],"declarations":[{"__symbolic":"reference","name":"ChatbotComponent"},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵa"}}],"providers":[{"__symbolic":"reference","name":"ChatbotService"}]}]}],"members":{}},"ɵa":[{"__symbolic":"reference","name":"MessageComponent"}]},"origins":{"MessageComponent":"./components/message/message.component","ChatbotComponent":"./chatbot/chatbot.component","ChatbotMessageAction":"./chatbot/chatbot.types","ChatbotMessage":"./chatbot/chatbot.types","ChatbotMessageAriaLabels":"./chatbot/chatbot.types","ChatbotConversation":"./chatbot/chatbot.types","ChatbotService":"./chatbot/chatbot.service","ChatbotModule":"./chatbot.module","ɵa":"./components/root"},"importAs":"@acpaas-ui-widgets/ngx-chatbot"}