@amc-technology/ui-library 1.0.39 → 1.0.50

package/fesm5/amc-technology-ui-library.js

@@ -1,5 +1,5 @@
 import { __decorate, __values } from 'tslib';
-import { EventEmitter, Input, Output, Component, ViewChild, Injector, NgModule } from '@angular/core';
+import { EventEmitter, Input, Output, Component, Renderer2, ViewChild, Injector, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { createCustomElement } from '@angular/elements';
@@ -69,6 +69,9 @@ var InteractionComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], InteractionComponent.prototype, "interaction", void 0);
+    __decorate([
+        Input()
+    ], InteractionComponent.prototype, "newMsgs", void 0);
     __decorate([
         Output()
     ], InteractionComponent.prototype, "minimizedChanged", void 0);
@@ -81,8 +84,8 @@ var InteractionComponent = /** @class */ (function () {
     InteractionComponent = __decorate([
         Component({
             selector: 'amc-interaction',
-            template: "<div class=\"AnswerCallFocused\">\r\n  <div class=\"editor callHeaderTop\">\r\n    <img class=\"statusImage\" aria-hidden=\"true\" [src]=\"interaction.UIHeadersData.statusUrl\" (click)=\"interaction.UIHeadersData.focusHandler.handler(interaction.UIHeadersData.focusHandler.operationName, interaction.UIHeadersData.focusHandler.operationMetadata)\" />\r\n    <label class=\"statusText\">\r\n      <b [id]=\"interaction.UIHeadersData.statusText\">{{ interaction.UIHeadersData.statusText }}</b>\r\n    </label>\r\n    <label class=\"verticalDivider\">|</label>\r\n    <label class=\"directionText\" *ngIf=\"!interaction.UIHeadersData.displayHoldCounter\">{{ interaction.UIHeadersData.directionText }}</label>\r\n    <div class=\"holdCallDurationDiv\" *ngIf=\"interaction.UIHeadersData.displayHoldCounter\">\r\n      <amc-holdtimer [holdCounterData]=\"interaction.UIHeadersData.holdCounterData\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\"></amc-holdtimer>\r\n    </div>\r\n    <img class=\"ViewExpandImage\" [src]=\"interaction.UIHeadersData.minimizeUrl\" alt=\"Minimize\" (click)=\"minimize()\" (keypress)=\"collapseKeypress($event)\" *ngIf=\"!_minimized\" tabindex=\"0\" role=\"button\" aria-label=\"collapse Call Section\">\r\n    <img class=\"ViewCollapseImage\" [src]=\"interaction.UIHeadersData.maximizeUrl\" alt=\"Maximize\" (click)=\"maximize()\" (keypress)=\"expandKeypress($event)\" *ngIf=\"_minimized\" tabindex=\"0\" role=\"button\" aria-label=\"expand Call Section\">\r\n    <div class=\"DurationDiv\" *ngIf=\"interaction.displayCallTimer\">\r\n      <amc-duration [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" [startTime]=\"interaction.startTime\"></amc-duration>\r\n    </div>\r\n  </div>\r\n\r\n  <div *ngIf=\"!_minimized\">\r\n\r\n    <div *ngIf=\"!isConferenceCall()\">\r\n      <div class=\"editor phoneNumberContainer\">\r\n        <input class=\"callImage\" type=\"image\" [src]=\"interaction.subheaderData.image.href\" [title]=\"interaction.subheaderData.tooltip || ''\" tabindex=\"-1\">\r\n        <input class=\"editor phoneNumberValue\" [attr.aria-labelledby]=\"interaction.UIHeadersData.statusText + ' ' + interaction.subheaderData.value\" readonly type=\"text\" [value]=\"interaction.subheaderData.value\" [id]=\"interaction.subheaderData.value\" tabindex=\"-1\">\r\n      </div>\r\n\r\n      <div class=\"cadSection\">\r\n        <ng-container *ngFor=\"let property of interaction.properties\">\r\n          <ng-container *ngIf=\"property.visible\">\r\n            <label class=\"col1\" [title]=\"property.displayKey\">{{property.displayKey}}</label>\r\n            <amc-property [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" class=\"col2\" [property]=\"property\"> </amc-property>\r\n          </ng-container>\r\n        </ng-container>\r\n\r\n        <ng-container *ngFor=\"let property of interaction.associatedData\">\r\n          <ng-container *ngIf=\"property.visible\">\r\n            <div class=\"editor displayDiv\">\r\n              <label class=\"displayLabels\" [title]=\"property.displayKey\">{{property.displayKey}}</label>\r\n              <amc-property [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" class=\"col2\" [property]=\"property\"> </amc-property>\r\n            </div>\r\n          </ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <amc-operation *ngIf=\"interaction.chat\" id=\"close-chat\" [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" [operations]=\"interaction.operations\"></amc-operation>\r\n      <app-chat-box *ngIf=\"interaction.chat\" [isTyping]=\"interaction.chat.isCustomerTyping\" [settings]=\"interaction.chat.settings\"\r\n        [messages]=\"interaction.chat.messages\" (isAgentTyping)=\"isAgentTyping.emit($event)\" (newMessage)=\"newMessage.emit($event)\"></app-chat-box>\r\n\r\n      <div [id]='interaction.interactionId'> </div>\r\n      <amc-operation *ngIf=\"!interaction.chat\" [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" [operations]=\"interaction.operations\"></amc-operation>\r\n    </div>\r\n\r\n    <div *ngIf=\"isConferenceCall()\">\r\n      <div *ngFor=\"let party of interaction.parties\">\r\n        <div class=\"editor phoneNumberContainer\">\r\n          <input class=\"callImage\" type=\"image\" [src]=\"party.header.image.href\" [title]=\"party.header.tooltip || ''\" tabindex=\"-1\">\r\n          <input class=\"editor phoneNumberValue\" readonly type=\"text\" [value]=\"party.header.value\" tabindex=\"-1\">\r\n        </div>\r\n\r\n        <div class=\"grid-container\">\r\n          <ng-container *ngFor=\"let property of party.properties\">\r\n            <ng-container *ngIf=\"property.visible\">\r\n              <label class=\"col1\" [title]=\"property.displayKey\">{{ property.displayKey }}</label>\r\n              <amc-property [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"party.header.value\" class=\"col2\" [property]=\"property\"> </amc-property>\r\n            </ng-container>\r\n          </ng-container>\r\n        </div>\r\n        <amc-operation [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"party.header.value\" [operations]=\"party.operations\"></amc-operation>\r\n        <div class=\"AnswerCallFocused\"></div>\r\n      </div>\r\n      <amc-operation [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" [operations]=\"interaction.operations\"></amc-operation>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n",
-            styles: [":host{display:block}.phoneNumberContainer{margin-left:5px!important;padding-left:0;display:flex;align-items:center}.cadSection{margin-bottom:5px}#close-chat{-moz-text-align-last:end;text-align-last:end}.grid-container{margin-left:5px;display:grid;grid-template-columns:auto 1fr;grid-column-gap:10px;max-width:calc(100% - 5px);overflow:hidden}.col1{grid-column:1/2}.col2{grid-column:2/3}.ViewExpandImage{margin:3px}.ViewExpandImage:focus{outline:#3296da solid 2px;outline-offset:0}.ViewCollapseImage{margin:3px}.ViewCollapseImage:focus{outline:#3296da solid 2px;outline-offset:0}.callImage{cursor:default}.phoneNumberValue:focus{outline-style:none}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
+            template: "<div class=\"AnswerCallFocused\">\r\n  <div class=\"editor callHeaderTop\">\r\n    <img class=\"statusImage\" aria-hidden=\"true\" [src]=\"interaction.UIHeadersData.statusUrl\" (click)=\"interaction.UIHeadersData.focusHandler.handler(interaction.UIHeadersData.focusHandler.operationName, interaction.UIHeadersData.focusHandler.operationMetadata)\" />\r\n    <label class=\"statusText\">\r\n      <b [id]=\"interaction.UIHeadersData.statusText\">{{ interaction.UIHeadersData.statusText }}</b>\r\n    </label>\r\n    <label class=\"verticalDivider\">|</label>\r\n    <label class=\"directionText\" *ngIf=\"!interaction.UIHeadersData.displayHoldCounter\">{{ interaction.UIHeadersData.directionText }}</label>\r\n    <div class=\"holdCallDurationDiv\" *ngIf=\"interaction.UIHeadersData.displayHoldCounter\">\r\n      <amc-holdtimer [holdCounterData]=\"interaction.UIHeadersData.holdCounterData\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\"></amc-holdtimer>\r\n    </div>\r\n    <img class=\"ViewExpandImage\" [src]=\"interaction.UIHeadersData.minimizeUrl\" alt=\"Minimize\" (click)=\"minimize()\" (keypress)=\"collapseKeypress($event)\" *ngIf=\"!_minimized\" tabindex=\"0\" role=\"button\" aria-label=\"collapse Call Section\">\r\n    <img class=\"ViewCollapseImage\" [src]=\"interaction.UIHeadersData.maximizeUrl\" alt=\"Maximize\" (click)=\"maximize()\" (keypress)=\"expandKeypress($event)\" *ngIf=\"_minimized\" tabindex=\"0\" role=\"button\" aria-label=\"expand Call Section\">\r\n    <div class=\"DurationDiv\" *ngIf=\"interaction.displayCallTimer\">\r\n      <amc-duration [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" [startTime]=\"interaction.startTime\"></amc-duration>\r\n    </div>\r\n  </div>\r\n\r\n  <div *ngIf=\"!_minimized\">\r\n\r\n    <div *ngIf=\"!isConferenceCall()\">\r\n      <div class=\"editor phoneNumberContainer\">\r\n        <input class=\"callImage\" type=\"image\" [src]=\"interaction.subheaderData.image.href\" [title]=\"interaction.subheaderData.tooltip || ''\" tabindex=\"-1\">\r\n        <input class=\"editor phoneNumberValue\" [attr.aria-labelledby]=\"interaction.UIHeadersData.statusText + ' ' + interaction.subheaderData.value\" readonly type=\"text\" [value]=\"interaction.subheaderData.value\" [id]=\"interaction.subheaderData.value\" tabindex=\"-1\">\r\n      </div>\r\n\r\n      <div class=\"cadSection\">\r\n        <ng-container *ngFor=\"let property of interaction.properties\">\r\n          <ng-container *ngIf=\"property.visible\">\r\n            <label class=\"col1\" [title]=\"property.displayKey\">{{property.displayKey}}</label>\r\n            <amc-property [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" class=\"col2\" [property]=\"property\"> </amc-property>\r\n          </ng-container>\r\n        </ng-container>\r\n\r\n        <ng-container *ngFor=\"let property of interaction.associatedData\">\r\n          <ng-container *ngIf=\"property.visible\">\r\n            <div class=\"editor displayDiv\">\r\n              <label class=\"displayLabels\" [title]=\"property.displayKey\">{{property.displayKey}}</label>\r\n              <amc-property [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" class=\"col2\" [property]=\"property\"> </amc-property>\r\n            </div>\r\n          </ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <amc-operation *ngIf=\"interaction.chat\" id=\"close-chat\" [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" [operations]=\"interaction.operations\"></amc-operation>\r\n      <app-chat-box *ngIf=\"interaction.chat\" [isTyping]=\"interaction.chat.isCustomerTyping\" [settings]=\"interaction.chat.settings\"\r\n        [messages]=\"interaction.chat.messages\" [newMsgs]=\"newMsgs\" (isAgentTyping)=\"isAgentTyping.emit($event)\" (newMessage)=\"newMessage.emit($event)\"></app-chat-box>\r\n\r\n      <div [id]='interaction.interactionId'> </div>\r\n      <amc-operation *ngIf=\"!interaction.chat\" [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" [operations]=\"interaction.operations\"></amc-operation>\r\n    </div>\r\n\r\n    <div *ngIf=\"isConferenceCall()\">\r\n      <div *ngFor=\"let party of interaction.parties\">\r\n        <div class=\"editor phoneNumberContainer\">\r\n          <input class=\"callImage\" type=\"image\" [src]=\"party.header.image.href\" [title]=\"party.header.tooltip || ''\" tabindex=\"-1\">\r\n          <input class=\"editor phoneNumberValue\" readonly type=\"text\" [value]=\"party.header.value\" tabindex=\"-1\">\r\n        </div>\r\n\r\n        <div class=\"grid-container\">\r\n          <ng-container *ngFor=\"let property of party.properties\">\r\n            <ng-container *ngIf=\"property.visible\">\r\n              <label class=\"col1\" [title]=\"property.displayKey\">{{ property.displayKey }}</label>\r\n              <amc-property [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"party.header.value\" class=\"col2\" [property]=\"property\"> </amc-property>\r\n            </ng-container>\r\n          </ng-container>\r\n        </div>\r\n        <amc-operation [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"party.header.value\" [operations]=\"party.operations\"></amc-operation>\r\n        <div class=\"AnswerCallFocused\"></div>\r\n      </div>\r\n      <amc-operation [callType]=\"interaction.UIHeadersData.directionText\" [statusText]=\"interaction.UIHeadersData.statusText\" [callId]=\"interaction.subheaderData.value\" [operations]=\"interaction.operations\"></amc-operation>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n",
+            styles: [":host{display:block}.phoneNumberContainer{margin-left:5px!important;padding-left:0;display:flex;align-items:center}.cadSection{margin-bottom:5px}#close-chat{-moz-text-align-last:end;text-align-last:end}.grid-container{margin-left:5px;display:grid;grid-template-columns:auto 1fr;grid-column-gap:10px;max-width:calc(100% - 5px);overflow:hidden}.col1{grid-column:1/2}.col2{grid-column:2/3}.ViewExpandImage{margin:3px}.ViewExpandImage:focus{outline:#3296da solid 2px;outline-offset:0}.ViewCollapseImage{margin:3px}.ViewCollapseImage:focus{outline:#3296da solid 2px;outline-offset:0}.callImage{cursor:default}.phoneNumberValue:focus{outline-style:none}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:0 5px 2px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
         })
     ], InteractionComponent);
     return InteractionComponent;
@@ -104,6 +107,9 @@ var ScenarioComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], ScenarioComponent.prototype, "scenario", void 0);
+    __decorate([
+        Input()
+    ], ScenarioComponent.prototype, "newMsgs", void 0);
     __decorate([
         Output()
     ], ScenarioComponent.prototype, "minimizedChanged", void 0);
@@ -119,8 +125,8 @@ var ScenarioComponent = /** @class */ (function () {
     ScenarioComponent = __decorate([
         Component({
             selector: 'amc-scenario',
-            template: "<ng-container *ngIf=\"scenario && scenario.interactions\">\r\n  <amc-interaction *ngFor=\"let interaction of scenario.interactions\" [interaction]=\"interaction\"\r\n    (minimizedChanged)=\"onMinimizedChanged()\" (isAgentTyping)=\"isAgentTyping.emit($event)\"\r\n    (newMessage)=\"newMessage.emit($event)\">\r\n  </amc-interaction>\r\n</ng-container>\r\n",
-            styles: ["", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
+            template: "<ng-container *ngIf=\"scenario && scenario.interactions\">\r\n  <amc-interaction *ngFor=\"let interaction of scenario.interactions\" [interaction]=\"interaction\" [newMsgs]=\"newMsgs\"\r\n    (minimizedChanged)=\"onMinimizedChanged()\" (isAgentTyping)=\"isAgentTyping.emit($event)\"\r\n    (newMessage)=\"newMessage.emit($event)\">\r\n  </amc-interaction>\r\n</ng-container>\r\n",
+            styles: ["", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:0 5px 2px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
         })
     ], ScenarioComponent);
     return ScenarioComponent;
@@ -175,7 +181,7 @@ var OperationComponent = /** @class */ (function () {
         Component({
             selector: 'amc-operation',
             template: "<div class=\"callOptions\">\r\n    <img\r\n     class=\"AnswerCallImages\"\r\n     tabindex=\"0\"\r\n     role=\"button\"\r\n     attr.aria-label=\"{{ operation.title }}\"\r\n     *ngFor=\"let operation of operations\"\r\n     [title]=\"operation.title\"\r\n     [src]=\"operation.icon\"\r\n     [attr.accesskey]=\"operation.accesskey || null\"\r\n     [attr.aria-labelledby]=\"labelledByText || null\"\r\n     [attr.aria-describedby]=\"describedByText || null\"\r\n     (click)=\"operation.handler(operation.operationName, operation.operationMetadata)\"\r\n     (keypress)=\"operationKeypress($event, operation)\"/>\r\n</div>\r\n",
-            styles: [".AnswerCallImages:focus{outline:#3296da solid 2px;outline-offset:1px}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
+            styles: [".AnswerCallImages:focus{outline:#3296da solid 2px;outline-offset:1px}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:0 5px 2px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
         })
     ], OperationComponent);
     return OperationComponent;
@@ -330,7 +336,7 @@ var PropertyComponent = /** @class */ (function () {
         Component({
             selector: 'amc-property',
             template: "<input\r\n readonly\r\n *ngIf=\"!property.customOperations\"\r\n class=\"displayData\"\r\n tabindex=\"0\"\r\n type=\"text\"\r\n [name]=\"processedDisplayValue\"\r\n [title]=\"title || null\"\r\n [attr.aria-labelledby]=\"labelledByText || null\"\r\n [value]=\"processedDisplayValue\"/>\r\n\r\n <input\r\n  readonly\r\n  *ngIf=\"property.customOperations\"\r\n  class=\"cursor displayData\"\r\n  type=\"text\"\r\n  tabindex=\"0\"\r\n  [name]=\"processedDisplayValue\"\r\n  [title]=\"title || null\"\r\n  [value]=\"processedDisplayValue\"\r\n  [attr.aria-labelledby]=\"labelledByText || null\"\r\n  (click)=\"property.customOperations.handler(property.customOperations.eventName, property.customOperations.eventMetadata)\" />\r\n",
-            styles: ["input{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
+            styles: ["input{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:0 5px 2px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
         })
     ], PropertyComponent);
     return PropertyComponent;
@@ -400,7 +406,7 @@ var HoldtimerComponent = /** @class */ (function () {
         Component({
             selector: 'amc-holdtimer',
             template: "<div class=\"holdCallDurationDiv\">\r\n  <input\r\n   readonly\r\n   class=\"holdCallDurationTimer\"\r\n   name=\"HoldCallDuration/TotalHoldCallDuration\"\r\n   type=\"text\"\r\n   tabindex=\"-1\"\r\n   title=\"Hold Duration\"\r\n   [attr.aria-labelledby]=\"labelledByText || null\"\r\n   [value]=\"displayTime\">\r\n</div>\r\n",
-            styles: [".holdCallDurationTimer:focus{outline-style:none}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
+            styles: [".holdCallDurationTimer:focus{outline-style:none}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:0 5px 2px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
         })
     ], HoldtimerComponent);
     return HoldtimerComponent;
@@ -457,14 +463,15 @@ var DurationComponent = /** @class */ (function () {
         Component({
             selector: 'amc-duration',
             template: "<div class=\"holdCallDurationDiv\">\r\n  <input\r\n   readonly\r\n   class=\"block durationInput\"\r\n   name=\"CallDuration\"\r\n   type=\"text\"\r\n   tabindex=\"-1\"\r\n   title=\"Call Duration\"\r\n   [value]=\"displayTime\"\r\n   [attr.aria-labelledby]=\"labelledByText || null\">\r\n</div>\r\n",
-            styles: [".durationInput:focus{outline-style:none}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:5px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
+            styles: [".durationInput:focus{outline-style:none}", "body{padding-top:5px;padding-bottom:5px;margin:0}.login{width:20px;height:20px;display:block;margin-top:2px;margin-left:auto;margin-right:auto}.editor{font-size:.9em;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editor .standalone-line{width:90%!important;text-align:center!important}.editorHyperLink label{font-size:.95em;float:left;width:30%;margin-left:2%;text-align:left;color:#000;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;padding-top:0}.editorHyperLink input[type=text]{font-size:.95em;width:60%;text-align:left;margin:0 5% 0 0;color:#318fc5;cursor:pointer;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;padding-top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{height:20px;margin:0 5px 2px}.AnswerCallFocused{border:1px solid #939598;margin-left:0;font-family:Arial;position:relative;background-color:#fff;width:100%;box-sizing:border-box}.ViewCollapseImage,.ViewExpandImage{width:20px;height:20px;float:right;cursor:pointer}.answerPhoneNumberStyle{border:0;position:relative;top:-12px;left:-38px;max-width:80px;height:15px;text-overflow:ellipsis;font-size:.85em}.callHeaderTop{border-bottom:1px solid;background-color:#f4f5fb;width:100%;margin-top:0}.statusImage{width:15px;height:15px;margin-left:10px;float:left;margin-right:5px}.statusText{float:left;margin-top:1px}.displayDiv{width:100%;display:flex}.DurationDiv{float:right;width:17%;text-align:right;margin-right:5px}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{border:0;outline:0}.callOptions{background-color:#f6f7fb;bottom:0;width:100%;text-align:center}.directionText{font-size:.8em;margin-left:2px}.phoneNumberValue{font-weight:700;font-size:1em;margin-left:5px}.durationInput{background-color:transparent;border:0;width:100%;text-align:right}.topBorder{border-top:1px solid #939598}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0;width:100%}.verticalDivider{margin-left:2px;float:left}.callImage{height:20px}"]
         })
     ], DurationComponent);
     return DurationComponent;
 }());
 
 var ChatBoxComponent = /** @class */ (function () {
-    function ChatBoxComponent() {
+    function ChatBoxComponent(renderer) {
+        this.renderer = renderer;
         this.isTyping = false;
         this.lastCount = -1;
         this._isAgentTyping = false;
@@ -487,7 +494,18 @@ var ChatBoxComponent = /** @class */ (function () {
         this.agentColor = '#2db0e0';
     }
     ChatBoxComponent.prototype.ngOnInit = function () {
-        this.searchElement.nativeElement.focus();
+        this.renderer.selectRootElement('#autofocus').focus();
+    };
+    ChatBoxComponent.prototype.ngAfterViewInit = function () {
+        this.renderer.selectRootElement('#autofocus').focus();
+    };
+    ChatBoxComponent.prototype.updatedMessage = function () {
+        if (typeof this.newMsgs !== 'undefined' && this.newMsgs.length > 0) {
+            return this.newMsgs;
+        }
+        else {
+            return this.messages;
+        }
     };
     ChatBoxComponent.prototype.ngAfterViewChecked = function () {
         if (this.lastCount !== this.messages.length) {
@@ -519,7 +537,7 @@ var ChatBoxComponent = /** @class */ (function () {
             this.newMessage.emit(this.newMessageText);
             this.newMessageText = '';
         }
-        this.searchElement.nativeElement.focus();
+        this.renderer.selectRootElement('#autofocus').focus();
     };
     ChatBoxComponent.prototype.onNewMessageFocus = function (event) {
         var isTyping = event && this.newMessageText.length > 0;
@@ -537,10 +555,13 @@ var ChatBoxComponent = /** @class */ (function () {
     };
     ChatBoxComponent.prototype.scrollToBottom = function () {
         try {
-            this.messagesContainer.nativeElement.scrollTop = this.messagesContainer.nativeElement.scrollHeight;
+            this.messagesContainer.nativeElement.scrollTop = this.messagesContainer.nativeElement.scrollHeight - this.messagesContainer.nativeElement.clientHeight;
         }
         catch (e) { }
     };
+    ChatBoxComponent.ctorParameters = function () { return [
+        { type: Renderer2 }
+    ]; };
     __decorate([
         Input()
     ], ChatBoxComponent.prototype, "settings", void 0);
@@ -550,6 +571,9 @@ var ChatBoxComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], ChatBoxComponent.prototype, "messages", void 0);
+    __decorate([
+        Input()
+    ], ChatBoxComponent.prototype, "newMsgs", void 0);
     __decorate([
         Output()
     ], ChatBoxComponent.prototype, "isAgentTyping", void 0);
@@ -560,12 +584,12 @@ var ChatBoxComponent = /** @class */ (function () {
         ViewChild('MessagesContainer', { static: true })
     ], ChatBoxComponent.prototype, "messagesContainer", void 0);
     __decorate([
-        ViewChild('NewMessageText')
-    ], ChatBoxComponent.prototype, "searchElement", void 0);
+        ViewChild('autofocus', { static: false })
+    ], ChatBoxComponent.prototype, "autofocus", void 0);
     ChatBoxComponent = __decorate([
         Component({
             selector: 'app-chat-box',
-            template: "<div class=\"chat-box\">\r\n  <div #MessagesContainer class=\"messages\" [style.max-height]='settings.maxHeight'>\r\n    <ng-container *ngFor=\"let message of messages\">\r\n      <app-chat-message class=\"chat-line\" [alignRight]=\"shouldAlignRight(message)\" [message]=\"message.text\" [username]=\"message.username\"\r\n        [timestamp]=\"message.timestamp\" [image]=\"message.userIcon\" [fallbackImage]=\"settings.fallbackUserIcon\" [color]=\"getColor(message)\">\r\n      </app-chat-message>\r\n    </ng-container>\r\n\r\n    <div *ngIf=\"isTyping\" class=\"typing-indicator\">\r\n      Someone is typing\r\n      <span></span>\r\n      <span></span>\r\n      <span></span>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n<div class=\"message-box\">\r\n  <textarea autofocus #NewMessageText [(ngModel)]=\"newMessageText\" type=\"text\" class=\"message-input scroll\" placeholder=\"Type a message...\"\r\n  (focus)=\"onNewMessageFocus(true)\" (keydown.enter)=\"sendNewMessage($event)\" (keyup)='onKeyup()' [disabled]=\"settings.disableSendMessage\" ></textarea>\r\n  <button type=\"submit\" class=\"message-submit\" (click)=\"sendNewMessage($event)\" [disabled]=\"settings.disableSendMessage\">Send</button>\r\n</div>\r\n</div>\r\n",
+            template: "<div class=\"chat-box\">\r\n  <div #MessagesContainer id=\"msgScroll\" class=\"messages\" [style.max-height]='settings.maxHeight'>\r\n    <ng-container *ngFor=\"let message of updatedMessage()\">\r\n      <app-chat-message class=\"chat-line\" [alignRight]=\"shouldAlignRight(message)\" [message]=\"message.text\" [username]=\"message.username\"\r\n        [timestamp]=\"message.timestamp\" [image]=\"message.userIcon\" [fallbackImage]=\"settings.fallbackUserIcon\" [color]=\"getColor(message)\">\r\n      </app-chat-message>\r\n    </ng-container>\r\n\r\n    <div *ngIf=\"isTyping\" class=\"typing-indicator\">\r\n      Someone is typing\r\n      <span></span>\r\n      <span></span>\r\n      <span></span>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n<div class=\"message-box\">\r\n  <textarea id=\"autofocus\" tabindex=\"1\" #NewMessageText [(ngModel)]=\"newMessageText\" type=\"text\" class=\"message-input scroll\" placeholder=\"Type a message...\"\r\n  (focus)=\"onNewMessageFocus(true)\" (keydown.enter)=\"sendNewMessage($event)\" (keyup)='onKeyup()' [disabled]=\"settings.disableSendMessage\" ></textarea>\r\n  <button type=\"submit\" class=\"message-submit\" (click)=\"sendNewMessage($event)\" [disabled]=\"settings.disableSendMessage\">Send</button>\r\n</div>\r\n</div>\r\n",
             styles: [".message-box{flex:1 1 0;width:99%;background:#fff;margin:auto;position:relative;border-radius:5px;height:100%;border:1px solid #ccc}.message-box .message-input{background:0 0;border:none;outline:0!important;resize:none;font-family:inherit;font-size:.8rem;height:100%;margin:0;padding:10px 7px;width:89%;color:#444}.message-box textarea:focus:-webkit-placeholder{color:transparent}.message-box .message-submit{position:absolute;z-index:1;top:26px;right:5px;background:#1e72ba;border:none;color:#fff;font-size:10px;line-height:1;padding:6px 10px;border-radius:5px;outline:0!important;transition:background .2s;cursor:pointer}.scroll::-webkit-scrollbar{display:none}.chat-box{background-color:#f4f5fb;padding:5px}.messages{padding:5px;overflow:auto;min-height:50px}.chat-line{margin-bottom:15px}.new-message{border-top:1px solid #000;display:flex;align-content:center;height:25px}.new-message input[type=text]{flex:1 1 0;background-color:#f4f5fb;border:none;min-width:0}.new-message input[type=image]{position:relative;top:50%;transform:translateY(-50%);height:20px;cursor:pointer}.new-message input[type=image]:disabled{opacity:.5;cursor:auto}.new-message input:focus{outline:0}.typing-indicator{font-size:.8em;font-style:italic}.typing-indicator span{display:inline-block;height:4px;width:4px;border-radius:50%;background-color:#9e9e9e;margin:0 1px;opacity:.2}.typing-indicator span:nth-of-type(1){-webkit-animation:1.5s .33333s infinite blink;animation:1.5s .33333s infinite blink}.typing-indicator span:nth-of-type(2){-webkit-animation:1.5s .66666s infinite blink;animation:1.5s .66666s infinite blink}.typing-indicator span:nth-of-type(3){-webkit-animation:1.5s .99999s infinite blink;animation:1.5s .99999s infinite blink}@-webkit-keyframes blink{50%{opacity:1}}@keyframes blink{50%{opacity:1}}"]
         })
     ], ChatBoxComponent);

package/fesm5/amc-technology-ui-library.js.map

@@ -1 +1 @@
-{"version":3,"file":"amc-technology-ui-library.js","sources":["ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/interaction/interaction.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/scenario/scenario.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/operation/operation.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/models/chat.message.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/models/uilibrary.model.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/Helpers.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/property/property.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/duration/duration.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/chat-box/chat-box.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/chat-message/chat-message.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/disposition/disposition.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/activity/activity.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/login/login.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/uilibrary.module.ts","ng://@amc-technology/ui-library/amc-technology-ui-library.ts"],"sourcesContent":["import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { IInteraction } from '../../models/uilibrary.model';\r\n\r\n/**\r\n * @ignore\r\n */\r\n@Component({\r\n  selector: 'amc-interaction',\r\n  templateUrl: './interaction.component.html',\r\n  styleUrls: ['./interaction.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class InteractionComponent implements OnInit {\r\n\r\n  @Input() interaction: IInteraction;\r\n  @Output() minimizedChanged: EventEmitter<boolean> = new EventEmitter();\r\n  @Output() isAgentTyping = new EventEmitter<boolean>();\r\n  @Output() newMessage = new EventEmitter<string>();\r\n  /**\r\n   * @ignore\r\n   */\r\n  minimized: boolean;\r\n  set _minimized(value) {\r\n    this.minimized = value;\r\n    this.minimizedChanged.emit(value);\r\n  }\r\n  get _minimized() {\r\n    return this.minimized;\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  constructor() {\r\n    this._minimized = false;\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  ngOnInit() {\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  minimize(): void {\r\n    this._minimized = true;\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  maximize(): void {\r\n    this._minimized = false;\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  isConferenceCall(): boolean {\r\n    if (this.interaction.parties && this.interaction.parties.length > 1) {\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  collapseKeypress(event: KeyboardEvent) {\r\n    if (event.code === 'Enter') {\r\n      this.minimize();\r\n    }\r\n  }\r\n\r\n  expandKeypress(event: KeyboardEvent) {\r\n    if (event.code === 'Enter') {\r\n      this.maximize();\r\n    }\r\n  }\r\n\r\n}\r\n","import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  AfterViewInit,\r\n  AfterViewChecked\r\n} from '@angular/core';\r\nimport { IScenario } from '../../models/uilibrary.model';\r\n\r\n@Component({\r\n  selector: 'amc-scenario',\r\n  templateUrl: './scenario.component.html',\r\n  styleUrls: ['./scenario.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class ScenarioComponent implements AfterViewChecked {\r\n  @Input() scenario: IScenario;\r\n  @Output() minimizedChanged = new EventEmitter();\r\n  @Output() isAgentTyping = new EventEmitter<boolean>();\r\n  @Output() newMessage = new EventEmitter<string>();\r\n  @Output() afterViewChecked = new EventEmitter();\r\n\r\n  constructor() {}\r\n\r\n  ngAfterViewChecked() {\r\n    this.afterViewChecked.emit();\r\n  }\r\n\r\n  onMinimizedChanged() {\r\n    this.minimizedChanged.emit();\r\n  }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { IOperation } from '../../models/uilibrary.model';\r\n\r\n/**\r\n * @ignore\r\n */\r\n@Component({\r\n  selector: 'amc-operation',\r\n  templateUrl: './operation.component.html',\r\n  styleUrls: ['./operation.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class OperationComponent implements OnInit {\r\n  @Input() statusText: string;\r\n  @Input() callId: string;\r\n  @Input() callType: string;\r\n  @Input() operations: IOperation[];\r\n\r\n  labelledByText = '';\r\n  describedByText = '';\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  constructor() {\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  ngOnInit() {\r\n    if (this.statusText && this.callType) {\r\n      this.describedByText = `${this.statusText} ${this.callType}`;\r\n    } else if (this.statusText) {\r\n      this.describedByText = this.statusText;\r\n    } else if (this.callType) {\r\n      this.describedByText = this.callType\r\n    }\r\n\r\n    if (this.callId) {\r\n      this.labelledByText = this.callId;\r\n    }\r\n  }\r\n\r\n  operationKeypress(event: KeyboardEvent, operation: IOperation) {\r\n    if (event.code === 'Enter') {\r\n      operation.handler(operation.operationName, operation.operationMetadata);\r\n    }\r\n  }\r\n}\r\n","export interface IChatMessage {\r\n  username?: string;\r\n  text: string;\r\n  /**\r\n   * What type of chat message. Defaults to OTHER_PERSON\r\n   */\r\n  type?: IChatMessageType;\r\n  timestamp?: string;\r\n  userIcon?: URL;\r\n}\r\n\r\nexport enum IChatMessageType {\r\n  AGENT = 'AGENT',\r\n  OTHER_PERSON = 'OTHER_PERSON',\r\n  INFORMATION = 'INFORMATION'\r\n}\r\n","import { IChatSettings } from './chat.settings';\r\nimport { IChatMessage } from './chat.message';\r\n\r\nexport * from './chat.message';\r\nexport * from './chat.settings';\r\n\r\n/**\r\n * It is collection of Interaction which need to be displayed on scenario component.\r\n */\r\nexport interface IScenario {\r\n  interactions: IInteraction[];\r\n}\r\n\r\nexport interface IInteraction {\r\n  /**\r\n   * Unique id for the interaction.\r\n   * Note: this interactionId is also used to provide id for the div element.\r\n   */\r\n  interactionId: string;\r\n  properties?: Property[];\r\n  associatedData?: Property[];\r\n  startTime: number;\r\n  displayCallTimer: boolean;\r\n  /**\r\n   * parties is supposed to contain data about all the participants in call except agent himself.\r\n   */\r\n  parties?: IParty[];\r\n  /**\r\n   * Operations/buttons which needs to be displayed in interaction and its handlers.\r\n   */\r\n  operations?: IOperation[];\r\n\r\n  /**\r\n   * It contains URLs for minimize, maximize, interaction specific icon urls for interaction.\r\n   * And header number which needs to be displayed at top.\r\n   */\r\n  UIHeadersData: IInteractionUIHeaders;\r\n\r\n  /**\r\n   * Should contain identifying information about the main party in the interaction.\r\n   */\r\n  subheaderData: IPartyHeader;\r\n\r\n  /**\r\n   * This enables and configures the chat UI\r\n   */\r\n  chat?: {\r\n    settings: IChatSettings;\r\n    messages: IChatMessage[];\r\n    isCustomerTyping?: boolean;\r\n  };\r\n}\r\n\r\nexport interface IActivity {\r\n  interactionId: string;\r\n  WhoObject: IActivityDetails;\r\n  WhatObject: IActivityDetails;\r\n  whoList: IActivityDetails[];\r\n  whatList: IActivityDetails[];\r\n  CallType: string;\r\n  CallDurationInSeconds: string;\r\n  Subject: string;\r\n  SubjectFieldName: string;\r\n  NameFieldName: string;\r\n  RelatedToFieldName: string;\r\n  Description: string;\r\n  Status: string;\r\n  ActivityDate: string;\r\n  TimeStamp: Date;\r\n  ActivityId: string;\r\n  quickCommentList: string[];\r\n}\r\n\r\nexport interface IActivityDetails  {\r\n  objectType: string;\r\n  displayName: string;\r\n  objectName: string;\r\n  objectId: string;\r\n  url: string;\r\n}\r\n\r\n/**\r\n * This contains the main identifying information about the interaction.\r\n */\r\nexport interface IPartyHeader {\r\n  /**\r\n   * Image that identifies the type of interaction\r\n   * or the type of the identifying information(ex: phone icon for phone number)\r\n   */\r\n  image?: URL;\r\n  /**\r\n   * The tooltip to be displayed when the image is hovered over\r\n   */\r\n  tooltip?: string;\r\n  /**\r\n   * The value to be displayed\r\n   */\r\n  value: string;\r\n}\r\n\r\n/**\r\n * It contains URLs for minimize, maximize, interaction specific icon urls for interaction.\r\n * And header number which needs to be displayed at top.\r\n */\r\nexport interface IInteractionUIHeaders {\r\n  /**\r\n   * Minimize icon url.\r\n   */\r\n  minimizeUrl: URL;\r\n\r\n  /**\r\n   * Maximize Icon url.\r\n   */\r\n  maximizeUrl: URL;\r\n\r\n  /**\r\n   * This is the URL for the status image.\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  statusUrl: URL;\r\n\r\n  /**\r\n   * This is the handler for focus(Triggered on click of status).\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  focusHandler?: IFocus;\r\n\r\n  /**\r\n   * This is the text which is going to be displayed for status of the call.\r\n   *\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  statusText: string;\r\n\r\n  /**\r\n   *This member will contain the text related to the direction of the call. E.g Inbound, Outbound etc.\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  directionText: string;\r\n\r\n  /**\r\n   *This data will be used to display hold counter whihc will be the combination of the current hold time and complete hold time.\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  holdCounterData?: IHoldCounterData;\r\n\r\n  /**\r\n   *If this value is set to true then hold counter is displayed based on the holdCounterData.\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  displayHoldCounter: boolean;\r\n}\r\nexport interface ICallDuration {\r\n  startTime: number;\r\n  endTime: number;\r\n}\r\nexport interface IHoldCounterData {\r\n  pastCallDurations?: ICallDuration[];\r\n  currentHoldStartTime: number;\r\n}\r\n\r\n/**\r\n * It contains Operation Icon URL and its hadlers which need to be displayed in Interaction.\r\n */\r\nexport interface IFocus {\r\n  /**\r\n   * metadata related to operation.\r\n   */\r\n  operationMetadata?: IMetadata[];\r\n  /**\r\n   * name of the operation.\r\n   */\r\n  operationName: string;\r\n  /**\r\n   * Handler which needs to be invoked when someone clicks on the operation icon.\r\n   */\r\n  handler: (operationName: string, operationMetadata?: IMetadata[]) => void;\r\n}\r\n\r\n/**\r\n * It contains Operation Icon URL and its hadlers which need to be displayed in Interaction.\r\n */\r\nexport interface IOperation {\r\n  /**\r\n   * metadata related to operation.\r\n   */\r\n  operationMetadata?: IMetadata[];\r\n  /**\r\n   * name of the operation.\r\n   */\r\n  operationName: string;\r\n  /**\r\n   * URL for the icon of operations.\r\n   */\r\n  icon: URL;\r\n  /**\r\n   * Title which needs to be doisplayed when someone hovers over the icon.\r\n   */\r\n  title: string;\r\n  /**\r\n   * Handler which needs to be invoked when someone clicks on the operation icon.\r\n   */\r\n  handler: (operationName: string, operationMetadata?: IMetadata[]) => void;\r\n  /**\r\n   * Browser accesskey to jump instantly to this operation Should conform to AMC norms and consist of a single printable character.\r\n   */\r\n  accesskey?: string\r\n}\r\n\r\n/**\r\n * This contains properties and operations to be displayed for conference member.\r\n */\r\nexport interface IParty {\r\n  header: IPartyHeader;\r\n  properties: Property[];\r\n  operations: IOperation[];\r\n}\r\n\r\n/**\r\n * key value pairs which can be used amongst other interfaces/classes to store metadata of those entities.\r\n */\r\n\r\nexport interface IMetadata {\r\n  key: string;\r\n  value: string;\r\n}\r\n\r\n/**\r\n * This interface contains key value pairs, some custom operation which generates display key and display value.\r\n * Also it includes custom operation handler for click event on properties.\r\n */\r\nexport interface IProperty {\r\n  /**\r\n   * KEY value to be displayed on component.\r\n   */\r\n  displayKey?: string;\r\n\r\n  /**\r\n   * VALUE to be displayed on component.\r\n   */\r\n  displayValue?: any;\r\n  displayValueType: ValueType;\r\n  propertyMetadata?: IMetadata[];\r\n\r\n  /**\r\n   * Click event handler for property.\r\n   */\r\n  customOperations?: IEventHandler;\r\n  /**\r\n   * This flag decides if PROPERTY will be displayed on component or not.\r\n   */\r\n  visible: boolean;\r\n}\r\n\r\n/**\r\n * A helper method to make instances of [IProperty]\r\n */\r\nexport class Property implements IProperty {\r\n  private key: string;\r\n  private value: any;\r\n  /**\r\n   * KEY value to be displayed on component.\r\n   */\r\n  displayKey?: string;\r\n\r\n  /**\r\n   * VALUE to be displayed on component.\r\n   */\r\n  displayValue?: any;\r\n  displayValueType: ValueType;\r\n  propertyMetadata?: IMetadata[];\r\n\r\n  /**\r\n   * Click event handler for property.\r\n   */\r\n  customOperations?: IEventHandler;\r\n  /**\r\n   * This flag decides if PROPERTY will be displayed on component or not.\r\n   */\r\n  visible: boolean;\r\n\r\n  /**\r\n   * Operation responsible for generating displayKey and dispkayValur from key and value.\r\n   */\r\n  displayOperation: () => void = () => {\r\n    this.displayKey = this.key;\r\n    this.displayValue = this.value;\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param key\r\n   * @param value : if value type is COUNTER then value should be start time in MilliSeconds.\r\n   * @param visible\r\n   * @param valueType\r\n   * @param customOperation\r\n   */\r\n  constructor(\r\n    key: string,\r\n    value: any,\r\n    visible?: boolean,\r\n    valueType?: ValueType,\r\n    customOperation?: IEventHandler\r\n  ) {\r\n    this.key = key;\r\n    this.value = value;\r\n    visible != null ? (this.visible = visible) : (this.visible = true);\r\n    valueType != null\r\n      ? (this.displayValueType = valueType)\r\n      : (this.displayValueType = ValueType.STRING);\r\n    this.customOperations = customOperation;\r\n    this.displayOperation();\r\n  }\r\n}\r\n\r\n/**\r\n * Interface which contains eventName and handler associated with it.\r\n */\r\nexport interface IEventHandler {\r\n  eventName: string;\r\n  handler: (eventName: string, eventMetadata?: IMetadata[]) => void;\r\n  eventMetadata?: IMetadata[];\r\n}\r\n\r\n/**\r\n * enum for Value types of PROPERTY.\r\n */\r\nexport enum ValueType {\r\n  STRING,\r\n  COUNTER\r\n}\r\n","export function secondsToHms(seconds_in: number): string {\r\n  seconds_in = Number(seconds_in);\r\n  const h = Math.floor(seconds_in / 3600);\r\n  const m = Math.floor(seconds_in % 3600 / 60);\r\n  const s = Math.floor(seconds_in % 3600 % 60);\r\n\r\n  const hDisplay = h > 0 ? h.toString() + ':' : '';\r\n  const mDisplay = m > 0 ? ('0' + m.toString()).slice(-2) + ':' : '00:';\r\n  const sDisplay = s > 0 ? ('0' + s.toString()).slice(-2) : '00';\r\n  return hDisplay + mDisplay + sDisplay;\r\n}\r\n","import { Component, OnInit, Input, OnDestroy } from '@angular/core';\r\nimport { ValueType, IProperty } from '../../models/uilibrary.model';\r\nimport { secondsToHms } from '../../Helpers';\r\n\r\n/**\r\n * @ignore\r\n */\r\n@Component({\r\n  selector: 'amc-property',\r\n  templateUrl: './property.component.html',\r\n  styleUrls: ['./property.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class PropertyComponent implements OnInit, OnDestroy {\r\n\r\n  @Input() statusText: string;\r\n  @Input() callId: string;\r\n  @Input() callType: string;\r\n  @Input() property: IProperty;\r\n\r\n  labelledByText = '';\r\n  title = '';\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  processedDisplayValue: string;\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  private _timerId?: number;\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  constructor() {\r\n\r\n    this._timerId = null;\r\n    this.processedDisplayValue = '';\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  ngOnInit() {\r\n    if (this.statusText && this.callType) {\r\n      this.labelledByText = `${this.statusText} ${this.callType}`;\r\n    } else if (this.statusText) {\r\n      this.labelledByText = this.statusText;\r\n    } else if (this.callType) {\r\n      this.labelledByText = this.callType\r\n    }\r\n\r\n    if (this.callType && this.callId) {\r\n      this.title = `${this.callType} ${this.callId}`\r\n    } else if (this.callType) {\r\n      this.title = this.callType;\r\n    } else if (this.callId) {\r\n      this.title = this.callId;\r\n    }\r\n\r\n    this.initValues();\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  initValues(): void {\r\n    if (this.property.displayValueType === ValueType.COUNTER) {\r\n      this.startCallCounter();\r\n    } else {\r\n      this.processedDisplayValue = this.property.displayValue;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  private startCallCounter(): void {\r\n    if (this._timerId == null) {\r\n      this._timerId = window.setInterval(() => {\r\n        const callStartTime: number = this.property.displayValue;\r\n        const currentTime: number = new Date().getTime() / 1000;\r\n        const secondsPassed: number = Math.floor((currentTime) - (callStartTime / 1000));\r\n        this.processedDisplayValue = secondsToHms(secondsPassed);\r\n      }, 1000);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  ngOnDestroy(): void {\r\n    if (this.property.displayValueType === ValueType.COUNTER) {\r\n      // clear the timer.\r\n      if (this._timerId != null) {\r\n        clearInterval(this._timerId);\r\n        this._timerId = null;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { Component, OnInit, Input, OnDestroy } from '@angular/core';\r\nimport { IHoldCounterData, ICallDuration } from '../../models/uilibrary.model';\r\nimport { secondsToHms } from '../../Helpers';\r\n\r\n@Component({\r\n  selector: 'amc-holdtimer',\r\n  templateUrl: './holdtimer.component.html',\r\n  styleUrls: ['./holdtimer.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class HoldtimerComponent implements OnInit, OnDestroy {\r\n  @Input() holdCounterData: IHoldCounterData;\r\n  @Input() statusText: string;\r\n  @Input() callId: string;\r\n\r\n  displayTime: string;\r\n  labelledByText = '';\r\n\r\n  private _timerId?: number;\r\n  constructor() {\r\n    this.displayTime = '00:00/00:00';\r\n  }\r\n\r\n  ngOnInit() {\r\n    if (this.statusText && this.callId) {\r\n      this.labelledByText = `${this.statusText} ${this.callId}`;\r\n    } else if (this.statusText) {\r\n      this.labelledByText = this.statusText;\r\n    } else if (this.callId) {\r\n      this.labelledByText = this.callId\r\n    }\r\n\r\n    this.startCallCounter();\r\n  }\r\n  /**\r\n   * @ignore\r\n   */\r\n  private startCallCounter(): void {\r\n    const pastTimeInSeconds = this.CaculatePastHoldDuration();\r\n    if (this._timerId == null) {\r\n      this._timerId = window.setInterval(() => {\r\n        const currentTime: number = new Date().getTime() / 1000;\r\n        const secondsPassedCurrentCall: number = Math.floor((currentTime) - (this.holdCounterData.currentHoldStartTime / 1000));\r\n        this.displayTime = secondsToHms(secondsPassedCurrentCall) +\r\n          '/' + secondsToHms(pastTimeInSeconds + secondsPassedCurrentCall);\r\n      }, 1000);\r\n    }\r\n  }\r\n\r\n  private CaculatePastHoldDuration(): number {\r\n    let pastTimeInSeconds = 0;\r\n    if (this.holdCounterData.pastCallDurations) {\r\n      this.holdCounterData.pastCallDurations.forEach((holdTimerIterator: ICallDuration) => {\r\n        pastTimeInSeconds += (holdTimerIterator.endTime - holdTimerIterator.startTime) / 1000;\r\n      });\r\n    }\r\n    return pastTimeInSeconds;\r\n\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  ngOnDestroy(): void {\r\n    // clear the timer.\r\n    if (this._timerId != null) {\r\n      clearInterval(this._timerId);\r\n      this._timerId = null;\r\n    }\r\n  }\r\n\r\n}\r\n","import { Component, Input, OnInit, OnDestroy } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'amc-duration',\r\n  templateUrl: './duration.component.html',\r\n  styleUrls: ['./duration.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class DurationComponent implements OnInit, OnDestroy {\r\n  @Input() statusText: string;\r\n  @Input() callId: string;\r\n  @Input() startTime: number;\r\n\r\n  displayTime: string;\r\n  labelledByText = '';\r\n\r\n  private _timerId?: number;\r\n\r\n  constructor() {\r\n    this.displayTime = '00:00/00:00';\r\n  }\r\n\r\n  ngOnInit() {\r\n    if (this.statusText && this.callId) {\r\n      this.labelledByText = `${this.statusText} ${this.callId}`;\r\n    } else if (this.statusText) {\r\n      this.labelledByText = this.statusText;\r\n    } else if (this.callId) {\r\n      this.labelledByText = this.callId\r\n    }\r\n\r\n    this.startCallCounter();\r\n  }\r\n\r\n  /**\r\n * @ignore\r\n */\r\n  private startCallCounter(): void {\r\n    if (this._timerId == null) {\r\n      this._timerId = window.setInterval(() => {\r\n        const callStartTime: number = this.startTime;\r\n        const currentTime: number = new Date().getTime() / 1000;\r\n        const secondsPassed: number = Math.floor((currentTime) - (callStartTime / 1000));\r\n        this.displayTime = Math.floor(secondsPassed / 60) + ':' + ('0' + (secondsPassed % 60)).slice(-2);\r\n      }, 1000);\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    // clear the timer.\r\n    if (this._timerId != null) {\r\n      clearInterval(this._timerId);\r\n      this._timerId = null;\r\n    }\r\n  }\r\n\r\n}\r\n","import { Component, Input, Output, EventEmitter, OnInit, ViewChild, ElementRef, AfterViewChecked } from '@angular/core';\r\nimport { IChatMessage, IChatMessageType } from '../../models/chat.message';\r\nimport { IChatSettings } from '../../models/chat.settings';\r\n\r\n@Component({\r\n  selector: 'app-chat-box',\r\n  templateUrl: './chat-box.component.html',\r\n  styleUrls: ['./chat-box.component.scss'],\r\n})\r\nexport class ChatBoxComponent implements AfterViewChecked, OnInit{\r\n  @Input() settings: IChatSettings;\r\n  @Input() isTyping = false;\r\n\r\n  @Input() messages: IChatMessage[];\r\n  private lastCount = -1;\r\n\r\n  _isAgentTyping = false;\r\n  @Output() isAgentTyping = new EventEmitter<boolean>();\r\n\r\n  @Output() newMessage = new EventEmitter<string>();\r\n  newMessageText = '';\r\n\r\n  @ViewChild('MessagesContainer', { static: true }) messagesContainer: ElementRef;\r\n  @ViewChild('NewMessageText') searchElement: ElementRef;\r\n\r\n  usernameToColor: { [username: string]: string } = {};\r\n  colors = [\r\n    '#c2c4c4',\r\n    '#ffab91',\r\n    '#f48fb1',\r\n    '#29b6f6',\r\n    '#e1bee7',\r\n    '#9ccc65',\r\n    '#ffc107',\r\n    '#26c6da',\r\n    '#cddc39',\r\n  ];\r\n  colorsIndex = 0;\r\n  agentColor = '#2db0e0';\r\n\r\n  constructor() { }\r\n ngOnInit(): void {\r\n  this.searchElement.nativeElement.focus();\r\n }\r\n\r\n  ngAfterViewChecked() {\r\n    if (this.lastCount !== this.messages.length) {\r\n      this.lastCount = this.messages.length;\r\n      this.scrollToBottom();\r\n    }\r\n  }\r\n\r\n  getColor(message: IChatMessage) {\r\n    if (message.type && message.type === IChatMessageType.AGENT) {\r\n      return this.agentColor;\r\n    } else if (message.username) {\r\n      if (!this.usernameToColor[message.username]) {\r\n        this.usernameToColor[message.username] = this.colors[this.colorsIndex];\r\n        this.colorsIndex = (this.colorsIndex + 1) % this.colors.length;\r\n      }\r\n      return this.usernameToColor[message.username];\r\n    } else {\r\n      return this.colors[0];\r\n    }\r\n  }\r\n\r\n  shouldAlignRight(message: IChatMessage) {\r\n    return message.type && message.type === IChatMessageType.AGENT;\r\n  }\r\n\r\n  sendNewMessage(event) {\r\n    event.preventDefault();\r\n    if (this.newMessageText) {\r\n      this.newMessage.emit(this.newMessageText);\r\n      this.newMessageText = '';\r\n    }\r\n    this.searchElement.nativeElement.focus();\r\n  }\r\n\r\n  onNewMessageFocus(event: boolean) {\r\n    const isTyping = event && this.newMessageText.length > 0;\r\n    if (isTyping !== this._isAgentTyping) {\r\n      this._isAgentTyping = isTyping;\r\n      this.isAgentTyping.emit(isTyping);\r\n    }\r\n  }\r\n\r\n  onKeyup() {\r\n    const isTyping = this.newMessageText.length > 0;\r\n    if (isTyping !== this._isAgentTyping) {\r\n      this._isAgentTyping = isTyping;\r\n      this.isAgentTyping.emit(isTyping);\r\n    }\r\n  }\r\n\r\n  scrollToBottom() {\r\n    try {\r\n      this.messagesContainer.nativeElement.scrollTop = this.messagesContainer.nativeElement.scrollHeight;\r\n    }\r\n    catch (e) { }\r\n  }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-chat-message',\r\n  templateUrl: './chat-message.component.html',\r\n  styleUrls: ['./chat-message.component.scss']\r\n})\r\nexport class ChatMessageComponent implements OnInit {\r\n  @Input() message: string;\r\n  @Input() alignRight = false;\r\n  @Input() username: string;\r\n  @Input() color: string;\r\n  @Input() timestamp: string;\r\n  @Input() image: string;\r\n  @Input() fallbackImage: string;\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n}\r\n","import { IDisposition, IDispositionResult } from './../../models/disposition.interface';\r\nimport { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'amc-disposition',\r\n  templateUrl: './disposition.component.html',\r\n  styleUrls: ['./disposition.component.css']\r\n})\r\nexport class DispositionComponent implements OnInit {\r\n  @Input() disposition: IDisposition;\r\n\r\n  @Output() dispositionEmitter = new EventEmitter<IDispositionResult>();\r\n\r\n  selectedDispositionValue: string = '';\r\n  dispositionName: string = '';\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n    for (const metadata of this.disposition.dispositionMetadata) {\r\n      if (metadata.key === 'callId') {\r\n        this.dispositionName = `disposition_${metadata.value}`;\r\n\r\n        break;\r\n      }\r\n    }\r\n\r\n    if (this.disposition.checkedDisposition) {\r\n      this.selectedDispositionValue = this.disposition.checkedDisposition;\r\n    }\r\n  }\r\n\r\n  submitDisposition() {\r\n    const selectedDisposition: IDispositionResult = {\r\n      dispositionId: this.selectedDispositionValue,\r\n      dispositionName: this.disposition.disposition.get(this.selectedDispositionValue),\r\n      dispositionMetadata: this.disposition.dispositionMetadata\r\n    };\r\n\r\n    this.dispositionEmitter.emit(selectedDisposition);\r\n  }\r\n\r\n  selectAndSubmitDisposition(event: KeyboardEvent, dispositionKey: string) {\r\n    if (event.code === 'Enter') {\r\n      this.selectedDispositionValue = dispositionKey;\r\n      this.submitDisposition();\r\n    }\r\n  }\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { IActivity, IActivityDetails } from '../../models/uilibrary.model';\r\n\r\n@Component({\r\n  selector: 'app-activity',\r\n  templateUrl: './activity.component.html',\r\n  styleUrls: ['./activity.component.css']\r\n})\r\nexport class ActivityComponent implements OnInit {\r\n\r\nisActivityMaximized: boolean;\r\n@Input() activity: IActivity;\r\n@Output() ActivitySave: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnNameSelectChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnRelatedToChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnSubjectChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnCallNotesChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n\r\n  constructor() {\r\n    this.isActivityMaximized = true;\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n  public onNameSelectChange(event) {\r\n    this.activity.WhoObject = this.getWho(event.currentTarget.value);\r\n    this.OnNameSelectChange.emit(this.activity);\r\n  }\r\n\r\n  public parseWhoObject(whoObject: IActivityDetails): string {\r\n    return whoObject.objectType + ': ' + whoObject.objectName;\r\n  }\r\n\r\n  public parseWhatObject(whatObject: IActivityDetails): string {\r\n    return whatObject.objectType + ': ' + whatObject.objectName;\r\n  }\r\n\r\n  public onRelatedToChange(event) {\r\n    this.activity.WhatObject = this.getWhat(event.currentTarget.value);\r\n    this.OnRelatedToChange.emit(this.activity);\r\n  }\r\n\r\n  public onSubjectChange(event) {\r\n    this.activity.Subject = event.srcElement.value;\r\n    this.OnSubjectChange.emit(this.activity);\r\n  }\r\n  public onCallNotesChange(event) {\r\n    this.activity.Subject = event.srcElement.value.trim();\r\n    this.OnCallNotesChange.emit(this.activity);\r\n  }\r\n\r\n  public getWho(id): IActivityDetails {\r\n    for (let i = 0; i < this.activity.whoList.length; i++) {\r\n      if (this.activity.whoList[i].objectId === id) {\r\n        return this.activity.whoList[i];\r\n      }\r\n    }\r\n  }\r\n  public getWhat(id): IActivityDetails {\r\n    for (let i = 0; i < this.activity.whatList.length; i++) {\r\n      if (this.activity.whatList[i].objectId === id) {\r\n        return this.activity.whatList[i];\r\n      }\r\n    }\r\n  }\r\n\r\n  public loadQuickComment(value) {\r\n    this.activity.Description = this.activity.Description + this.activity.quickCommentList[value];\r\n  }\r\n\r\n  public activitySave(clearActivityFields) {\r\n    this.ActivitySave.emit(this.activity);\r\n  }\r\n}\r\n","import { ILoginData } from './../../models/login.interface';\r\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { NgForm } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'amc-login',\r\n  templateUrl: './login.component.html',\r\n  styleUrls: ['./login.component.css']\r\n})\r\nexport class LoginComponent implements OnInit {\r\n  @Input() loginData: ILoginData;\r\n  @Output() loginDetailsProvided = new EventEmitter<ILoginData>();\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n    if (!this.loginData.header) {\r\n      this.loginData.header = 'Login';\r\n    }\r\n\r\n    for (let field of this.loginData.fields) {\r\n      if (!field.isInvalid) {\r\n        field.isInvalid = false;\r\n      }\r\n    }\r\n  }\r\n\r\n  onLogin(loginForm: NgForm) {\r\n    for (const field of this.loginData.fields) {\r\n      field.value = loginForm.value[field.name];\r\n    }\r\n\r\n    this.loginDetailsProvided.emit(this.loginData);\r\n  }\r\n\r\n  focusOutOfInput(loginForm: NgForm, field) {\r\n    if (!loginForm.controls[field.name].valid) {\r\n      field.isInvalid = true;\r\n    }\r\n\r\n    // console.log(loginForm);\r\n    // console.log(field);\r\n  }\r\n}\r\n","import { NgModule, Injector } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { InteractionComponent } from './components/interaction/interaction.component';\r\nimport { ScenarioComponent } from './components/scenario/scenario.component';\r\nimport { OperationComponent } from './components/operation/operation.component';\r\nimport { PropertyComponent } from './components/property/property.component';\r\nimport { HoldtimerComponent } from './components/holdtimer/holdtimer.component';\r\nimport { DurationComponent } from './components/duration/duration.component';\r\nimport { ChatBoxComponent } from './components/chat-box/chat-box.component';\r\nimport { ChatMessageComponent } from './components/chat-message/chat-message.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { createCustomElement } from '@angular/elements';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { ElementZoneStrategyFactory } from 'elements-zone-strategy';\r\nimport { DispositionComponent } from './components/disposition/disposition.component';\r\nimport { ActivityComponent } from './components/activity/activity.component';\r\nimport { LoginComponent } from './components/login/login.component';\r\n\r\n@NgModule({\r\n  imports: [BrowserModule, CommonModule, FormsModule],\r\n  declarations: [\r\n    InteractionComponent,\r\n    ScenarioComponent,\r\n    OperationComponent,\r\n    PropertyComponent,\r\n    HoldtimerComponent,\r\n    DurationComponent,\r\n    ChatBoxComponent,\r\n    ChatMessageComponent,\r\n    DispositionComponent,\r\n    ActivityComponent,\r\n    LoginComponent\r\n  ],\r\n  entryComponents: [ScenarioComponent, DispositionComponent, LoginComponent],\r\n  bootstrap: [],\r\n  exports: [ScenarioComponent, DispositionComponent, LoginComponent]\r\n})\r\nexport class UILibraryModule {\r\n  constructor(private injector: Injector) { }\r\n\r\n  ngDoBootstrap(app) {\r\n    if (!customElements.get('amc-webcomponents-scenario')) {\r\n      const strategyFactory = new ElementZoneStrategyFactory(\r\n        ScenarioComponent,\r\n        this.injector\r\n      );\r\n      customElements.define(\r\n        'amc-webcomponents-scenario',\r\n        createCustomElement(ScenarioComponent, {\r\n          injector: this.injector,\r\n          strategyFactory: strategyFactory\r\n        })\r\n      );\r\n    }\r\n    if (!customElements.get('amc-webcomponents-disposition')) {\r\n      const strategyFactory = new ElementZoneStrategyFactory(\r\n        DispositionComponent,\r\n        this.injector\r\n      );\r\n      customElements.define(\r\n        'amc-webcomponents-disposition',\r\n        createCustomElement(DispositionComponent, {\r\n          injector: this.injector,\r\n          strategyFactory: strategyFactory\r\n        })\r\n      );\r\n    }\r\n    if (!customElements.get('amc-webcomponents-login')) {\r\n      const strategyFactory = new ElementZoneStrategyFactory(\r\n        LoginComponent,\r\n        this.injector\r\n      );\r\n      customElements.define(\r\n        'amc-webcomponents-login',\r\n        createCustomElement(LoginComponent, {\r\n          injector: this.injector,\r\n          strategyFactory: strategyFactory\r\n        })\r\n      );\r\n    }\r\n  }\r\n}\r\n\r\nexport * from './models/uilibrary.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {ActivityComponent as ɵj} from './projects/UILibrary/src/app/components/activity/activity.component';\nexport {ChatBoxComponent as ɵg} from './projects/UILibrary/src/app/components/chat-box/chat-box.component';\nexport {ChatMessageComponent as ɵh} from './projects/UILibrary/src/app/components/chat-message/chat-message.component';\nexport {DispositionComponent as ɵi} from './projects/UILibrary/src/app/components/disposition/disposition.component';\nexport {DurationComponent as ɵf} from './projects/UILibrary/src/app/components/duration/duration.component';\nexport {HoldtimerComponent as ɵe} from './projects/UILibrary/src/app/components/holdtimer/holdtimer.component';\nexport {InteractionComponent as ɵa} from './projects/UILibrary/src/app/components/interaction/interaction.component';\nexport {LoginComponent as ɵk} from './projects/UILibrary/src/app/components/login/login.component';\nexport {OperationComponent as ɵc} from './projects/UILibrary/src/app/components/operation/operation.component';\nexport {PropertyComponent as ɵd} from './projects/UILibrary/src/app/components/property/property.component';\nexport {ScenarioComponent as ɵb} from './projects/UILibrary/src/app/components/scenario/scenario.component';"],"names":[],"mappings":";;;;;;;;AAGA;;;;;;;IA6BE;QAlBU,qBAAgB,GAA0B,IAAI,YAAY,EAAE,CAAC;QAC7D,kBAAa,GAAG,IAAI,YAAY,EAAW,CAAC;QAC5C,eAAU,GAAG,IAAI,YAAY,EAAU,CAAC;QAiBhD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;KACzB;IAbD,sBAAI,4CAAU;aAId;YACE,OAAO,IAAI,CAAC,SAAS,CAAC;SACvB;aAND,UAAe,KAAK;YAClB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACnC;;;OAAA;;;;IAeD,uCAAQ,GAAR;KACC;;;;IAKD,uCAAQ,GAAR;QACE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KACxB;;;;IAKD,uCAAQ,GAAR;QACE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;KACzB;;;;IAKD,+CAAgB,GAAhB;QACE,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACnE,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;KACd;IAED,+CAAgB,GAAhB,UAAiB,KAAoB;QACnC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC1B,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;KACF;IAED,6CAAc,GAAd,UAAe,KAAoB;QACjC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC1B,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;KACF;IA/DQ;QAAR,KAAK,EAAE;6DAA2B;IACzB;QAAT,MAAM,EAAE;kEAA8D;IAC7D;QAAT,MAAM,EAAE;+DAA6C;IAC5C;QAAT,MAAM,EAAE;4DAAyC;IALvC,oBAAoB;QALhC,SAAS,CAAC;YACT,QAAQ,EAAE,iBAAiB;YAC3B,u/LAA2C;;SAE5C,CAAC;OACW,oBAAoB,CAmEhC;IAAD,2BAAC;CAnED;;;ICWE;QALU,qBAAgB,GAAG,IAAI,YAAY,EAAE,CAAC;QACtC,kBAAa,GAAG,IAAI,YAAY,EAAW,CAAC;QAC5C,eAAU,GAAG,IAAI,YAAY,EAAU,CAAC;QACxC,qBAAgB,GAAG,IAAI,YAAY,EAAE,CAAC;KAEhC;IAEhB,8CAAkB,GAAlB;QACE,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;KAC9B;IAED,8CAAkB,GAAlB;QACE,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;KAC9B;IAdQ;QAAR,KAAK,EAAE;uDAAqB;IACnB;QAAT,MAAM,EAAE;+DAAuC;IACtC;QAAT,MAAM,EAAE;4DAA6C;IAC5C;QAAT,MAAM,EAAE;yDAAyC;IACxC;QAAT,MAAM,EAAE;+DAAuC;IALrC,iBAAiB;QAL7B,SAAS,CAAC;YACT,QAAQ,EAAE,cAAc;YACxB,gXAAwC;;SAEzC,CAAC;OACW,iBAAiB,CAgB7B;IAAD,wBAAC;CAhBD;;ACZA;;;;;;;IAoBE;QANA,mBAAc,GAAG,EAAE,CAAC;QACpB,oBAAe,GAAG,EAAE,CAAC;KAMpB;;;;IAKD,qCAAQ,GAAR;QACE,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE;YACpC,IAAI,CAAC,eAAe,GAAM,IAAI,CAAC,UAAU,SAAI,IAAI,CAAC,QAAU,CAAC;SAC9D;aAAM,IAAI,IAAI,CAAC,UAAU,EAAE;YAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC;SACxC;aAAM,IAAI,IAAI,CAAC,QAAQ,EAAE;YACxB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAA;SACrC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;SACnC;KACF;IAED,8CAAiB,GAAjB,UAAkB,KAAoB,EAAE,SAAqB;QAC3D,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC1B,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;SACzE;KACF;IAnCQ;QAAR,KAAK,EAAE;0DAAoB;IACnB;QAAR,KAAK,EAAE;sDAAgB;IACf;QAAR,KAAK,EAAE;wDAAkB;IACjB;QAAR,KAAK,EAAE;0DAA0B;IAJvB,kBAAkB;QAL9B,SAAS,CAAC;YACT,QAAQ,EAAE,eAAe;YACzB,koBAAyC;;SAE1C,CAAC;OACW,kBAAkB,CAqC9B;IAAD,yBAAC;CArCD;;ICAY;AAAZ,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,iDAA6B,CAAA;IAC7B,+CAA2B,CAAA;AAC7B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB;;ACmP5B;;;;;;;;;;;;IA2CE,kBACE,GAAW,EACX,KAAU,EACV,OAAiB,EACjB,SAAqB,EACrB,eAA+B;QALjC,iBAeC;;;;QA5BD,qBAAgB,GAAe;YAC7B,KAAI,CAAC,UAAU,GAAG,KAAI,CAAC,GAAG,CAAC;YAC3B,KAAI,CAAC,YAAY,GAAG,KAAI,CAAC,KAAK,CAAC;SAChC,CAAA;QAiBC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,GAAG,OAAO,KAAK,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;QACnE,SAAS,IAAI,IAAI;eACZ,IAAI,CAAC,gBAAgB,GAAG,SAAS;eACjC,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAC/C,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IACH,eAAC;AAAD,CAAC,IAAA;AAWD;;;IAGY;AAAZ,WAAY,SAAS;IACnB,6CAAM,CAAA;IACN,+CAAO,CAAA;AACT,CAAC,EAHW,SAAS,KAAT,SAAS;;SCvUL,YAAY,CAAC,UAAkB;IAC7C,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAChC,IAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;IACxC,IAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC;IAC7C,IAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC,CAAC;IAE7C,IAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACjD,IAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC;IACtE,IAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAC/D,OAAO,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACxC;;ACNA;;;;;;;IA+BE;QAhBA,mBAAc,GAAG,EAAE,CAAC;QACpB,UAAK,GAAG,EAAE,CAAC;QAiBT,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,qBAAqB,GAAG,EAAE,CAAC;KACjC;;;;IAKD,oCAAQ,GAAR;QACE,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE;YACpC,IAAI,CAAC,cAAc,GAAM,IAAI,CAAC,UAAU,SAAI,IAAI,CAAC,QAAU,CAAC;SAC7D;aAAM,IAAI,IAAI,CAAC,UAAU,EAAE;YAC1B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,QAAQ,EAAE;YACxB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAA;SACpC;QAED,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE;YAChC,IAAI,CAAC,KAAK,GAAM,IAAI,CAAC,QAAQ,SAAI,IAAI,CAAC,MAAQ,CAAA;SAC/C;aAAM,IAAI,IAAI,CAAC,QAAQ,EAAE;YACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;SAC5B;aAAM,IAAI,IAAI,CAAC,MAAM,EAAE;YACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;SAC1B;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;;;;IAKD,sCAAU,GAAV;QACE,IAAI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,KAAK,SAAS,CAAC,OAAO,EAAE;YACxD,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;aAAM;YACL,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;SACzD;KACF;;;;IAKO,4CAAgB,GAAxB;QAAA,iBASC;QARC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;YACzB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;gBACjC,IAAM,aAAa,GAAW,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;gBACzD,IAAM,WAAW,GAAW,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;gBACxD,IAAM,aAAa,GAAW,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,KAAK,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC;gBACjF,KAAI,CAAC,qBAAqB,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC;aAC1D,EAAE,IAAI,CAAC,CAAC;SACV;KACF;;;;IAKD,uCAAW,GAAX;QACE,IAAI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,KAAK,SAAS,CAAC,OAAO,EAAE;;YAExD,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;gBACzB,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;aACtB;SACF;KACF;IAtFQ;QAAR,KAAK,EAAE;yDAAoB;IACnB;QAAR,KAAK,EAAE;qDAAgB;IACf;QAAR,KAAK,EAAE;uDAAkB;IACjB;QAAR,KAAK,EAAE;uDAAqB;IALlB,iBAAiB;QAL7B,SAAS,CAAC;YACT,QAAQ,EAAE,cAAc;YACxB,kuBAAwC;;SAEzC,CAAC;OACW,iBAAiB,CAyF7B;IAAD,wBAAC;CAzFD;;;ICME;QAHA,mBAAc,GAAG,EAAE,CAAC;QAIlB,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;KAClC;IAED,qCAAQ,GAAR;QACE,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,EAAE;YAClC,IAAI,CAAC,cAAc,GAAM,IAAI,CAAC,UAAU,SAAI,IAAI,CAAC,MAAQ,CAAC;SAC3D;aAAM,IAAI,IAAI,CAAC,UAAU,EAAE;YAC1B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,MAAM,EAAE;YACtB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAA;SAClC;QAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;;;;IAIO,6CAAgB,GAAxB;QAAA,iBAUC;QATC,IAAM,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAC1D,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;YACzB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;gBACjC,IAAM,WAAW,GAAW,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;gBACxD,IAAM,wBAAwB,GAAW,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,KAAK,KAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC,CAAC;gBACxH,KAAI,CAAC,WAAW,GAAG,YAAY,CAAC,wBAAwB,CAAC;oBACvD,GAAG,GAAG,YAAY,CAAC,iBAAiB,GAAG,wBAAwB,CAAC,CAAC;aACpE,EAAE,IAAI,CAAC,CAAC;SACV;KACF;IAEO,qDAAwB,GAAhC;QACE,IAAI,iBAAiB,GAAG,CAAC,CAAC;QAC1B,IAAI,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE;YAC1C,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,OAAO,CAAC,UAAC,iBAAgC;gBAC9E,iBAAiB,IAAI,CAAC,iBAAiB,CAAC,OAAO,GAAG,iBAAiB,CAAC,SAAS,IAAI,IAAI,CAAC;aACvF,CAAC,CAAC;SACJ;QACD,OAAO,iBAAiB,CAAC;KAE1B;;;;IAKD,wCAAW,GAAX;;QAEE,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;YACzB,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;KACF;IA1DQ;QAAR,KAAK,EAAE;+DAAmC;IAClC;QAAR,KAAK,EAAE;0DAAoB;IACnB;QAAR,KAAK,EAAE;sDAAgB;IAHb,kBAAkB;QAL9B,SAAS,CAAC;YACT,QAAQ,EAAE,eAAe;YACzB,mVAAyC;;SAE1C,CAAC;OACW,kBAAkB,CA6D9B;IAAD,yBAAC;CA7DD;;;ICQE;QAJA,mBAAc,GAAG,EAAE,CAAC;QAKlB,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;KAClC;IAED,oCAAQ,GAAR;QACE,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,EAAE;YAClC,IAAI,CAAC,cAAc,GAAM,IAAI,CAAC,UAAU,SAAI,IAAI,CAAC,MAAQ,CAAC;SAC3D;aAAM,IAAI,IAAI,CAAC,UAAU,EAAE;YAC1B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC;SACvC;aAAM,IAAI,IAAI,CAAC,MAAM,EAAE;YACtB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAA;SAClC;QAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;;;;IAKO,4CAAgB,GAAxB;QAAA,iBASC;QARC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;YACzB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;gBACjC,IAAM,aAAa,GAAW,KAAI,CAAC,SAAS,CAAC;gBAC7C,IAAM,WAAW,GAAW,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;gBACxD,IAAM,aAAa,GAAW,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,KAAK,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC;gBACjF,KAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,aAAa,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aAClG,EAAE,IAAI,CAAC,CAAC;SACV;KACF;IAED,uCAAW,GAAX;;QAEE,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,EAAE;YACzB,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;KACF;IA7CQ;QAAR,KAAK,EAAE;yDAAoB;IACnB;QAAR,KAAK,EAAE;qDAAgB;IACf;QAAR,KAAK,EAAE;wDAAmB;IAHhB,iBAAiB;QAL7B,SAAS,CAAC;YACT,QAAQ,EAAE,cAAc;YACxB,uTAAwC;;SAEzC,CAAC;OACW,iBAAiB,CAgD7B;IAAD,wBAAC;CAhDD;;;ICiCE;QA7BS,aAAQ,GAAG,KAAK,CAAC;QAGlB,cAAS,GAAG,CAAC,CAAC,CAAC;QAEvB,mBAAc,GAAG,KAAK,CAAC;QACb,kBAAa,GAAG,IAAI,YAAY,EAAW,CAAC;QAE5C,eAAU,GAAG,IAAI,YAAY,EAAU,CAAC;QAClD,mBAAc,GAAG,EAAE,CAAC;QAKpB,oBAAe,GAAmC,EAAE,CAAC;QACrD,WAAM,GAAG;YACP,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV,CAAC;QACF,gBAAW,GAAG,CAAC,CAAC;QAChB,eAAU,GAAG,SAAS,CAAC;KAEN;IAClB,mCAAQ,GAAR;QACC,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KACzC;IAEA,6CAAkB,GAAlB;QACE,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YACtC,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB;KACF;IAED,mCAAQ,GAAR,UAAS,OAAqB;QAC5B,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,CAAC,KAAK,EAAE;YAC3D,OAAO,IAAI,CAAC,UAAU,CAAC;SACxB;aAAM,IAAI,OAAO,CAAC,QAAQ,EAAE;YAC3B,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC3C,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACvE,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;aAChE;YACD,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;SAC/C;aAAM;YACL,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;SACvB;KACF;IAED,2CAAgB,GAAhB,UAAiB,OAAqB;QACpC,OAAO,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,CAAC,KAAK,CAAC;KAChE;IAED,yCAAc,GAAd,UAAe,KAAK;QAClB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC1C,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;SAC1B;QACD,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KAC1C;IAED,4CAAiB,GAAjB,UAAkB,KAAc;QAC9B,IAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QACzD,IAAI,QAAQ,KAAK,IAAI,CAAC,cAAc,EAAE;YACpC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;YAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACnC;KACF;IAED,kCAAO,GAAP;QACE,IAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QAChD,IAAI,QAAQ,KAAK,IAAI,CAAC,cAAc,EAAE;YACpC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;YAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACnC;KACF;IAED,yCAAc,GAAd;QACE,IAAI;YACF,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,YAAY,CAAC;SACpG;QACD,OAAO,CAAC,EAAE,GAAG;KACd;IA1FQ;QAAR,KAAK,EAAE;sDAAyB;IACxB;QAAR,KAAK,EAAE;sDAAkB;IAEjB;QAAR,KAAK,EAAE;sDAA0B;IAIxB;QAAT,MAAM,EAAE;2DAA6C;IAE5C;QAAT,MAAM,EAAE;wDAAyC;IAGA;QAAjD,SAAS,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;+DAA+B;IACnD;QAA5B,SAAS,CAAC,gBAAgB,CAAC;2DAA2B;IAd5C,gBAAgB;QAL5B,SAAS,CAAC;YACT,QAAQ,EAAE,cAAc;YACxB,2tCAAwC;;SAEzC,CAAC;OACW,gBAAgB,CA4F5B;IAAD,uBAAC;CA5FD;;;ICOE;QAPS,eAAU,GAAG,KAAK,CAAC;KAOX;IAEjB,uCAAQ,GAAR;KACC;IAXQ;QAAR,KAAK,EAAE;yDAAiB;IAChB;QAAR,KAAK,EAAE;4DAAoB;IACnB;QAAR,KAAK,EAAE;0DAAkB;IACjB;QAAR,KAAK,EAAE;uDAAe;IACd;QAAR,KAAK,EAAE;2DAAmB;IAClB;QAAR,KAAK,EAAE;uDAAe;IACd;QAAR,KAAK,EAAE;+DAAuB;IAPpB,oBAAoB;QALhC,SAAS,CAAC;YACT,QAAQ,EAAE,kBAAkB;YAC5B,uqBAA4C;;SAE7C,CAAC;OACW,oBAAoB,CAchC;IAAD,2BAAC;CAdD;;;ICSE;QALU,uBAAkB,GAAG,IAAI,YAAY,EAAsB,CAAC;QAEtE,6BAAwB,GAAW,EAAE,CAAC;QACtC,oBAAe,GAAW,EAAE,CAAC;KAEZ;IAEjB,uCAAQ,GAAR;;;YACE,KAAuB,IAAA,KAAA,SAAA,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAA,gBAAA,4BAAE;gBAAxD,IAAM,QAAQ,WAAA;gBACjB,IAAI,QAAQ,CAAC,GAAG,KAAK,QAAQ,EAAE;oBAC7B,IAAI,CAAC,eAAe,GAAG,iBAAe,QAAQ,CAAC,KAAO,CAAC;oBAEvD,MAAM;iBACP;aACF;;;;;;;;;QAED,IAAI,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE;YACvC,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC;SACrE;KACF;IAED,gDAAiB,GAAjB;QACE,IAAM,mBAAmB,GAAuB;YAC9C,aAAa,EAAE,IAAI,CAAC,wBAAwB;YAC5C,eAAe,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,wBAAwB,CAAC;YAChF,mBAAmB,EAAE,IAAI,CAAC,WAAW,CAAC,mBAAmB;SAC1D,CAAC;QAEF,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;KACnD;IAED,yDAA0B,GAA1B,UAA2B,KAAoB,EAAE,cAAsB;QACrE,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC1B,IAAI,CAAC,wBAAwB,GAAG,cAAc,CAAC;YAC/C,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;KACF;IAtCQ;QAAR,KAAK,EAAE;6DAA2B;IAEzB;QAAT,MAAM,EAAE;oEAA6D;IAH3D,oBAAoB;QALhC,SAAS,CAAC;YACT,QAAQ,EAAE,iBAAiB;YAC3B,+qCAA2C;;SAE5C,CAAC;OACW,oBAAoB,CAwChC;IAAD,2BAAC;CAxCD;;;ICUE;QANQ,iBAAY,GAA4B,IAAI,YAAY,EAAa,CAAC;QACtE,uBAAkB,GAA4B,IAAI,YAAY,EAAa,CAAC;QAC5E,sBAAiB,GAA4B,IAAI,YAAY,EAAa,CAAC;QAC3E,oBAAe,GAA4B,IAAI,YAAY,EAAa,CAAC;QACzE,sBAAiB,GAA4B,IAAI,YAAY,EAAa,CAAC;QAGjF,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;KACjC;IAED,oCAAQ,GAAR;KACC;IAEM,8CAAkB,GAAzB,UAA0B,KAAK;QAC7B,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC7C;IAEM,0CAAc,GAArB,UAAsB,SAA2B;QAC/C,OAAO,SAAS,CAAC,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC,UAAU,CAAC;KAC3D;IAEM,2CAAe,GAAtB,UAAuB,UAA4B;QACjD,OAAO,UAAU,CAAC,UAAU,GAAG,IAAI,GAAG,UAAU,CAAC,UAAU,CAAC;KAC7D;IAEM,6CAAiB,GAAxB,UAAyB,KAAK;QAC5B,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC5C;IAEM,2CAAe,GAAtB,UAAuB,KAAK;QAC1B,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;QAC/C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC1C;IACM,6CAAiB,GAAxB,UAAyB,KAAK;QAC5B,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACtD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC5C;IAEM,kCAAM,GAAb,UAAc,EAAE;QACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACrD,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,EAAE;gBAC5C,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACjC;SACF;KACF;IACM,mCAAO,GAAd,UAAe,EAAE;QACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtD,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,EAAE;gBAC7C,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;aAClC;SACF;KACF;IAEM,4CAAgB,GAAvB,UAAwB,KAAK;QAC3B,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;KAC/F;IAEM,wCAAY,GAAnB,UAAoB,mBAAmB;QACrC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACvC;IA9DM;QAAR,KAAK,EAAE;uDAAqB;IACnB;QAAT,MAAM,EAAE;2DAAuE;IACtE;QAAT,MAAM,EAAE;iEAA6E;IAC5E;QAAT,MAAM,EAAE;gEAA4E;IAC3E;QAAT,MAAM,EAAE;8DAA0E;IACzE;QAAT,MAAM,EAAE;gEAA4E;IARxE,iBAAiB;QAL7B,SAAS,CAAC;YACT,QAAQ,EAAE,cAAc;YACxB,gnGAAwC;;SAEzC,CAAC;OACW,iBAAiB,CAkE7B;IAAD,wBAAC;CAlED;;;ICKE;QAFU,yBAAoB,GAAG,IAAI,YAAY,EAAc,CAAC;KAE/C;IAEjB,iCAAQ,GAAR;;QACE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;YAC1B,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,OAAO,CAAC;SACjC;;YAED,KAAkB,IAAA,KAAA,SAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA,gBAAA,4BAAE;gBAApC,IAAI,KAAK,WAAA;gBACZ,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;oBACpB,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;iBACzB;aACF;;;;;;;;;KACF;IAED,gCAAO,GAAP,UAAQ,SAAiB;;;YACvB,KAAoB,IAAA,KAAA,SAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA,gBAAA,4BAAE;gBAAtC,IAAM,KAAK,WAAA;gBACd,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;aAC3C;;;;;;;;;QAED,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KAChD;IAED,wCAAe,GAAf,UAAgB,SAAiB,EAAE,KAAK;QACtC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE;YACzC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;SACxB;;;KAIF;IAhCQ;QAAR,KAAK,EAAE;qDAAuB;IACrB;QAAT,MAAM,EAAE;gEAAuD;IAFrD,cAAc;QAL1B,SAAS,CAAC;YACT,QAAQ,EAAE,WAAW;YACrB,+wCAAqC;;SAEtC,CAAC;OACW,cAAc,CAkC1B;IAAD,qBAAC;CAlCD;;;IC6BE,yBAAoB,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;KAAK;IAE3C,uCAAa,GAAb,UAAc,GAAG;QACf,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,4BAA4B,CAAC,EAAE;YACrD,IAAM,eAAe,GAAG,IAAI,0BAA0B,CACpD,iBAAiB,EACjB,IAAI,CAAC,QAAQ,CACd,CAAC;YACF,cAAc,CAAC,MAAM,CACnB,4BAA4B,EAC5B,mBAAmB,CAAC,iBAAiB,EAAE;gBACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,eAAe,EAAE,eAAe;aACjC,CAAC,CACH,CAAC;SACH;QACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,+BAA+B,CAAC,EAAE;YACxD,IAAM,eAAe,GAAG,IAAI,0BAA0B,CACpD,oBAAoB,EACpB,IAAI,CAAC,QAAQ,CACd,CAAC;YACF,cAAc,CAAC,MAAM,CACnB,+BAA+B,EAC/B,mBAAmB,CAAC,oBAAoB,EAAE;gBACxC,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,eAAe,EAAE,eAAe;aACjC,CAAC,CACH,CAAC;SACH;QACD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE;YAClD,IAAM,eAAe,GAAG,IAAI,0BAA0B,CACpD,cAAc,EACd,IAAI,CAAC,QAAQ,CACd,CAAC;YACF,cAAc,CAAC,MAAM,CACnB,yBAAyB,EACzB,mBAAmB,CAAC,cAAc,EAAE;gBAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,eAAe,EAAE,eAAe;aACjC,CAAC,CACH,CAAC;SACH;KACF;;gBA1C6B,QAAQ;;IAD3B,eAAe;QAnB3B,QAAQ,CAAC;YACR,OAAO,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,WAAW,CAAC;YACnD,YAAY,EAAE;gBACZ,oBAAoB;gBACpB,iBAAiB;gBACjB,kBAAkB;gBAClB,iBAAiB;gBACjB,kBAAkB;gBAClB,iBAAiB;gBACjB,gBAAgB;gBAChB,oBAAoB;gBACpB,oBAAoB;gBACpB,iBAAiB;gBACjB,cAAc;aACf;YACD,eAAe,EAAE,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,CAAC;YAC1E,SAAS,EAAE,EAAE;YACb,OAAO,EAAE,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,cAAc,CAAC;SACnE,CAAC;OACW,eAAe,CA4C3B;IAAD,sBAAC;CA5CD;;ACrCA;;;;;;"}
+{"version":3,"file":"amc-technology-ui-library.js","sources":["ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/interaction/interaction.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/scenario/scenario.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/operation/operation.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/models/chat.message.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/models/uilibrary.model.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/Helpers.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/property/property.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/holdtimer/holdtimer.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/duration/duration.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/chat-box/chat-box.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/chat-message/chat-message.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/disposition/disposition.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/activity/activity.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/components/login/login.component.ts","ng://@amc-technology/ui-library/projects/UILibrary/src/app/uilibrary.module.ts","ng://@amc-technology/ui-library/amc-technology-ui-library.ts"],"sourcesContent":["import { Component, OnInit, Input, Output, EventEmitter, ViewChildren, QueryList } from '@angular/core';\r\nimport { IChatMessage, IInteraction } from '../../models/uilibrary.model';\r\nimport { ChatBoxComponent } from '../chat-box/chat-box.component'\r\n\r\n/**\r\n * @ignore\r\n */\r\n@Component({\r\n  selector: 'amc-interaction',\r\n  templateUrl: './interaction.component.html',\r\n  styleUrls: ['./interaction.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class InteractionComponent implements OnInit {\r\n\r\n  @Input() interaction: IInteraction;\r\n  @Input() newMsgs: IChatMessage[];\r\n  @Output() minimizedChanged: EventEmitter<boolean> = new EventEmitter();\r\n  @Output() isAgentTyping = new EventEmitter<boolean>();\r\n  @Output() newMessage = new EventEmitter<string>();\r\n   /**\r\n   * @ignore\r\n   */\r\n  minimized: boolean;\r\n  set _minimized(value) {\r\n    this.minimized = value;\r\n    this.minimizedChanged.emit(value);\r\n  }\r\n  get _minimized() {\r\n    return this.minimized;\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  constructor() {\r\n    this._minimized = false;\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  ngOnInit() {\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  minimize(): void {\r\n    this._minimized = true;\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  maximize(): void {\r\n    this._minimized = false;\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  isConferenceCall(): boolean {\r\n    if (this.interaction.parties && this.interaction.parties.length > 1) {\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  collapseKeypress(event: KeyboardEvent) {\r\n    if (event.code === 'Enter') {\r\n      this.minimize();\r\n    }\r\n  }\r\n\r\n  expandKeypress(event: KeyboardEvent) {\r\n    if (event.code === 'Enter') {\r\n      this.maximize();\r\n    }\r\n  }\r\n\r\n}\r\n","import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n   AfterViewChecked\r\n} from '@angular/core';\r\nimport { IChatMessage, IScenario } from '../../models/uilibrary.model';\r\n\r\n@Component({\r\n  selector: 'amc-scenario',\r\n  templateUrl: './scenario.component.html',\r\n  styleUrls: ['./scenario.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class ScenarioComponent implements AfterViewChecked {\r\n  @Input() scenario: IScenario;\r\n  @Input() newMsgs: IChatMessage[];\r\n  @Output() minimizedChanged = new EventEmitter();\r\n  @Output() isAgentTyping = new EventEmitter<boolean>();\r\n  @Output() newMessage = new EventEmitter<string>();\r\n  @Output() afterViewChecked = new EventEmitter();\r\n\r\n    constructor() {}\r\n\r\n  ngAfterViewChecked() {\r\n    this.afterViewChecked.emit();\r\n  }\r\n\r\n  onMinimizedChanged() {\r\n    this.minimizedChanged.emit();\r\n  }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\nimport { IOperation } from '../../models/uilibrary.model';\r\n\r\n/**\r\n * @ignore\r\n */\r\n@Component({\r\n  selector: 'amc-operation',\r\n  templateUrl: './operation.component.html',\r\n  styleUrls: ['./operation.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class OperationComponent implements OnInit {\r\n  @Input() statusText: string;\r\n  @Input() callId: string;\r\n  @Input() callType: string;\r\n  @Input() operations: IOperation[];\r\n\r\n  labelledByText = '';\r\n  describedByText = '';\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  constructor() {\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  ngOnInit() {\r\n    if (this.statusText && this.callType) {\r\n      this.describedByText = `${this.statusText} ${this.callType}`;\r\n    } else if (this.statusText) {\r\n      this.describedByText = this.statusText;\r\n    } else if (this.callType) {\r\n      this.describedByText = this.callType\r\n    }\r\n\r\n    if (this.callId) {\r\n      this.labelledByText = this.callId;\r\n    }\r\n  }\r\n\r\n  operationKeypress(event: KeyboardEvent, operation: IOperation) {\r\n    if (event.code === 'Enter') {\r\n      operation.handler(operation.operationName, operation.operationMetadata);\r\n    }\r\n  }\r\n}\r\n","export interface IChatMessage {\r\n  username?: string;\r\n  text: string;\r\n  /**\r\n   * What type of chat message. Defaults to OTHER_PERSON\r\n   */\r\n  type?: IChatMessageType;\r\n  timestamp?: string;\r\n  userIcon?: URL;\r\n}\r\n\r\nexport enum IChatMessageType {\r\n  AGENT = 'AGENT',\r\n  OTHER_PERSON = 'OTHER_PERSON',\r\n  INFORMATION = 'INFORMATION'\r\n}\r\n","import { IChatSettings } from './chat.settings';\r\nimport { IChatMessage } from './chat.message';\r\n\r\nexport * from './chat.message';\r\nexport * from './chat.settings';\r\n\r\n/**\r\n * It is collection of Interaction which need to be displayed on scenario component.\r\n */\r\nexport interface IScenario {\r\n  interactions: IInteraction[];\r\n}\r\n\r\nexport interface IInteraction {\r\n  /**\r\n   * Unique id for the interaction.\r\n   * Note: this interactionId is also used to provide id for the div element.\r\n   */\r\n  interactionId: string;\r\n  properties?: Property[];\r\n  associatedData?: Property[];\r\n  startTime: number;\r\n  displayCallTimer: boolean;\r\n  /**\r\n   * parties is supposed to contain data about all the participants in call except agent himself.\r\n   */\r\n  parties?: IParty[];\r\n  /**\r\n   * Operations/buttons which needs to be displayed in interaction and its handlers.\r\n   */\r\n  operations?: IOperation[];\r\n\r\n  /**\r\n   * It contains URLs for minimize, maximize, interaction specific icon urls for interaction.\r\n   * And header number which needs to be displayed at top.\r\n   */\r\n  UIHeadersData: IInteractionUIHeaders;\r\n\r\n  /**\r\n   * Should contain identifying information about the main party in the interaction.\r\n   */\r\n  subheaderData: IPartyHeader;\r\n\r\n  /**\r\n   * This enables and configures the chat UI\r\n   */\r\n  chat?: {\r\n    settings: IChatSettings;\r\n    messages: IChatMessage[];\r\n    isCustomerTyping?: boolean;\r\n  };\r\n}\r\n\r\nexport interface IActivity {\r\n  interactionId: string;\r\n  WhoObject: IActivityDetails;\r\n  WhatObject: IActivityDetails;\r\n  whoList: IActivityDetails[];\r\n  whatList: IActivityDetails[];\r\n  CallType: string;\r\n  CallDurationInSeconds: string;\r\n  Subject: string;\r\n  SubjectFieldName: string;\r\n  NameFieldName: string;\r\n  RelatedToFieldName: string;\r\n  Description: string;\r\n  Status: string;\r\n  ActivityDate: string;\r\n  TimeStamp: Date;\r\n  ActivityId: string;\r\n  quickCommentList: string[];\r\n}\r\n\r\nexport interface IActivityDetails  {\r\n  objectType: string;\r\n  displayName: string;\r\n  objectName: string;\r\n  objectId: string;\r\n  url: string;\r\n}\r\n\r\n/**\r\n * This contains the main identifying information about the interaction.\r\n */\r\nexport interface IPartyHeader {\r\n  /**\r\n   * Image that identifies the type of interaction\r\n   * or the type of the identifying information(ex: phone icon for phone number)\r\n   */\r\n  image?: URL;\r\n  /**\r\n   * The tooltip to be displayed when the image is hovered over\r\n   */\r\n  tooltip?: string;\r\n  /**\r\n   * The value to be displayed\r\n   */\r\n  value: string;\r\n}\r\n\r\n/**\r\n * It contains URLs for minimize, maximize, interaction specific icon urls for interaction.\r\n * And header number which needs to be displayed at top.\r\n */\r\nexport interface IInteractionUIHeaders {\r\n  /**\r\n   * Minimize icon url.\r\n   */\r\n  minimizeUrl: URL;\r\n\r\n  /**\r\n   * Maximize Icon url.\r\n   */\r\n  maximizeUrl: URL;\r\n\r\n  /**\r\n   * This is the URL for the status image.\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  statusUrl: URL;\r\n\r\n  /**\r\n   * This is the handler for focus(Triggered on click of status).\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  focusHandler?: IFocus;\r\n\r\n  /**\r\n   * This is the text which is going to be displayed for status of the call.\r\n   *\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  statusText: string;\r\n\r\n  /**\r\n   *This member will contain the text related to the direction of the call. E.g Inbound, Outbound etc.\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  directionText: string;\r\n\r\n  /**\r\n   *This data will be used to display hold counter whihc will be the combination of the current hold time and complete hold time.\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  holdCounterData?: IHoldCounterData;\r\n\r\n  /**\r\n   *If this value is set to true then hold counter is displayed based on the holdCounterData.\r\n   * @memberof IInteractionUIHeaders\r\n   */\r\n  displayHoldCounter: boolean;\r\n}\r\nexport interface ICallDuration {\r\n  startTime: number;\r\n  endTime: number;\r\n}\r\nexport interface IHoldCounterData {\r\n  pastCallDurations?: ICallDuration[];\r\n  currentHoldStartTime: number;\r\n}\r\n\r\n/**\r\n * It contains Operation Icon URL and its hadlers which need to be displayed in Interaction.\r\n */\r\nexport interface IFocus {\r\n  /**\r\n   * metadata related to operation.\r\n   */\r\n  operationMetadata?: IMetadata[];\r\n  /**\r\n   * name of the operation.\r\n   */\r\n  operationName: string;\r\n  /**\r\n   * Handler which needs to be invoked when someone clicks on the operation icon.\r\n   */\r\n  handler: (operationName: string, operationMetadata?: IMetadata[]) => void;\r\n}\r\n\r\n/**\r\n * It contains Operation Icon URL and its hadlers which need to be displayed in Interaction.\r\n */\r\nexport interface IOperation {\r\n  /**\r\n   * metadata related to operation.\r\n   */\r\n  operationMetadata?: IMetadata[];\r\n  /**\r\n   * name of the operation.\r\n   */\r\n  operationName: string;\r\n  /**\r\n   * URL for the icon of operations.\r\n   */\r\n  icon: URL;\r\n  /**\r\n   * Title which needs to be doisplayed when someone hovers over the icon.\r\n   */\r\n  title: string;\r\n  /**\r\n   * Handler which needs to be invoked when someone clicks on the operation icon.\r\n   */\r\n  handler: (operationName: string, operationMetadata?: IMetadata[]) => void;\r\n  /**\r\n   * Browser accesskey to jump instantly to this operation Should conform to AMC norms and consist of a single printable character.\r\n   */\r\n  accesskey?: string\r\n}\r\n\r\n/**\r\n * This contains properties and operations to be displayed for conference member.\r\n */\r\nexport interface IParty {\r\n  header: IPartyHeader;\r\n  properties: Property[];\r\n  operations: IOperation[];\r\n}\r\n\r\n/**\r\n * key value pairs which can be used amongst other interfaces/classes to store metadata of those entities.\r\n */\r\n\r\nexport interface IMetadata {\r\n  key: string;\r\n  value: string;\r\n}\r\n\r\n/**\r\n * This interface contains key value pairs, some custom operation which generates display key and display value.\r\n * Also it includes custom operation handler for click event on properties.\r\n */\r\nexport interface IProperty {\r\n  /**\r\n   * KEY value to be displayed on component.\r\n   */\r\n  displayKey?: string;\r\n\r\n  /**\r\n   * VALUE to be displayed on component.\r\n   */\r\n  displayValue?: any;\r\n  displayValueType: ValueType;\r\n  propertyMetadata?: IMetadata[];\r\n\r\n  /**\r\n   * Click event handler for property.\r\n   */\r\n  customOperations?: IEventHandler;\r\n  /**\r\n   * This flag decides if PROPERTY will be displayed on component or not.\r\n   */\r\n  visible: boolean;\r\n}\r\n\r\n/**\r\n * A helper method to make instances of [IProperty]\r\n */\r\nexport class Property implements IProperty {\r\n  private key: string;\r\n  private value: any;\r\n  /**\r\n   * KEY value to be displayed on component.\r\n   */\r\n  displayKey?: string;\r\n\r\n  /**\r\n   * VALUE to be displayed on component.\r\n   */\r\n  displayValue?: any;\r\n  displayValueType: ValueType;\r\n  propertyMetadata?: IMetadata[];\r\n\r\n  /**\r\n   * Click event handler for property.\r\n   */\r\n  customOperations?: IEventHandler;\r\n  /**\r\n   * This flag decides if PROPERTY will be displayed on component or not.\r\n   */\r\n  visible: boolean;\r\n\r\n  /**\r\n   * Operation responsible for generating displayKey and dispkayValur from key and value.\r\n   */\r\n  displayOperation: () => void = () => {\r\n    this.displayKey = this.key;\r\n    this.displayValue = this.value;\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param key\r\n   * @param value : if value type is COUNTER then value should be start time in MilliSeconds.\r\n   * @param visible\r\n   * @param valueType\r\n   * @param customOperation\r\n   */\r\n  constructor(\r\n    key: string,\r\n    value: any,\r\n    visible?: boolean,\r\n    valueType?: ValueType,\r\n    customOperation?: IEventHandler\r\n  ) {\r\n    this.key = key;\r\n    this.value = value;\r\n    visible != null ? (this.visible = visible) : (this.visible = true);\r\n    valueType != null\r\n      ? (this.displayValueType = valueType)\r\n      : (this.displayValueType = ValueType.STRING);\r\n    this.customOperations = customOperation;\r\n    this.displayOperation();\r\n  }\r\n}\r\n\r\n/**\r\n * Interface which contains eventName and handler associated with it.\r\n */\r\nexport interface IEventHandler {\r\n  eventName: string;\r\n  handler: (eventName: string, eventMetadata?: IMetadata[]) => void;\r\n  eventMetadata?: IMetadata[];\r\n}\r\n\r\n/**\r\n * enum for Value types of PROPERTY.\r\n */\r\nexport enum ValueType {\r\n  STRING,\r\n  COUNTER\r\n}\r\n","export function secondsToHms(seconds_in: number): string {\r\n  seconds_in = Number(seconds_in);\r\n  const h = Math.floor(seconds_in / 3600);\r\n  const m = Math.floor(seconds_in % 3600 / 60);\r\n  const s = Math.floor(seconds_in % 3600 % 60);\r\n\r\n  const hDisplay = h > 0 ? h.toString() + ':' : '';\r\n  const mDisplay = m > 0 ? ('0' + m.toString()).slice(-2) + ':' : '00:';\r\n  const sDisplay = s > 0 ? ('0' + s.toString()).slice(-2) : '00';\r\n  return hDisplay + mDisplay + sDisplay;\r\n}\r\n","import { Component, OnInit, Input, OnDestroy } from '@angular/core';\r\nimport { ValueType, IProperty } from '../../models/uilibrary.model';\r\nimport { secondsToHms } from '../../Helpers';\r\n\r\n/**\r\n * @ignore\r\n */\r\n@Component({\r\n  selector: 'amc-property',\r\n  templateUrl: './property.component.html',\r\n  styleUrls: ['./property.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class PropertyComponent implements OnInit, OnDestroy {\r\n\r\n  @Input() statusText: string;\r\n  @Input() callId: string;\r\n  @Input() callType: string;\r\n  @Input() property: IProperty;\r\n\r\n  labelledByText = '';\r\n  title = '';\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  processedDisplayValue: string;\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  private _timerId?: number;\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  constructor() {\r\n\r\n    this._timerId = null;\r\n    this.processedDisplayValue = '';\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  ngOnInit() {\r\n    if (this.statusText && this.callType) {\r\n      this.labelledByText = `${this.statusText} ${this.callType}`;\r\n    } else if (this.statusText) {\r\n      this.labelledByText = this.statusText;\r\n    } else if (this.callType) {\r\n      this.labelledByText = this.callType\r\n    }\r\n\r\n    if (this.callType && this.callId) {\r\n      this.title = `${this.callType} ${this.callId}`\r\n    } else if (this.callType) {\r\n      this.title = this.callType;\r\n    } else if (this.callId) {\r\n      this.title = this.callId;\r\n    }\r\n\r\n    this.initValues();\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  initValues(): void {\r\n    if (this.property.displayValueType === ValueType.COUNTER) {\r\n      this.startCallCounter();\r\n    } else {\r\n      this.processedDisplayValue = this.property.displayValue;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  private startCallCounter(): void {\r\n    if (this._timerId == null) {\r\n      this._timerId = window.setInterval(() => {\r\n        const callStartTime: number = this.property.displayValue;\r\n        const currentTime: number = new Date().getTime() / 1000;\r\n        const secondsPassed: number = Math.floor((currentTime) - (callStartTime / 1000));\r\n        this.processedDisplayValue = secondsToHms(secondsPassed);\r\n      }, 1000);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  ngOnDestroy(): void {\r\n    if (this.property.displayValueType === ValueType.COUNTER) {\r\n      // clear the timer.\r\n      if (this._timerId != null) {\r\n        clearInterval(this._timerId);\r\n        this._timerId = null;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { Component, OnInit, Input, OnDestroy } from '@angular/core';\r\nimport { IHoldCounterData, ICallDuration } from '../../models/uilibrary.model';\r\nimport { secondsToHms } from '../../Helpers';\r\n\r\n@Component({\r\n  selector: 'amc-holdtimer',\r\n  templateUrl: './holdtimer.component.html',\r\n  styleUrls: ['./holdtimer.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class HoldtimerComponent implements OnInit, OnDestroy {\r\n  @Input() holdCounterData: IHoldCounterData;\r\n  @Input() statusText: string;\r\n  @Input() callId: string;\r\n\r\n  displayTime: string;\r\n  labelledByText = '';\r\n\r\n  private _timerId?: number;\r\n  constructor() {\r\n    this.displayTime = '00:00/00:00';\r\n  }\r\n\r\n  ngOnInit() {\r\n    if (this.statusText && this.callId) {\r\n      this.labelledByText = `${this.statusText} ${this.callId}`;\r\n    } else if (this.statusText) {\r\n      this.labelledByText = this.statusText;\r\n    } else if (this.callId) {\r\n      this.labelledByText = this.callId\r\n    }\r\n\r\n    this.startCallCounter();\r\n  }\r\n  /**\r\n   * @ignore\r\n   */\r\n  private startCallCounter(): void {\r\n    const pastTimeInSeconds = this.CaculatePastHoldDuration();\r\n    if (this._timerId == null) {\r\n      this._timerId = window.setInterval(() => {\r\n        const currentTime: number = new Date().getTime() / 1000;\r\n        const secondsPassedCurrentCall: number = Math.floor((currentTime) - (this.holdCounterData.currentHoldStartTime / 1000));\r\n        this.displayTime = secondsToHms(secondsPassedCurrentCall) +\r\n          '/' + secondsToHms(pastTimeInSeconds + secondsPassedCurrentCall);\r\n      }, 1000);\r\n    }\r\n  }\r\n\r\n  private CaculatePastHoldDuration(): number {\r\n    let pastTimeInSeconds = 0;\r\n    if (this.holdCounterData.pastCallDurations) {\r\n      this.holdCounterData.pastCallDurations.forEach((holdTimerIterator: ICallDuration) => {\r\n        pastTimeInSeconds += (holdTimerIterator.endTime - holdTimerIterator.startTime) / 1000;\r\n      });\r\n    }\r\n    return pastTimeInSeconds;\r\n\r\n  }\r\n\r\n  /**\r\n   * @ignore\r\n   */\r\n  ngOnDestroy(): void {\r\n    // clear the timer.\r\n    if (this._timerId != null) {\r\n      clearInterval(this._timerId);\r\n      this._timerId = null;\r\n    }\r\n  }\r\n\r\n}\r\n","import { Component, Input, OnInit, OnDestroy } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'amc-duration',\r\n  templateUrl: './duration.component.html',\r\n  styleUrls: ['./duration.component.scss', './../uilibrary.module.scss']\r\n})\r\nexport class DurationComponent implements OnInit, OnDestroy {\r\n  @Input() statusText: string;\r\n  @Input() callId: string;\r\n  @Input() startTime: number;\r\n\r\n  displayTime: string;\r\n  labelledByText = '';\r\n\r\n  private _timerId?: number;\r\n\r\n  constructor() {\r\n    this.displayTime = '00:00/00:00';\r\n  }\r\n\r\n  ngOnInit() {\r\n    if (this.statusText && this.callId) {\r\n      this.labelledByText = `${this.statusText} ${this.callId}`;\r\n    } else if (this.statusText) {\r\n      this.labelledByText = this.statusText;\r\n    } else if (this.callId) {\r\n      this.labelledByText = this.callId\r\n    }\r\n\r\n    this.startCallCounter();\r\n  }\r\n\r\n  /**\r\n * @ignore\r\n */\r\n  private startCallCounter(): void {\r\n    if (this._timerId == null) {\r\n      this._timerId = window.setInterval(() => {\r\n        const callStartTime: number = this.startTime;\r\n        const currentTime: number = new Date().getTime() / 1000;\r\n        const secondsPassed: number = Math.floor((currentTime) - (callStartTime / 1000));\r\n        this.displayTime = Math.floor(secondsPassed / 60) + ':' + ('0' + (secondsPassed % 60)).slice(-2);\r\n      }, 1000);\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    // clear the timer.\r\n    if (this._timerId != null) {\r\n      clearInterval(this._timerId);\r\n      this._timerId = null;\r\n    }\r\n  }\r\n\r\n}\r\n","import { Component, Input, Output, EventEmitter, ViewChild, ElementRef, AfterViewChecked, AfterViewInit, OnInit, Renderer2 } from '@angular/core';\r\nimport { IChatMessage, IChatMessageType } from '../../models/chat.message';\r\nimport { IChatSettings } from '../../models/chat.settings';\r\n\r\n@Component({\r\n  selector: 'app-chat-box',\r\n  templateUrl: './chat-box.component.html',\r\n  styleUrls: ['./chat-box.component.scss'],\r\n})\r\nexport class ChatBoxComponent implements AfterViewChecked, AfterViewInit, OnInit {\r\n  @Input() settings: IChatSettings;\r\n  @Input() isTyping = false;\r\n\r\n  @Input() messages: IChatMessage[];\r\n  @Input() newMsgs: IChatMessage[];\r\n  private lastCount = -1;\r\n\r\n  _isAgentTyping = false;\r\n  @Output() isAgentTyping = new EventEmitter<boolean>();\r\n\r\n  @Output() newMessage = new EventEmitter<string>();\r\n  newMessageText = '';\r\n\r\n  @ViewChild('MessagesContainer', { static: true }) messagesContainer: ElementRef;\r\n  @ViewChild('autofocus', { static: false }) autofocus: ElementRef;\r\n\r\n  usernameToColor: { [username: string]: string } = {};\r\n  colors = [\r\n    '#c2c4c4',\r\n    '#ffab91',\r\n    '#f48fb1',\r\n    '#29b6f6',\r\n    '#e1bee7',\r\n    '#9ccc65',\r\n    '#ffc107',\r\n    '#26c6da',\r\n    '#cddc39',\r\n  ];\r\n  colorsIndex = 0;\r\n  agentColor = '#2db0e0';\r\n\r\n  constructor(private renderer:Renderer2) {\r\n  }\r\n    ngOnInit(): void {\r\n      this.renderer.selectRootElement('#autofocus').focus();\r\n  }\r\n\r\n ngAfterViewInit(): void {\r\n    this.renderer.selectRootElement('#autofocus').focus();\r\n  }\r\n\r\n  updatedMessage(): IChatMessage[]  {\r\n    if (typeof this.newMsgs !== 'undefined' && this.newMsgs.length > 0) {\r\n      return this.newMsgs;\r\n    } else {\r\n      return this.messages;\r\n    }\r\n  }\r\n\r\n  ngAfterViewChecked() {\r\n    if (this.lastCount !== this.messages.length) {\r\n      this.lastCount = this.messages.length;\r\n      this.scrollToBottom();\r\n\r\n    }\r\n  }\r\n\r\n  getColor(message: IChatMessage) {\r\n    if (message.type && message.type === IChatMessageType.AGENT) {\r\n      return this.agentColor;\r\n    } else if (message.username) {\r\n      if (!this.usernameToColor[message.username]) {\r\n        this.usernameToColor[message.username] = this.colors[this.colorsIndex];\r\n        this.colorsIndex = (this.colorsIndex + 1) % this.colors.length;\r\n      }\r\n      return this.usernameToColor[message.username];\r\n    } else {\r\n      return this.colors[0];\r\n    }\r\n  }\r\n\r\n  shouldAlignRight(message: IChatMessage) {\r\n    return message.type && message.type === IChatMessageType.AGENT;\r\n  }\r\n\r\n  sendNewMessage(event) {\r\n    event.preventDefault();\r\n    if (this.newMessageText) {\r\n      this.newMessage.emit(this.newMessageText);\r\n      this.newMessageText = '';\r\n    }\r\n    this.renderer.selectRootElement('#autofocus').focus();\r\n  }\r\n\r\n  onNewMessageFocus(event: boolean) {\r\n    const isTyping = event && this.newMessageText.length > 0;\r\n    if (isTyping !== this._isAgentTyping) {\r\n      this._isAgentTyping = isTyping;\r\n      this.isAgentTyping.emit(isTyping);\r\n    }\r\n  }\r\n\r\n  onKeyup() {\r\n    const isTyping = this.newMessageText.length > 0;\r\n    if (isTyping !== this._isAgentTyping) {\r\n      this._isAgentTyping = isTyping;\r\n      this.isAgentTyping.emit(isTyping);\r\n    }\r\n  }\r\n\r\n  scrollToBottom() {\r\n    try {\r\n      this.messagesContainer.nativeElement.scrollTop = this.messagesContainer.nativeElement.scrollHeight - this.messagesContainer.nativeElement.clientHeight;\r\n    }\r\n    catch (e) { }\r\n  }\r\n}\r\n","import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-chat-message',\r\n  templateUrl: './chat-message.component.html',\r\n  styleUrls: ['./chat-message.component.scss']\r\n})\r\nexport class ChatMessageComponent implements OnInit {\r\n  @Input() message: string;\r\n  @Input() alignRight = false;\r\n  @Input() username: string;\r\n  @Input() color: string;\r\n  @Input() timestamp: string;\r\n  @Input() image: string;\r\n  @Input() fallbackImage: string;\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n}\r\n","import { IDisposition, IDispositionResult } from './../../models/disposition.interface';\r\nimport { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'amc-disposition',\r\n  templateUrl: './disposition.component.html',\r\n  styleUrls: ['./disposition.component.css']\r\n})\r\nexport class DispositionComponent implements OnInit {\r\n  @Input() disposition: IDisposition;\r\n\r\n  @Output() dispositionEmitter = new EventEmitter<IDispositionResult>();\r\n\r\n  selectedDispositionValue: string = '';\r\n  dispositionName: string = '';\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n    for (const metadata of this.disposition.dispositionMetadata) {\r\n      if (metadata.key === 'callId') {\r\n        this.dispositionName = `disposition_${metadata.value}`;\r\n\r\n        break;\r\n      }\r\n    }\r\n\r\n    if (this.disposition.checkedDisposition) {\r\n      this.selectedDispositionValue = this.disposition.checkedDisposition;\r\n    }\r\n  }\r\n\r\n  submitDisposition() {\r\n    const selectedDisposition: IDispositionResult = {\r\n      dispositionId: this.selectedDispositionValue,\r\n      dispositionName: this.disposition.disposition.get(this.selectedDispositionValue),\r\n      dispositionMetadata: this.disposition.dispositionMetadata\r\n    };\r\n\r\n    this.dispositionEmitter.emit(selectedDisposition);\r\n  }\r\n\r\n  selectAndSubmitDisposition(event: KeyboardEvent, dispositionKey: string) {\r\n    if (event.code === 'Enter') {\r\n      this.selectedDispositionValue = dispositionKey;\r\n      this.submitDisposition();\r\n    }\r\n  }\r\n}\r\n","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { IActivity, IActivityDetails } from '../../models/uilibrary.model';\r\n\r\n@Component({\r\n  selector: 'app-activity',\r\n  templateUrl: './activity.component.html',\r\n  styleUrls: ['./activity.component.css']\r\n})\r\nexport class ActivityComponent implements OnInit {\r\n\r\nisActivityMaximized: boolean;\r\n@Input() activity: IActivity;\r\n@Output() ActivitySave: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnNameSelectChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnRelatedToChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnSubjectChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n@Output() OnCallNotesChange: EventEmitter<IActivity> = new EventEmitter<IActivity>();\r\n\r\n  constructor() {\r\n    this.isActivityMaximized = true;\r\n  }\r\n\r\n  ngOnInit() {\r\n  }\r\n\r\n  public onNameSelectChange(event) {\r\n    this.activity.WhoObject = this.getWho(event.currentTarget.value);\r\n    this.OnNameSelectChange.emit(this.activity);\r\n  }\r\n\r\n  public parseWhoObject(whoObject: IActivityDetails): string {\r\n    return whoObject.objectType + ': ' + whoObject.objectName;\r\n  }\r\n\r\n  public parseWhatObject(whatObject: IActivityDetails): string {\r\n    return whatObject.objectType + ': ' + whatObject.objectName;\r\n  }\r\n\r\n  public onRelatedToChange(event) {\r\n    this.activity.WhatObject = this.getWhat(event.currentTarget.value);\r\n    this.OnRelatedToChange.emit(this.activity);\r\n  }\r\n\r\n  public onSubjectChange(event) {\r\n    this.activity.Subject = event.srcElement.value;\r\n    this.OnSubjectChange.emit(this.activity);\r\n  }\r\n  public onCallNotesChange(event) {\r\n    this.activity.Subject = event.srcElement.value.trim();\r\n    this.OnCallNotesChange.emit(this.activity);\r\n  }\r\n\r\n  public getWho(id): IActivityDetails {\r\n    for (let i = 0; i < this.activity.whoList.length; i++) {\r\n      if (this.activity.whoList[i].objectId === id) {\r\n        return this.activity.whoList[i];\r\n      }\r\n    }\r\n  }\r\n  public getWhat(id): IActivityDetails {\r\n    for (let i = 0; i < this.activity.whatList.length; i++) {\r\n      if (this.activity.whatList[i].objectId === id) {\r\n        return this.activity.whatList[i];\r\n      }\r\n    }\r\n  }\r\n\r\n  public loadQuickComment(value) {\r\n    this.activity.Description = this.activity.Description + this.activity.quickCommentList[value];\r\n  }\r\n\r\n  public activitySave(clearActivityFields) {\r\n    this.ActivitySave.emit(this.activity);\r\n  }\r\n}\r\n","import { ILoginData } from './../../models/login.interface';\r\nimport { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { NgForm } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'amc-login',\r\n  templateUrl: './login.component.html',\r\n  styleUrls: ['./login.component.css']\r\n})\r\nexport class LoginComponent implements OnInit {\r\n  @Input() loginData: ILoginData;\r\n  @Output() loginDetailsProvided = new EventEmitter<ILoginData>();\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit() {\r\n    if (!this.loginData.header) {\r\n      this.loginData.header = 'Login';\r\n    }\r\n\r\n    for (let field of this.loginData.fields) {\r\n      if (!field.isInvalid) {\r\n        field.isInvalid = false;\r\n      }\r\n    }\r\n  }\r\n\r\n  onLogin(loginForm: NgForm) {\r\n    for (const field of this.loginData.fields) {\r\n      field.value = loginForm.value[field.name];\r\n    }\r\n\r\n    this.loginDetailsProvided.emit(this.loginData);\r\n  }\r\n\r\n  focusOutOfInput(loginForm: NgForm, field) {\r\n    if (!loginForm.controls[field.name].valid) {\r\n      field.isInvalid = true;\r\n    }\r\n\r\n    // console.log(loginForm);\r\n    // console.log(field);\r\n  }\r\n}\r\n","import { NgModule, Injector } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { InteractionComponent } from './components/interaction/interaction.component';\r\nimport { ScenarioComponent } from './components/scenario/scenario.component';\r\nimport { OperationComponent } from './components/operation/operation.component';\r\nimport { PropertyComponent } from './components/property/property.component';\r\nimport { HoldtimerComponent } from './components/holdtimer/holdtimer.component';\r\nimport { DurationComponent } from './components/duration/duration.component';\r\nimport { ChatBoxComponent } from './components/chat-box/chat-box.component';\r\nimport { ChatMessageComponent } from './components/chat-message/chat-message.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { createCustomElement } from '@angular/elements';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { ElementZoneStrategyFactory } from 'elements-zone-strategy';\r\nimport { DispositionComponent } from './components/disposition/disposition.component';\r\nimport { ActivityComponent } from './components/activity/activity.component';\r\nimport { LoginComponent } from './components/login/login.component';\r\n\r\n@NgModule({\r\n  imports: [BrowserModule, CommonModule, FormsModule],\r\n  declarations: [\r\n    InteractionComponent,\r\n    ScenarioComponent,\r\n    OperationComponent,\r\n    PropertyComponent,\r\n    HoldtimerComponent,\r\n    DurationComponent,\r\n    ChatBoxComponent,\r\n    ChatMessageComponent,\r\n    DispositionComponent,\r\n    ActivityComponent,\r\n    LoginComponent\r\n  ],\r\n  entryComponents: [ScenarioComponent, DispositionComponent, LoginComponent],\r\n  bootstrap: [],\r\n  exports: [ScenarioComponent, DispositionComponent, LoginComponent]\r\n})\r\nexport class UILibraryModule {\r\n  constructor(private injector: Injector) { }\r\n\r\n  ngDoBootstrap(app) {\r\n    if (!customElements.get('amc-webcomponents-scenario')) {\r\n      const strategyFactory = new ElementZoneStrategyFactory(\r\n        ScenarioComponent,\r\n        this.injector\r\n      );\r\n      customElements.define(\r\n        'amc-webcomponents-scenario',\r\n        createCustomElement(ScenarioComponent, {\r\n          injector: this.injector,\r\n          strategyFactory: strategyFactory\r\n        })\r\n      );\r\n    }\r\n    if (!customElements.get('amc-webcomponents-disposition')) {\r\n      const strategyFactory = new ElementZoneStrategyFactory(\r\n        DispositionComponent,\r\n        this.injector\r\n      );\r\n      customElements.define(\r\n        'amc-webcomponents-disposition',\r\n        createCustomElement(DispositionComponent, {\r\n          injector: this.injector,\r\n          strategyFactory: strategyFactory\r\n        })\r\n      );\r\n    }\r\n    if (!customElements.get('amc-webcomponents-login')) {\r\n      const strategyFactory = new ElementZoneStrategyFactory(\r\n        LoginComponent,\r\n        this.injector\r\n      );\r\n      customElements.define(\r\n        'amc-webcomponents-login',\r\n        createCustomElement(LoginComponent, {\r\n          injector: this.injector,\r\n          strategyFactory: strategyFactory\r\n        })\r\n      );\r\n    }\r\n  }\r\n}\r\n\r\nexport * from './models/uilibrary.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {ActivityComponent as ɵj} from './projects/UILibrary/src/app/components/activity/activity.component';\nexport {ChatBoxComponent as ɵg} from './projects/UILibrary/src/app/components/chat-box/chat-box.component';\nexport {ChatMessageComponent as ɵh} from './projects/UILibrary/src/app/components/chat-message/chat-message.component';\nexport {DispositionComponent as ɵi} from './projects/UILibrary/src/app/components/disposition/disposition.component';\nexport {DurationComponent as ɵf} from './projects/UILibrary/src/app/components/duration/duration.component';\nexport {HoldtimerComponent as ɵe} from './projects/UILibrary/src/app/components/holdtimer/holdtimer.component';\nexport {InteractionComponent as ɵa} from './projects/UILibrary/src/app/components/interaction/interaction.component';\nexport {LoginComponent as ɵk} from './projects/UILibrary/src/app/components/login/login.component';\nexport {OperationComponent as ɵc} from './projects/UILibrary/src/app/components/operation/operation.component';\nexport {PropertyComponent as ɵd} from './projects/UILibrary/src/app/components/property/property.component';\nexport {ScenarioComponent as ɵb} from './projects/UILibrary/src/app/components/scenario/scenario.component';"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amc-technology/ui-library",
-  "version": "1.0.39",
+  "version": "1.0.50",
   "license": "MIT",
   "private": false,
   "dependencies": {

package/projects/UILibrary/src/app/components/chat-box/chat-box.component.d.ts

@@ -1,25 +1,29 @@
-import { EventEmitter, OnInit, ElementRef, AfterViewChecked } from '@angular/core';
+import { EventEmitter, ElementRef, AfterViewChecked, AfterViewInit, OnInit, Renderer2 } from '@angular/core';
 import { IChatMessage } from '../../models/chat.message';
 import { IChatSettings } from '../../models/chat.settings';
-export declare class ChatBoxComponent implements AfterViewChecked, OnInit {
+export declare class ChatBoxComponent implements AfterViewChecked, AfterViewInit, OnInit {
+    private renderer;
     settings: IChatSettings;
     isTyping: boolean;
     messages: IChatMessage[];
+    newMsgs: IChatMessage[];
     private lastCount;
     _isAgentTyping: boolean;
     isAgentTyping: EventEmitter<boolean>;
     newMessage: EventEmitter<string>;
     newMessageText: string;
     messagesContainer: ElementRef;
-    searchElement: ElementRef;
+    autofocus: ElementRef;
     usernameToColor: {
         [username: string]: string;
     };
     colors: string[];
     colorsIndex: number;
     agentColor: string;
-    constructor();
+    constructor(renderer: Renderer2);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
+    updatedMessage(): IChatMessage[];
     ngAfterViewChecked(): void;
     getColor(message: IChatMessage): string;
     shouldAlignRight(message: IChatMessage): boolean;

package/projects/UILibrary/src/app/components/interaction/interaction.component.d.ts

@@ -1,16 +1,17 @@
 import { OnInit, EventEmitter } from '@angular/core';
-import { IInteraction } from '../../models/uilibrary.model';
+import { IChatMessage, IInteraction } from '../../models/uilibrary.model';
 /**
  * @ignore
  */
 export declare class InteractionComponent implements OnInit {
     interaction: IInteraction;
+    newMsgs: IChatMessage[];
     minimizedChanged: EventEmitter<boolean>;
     isAgentTyping: EventEmitter<boolean>;
     newMessage: EventEmitter<string>;
     /**
-     * @ignore
-     */
+    * @ignore
+    */
     minimized: boolean;
     set _minimized(value: boolean);
     get _minimized(): boolean;