@amc-technology/ui-library 1.0.98 → 1.0.99

package/bundles/amc-technology-ui-library.umd.min.js

@@ -1,4 +1,4 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/elements"),require("@angular/platform-browser"),require("elements-zone-strategy")):"function"==typeof define&&define.amd?define("@amc-technology/ui-library",["exports","@angular/core","@angular/common","@angular/forms","@angular/elements","@angular/platform-browser","elements-zone-strategy"],e):e(((t=t||self)["amc-technology"]=t["amc-technology"]||{},t["amc-technology"]["ui-library"]={}),t.ng.core,t.ng.common,t.ng.forms,t.ng.elements,t.ng.platformBrowser,t.elementsZoneStrategy)}(this,(function(t,e,i,o,n,r,a){"use strict";
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@angular/elements"),require("@angular/platform-browser"),require("elements-zone-strategy"),require("rxjs/operators"),require("rxjs"),require("@angular/material/tabs")):"function"==typeof define&&define.amd?define("@amc-technology/ui-library",["exports","@angular/core","@angular/common","@angular/forms","@angular/elements","@angular/platform-browser","elements-zone-strategy","rxjs/operators","rxjs","@angular/material/tabs"],e):e(((t=t||self)["amc-technology"]=t["amc-technology"]||{},t["amc-technology"]["ui-library"]={}),t.ng.core,t.ng.common,t.ng.forms,t.ng.elements,t.ng.platformBrowser,t.elementsZoneStrategy,t.rxjs.operators,t.rxjs,t.ng.material.tabs)}(this,(function(t,e,i,o,n,r,a,s,l,p){"use strict";
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */function s(t,e,i,o){var n,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,i,a):n(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a}function l(t){var e="function"==typeof Symbol&&Symbol.iterator,i=e&&t[e],o=0;if(i)return i.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}var p,d=function(){function t(){this.minimizedChanged=new e.EventEmitter,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this._minimized=!1}return Object.defineProperty(t.prototype,"_minimized",{get:function(){return this.minimized},set:function(t){this.minimized=t,this.minimizedChanged.emit(t)},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){},t.prototype.minimize=function(){this._minimized=!0},t.prototype.maximize=function(){this._minimized=!1},t.prototype.isConferenceCall=function(){return!!(this.interaction.parties&&this.interaction.parties.length>1)},t.prototype.collapseKeypress=function(t){"Enter"===t.code&&this.minimize()},t.prototype.expandKeypress=function(t){"Enter"===t.code&&this.maximize()},s([e.Input()],t.prototype,"interaction",void 0),s([e.Input()],t.prototype,"newMsgs",void 0),s([e.Output()],t.prototype,"minimizedChanged",void 0),s([e.Output()],t.prototype,"isAgentTyping",void 0),s([e.Output()],t.prototype,"newMessage",void 0),t=s([e.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" [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}"]})],t)}(),c=function(){function t(){this.minimizedChanged=new e.EventEmitter,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this.afterViewChecked=new e.EventEmitter}return t.prototype.ngAfterViewChecked=function(){this.afterViewChecked.emit()},t.prototype.onMinimizedChanged=function(){this.minimizedChanged.emit()},s([e.Input()],t.prototype,"scenario",void 0),s([e.Input()],t.prototype,"newMsgs",void 0),s([e.Output()],t.prototype,"minimizedChanged",void 0),s([e.Output()],t.prototype,"isAgentTyping",void 0),s([e.Output()],t.prototype,"newMessage",void 0),s([e.Output()],t.prototype,"afterViewChecked",void 0),t=s([e.Component({selector:"amc-scenario",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}"]})],t)}(),g=function(){function t(){this.labelledByText="",this.describedByText=""}return t.prototype.ngOnInit=function(){this.statusText&&this.callType?this.describedByText=this.statusText+" "+this.callType:this.statusText?this.describedByText=this.statusText:this.callType&&(this.describedByText=this.callType),this.callId&&(this.labelledByText=this.callId)},t.prototype.operationKeypress=function(t,e){"Enter"===t.code&&e.handler(e.operationName,e.operationMetadata)},s([e.Input()],t.prototype,"statusText",void 0),s([e.Input()],t.prototype,"callId",void 0),s([e.Input()],t.prototype,"callType",void 0),s([e.Input()],t.prototype,"operations",void 0),t=s([e.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: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}"]})],t)}();(p=t.IChatMessageType||(t.IChatMessageType={})).AGENT="AGENT",p.OTHER_PERSON="OTHER_PERSON",p.INFORMATION="INFORMATION";var m,h=function(e,i,o,n,r){var a=this;this.displayOperation=function(){a.displayKey=a.key,a.displayValue=a.value},this.key=e,this.value=i,this.visible=null==o||o,this.displayValueType=null!=n?n:t.ValueType.STRING,this.customOperations=r,this.displayOperation()};function f(t){t=Number(t);var e=Math.floor(t/3600),i=Math.floor(t%3600/60),o=Math.floor(t%3600%60);return(e>0?e.toString()+":":"")+(i>0?("0"+i.toString()).slice(-2)+":":"00:")+(o>0?("0"+o.toString()).slice(-2):"00")}(m=t.ValueType||(t.ValueType={}))[m.STRING=0]="STRING",m[m.COUNTER=1]="COUNTER";var u=function(){function i(){this.labelledByText="",this.title="",this._timerId=null,this.processedDisplayValue=""}return i.prototype.ngOnInit=function(){this.statusText&&this.callType?this.labelledByText=this.statusText+" "+this.callType:this.statusText?this.labelledByText=this.statusText:this.callType&&(this.labelledByText=this.callType),this.callType&&this.callId?this.title=this.callType+" "+this.callId:this.callType?this.title=this.callType:this.callId&&(this.title=this.callId),this.initValues()},i.prototype.initValues=function(){this.property.displayValueType===t.ValueType.COUNTER?this.startCallCounter():this.processedDisplayValue=this.property.displayValue},i.prototype.startCallCounter=function(){var t=this;null==this._timerId&&(this._timerId=window.setInterval((function(){var e=t.property.displayValue,i=(new Date).getTime()/1e3,o=Math.floor(i-e/1e3);t.processedDisplayValue=f(o)}),1e3))},i.prototype.ngOnDestroy=function(){this.property.displayValueType===t.ValueType.COUNTER&&null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},s([e.Input()],i.prototype,"statusText",void 0),s([e.Input()],i.prototype,"callId",void 0),s([e.Input()],i.prototype,"callType",void 0),s([e.Input()],i.prototype,"property",void 0),i=s([e.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: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}"]})],i)}(),x=function(){function t(){this.labelledByText="",this.displayTime="00:00/00:00"}return t.prototype.ngOnInit=function(){this.statusText&&this.callId?this.labelledByText=this.statusText+" "+this.callId:this.statusText?this.labelledByText=this.statusText:this.callId&&(this.labelledByText=this.callId),this.startCallCounter()},t.prototype.startCallCounter=function(){var t=this,e=this.CaculatePastHoldDuration();null==this._timerId&&(this._timerId=window.setInterval((function(){var i=(new Date).getTime()/1e3,o=Math.floor(i-t.holdCounterData.currentHoldStartTime/1e3);t.displayTime=f(o)+"/"+f(e+o)}),1e3))},t.prototype.CaculatePastHoldDuration=function(){var t=0;return this.holdCounterData.pastCallDurations&&this.holdCounterData.pastCallDurations.forEach((function(e){t+=(e.endTime-e.startTime)/1e3})),t},t.prototype.ngOnDestroy=function(){null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},s([e.Input()],t.prototype,"holdCounterData",void 0),s([e.Input()],t.prototype,"statusText",void 0),s([e.Input()],t.prototype,"callId",void 0),t=s([e.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: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}"]})],t)}(),b=function(){function t(){this.labelledByText="",this.displayTime="00:00/00:00"}return t.prototype.ngOnInit=function(){this.statusText&&this.callId?this.labelledByText=this.statusText+" "+this.callId:this.statusText?this.labelledByText=this.statusText:this.callId&&(this.labelledByText=this.callId),this.startCallCounter()},t.prototype.startCallCounter=function(){var t=this;null==this._timerId&&(this._timerId=window.setInterval((function(){var e=t.startTime,i=(new Date).getTime()/1e3,o=Math.floor(i-e/1e3);t.displayTime=Math.floor(o/60)+":"+("0"+o%60).slice(-2)}),1e3))},t.prototype.ngOnDestroy=function(){null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},s([e.Input()],t.prototype,"statusText",void 0),s([e.Input()],t.prototype,"callId",void 0),s([e.Input()],t.prototype,"startTime",void 0),t=s([e.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: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}"]})],t)}(),y=function(){function i(t){this.renderer=t,this.isTyping=!1,this.lastCount=-1,this._isAgentTyping=!1,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this.newMessageText="",this.usernameToColor={},this.colors=["#c2c4c4","#ffab91","#f48fb1","#29b6f6","#e1bee7","#9ccc65","#ffc107","#26c6da","#cddc39"],this.colorsIndex=0,this.agentColor="#2db0e0"}return i.prototype.ngOnInit=function(){this.renderer.selectRootElement("#autofocus").focus()},i.prototype.ngAfterViewInit=function(){this.renderer.selectRootElement("#autofocus").focus()},i.prototype.updatedMessage=function(){try{return void 0!==this.newMsgs&&this.newMsgs.length>0?this.newMsgs:this.messages}catch(t){}},i.prototype.ngAfterViewChecked=function(){this.lastCount!==this.messages.length&&(this.lastCount=this.messages.length,this.scrollToBottom())},i.prototype.getColor=function(e){return e.type&&e.type===t.IChatMessageType.AGENT?this.agentColor:e.username?(this.usernameToColor[e.username]||(this.usernameToColor[e.username]=this.colors[this.colorsIndex],this.colorsIndex=(this.colorsIndex+1)%this.colors.length),this.usernameToColor[e.username]):this.colors[0]},i.prototype.shouldAlignRight=function(e){return e.type&&e.type===t.IChatMessageType.AGENT},i.prototype.sendNewMessage=function(t){this.scrollToBottom(),t.preventDefault(),this.newMessageText&&(this.newMessage.emit(this.newMessageText),this.newMessageText=""),this.renderer.selectRootElement("#autofocus").focus()},i.prototype.setOnFocus=function(t){this.renderer.selectRootElement("#autofocus").focus()},i.prototype.onNewMessageFocus=function(t){var e=t&&this.newMessageText.length>0;e!==this._isAgentTyping&&(this._isAgentTyping=e,this.isAgentTyping.emit(e))},i.prototype.onKeyup=function(){var t=this.newMessageText.length>0;t!==this._isAgentTyping&&(this._isAgentTyping=t,this.isAgentTyping.emit(t))},i.prototype.scrollToBottom=function(){try{this.messagesContainer.nativeElement.scrollTop=this.messagesContainer.nativeElement.scrollHeight}catch(t){}},i.ctorParameters=function(){return[{type:e.Renderer2}]},s([e.Input()],i.prototype,"settings",void 0),s([e.Input()],i.prototype,"isTyping",void 0),s([e.Input()],i.prototype,"messages",void 0),s([e.Input()],i.prototype,"newMsgs",void 0),s([e.Output()],i.prototype,"isAgentTyping",void 0),s([e.Output()],i.prototype,"newMessage",void 0),s([e.ViewChild("MessagesContainer",{static:!0})],i.prototype,"messagesContainer",void 0),s([e.ViewChild("autofocus",{static:!1})],i.prototype,"autofocus",void 0),i=s([e.Component({selector:"app-chat-box",template:'<div class="chat-box">\r\n  <div #MessagesContainer id="msgScroll" class="messages" [style.max-height]=\'settings.maxHeight\'>\r\n    <div>\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" (focusOn)="setOnFocus($event)"\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    </div>\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;display:flex;flex-direction:column-reverse;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}}"]})],i)}(),v=function(){function t(){this.alignRight=!1,this.focusOn=new e.EventEmitter}return t.prototype.ngOnInit=function(){this.focusOn.emit(!0)},s([e.Input()],t.prototype,"message",void 0),s([e.Input()],t.prototype,"alignRight",void 0),s([e.Input()],t.prototype,"username",void 0),s([e.Input()],t.prototype,"color",void 0),s([e.Input()],t.prototype,"timestamp",void 0),s([e.Input()],t.prototype,"image",void 0),s([e.Input()],t.prototype,"fallbackImage",void 0),s([e.Output()],t.prototype,"focusOn",void 0),t=s([e.Component({selector:"app-chat-message",template:'<div [class]="alignRight? \'message right-message\' : \'message left-message\'">\r\n  <div class="message-header">\r\n    <img *ngIf="image" class="image" [src]="image" (error)="image = fallbackImage" [style.border-color]="color" />\r\n    <span *ngIf="username" class="username">{{username}}</span>\r\n  </div>\r\n\r\n  <div class="message-body-container">\r\n    <div>\r\n      <div class="message-body" [style.background-color]="color" [style.border-color]="color">\r\n        <span [innerHTML]="message"></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <span *ngIf="timestamp" class="timestamp">{{timestamp}}</span>\r\n</div>\r\n',styles:[':host{display:block;margin-top:2px;margin-bottom:2px}.right-message{text-align:end}.timestamp{font-size:10px;margin-right:30px;margin-left:30px}.message-header{display:flex;-webkit-text-emphasis:none;text-emphasis:none;font-style:italic;font-size:.7em;align-items:center;margin-bottom:.5em}.message-header .image{height:30px;border-radius:50%;border:2px solid red}.message-header .username{font-weight:700}.right-message>.message-header{flex-direction:row-reverse;margin-right:1px}.right-message>.message-header .image,.right-message>.message-header .username{margin-left:5px}.left-message>.message-header{margin-left:1px}.left-message>.message-header .image,.left-message>.message-header .username{margin-right:5px}.message-body-container{display:flex}.right-message>.message-body-container{flex-direction:row-reverse}.message-body{display:inline-block;position:relative;border-radius:1em;padding:6px;font-style:normal;font-size:.8em;text-align:start;min-width:2em;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.left-message .message-body:after{content:"";position:absolute;border-left:10px solid #000;border-color:inherit;border-right:10px solid transparent;border-bottom:10px solid transparent;left:1px;bottom:-2px}.right-message .message-body:after{content:"";position:absolute;border-left:10px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-bottom:0 solid transparent;right:1px;bottom:-2px}']})],t)}(),w=function(){function t(){this.dispositionEmitter=new e.EventEmitter,this.selectedDispositionValue="",this.dispositionName=""}return t.prototype.ngOnInit=function(){var t,e;try{for(var i=l(this.disposition.dispositionMetadata),o=i.next();!o.done;o=i.next()){var n=o.value;if("callId"===n.key){this.dispositionName="disposition_"+n.value;break}}}catch(e){t={error:e}}finally{try{o&&!o.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}this.disposition.checkedDisposition&&(this.selectedDispositionValue=this.disposition.checkedDisposition)},t.prototype.submitDisposition=function(){var t={dispositionId:this.selectedDispositionValue,dispositionName:this.disposition.disposition.get(this.selectedDispositionValue),dispositionMetadata:this.disposition.dispositionMetadata};this.dispositionEmitter.emit(t)},t.prototype.selectAndSubmitDisposition=function(t,e){"Enter"===t.code&&(this.selectedDispositionValue=e,this.submitDisposition())},s([e.Input()],t.prototype,"disposition",void 0),s([e.Output()],t.prototype,"dispositionEmitter",void 0),t=s([e.Component({selector:"amc-disposition",template:'<div class="disposition-container">\r\n  <div class="header-container">\r\n      <label class="disposition-header" attr.aria-label="set disposition">{{disposition.dispositionHeader}}</label>\r\n  </div>\r\n\r\n  <div class="dispositions-container">\r\n      <div class="disposition" *ngFor="let disp of disposition.disposition | keyvalue; let i = index">\r\n        <label\r\n         class="disposition-label"\r\n         tabindex="0"\r\n         [id]="disp.key"\r\n         [ngClass]="{\'disposition-label-selected\' : selectedDispositionValue === disp.key, \'first-disposition\': i === 0}"\r\n         (keypress)="selectAndSubmitDisposition($event, disp.key)">\r\n\r\n          <input\r\n           class="disposition-input"\r\n           type="radio"\r\n           value="{{disp.key}}"\r\n           tabindex="-1"\r\n           attr.aria-label="{{disp.value}}"\r\n           [required]="!selectedDispositionValue"\r\n           [name]="dispositionName"\r\n           (change)="submitDisposition()"\r\n           [(ngModel)]="selectedDispositionValue">\r\n\r\n          {{disp.value}}\r\n        </label>\r\n      </div>\r\n  </div>\r\n</div>\r\n',styles:[".disposition-container{border:1px solid #939598;white-space:nowrap;font-family:Arial;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-overflow:ellipsis;position:relative;font-size:.9em;max-height:180px;overflow-x:hidden;overflow-y:hidden}.header-container{border-bottom:1px solid #939598;background-color:#f4f5fb;width:100%;white-space:nowrap;height:28px;position:-webkit-sticky;position:sticky;overflow-x:hidden;overflow-y:hidden}.disposition-header{margin-top:auto;margin-left:7px;padding:5px;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:.9em;font-family:Arial;overflow-x:hidden}.disposition{margin-left:5px;padding-left:5px;white-space:nowrap}.disposition-label{text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:.9em;overflow-x:hidden}.disposition-label-selected{text-overflow:ellipsis;font-weight:700;white-space:nowrap;font-size:.9em}.dispositions-container{padding:3px;overflow-y:scroll;max-height:150px}.disposition-label:focus{outline:#3296da solid 2px;outline-offset:5px}.first-disposition{margin-top:5px}"]})],t)}(),I=function(){function t(){this.ActivitySave=new e.EventEmitter,this.OnNameSelectChange=new e.EventEmitter,this.OnRelatedToChange=new e.EventEmitter,this.OnSubjectChange=new e.EventEmitter,this.OnCallNotesChange=new e.EventEmitter,this.isActivityMaximized=!0}return t.prototype.ngOnInit=function(){},t.prototype.onNameSelectChange=function(t){this.activity.WhoObject=this.getWho(t.currentTarget.value),this.OnNameSelectChange.emit(this.activity)},t.prototype.parseWhoObject=function(t){return t.objectType+": "+t.objectName},t.prototype.parseWhatObject=function(t){return t.objectType+": "+t.objectName},t.prototype.onRelatedToChange=function(t){this.activity.WhatObject=this.getWhat(t.currentTarget.value),this.OnRelatedToChange.emit(this.activity)},t.prototype.onSubjectChange=function(t){this.activity.Subject=t.srcElement.value,this.OnSubjectChange.emit(this.activity)},t.prototype.onCallNotesChange=function(t){this.activity.Subject=t.srcElement.value.trim(),this.OnCallNotesChange.emit(this.activity)},t.prototype.getWho=function(t){for(var e=0;e<this.activity.whoList.length;e++)if(this.activity.whoList[e].objectId===t)return this.activity.whoList[e]},t.prototype.getWhat=function(t){for(var e=0;e<this.activity.whatList.length;e++)if(this.activity.whatList[e].objectId===t)return this.activity.whatList[e]},t.prototype.loadQuickComment=function(t){this.activity.Description=this.activity.Description+this.activity.quickCommentList[t]},t.prototype.activitySave=function(t){this.ActivitySave.emit(this.activity)},s([e.Input()],t.prototype,"activity",void 0),s([e.Output()],t.prototype,"ActivitySave",void 0),s([e.Output()],t.prototype,"OnNameSelectChange",void 0),s([e.Output()],t.prototype,"OnRelatedToChange",void 0),s([e.Output()],t.prototype,"OnSubjectChange",void 0),s([e.Output()],t.prototype,"OnCallNotesChange",void 0),t=s([e.Component({selector:"app-activity",template:'<div *ngIf="isActivityMaximized" class="callDisplay">\r\n  <div class="editor callHeader">\r\n    <label class="headerLabel">\r\n      <b>Activity Information</b>\r\n    </label>\r\n    <img class="ViewResizeImage" src="/assets/images/section_collapse.png" (click)="isActivityMaximized = false" title="Collapse">\r\n  </div>\r\n  <div class="callBody">\r\n    <div class="activityFields">\r\n      <form>\r\n        <div class="editor displayDiv">\r\n          <label class="displayLabels" title="Call From">{{activity.NameFieldName}}</label>\r\n          <select class="dropDownListStyle displayData" data-resetperactivity="false" (change)="onNameSelectChange($event)">\r\n            <option *ngFor="let who of activity.whoList" value="{{who.objectId}}">{{parseWhoObject(who)}}</option>\r\n          </select>\r\n        </div>\r\n        <div class="editor displayDiv">\r\n          <label class="displayLabels" title="Related To">{{activity.RelatedToFieldName}}</label>\r\n          <select class="dropDownListStyle displayData" (change)="onRelatedToChange($event)" data-resetperactivity="false">\r\n            <option *ngFor="let what of activity.whatList" value="{{what.objectId}}">{{parseWhatObject(what)}}</option>\r\n          </select>\r\n        </div>\r\n        <div class="editor displayDiv">\r\n          <label class="displayLabels" title="Subject">{{activity.SubjectFieldName}}</label>\r\n          <input class="activitySubjectTextBoxStyle displayData" (change)="onSubjectChange($event)" title="{{activity.Subject}}"\r\n            type="text" value="{{activity.Subject}}">\r\n        </div>\r\n        <div class="editor displayDiv">\r\n          <div class="callNotesContainer">\r\n            <div class="textAreaDiv">\r\n              <textarea value="{{activity.Description}}" placeholder="Click to add a comment" class="activityCommentsTextBoxStyle"\r\n                (change)="onCallNotesChange($event)" cols="20" rows="2" title=""></textarea>\r\n            </div>\r\n            <div class="notesButtonBorder">\r\n              <div class="commentsButtonDiv">\r\n                <div class="quickCommentsDiv">\r\n                  <input *ngFor="let quickComment of activity.quickCommentList ; let i = index;" class="quickNotesBotton" type="button"\r\n                    value="{{i+1}}" (click)="loadQuickComment(i)" title="{{quickComment}}">\r\n                </div>\r\n                <div class="submitDiv">\r\n                  <input class="submitButton" type="button" value="Submit" (click)="activitySave(false)">\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf="!isActivityMaximized" class="callDisplay">\r\n  <div class="editor callHeader">\r\n    <label class="headerLabel">\r\n      <b>Activity Information</b>\r\n    </label>\r\n    <img class="ViewResizeImage" src="assets/images/section_expand.png" (click)="isActivityMaximized = true" title="Expand">\r\n  </div>\r\n',styles:[".callDisplay{display:grid;margin-bottom:8px;background-color:#fff}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important}.headerLabel{margin-left:10px}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.callBody{border-top:0;position:relative}.displayDiv{width:100%;display:flex}.displayLabels{margin-left:5px;width:25%;margin-right:2px}.displayData{width:70%}.dropDownListStyle{border:1px solid #939598!important;border-radius:3px!important;width:71%!important;height:20px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 5px 0 0;cursor:pointer}.activitySubjectTextBoxStyle{border:1px solid #939598!important;border-radius:3px!important;width:71%!important;height:20px!important;text-align:left!important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 5px 0 0;padding-left:2px}.activityCommentsTextBoxStyle{border:none;color:#333!important;text-align:left!important;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;width:100%;height:95px}.notesButtonBorder{background-color:#fff;border-left:1px solid #939598;border-bottom:1px solid #939598;border-right:1px solid #939598;border-bottom-left-radius:3px!important;border-bottom-right-radius:3px!important;height:auto}.commentsButtonDiv{width:100%;display:flex;align-items:center}.quickNotesBotton{background-color:#1e72ba;border:0;color:#fff;height:70%;width:20px;margin:2px;outline:0;font-size:70%}.quickCommentsDiv{text-align:left;flex:1 0 0;flex-wrap:wrap;display:flex;margin:2px}.submitDiv{text-align:right;padding-right:4px}.submitButton{border:0;float:right;margin-top:2px;outline:0;cursor:pointer;background-color:#6cb047;color:#fff;border-radius:4px;font-size:98%;margin-bottom:2px}"]})],t)}(),T=function(){function t(){this.loginDetailsProvided=new e.EventEmitter}return t.prototype.ngOnInit=function(){var t,e;this.loginData.header||(this.loginData.header="Login");try{for(var i=l(this.loginData.fields),o=i.next();!o.done;o=i.next()){var n=o.value;n.isInvalid||(n.isInvalid=!1)}}catch(e){t={error:e}}finally{try{o&&!o.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}},t.prototype.onLogin=function(t){var e,i;try{for(var o=l(this.loginData.fields),n=o.next();!n.done;n=o.next()){var r=n.value;r.value=t.value[r.name]}}catch(t){e={error:t}}finally{try{n&&!n.done&&(i=o.return)&&i.call(o)}finally{if(e)throw e.error}}this.loginDetailsProvided.emit(this.loginData)},t.prototype.focusOutOfInput=function(t,e){t.controls[e.name].valid||(e.isInvalid=!0)},s([e.Input()],t.prototype,"loginData",void 0),s([e.Output()],t.prototype,"loginDetailsProvided",void 0),t=s([e.Component({selector:"amc-login",template:'<div class="login-container">\r\n  <form (ngSubmit)="onLogin(loginForm)"class="login-form" id="login-form" #loginForm="ngForm">\r\n    <div class="header-container">\r\n      <label class="login-header" attr.aria-label="login">{{ loginData.header }}</label>\r\n    </div>\r\n    <div class="fields-container">\r\n      <div *ngFor="let field of loginData.fields" class="field">\r\n        <label class="field-label">\r\n          {{ field.name }}:\r\n        </label>\r\n\r\n        <input\r\n         ngModel\r\n         class="field-input"\r\n         attr.aria-label="{{ field.name }}"\r\n         [name]="field.name"\r\n         [type]="field.type"\r\n         [value]="field.value"\r\n         [placeholder]="field.placeholder || \'\'"\r\n         [required]="field.isRequired || false"\r\n         (focusout)="focusOutOfInput(loginForm, field)"/>\r\n\r\n         <p class="invalid-input" *ngIf="field.isInvalid">{{ field.invalidMessage }}</p>\r\n      </div>\r\n\r\n      <button\r\n        type="submit"\r\n        class="form-submit"\r\n        form="login-form"\r\n        tabindex="0"\r\n        attr.aria-label="send"\r\n        [disabled]="!loginForm.valid">Login</button>\r\n    </div>\r\n\r\n  </form>\r\n</div>\r\n',styles:[".login-container{border:1px solid #939598;white-space:nowrap;font-family:Arial;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-overflow:ellipsis;position:relative;font-size:.9em;overflow-x:hidden;overflow-y:hidden}.header-container{border-bottom:1px solid #939598;background-color:#f4f5fb;width:100%;height:28px;position:-webkit-sticky;position:sticky}.login-header{margin-top:auto;margin-left:7px;padding:5px;font-weight:700;font-size:.9em}.fields-container{overflow-y:auto;font-size:.9em;padding:5px}.field{display:table-row;margin:5px}.field-label{padding:10px;display:table-cell}.field-input{display:table-cell;border:1px solid #939598;border-radius:5px}.field-input:focus{box-shadow:0 0 5px #38badf}.form-submit{margin:15px 10px 10px;display:table-row;border:1px solid #00a4b0;border-radius:5px;background-color:#00a4b0;color:#f7f7f7;width:10em;height:2em;transition:.2s;font-size:1.1em;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.form-submit:hover{background-color:#01858f}.form-submit:disabled{background-color:silver;border-color:silver;color:#fff}input.ng-invalid.ng-touched[required]{border-color:#a94442}.form-submit:focus{outline:#3296da solid 2px;outline-offset:5px}.invalid-input{margin:0;padding:0;color:#a94442;font-size:x-small}"]})],t)}(),D=function(){function t(t){this.injector=t}return t.prototype.ngDoBootstrap=function(t){if(!customElements.get("amc-webcomponents-scenario")){var e=new a.ElementZoneStrategyFactory(c,this.injector);customElements.define("amc-webcomponents-scenario",n.createCustomElement(c,{injector:this.injector,strategyFactory:e}))}if(!customElements.get("amc-webcomponents-disposition")){e=new a.ElementZoneStrategyFactory(w,this.injector);customElements.define("amc-webcomponents-disposition",n.createCustomElement(w,{injector:this.injector,strategyFactory:e}))}if(!customElements.get("amc-webcomponents-login")){e=new a.ElementZoneStrategyFactory(T,this.injector);customElements.define("amc-webcomponents-login",n.createCustomElement(T,{injector:this.injector,strategyFactory:e}))}},t.ctorParameters=function(){return[{type:e.Injector}]},t=s([e.NgModule({imports:[r.BrowserModule,i.CommonModule,o.FormsModule],declarations:[d,c,g,u,x,b,y,v,w,I,T],entryComponents:[c,w,T],bootstrap:[],exports:[c,w,T]})],t)}();t.Property=h,t.UILibraryModule=D,t.ɵa=d,t.ɵb=c,t.ɵc=g,t.ɵd=u,t.ɵe=x,t.ɵf=b,t.ɵg=y,t.ɵh=v,t.ɵi=w,t.ɵj=I,t.ɵk=T,Object.defineProperty(t,"__esModule",{value:!0})}));
+    ***************************************************************************** */function d(t,e,i,o){var n,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(n=t[s])&&(a=(r<3?n(a):r>3?n(e,i,a):n(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a}function c(t,e,i,o){return new(i||(i=Promise))((function(n,r){function a(t){try{l(o.next(t))}catch(t){r(t)}}function s(t){try{l(o.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?n(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(a,s)}l((o=o.apply(t,e||[])).next())}))}function g(t,e){var i,o,n,r,a={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return r={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function s(r){return function(s){return function(r){if(i)throw new TypeError("Generator is already executing.");for(;a;)try{if(i=1,o&&(n=2&r[0]?o.return:r[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,r[1])).done)return n;switch(o=0,n&&(r=[2&r[0],n.value]),r[0]){case 0:case 1:n=r;break;case 4:return a.label++,{value:r[1],done:!1};case 5:a.label++,o=r[1],r=[0];continue;case 7:r=a.ops.pop(),a.trys.pop();continue;default:if(!(n=a.trys,(n=n.length>0&&n[n.length-1])||6!==r[0]&&2!==r[0])){a=0;continue}if(3===r[0]&&(!n||r[1]>n[0]&&r[1]<n[3])){a.label=r[1];break}if(6===r[0]&&a.label<n[1]){a.label=n[1],n=r;break}if(n&&a.label<n[2]){a.label=n[2],a.ops.push(r);break}n[2]&&a.ops.pop(),a.trys.pop();continue}r=e.call(t,a)}catch(t){r=[6,t],o=0}finally{i=n=0}if(5&r[0])throw r[1];return{value:r[0]?r[1]:void 0,done:!0}}([r,s])}}}function m(t){var e="function"==typeof Symbol&&Symbol.iterator,i=e&&t[e],o=0;if(i)return i.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}var h,u=function(){function t(){this.minimizedChanged=new e.EventEmitter,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this._minimized=!1}return Object.defineProperty(t.prototype,"_minimized",{get:function(){return this.minimized},set:function(t){this.minimized=t,this.minimizedChanged.emit(t)},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){},t.prototype.minimize=function(){this._minimized=!0},t.prototype.maximize=function(){this._minimized=!1},t.prototype.isConferenceCall=function(){return!!(this.interaction.parties&&this.interaction.parties.length>1)},t.prototype.collapseKeypress=function(t){"Enter"===t.code&&this.minimize()},t.prototype.expandKeypress=function(t){"Enter"===t.code&&this.maximize()},t.prototype.clickEvent=function(t){document.getElementById(t).className="success",null===localStorage.getItem("focusedPanel")?localStorage.setItem("focusedPanel",t):localStorage.getItem("focusedPanel")!=t&&(document.getElementById(localStorage.getItem("focusedPanel")).className="AnswerCallFocused",localStorage.setItem("focusedPanel",t))},d([e.Input()],t.prototype,"interaction",void 0),d([e.Input()],t.prototype,"newMsgs",void 0),d([e.Output()],t.prototype,"minimizedChanged",void 0),d([e.Output()],t.prototype,"isAgentTyping",void 0),d([e.Output()],t.prototype,"newMessage",void 0),t=d([e.Component({selector:"amc-interaction",template:'<div class="AnswerCallFocused" [id]="interaction.interactionId">\r\n  <div class="editor callHeaderTop" (click)="clickEvent(interaction.interactionId)">\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}#call123{border:4px!important}.success{border:2px solid #00adbb!important}","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}"]})],t)}(),f=function(){function t(){this.minimizedChanged=new e.EventEmitter,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this.afterViewChecked=new e.EventEmitter}return t.prototype.ngAfterViewChecked=function(){this.afterViewChecked.emit()},t.prototype.onMinimizedChanged=function(){this.minimizedChanged.emit()},d([e.Input()],t.prototype,"scenario",void 0),d([e.Input()],t.prototype,"newMsgs",void 0),d([e.Output()],t.prototype,"minimizedChanged",void 0),d([e.Output()],t.prototype,"isAgentTyping",void 0),d([e.Output()],t.prototype,"newMessage",void 0),d([e.Output()],t.prototype,"afterViewChecked",void 0),t=d([e.Component({selector:"amc-scenario",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}"]})],t)}(),b=function(){function t(){this.labelledByText="",this.describedByText=""}return t.prototype.ngOnInit=function(){this.statusText&&this.callType?this.describedByText=this.statusText+" "+this.callType:this.statusText?this.describedByText=this.statusText:this.callType&&(this.describedByText=this.callType),this.callId&&(this.labelledByText=this.callId)},t.prototype.operationKeypress=function(t,e){"Enter"===t.code&&e.handler(e.operationName,e.operationMetadata)},d([e.Input()],t.prototype,"statusText",void 0),d([e.Input()],t.prototype,"callId",void 0),d([e.Input()],t.prototype,"callType",void 0),d([e.Input()],t.prototype,"operations",void 0),t=d([e.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: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}"]})],t)}();(h=t.IChatMessageType||(t.IChatMessageType={})).AGENT="AGENT",h.OTHER_PERSON="OTHER_PERSON",h.INFORMATION="INFORMATION";var x,y=function(e,i,o,n,r){var a=this;this.displayOperation=function(){a.displayKey=a.key,a.displayValue=a.value},this.key=e,this.value=i,this.visible=null==o||o,this.displayValueType=null!=n?n:t.ValueType.STRING,this.customOperations=r,this.displayOperation()};function v(t){t=Number(t);var e=Math.floor(t/3600),i=Math.floor(t%3600/60),o=Math.floor(t%3600%60);return(e>0?e.toString()+":":"")+(i>0?("0"+i.toString()).slice(-2)+":":"00:")+(o>0?("0"+o.toString()).slice(-2):"00")}(x=t.ValueType||(t.ValueType={}))[x.STRING=0]="STRING",x[x.COUNTER=1]="COUNTER";var w=function(){function i(){this.labelledByText="",this.title="",this._timerId=null,this.processedDisplayValue=""}return i.prototype.ngOnInit=function(){this.statusText&&this.callType?this.labelledByText=this.statusText+" "+this.callType:this.statusText?this.labelledByText=this.statusText:this.callType&&(this.labelledByText=this.callType),this.callType&&this.callId?this.title=this.callType+" "+this.callId:this.callType?this.title=this.callType:this.callId&&(this.title=this.callId),this.initValues()},i.prototype.initValues=function(){this.property.displayValueType===t.ValueType.COUNTER?this.startCallCounter():this.processedDisplayValue=this.property.displayValue},i.prototype.startCallCounter=function(){var t=this;null==this._timerId&&(this._timerId=window.setInterval((function(){var e=t.property.displayValue,i=(new Date).getTime()/1e3,o=Math.floor(i-e/1e3);t.processedDisplayValue=v(o)}),1e3))},i.prototype.ngOnDestroy=function(){this.property.displayValueType===t.ValueType.COUNTER&&null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},d([e.Input()],i.prototype,"statusText",void 0),d([e.Input()],i.prototype,"callId",void 0),d([e.Input()],i.prototype,"callType",void 0),d([e.Input()],i.prototype,"property",void 0),i=d([e.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: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}"]})],i)}(),I=function(){function t(){this.labelledByText="",this.displayTime="00:00/00:00"}return t.prototype.ngOnInit=function(){this.statusText&&this.callId?this.labelledByText=this.statusText+" "+this.callId:this.statusText?this.labelledByText=this.statusText:this.callId&&(this.labelledByText=this.callId),this.startCallCounter()},t.prototype.startCallCounter=function(){var t=this,e=this.CaculatePastHoldDuration();null==this._timerId&&(this._timerId=window.setInterval((function(){var i=(new Date).getTime()/1e3,o=Math.floor(i-t.holdCounterData.currentHoldStartTime/1e3);t.displayTime=v(o)+"/"+v(e+o)}),1e3))},t.prototype.CaculatePastHoldDuration=function(){var t=0;return this.holdCounterData.pastCallDurations&&this.holdCounterData.pastCallDurations.forEach((function(e){t+=(e.endTime-e.startTime)/1e3})),t},t.prototype.ngOnDestroy=function(){null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},d([e.Input()],t.prototype,"holdCounterData",void 0),d([e.Input()],t.prototype,"statusText",void 0),d([e.Input()],t.prototype,"callId",void 0),t=d([e.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: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}"]})],t)}(),D=function(){function t(){this.labelledByText="",this.displayTime="00:00/00:00"}return t.prototype.ngOnInit=function(){this.statusText&&this.callId?this.labelledByText=this.statusText+" "+this.callId:this.statusText?this.labelledByText=this.statusText:this.callId&&(this.labelledByText=this.callId),this.startCallCounter()},t.prototype.startCallCounter=function(){var t=this;null==this._timerId&&(this._timerId=window.setInterval((function(){var e=t.startTime,i=(new Date).getTime()/1e3,o=Math.floor(i-e/1e3);t.displayTime=Math.floor(o/60)+":"+("0"+o%60).slice(-2)}),1e3))},t.prototype.ngOnDestroy=function(){null!=this._timerId&&(clearInterval(this._timerId),this._timerId=null)},d([e.Input()],t.prototype,"statusText",void 0),d([e.Input()],t.prototype,"callId",void 0),d([e.Input()],t.prototype,"startTime",void 0),t=d([e.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: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}"]})],t)}(),C=function(){function i(t){this.renderer=t,this.isTyping=!1,this.lastCount=-1,this._isAgentTyping=!1,this.isAgentTyping=new e.EventEmitter,this.newMessage=new e.EventEmitter,this.newMessageText="",this.usernameToColor={},this.colors=["#c2c4c4","#ffab91","#f48fb1","#29b6f6","#e1bee7","#9ccc65","#ffc107","#26c6da","#cddc39"],this.colorsIndex=0,this.agentColor="#2db0e0"}return i.prototype.ngOnInit=function(){this.renderer.selectRootElement("#autofocus").focus()},i.prototype.ngAfterViewInit=function(){this.renderer.selectRootElement("#autofocus").focus()},i.prototype.updatedMessage=function(){try{return void 0!==this.newMsgs&&this.newMsgs.length>0?this.newMsgs:this.messages}catch(t){}finally{this.scrollToBottom()}},i.prototype.ngAfterViewChecked=function(){this.lastCount!==this.messages.length&&(this.lastCount=this.messages.length,this.scrollToBottom())},i.prototype.getColor=function(e){return e.type&&e.type===t.IChatMessageType.AGENT?this.agentColor:e.username?(this.usernameToColor[e.username]||(this.usernameToColor[e.username]=this.colors[this.colorsIndex],this.colorsIndex=(this.colorsIndex+1)%this.colors.length),this.usernameToColor[e.username]):this.colors[0]},i.prototype.shouldAlignRight=function(e){return e.type&&e.type===t.IChatMessageType.AGENT},i.prototype.sendNewMessage=function(t){t.preventDefault(),this.newMessageText&&(this.newMessage.emit(this.newMessageText),this.newMessageText=""),this.renderer.selectRootElement("#autofocus").focus()},i.prototype.setOnFocus=function(t){this.renderer.selectRootElement("#autofocus").focus()},i.prototype.onNewMessageFocus=function(t){var e=t&&this.newMessageText.length>0;e!==this._isAgentTyping&&(this._isAgentTyping=e,this.isAgentTyping.emit(e))},i.prototype.onKeyup=function(){var t=this.newMessageText.length>0;t!==this._isAgentTyping&&(this._isAgentTyping=t,this.isAgentTyping.emit(t))},i.prototype.scrollToBottom=function(){try{this.messagesContainer.nativeElement.scrollTop=this.messagesContainer.nativeElement.scrollHeight}catch(t){}},i.ctorParameters=function(){return[{type:e.Renderer2}]},d([e.Input()],i.prototype,"settings",void 0),d([e.Input()],i.prototype,"isTyping",void 0),d([e.Input()],i.prototype,"messages",void 0),d([e.Input()],i.prototype,"newMsgs",void 0),d([e.Output()],i.prototype,"isAgentTyping",void 0),d([e.Output()],i.prototype,"newMessage",void 0),d([e.ViewChild("MessagesContainer",{static:!0})],i.prototype,"messagesContainer",void 0),d([e.ViewChild("autofocus",{static:!1})],i.prototype,"autofocus",void 0),i=d([e.Component({selector:"app-chat-box",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" (focusOn)="setOnFocus($event)"\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){animation:1.5s .33333s infinite blink}.typing-indicator span:nth-of-type(2){animation:1.5s .66666s infinite blink}.typing-indicator span:nth-of-type(3){animation:1.5s .99999s infinite blink}@keyframes blink{50%{opacity:1}}"]})],i)}(),k=function(){function t(){this.alignRight=!1,this.focusOn=new e.EventEmitter}return t.prototype.ngOnInit=function(){this.focusOn.emit(!0)},d([e.Input()],t.prototype,"message",void 0),d([e.Input()],t.prototype,"alignRight",void 0),d([e.Input()],t.prototype,"username",void 0),d([e.Input()],t.prototype,"color",void 0),d([e.Input()],t.prototype,"timestamp",void 0),d([e.Input()],t.prototype,"image",void 0),d([e.Input()],t.prototype,"fallbackImage",void 0),d([e.Output()],t.prototype,"focusOn",void 0),t=d([e.Component({selector:"app-chat-message",template:'<div [class]="alignRight? \'message right-message\' : \'message left-message\'">\r\n  <div class="message-header">\r\n    <img *ngIf="image" class="image" [src]="image" (error)="image = fallbackImage" [style.border-color]="color" />\r\n    <span *ngIf="username" class="username">{{username}}</span>\r\n  </div>\r\n\r\n  <div class="message-body-container">\r\n    <div>\r\n      <div class="message-body" [style.background-color]="color" [style.border-color]="color">\r\n        <span [innerHTML]="message"></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <span *ngIf="timestamp" class="timestamp">{{timestamp}}</span>\r\n</div>\r\n',styles:[':host{display:block;margin-top:2px;margin-bottom:2px}.right-message{text-align:end}.timestamp{font-size:10px;margin-right:30px;margin-left:30px}.message-header{display:flex;-webkit-text-emphasis:none;text-emphasis:none;font-style:italic;font-size:.7em;align-items:center;margin-bottom:.5em}.message-header .image{height:30px;border-radius:50%;border:2px solid red}.message-header .username{font-weight:700}.right-message>.message-header{flex-direction:row-reverse;margin-right:1px}.right-message>.message-header .image,.right-message>.message-header .username{margin-left:5px}.left-message>.message-header{margin-left:1px}.left-message>.message-header .image,.left-message>.message-header .username{margin-right:5px}.message-body-container{display:flex}.right-message>.message-body-container{flex-direction:row-reverse}.message-body{display:inline-block;position:relative;border-radius:1em;padding:6px;font-style:normal;font-size:.8em;text-align:start;min-width:2em;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.left-message .message-body:after{content:"";position:absolute;border-left:10px solid #000;border-color:inherit;border-right:10px solid transparent;border-bottom:10px solid transparent;left:1px;bottom:-2px}.right-message .message-body:after{content:"";position:absolute;border-left:10px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-bottom:0 solid transparent;right:1px;bottom:-2px}']})],t)}(),T=function(){function t(){this.dispositionEmitter=new e.EventEmitter,this.selectedDispositionValue="",this.dispositionName=""}return t.prototype.ngOnInit=function(){var t,e;try{for(var i=m(this.disposition.dispositionMetadata),o=i.next();!o.done;o=i.next()){var n=o.value;if("callId"===n.key){this.dispositionName="disposition_"+n.value;break}}}catch(e){t={error:e}}finally{try{o&&!o.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}this.disposition.checkedDisposition&&(this.selectedDispositionValue=this.disposition.checkedDisposition)},t.prototype.submitDisposition=function(){var t={dispositionId:this.selectedDispositionValue,dispositionName:this.disposition.disposition.get(this.selectedDispositionValue),dispositionMetadata:this.disposition.dispositionMetadata};this.dispositionEmitter.emit(t)},t.prototype.selectAndSubmitDisposition=function(t,e){"Enter"===t.code&&(this.selectedDispositionValue=e,this.submitDisposition())},d([e.Input()],t.prototype,"disposition",void 0),d([e.Output()],t.prototype,"dispositionEmitter",void 0),t=d([e.Component({selector:"amc-disposition",template:'<div class="disposition-container">\r\n  <div class="header-container">\r\n      <label class="disposition-header" attr.aria-label="set disposition">{{disposition.dispositionHeader}}</label>\r\n  </div>\r\n\r\n  <div class="dispositions-container">\r\n      <div class="disposition" *ngFor="let disp of disposition.disposition | keyvalue; let i = index">\r\n        <label\r\n         class="disposition-label"\r\n         tabindex="0"\r\n         [id]="disp.key"\r\n         [ngClass]="{\'disposition-label-selected\' : selectedDispositionValue === disp.key, \'first-disposition\': i === 0}"\r\n         (keypress)="selectAndSubmitDisposition($event, disp.key)">\r\n\r\n          <input\r\n           class="disposition-input"\r\n           type="radio"\r\n           value="{{disp.key}}"\r\n           tabindex="-1"\r\n           attr.aria-label="{{disp.value}}"\r\n           [required]="!selectedDispositionValue"\r\n           [name]="dispositionName"\r\n           (change)="submitDisposition()"\r\n           [(ngModel)]="selectedDispositionValue">\r\n\r\n          {{disp.value}}\r\n        </label>\r\n      </div>\r\n  </div>\r\n</div>\r\n',styles:[".disposition-container{border:1px solid #939598;white-space:nowrap;font-family:Arial;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-overflow:ellipsis;position:relative;font-size:.9em;max-height:180px;overflow-x:hidden;overflow-y:hidden}.header-container{border-bottom:1px solid #939598;background-color:#f4f5fb;width:100%;white-space:nowrap;height:28px;position:sticky;overflow-x:hidden;overflow-y:hidden}.disposition-header{margin-top:auto;margin-left:7px;padding:5px;white-space:nowrap;text-overflow:ellipsis;font-weight:700;font-size:.9em;font-family:Arial;overflow-x:hidden}.disposition{margin-left:5px;padding-left:5px;white-space:nowrap}.disposition-label{text-overflow:ellipsis;font-weight:400;white-space:nowrap;font-size:.9em;overflow-x:hidden}.disposition-label-selected{text-overflow:ellipsis;font-weight:700;white-space:nowrap;font-size:.9em}.dispositions-container{padding:3px;overflow-y:scroll;max-height:150px}.disposition-label:focus{outline:#3296da solid 2px;outline-offset:5px}.first-disposition{margin-top:5px}"]})],t)}(),z=function(){function t(){this.ActivitySave=new e.EventEmitter,this.OnNameSelectChange=new e.EventEmitter,this.OnRelatedToChange=new e.EventEmitter,this.OnSubjectChange=new e.EventEmitter,this.OnCallNotesChange=new e.EventEmitter,this.isActivityMaximized=!0}return t.prototype.ngOnInit=function(){},t.prototype.onNameSelectChange=function(t){this.activity.WhoObject=this.getWho(t.currentTarget.value),this.OnNameSelectChange.emit(this.activity)},t.prototype.parseWhoObject=function(t){return t.objectType+": "+t.objectName},t.prototype.parseWhatObject=function(t){return t.objectType+": "+t.objectName},t.prototype.onRelatedToChange=function(t){this.activity.WhatObject=this.getWhat(t.currentTarget.value),this.OnRelatedToChange.emit(this.activity)},t.prototype.onSubjectChange=function(t){this.activity.Subject=t.srcElement.value,this.OnSubjectChange.emit(this.activity)},t.prototype.onCallNotesChange=function(t){this.activity.Subject=t.srcElement.value.trim(),this.OnCallNotesChange.emit(this.activity)},t.prototype.getWho=function(t){for(var e=0;e<this.activity.whoList.length;e++)if(this.activity.whoList[e].objectId===t)return this.activity.whoList[e]},t.prototype.getWhat=function(t){for(var e=0;e<this.activity.whatList.length;e++)if(this.activity.whatList[e].objectId===t)return this.activity.whatList[e]},t.prototype.loadQuickComment=function(t){this.activity.Description=this.activity.Description+this.activity.quickCommentList[t]},t.prototype.activitySave=function(t){this.ActivitySave.emit(this.activity)},d([e.Input()],t.prototype,"activity",void 0),d([e.Output()],t.prototype,"ActivitySave",void 0),d([e.Output()],t.prototype,"OnNameSelectChange",void 0),d([e.Output()],t.prototype,"OnRelatedToChange",void 0),d([e.Output()],t.prototype,"OnSubjectChange",void 0),d([e.Output()],t.prototype,"OnCallNotesChange",void 0),t=d([e.Component({selector:"app-activity",template:'<div *ngIf="isActivityMaximized" class="callDisplay">\r\n  <div class="editor callHeader">\r\n    <label class="headerLabel">\r\n      <b>Activity Information</b>\r\n    </label>\r\n    <img class="ViewResizeImage" src="/assets/images/section_collapse.png" (click)="isActivityMaximized = false" title="Collapse">\r\n  </div>\r\n  <div class="callBody">\r\n    <div class="activityFields">\r\n      <form>\r\n        <div class="editor displayDiv">\r\n          <label class="displayLabels" title="Call From">{{activity.NameFieldName}}</label>\r\n          <select class="dropDownListStyle displayData" data-resetperactivity="false" (change)="onNameSelectChange($event)">\r\n            <option *ngFor="let who of activity.whoList" value="{{who.objectId}}">{{parseWhoObject(who)}}</option>\r\n          </select>\r\n        </div>\r\n        <div class="editor displayDiv">\r\n          <label class="displayLabels" title="Related To">{{activity.RelatedToFieldName}}</label>\r\n          <select class="dropDownListStyle displayData" (change)="onRelatedToChange($event)" data-resetperactivity="false">\r\n            <option *ngFor="let what of activity.whatList" value="{{what.objectId}}">{{parseWhatObject(what)}}</option>\r\n          </select>\r\n        </div>\r\n        <div class="editor displayDiv">\r\n          <label class="displayLabels" title="Subject">{{activity.SubjectFieldName}}</label>\r\n          <input class="activitySubjectTextBoxStyle displayData" (change)="onSubjectChange($event)" title="{{activity.Subject}}"\r\n            type="text" value="{{activity.Subject}}">\r\n        </div>\r\n        <div class="editor displayDiv">\r\n          <div class="callNotesContainer">\r\n            <div class="textAreaDiv">\r\n              <textarea value="{{activity.Description}}" placeholder="Click to add a comment" class="activityCommentsTextBoxStyle"\r\n                (change)="onCallNotesChange($event)" cols="20" rows="2" title=""></textarea>\r\n            </div>\r\n            <div class="notesButtonBorder">\r\n              <div class="commentsButtonDiv">\r\n                <div class="quickCommentsDiv">\r\n                  <input *ngFor="let quickComment of activity.quickCommentList ; let i = index;" class="quickNotesBotton" type="button"\r\n                    value="{{i+1}}" (click)="loadQuickComment(i)" title="{{quickComment}}">\r\n                </div>\r\n                <div class="submitDiv">\r\n                  <input class="submitButton" type="button" value="Submit" (click)="activitySave(false)">\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf="!isActivityMaximized" class="callDisplay">\r\n  <div class="editor callHeader">\r\n    <label class="headerLabel">\r\n      <b>Activity Information</b>\r\n    </label>\r\n    <img class="ViewResizeImage" src="assets/images/section_expand.png" (click)="isActivityMaximized = true" title="Expand">\r\n  </div>\r\n',styles:[".callDisplay{display:grid;margin-bottom:8px;background-color:#fff}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important}.headerLabel{margin-left:10px}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.callBody{border-top:0;position:relative}.displayDiv{width:100%;display:flex}.displayLabels{margin-left:5px;width:25%;margin-right:2px}.displayData{width:70%}.dropDownListStyle{border:1px solid #939598!important;border-radius:3px!important;width:71%!important;height:20px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 5px 0 0;cursor:pointer}.activitySubjectTextBoxStyle{border:1px solid #939598!important;border-radius:3px!important;width:71%!important;height:20px!important;text-align:left!important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 5px 0 0;padding-left:2px}.activityCommentsTextBoxStyle{border:none;color:#333!important;text-align:left!important;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;width:100%;height:95px}.notesButtonBorder{background-color:#fff;border-left:1px solid #939598;border-bottom:1px solid #939598;border-right:1px solid #939598;border-bottom-left-radius:3px!important;border-bottom-right-radius:3px!important;height:auto}.commentsButtonDiv{width:100%;display:flex;align-items:center}.quickNotesBotton{background-color:#1e72ba;border:0;color:#fff;height:70%;width:20px;margin:2px;outline:0;font-size:70%}.quickCommentsDiv{text-align:left;flex:1 0 0;flex-wrap:wrap;display:flex;margin:2px}.submitDiv{text-align:right;padding-right:4px}.submitButton{border:0;float:right;margin-top:2px;outline:0;cursor:pointer;background-color:#6cb047;color:#fff;border-radius:4px;font-size:98%;margin-bottom:2px}"]})],t)}(),A=function(){function t(){this.loginDetailsProvided=new e.EventEmitter}return t.prototype.ngOnInit=function(){var t,e;this.loginData.header||(this.loginData.header="Login");try{for(var i=m(this.loginData.fields),o=i.next();!o.done;o=i.next()){var n=o.value;n.isInvalid||(n.isInvalid=!1)}}catch(e){t={error:e}}finally{try{o&&!o.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}},t.prototype.onLogin=function(t){var e,i;try{for(var o=m(this.loginData.fields),n=o.next();!n.done;n=o.next()){var r=n.value;r.value=t.value[r.name]}}catch(t){e={error:t}}finally{try{n&&!n.done&&(i=o.return)&&i.call(o)}finally{if(e)throw e.error}}this.loginDetailsProvided.emit(this.loginData)},t.prototype.focusOutOfInput=function(t,e){t.controls[e.name].valid||(e.isInvalid=!0)},d([e.Input()],t.prototype,"loginData",void 0),d([e.Output()],t.prototype,"loginDetailsProvided",void 0),t=d([e.Component({selector:"amc-login",template:'<div class="login-container">\r\n  <form (ngSubmit)="onLogin(loginForm)"class="login-form" id="login-form" #loginForm="ngForm">\r\n    <div class="header-container">\r\n      <label class="login-header" attr.aria-label="login">{{ loginData.header }}</label>\r\n    </div>\r\n    <div class="fields-container">\r\n      <div *ngFor="let field of loginData.fields" class="field">\r\n        <label class="field-label">\r\n          {{ field.name }}:\r\n        </label>\r\n\r\n        <input\r\n         ngModel\r\n         class="field-input"\r\n         attr.aria-label="{{ field.name }}"\r\n         [name]="field.name"\r\n         [type]="field.type"\r\n         [value]="field.value"\r\n         [placeholder]="field.placeholder || \'\'"\r\n         [required]="field.isRequired || false"\r\n         (focusout)="focusOutOfInput(loginForm, field)"/>\r\n\r\n         <p class="invalid-input" *ngIf="field.isInvalid">{{ field.invalidMessage }}</p>\r\n      </div>\r\n\r\n      <button\r\n        type="submit"\r\n        class="form-submit"\r\n        form="login-form"\r\n        tabindex="0"\r\n        attr.aria-label="send"\r\n        [disabled]="!loginForm.valid">Login</button>\r\n    </div>\r\n\r\n  </form>\r\n</div>\r\n',styles:[".login-container{border:1px solid #939598;white-space:nowrap;font-family:Arial;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-overflow:ellipsis;position:relative;font-size:.9em;overflow-x:hidden;overflow-y:hidden}.header-container{border-bottom:1px solid #939598;background-color:#f4f5fb;width:100%;height:28px;position:sticky}.login-header{margin-top:auto;margin-left:7px;padding:5px;font-weight:700;font-size:.9em}.fields-container{overflow-y:auto;font-size:.9em;padding:5px}.field{display:table-row;margin:5px}.field-label{padding:10px;display:table-cell}.field-input{display:table-cell;border:1px solid #939598;border-radius:5px}.field-input:focus{box-shadow:0 0 5px #38badf}.form-submit{margin:15px 10px 10px;display:table-row;border:1px solid #00a4b0;border-radius:5px;background-color:#00a4b0;color:#f7f7f7;width:10em;height:2em;transition:.2s;font-size:1.1em;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.form-submit:hover{background-color:#01858f}.form-submit:disabled{background-color:silver;border-color:silver;color:#fff}input.ng-invalid.ng-touched[required]{border-color:#a94442}.form-submit:focus{outline:#3296da solid 2px;outline-offset:5px}.invalid-input{margin:0;padding:0;color:#a94442;font-size:x-small}"]})],t)}(),S=function(){function t(){this.CreateNewEntity=new e.EventEmitter,this.isCreateMaximized=!0}return t.prototype.createNewEntity=function(t){this.CreateNewEntity.emit(t)},t.prototype.getEntities=function(){return Object.keys(this.Entities)},t.prototype.getDisplay=function(t){return t.substring(0,t.indexOf("|"))},t.prototype.getImage=function(t){return t.substring(t.indexOf("|")+1)},d([e.Output()],t.prototype,"CreateNewEntity",void 0),d([e.Input()],t.prototype,"Entities",void 0),t=d([e.Component({selector:"amc-create",template:'<div *ngIf="isCreateMaximized" class="callDisplay">\r\n  <div class="editor callHeader">\r\n    <label class="headerLabel">\r\n      <b>Create New</b>\r\n    </label>\r\n    <img class="ViewResizeImage" src="/assets/images/section_collapse.png" (click)="isCreateMaximized = false"\r\n      title="Collapse" />\r\n  </div>\r\n  <div class="callBody">\r\n    <div *ngIf="Entities" class="container">\r\n      <div *ngFor="let entity of getEntities()" class="createNewLabel" (click)="createNewEntity(entity)"\r\n        title="{{ getDisplay(Entities[entity]) }}">\r\n        <img class="createEntityImages" src="{{ getImage(Entities[entity]) }}" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf="!isCreateMaximized" class="callDisplay">\r\n  <div class="editor callHeader">\r\n    <label class="headerLabel">\r\n      <b>Create New</b>\r\n    </label>\r\n    <img class="ViewResizeImage" src="/assets/images/section_expand.png" (click)="isCreateMaximized = true"\r\n      title="Expand" />\r\n  </div>\r\n</div>\r\n',styles:[".callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important;border:1px solid #939598!important}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.createEntityImages{width:30px;height:25px;margin-bottom:5px;margin-top:5px;cursor:pointer;padding-left:5px}.createNewLabel{display:inline-block;margin-left:5%;margin-right:5%}.container{padding-right:0;padding-left:0;font-size:10px;text-align:center}.callBody{border:1px solid #939598;border-top:1px solid #939598;position:relative}.callDisplay{display:grid;background-color:#fff;display:grid}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.headerLabel{margin-left:10px}"]})],t)}(),M=function(){function t(){this.EventEmitter=new e.EventEmitter,this.debouncer=new l.Subject,this.eventList=new Set}return t.prototype.ngOnChanges=function(){},t.prototype.getIcon=function(t){switch(t){case"Telephony":return"../../assets/images/Phone_Number_Icon.png";case"Email":return"../../assets/images/emailTab.png";default:return"../../assets/images/chat.png"}},t.prototype.ngOnInit=function(){var t=this;this.debouncer.pipe(s.debounceTime(500)).subscribe((function(){var e={eventName:Array.from(t.eventList).join("|"),idx:t.idx,newValue:t.ActivityDetails};t.EventEmitter.emit(e),t.eventList.clear()}))},t.prototype.ngOnDestroy=function(){},t.prototype.expandAndCollapseRecentActivity=function(t){t?this.EventEmitter.emit({eventName:"WorkingEvtivityChanged",idx:this.idx,newValue:this.ActivityDetails}):this.EventEmitter.emit({eventName:"WorkingEvtivityChanged",idx:-1,newValue:this.ActivityDetails})},t.prototype.openActivity=function(){this.EventEmitter.emit({eventName:"OpenCallActivity",idx:this.idx,newValue:this.ActivityDetails})},t.prototype.onSubjectChange=function(){this.eventList.add("ActivitySubjectChanged"),this.debouncer.next()},t.prototype.onSubjectKeyUp=function(){this.eventList.add("ActivitySubjectChanged"),this.debouncer.next()},t.prototype.onWhoObjectChange=function(t){this.ActivityDetails.WhoObject=this.WhoObjectList.find((function(e){return e.objectId===t})),this.EventEmitter.emit({eventName:"ActivityWhoObjectChanged",idx:this.idx,newValue:this.ActivityDetails})},t.prototype.onRelatedToChange=function(t){this.ActivityDetails.WhatObject=this.WhatObjectList.find((function(e){return e.objectId===t})),this.EventEmitter.emit({eventName:"ActivityWhatObjectChanged",idx:this.idx,newValue:this.ActivityDetails})},t.prototype.onCallNotesChange=function(){this.eventList.add("ActivityCallNoteChanged"),this.debouncer.next()},t.prototype.onCallNotesKeyUp=function(){this.eventList.add("ActivityCallNoteChanged"),this.debouncer.next()},t.prototype.addQuickCommentToDescription=function(t){this.ActivityDetails.Description&&(this.ActivityDetails.Description+="\n"),this.ActivityDetails.Description+=t,this.eventList.add("ActivityCallNoteChanged"),this.debouncer.next()},t.prototype.submitActivity=function(){this.ActivityDetails.IsProcessing=!0,this.EventEmitter.emit({eventName:"SubmitActivity",idx:this.idx,newValue:this.ActivityDetails})},d([e.Input()],t.prototype,"ActivityDetails",void 0),d([e.Input()],t.prototype,"isInConsoleView",void 0),d([e.Input()],t.prototype,"quickCommentList",void 0),d([e.Input()],t.prototype,"workingScenarioID",void 0),d([e.Input()],t.prototype,"idx",void 0),d([e.Input()],t.prototype,"last",void 0),d([e.Input()],t.prototype,"WhoObjectList",void 0),d([e.Input()],t.prototype,"WhatObjectList",void 0),d([e.Output()],t.prototype,"EventEmitter",void 0),t=d([e.Component({selector:"amc-recent-activity",template:'<div *ngIf="ActivityDetails.ScenarioId === workingScenarioID">\r\n  <div (click)="expandAndCollapseRecentActivity(false);" class="editor callHeaderRecentActivitySelected">\r\n    <label class="headerLabelClickableLook">\r\n      <img src="../../assets/images/Phone_Number_Icon.png" class="RecentCallsImg" />\r\n      <b>{{ ActivityDetails.Subject }}</b>\r\n    </label>\r\n    <img *ngIf="ActivityDetails.ActivityId" class="RecentCallsImgForActivity" src="../../assets/images/open_activity.png"\r\n      title="Open Activity" (click)="openActivity();$event.stopPropagation();" />\r\n    <label *ngIf="ActivityDetails.IsUnSaved && isInConsoleView" class="unsavedText">unsaved</label>\r\n  </div>\r\n  <div class="callBody">\r\n    <div class="gray-out" *ngIf="ActivityDetails.IsRecentWorkItemLoading">\r\n      <div class="spinner-container">\r\n        <img class="spinner" src="../../assets/images/view_progress.gif" />\r\n      </div>\r\n    </div>\r\n    <div class="activityFields">\r\n      \x3c!-- <form> --\x3e\r\n      <div class="editor displayDiv">\r\n        <label class="displayLabels" title="Subject">Subject</label>\r\n        <input class="activitySubjectTextBoxStyle displayData" type="text" (change)="onSubjectChange();"\r\n          (keyup)="onSubjectKeyUp()" name="subject" [(ngModel)]="ActivityDetails.Subject" />\r\n      </div>\r\n      <div class="editor displayDiv">\r\n        <label class="displayLabels" title="Name">Name</label>\r\n        <select class="dropDownListStyle displayData" [ngModel]="ActivityDetails.WhoObject.objectId"\r\n          (ngModelChange)="onWhoObjectChange($event)" name="whoItem">\r\n          <option *ngFor="let whoItem of WhoObjectList" [ngValue]="whoItem.objectId">\r\n            {{(whoItem.displayName && whoItem.objectName) ? (whoItem.displayName + \': \' + whoItem.objectName) : "" }}</option>\r\n          \x3c!-- <option value="UserSelectedForEmptyRecord"></option> --\x3e\r\n        </select>\r\n      </div>\r\n      <div class="editor displayDiv">\r\n        <label class="displayLabels" title="Regarding">Related To</label>\r\n        <select class="dropDownListStyle displayData" [ngModel]="ActivityDetails.WhatObject.objectId"\r\n          (ngModelChange)="onRelatedToChange($event)" name="whatItem">\r\n          <option *ngFor="let whatItem of WhatObjectList;" [ngValue]="whatItem.objectId">\r\n            {{ (whatItem.displayName && whatItem.objectName) ? (whatItem.displayName + \': \' + whatItem.objectName) : "" }}</option>\r\n          \x3c!-- <option value="UserSelectedForEmptyRecord"></option> --\x3e\r\n        </select>\r\n      </div>\r\n      <div class="editor displayDiv">\r\n        <div class="callNotesSection">\r\n          <div class="callNotesTextArea">\r\n            <textarea placeholder="Click to add a comment" class="activityCommentsTextBoxStyle"\r\n              (change)="onCallNotesChange();" (keyup)="onCallNotesKeyUp()" name="description" rows="5" title=""\r\n              [(ngModel)]="ActivityDetails.Description">\r\n            </textarea>\r\n          </div>\r\n          <div class="notesBottonBorder">\r\n            <div class="commentsButtonDiv">\r\n              <div class="quickCommentsDiv">\r\n                <input *ngFor="let quickComment of quickCommentList; let i = index;" class="quickNotesBotton"\r\n                  type="button" value="{{i+1}}" (click)="addQuickCommentToDescription(quickComment)"\r\n                  title="{{quickComment}}">\r\n              </div>\r\n              <div class="callNotesButtonsSection">\r\n                <input class="submitButton" type="button" value="Save" (click)="submitActivity()"\r\n                  [disabled]="!ActivityDetails.IsUnSaved" />\r\n                \x3c!-- <input *ngIf="recentScenario.IsProcessing" class="submitButton" type="button" value="Save" (click)="submitActivity(idx)" [disabled]="!recentScenario.IsUnSaved"/> --\x3e\r\n                <img *ngIf="ActivityDetails.IsProcessing" class="loadingIcon" src="../../assets/images/loading.gif"\r\n                  title="Updating Activity" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \x3c!-- </form> --\x3e\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf="ActivityDetails.ScenarioId !== workingScenarioID ">\r\n  <div [class.callHeaderBottomBorder]=\'last\' (click)="expandAndCollapseRecentActivity(true)"\r\n    class="editor callHeaderRecentActivityUnselected">\r\n    <label class="headerLabelClickableLook">\r\n      <img [src]="getIcon(ActivityDetails.ChannelType)" class="RecentCallsImg" />\r\n      <b>{{ ActivityDetails.Subject }}</b>\r\n    </label>\r\n    <img *ngIf="ActivityDetails.ActivityId" class="RecentCallsImgForActivity" src="../../assets/images/open_activity.png"\r\n      title="Open Activity" (click)="openActivity();$event.stopPropagation();" />\r\n    <label *ngIf="ActivityDetails.IsUnSaved && isInConsoleView" class="unsavedText">unsaved</label>\r\n  </div>\r\n</div>\r\n\r\n',styles:[".callSection{margin-left:0;font-family:Arial;position:relative;margin-top:5px;background-color:#fff}.notesBottonBorder{background-color:#fff;border-left:1px solid #939598;border-bottom:1px solid #939598;border-right:1px solid #939598;border-bottom-left-radius:3px!important;border-bottom-right-radius:3px!important;height:auto}.quickCommentsDiv{text-align:left;flex:1 0 0;flex-wrap:wrap;display:flex;margin:2px}.unsavedText{float:right;margin-right:5px;color:gray;font-style:italic}.quickNotesBotton{background-color:#1e72ba;border:0;color:#fff;height:70%;width:20px;margin:2px;outline:0;font-size:70%}.submitButton{border:0;float:right;margin-top:2px;outline:0;cursor:pointer;background-color:#6cb047;color:#fff;border-radius:4px;font-size:98%;margin-bottom:2px}.commentsButtonDiv{width:100%;display:flex;align-items:center;background-color:#f6f7fb}.gray-out{top:0;left:0;position:absolute;z-index:2000;background:#fff;opacity:.7;width:100%;height:100%}.spinner-container{position:relative;width:-moz-fit-content;width:fit-content;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{height:80px;width:80px;border:0;position:relative;left:50%;transform:translate(-50%,0)}.callNotesButtonsSection{text-align:right;padding-right:4px}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.callBody{border:1px solid #939598;border-top:1px solid #fff;position:relative}.callBodyBorderless{position:relative}.callDisplay{margin-bottom:8px;background-color:#fff}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.dropDownListStyle{border:1px solid #939598!important;border-radius:3px!important;width:70%!important;height:20px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 5px 0 0;cursor:pointer}.activitySubjectTextBoxStyle{border:1px solid #939598!important;border-radius:3px!important;width:70%!important;height:20px!important;text-align:left!important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 5px 0 0;padding-left:2px}.activityCommentsTextBoxStyle{color:#333!important;text-align:left!important;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;width:100%;height:100%;border:none}.displayDiv{width:100%;display:flex}.displayLabels{margin-left:5px;width:25%;overflow:hidden;text-overflow:ellipsis}.displayData{width:70%}.headerLabel{margin-left:10px}.activityFields{position:relative;z-index:0}.callNotesTextArea{background-color:#fff;border-bottom:1px solid #939598;border-top:1px solid #939598;border-top-left-radius:3px!important;border-top-right-radius:3px!important}.callNotesSection{float:left;height:100%;width:100%;background-color:#f6f7fb}.callHeaderRecentActivitySelected{cursor:pointer;border-left:1px solid #939598!important;border-right:1px solid #939598!important;background-color:#cfecf2!important;width:100%!important;margin-top:0!important}.callHeaderRecentActivityUnselected{cursor:pointer;border-left:1px solid #939598!important;border-right:1px solid #939598!important;background-color:#e6f4f7!important;width:100%!important;margin-top:0!important}.callHeader{border:1px solid #939598!important;background-color:#f4f5fb!important;width:100%!important;margin-top:0!important}.callHeaderBottomBorder{cursor:pointer;border-bottom:1px solid #939598!important;border-left:1px solid #939598!important;border-right:1px solid #939598!important;background-color:#e6f4f7!important;width:100%!important;margin-top:0!important}.RecentCallsImg{height:15px;vertical-align:text-bottom}.RecentCallsImgForActivity{height:15px;vertical-align:super;margin-right:5px}.headerLabelClickableLook{cursor:pointer;display:inline-block;margin-left:10px;max-width:80%;overflow:hidden;text-overflow:ellipsis}.loadingIcon{margin-left:auto;margin-right:5px;height:10px;width:30px;margin-top:5px;padding-bottom:0}input[type=button]:disabled{background-color:#d3d3d3;cursor:auto}"]})],t)}(),N=function(){function t(){this.isActivityMaximized=!0,this.EventEmitter=new e.EventEmitter,this.debouncer=new l.Subject,this.eventList=new Set}return t.prototype.ngOnInit=function(){return c(this,void 0,void 0,(function(){var t=this;return g(this,(function(e){return this.debouncer.pipe(s.debounceTime(500)).subscribe((function(){var e={eventName:Array.from(t.eventList).join("|"),newValue:t.ActivityDetails};t.EventEmitter.emit(e),t.eventList.clear()})),[2]}))}))},t.prototype.submitActivity=function(){try{this.ActivityDetails.IsProcessing=!0,this.EventEmitter.emit({eventName:"SubmitActivity",newValue:this.ActivityDetails})}catch(t){}},t.prototype.triggerDiscardActivity=function(){try{this.EventEmitter.emit({eventName:"TriggerDiscardActivity",newValue:this.ActivityDetails})}catch(t){}},t.prototype.onNameChange=function(t){try{this.ActivityDetails.WhoObject=this.WhoObjectList.find((function(e){return e.objectId===t})),this.EventEmitter.emit({eventName:"ActivityWhoObjectChanged",newValue:this.ActivityDetails})}catch(t){}},t.prototype.onRelatedToChange=function(t){try{this.ActivityDetails.WhatObject=this.WhatObjectList.find((function(e){return e.objectId===t})),this.EventEmitter.emit({eventName:"ActivityWhatObjectChanged",newValue:this.ActivityDetails})}catch(t){}},t.prototype.onSubjectChange=function(){try{this.eventList.add("ActivitySubjectChanged"),this.debouncer.next()}catch(t){}},t.prototype.onSubjectKeyUp=function(){try{this.eventList.add("ActivitySubjectChanged"),this.debouncer.next()}catch(t){}},t.prototype.onCallNotesChange=function(){try{this.eventList.add("ActivityCallNoteChanged"),this.debouncer.next()}catch(t){}},t.prototype.onCallNotesKeyUp=function(){try{this.eventList.add("ActivityCallNoteChanged"),this.debouncer.next()}catch(t){}},t.prototype.addQuickCommentToDescription=function(t){try{var e=t;if(this.quickCommentOptionRequiredCadArray[t]){var i={};this.ActivityDetails&&(i=this.scenarioToCADMap[this.ActivityDetails.ScenarioId]);for(var o=0;o<this.quickCommentOptionRequiredCadArray[t].length;o++){var n=this.quickCommentOptionRequiredCadArray[t][o],r=this.quickCommentOptionRequiredCadArray[t][o];i[n=(n=n.replace("{{","")).replace("}}","")]&&(e=e.replace(r,i[n].Value))}}this.ActivityDetails.Description&&(this.ActivityDetails.Description+="\n"),this.ActivityDetails.Description+=e,this.eventList.add("ActivityCallNoteChanged"),this.debouncer.next()}catch(t){}},t.prototype.parseWhoObject=function(t){try{return t.displayName+": "+t.objectName}catch(t){}},t.prototype.parseWhatObject=function(t){try{return t.displayName+": "+t.objectName}catch(t){}},d([e.Input()],t.prototype,"ActivityDetails",void 0),d([e.Input()],t.prototype,"quickCommentList",void 0),d([e.Input()],t.prototype,"isAutoSave",void 0),d([e.Input()],t.prototype,"enableDiscard",void 0),d([e.Input()],t.prototype,"autoSaveTimer",void 0),d([e.Input()],t.prototype,"quickCommentOptionRequiredCadArray",void 0),d([e.Input()],t.prototype,"WhoObjectList",void 0),d([e.Input()],t.prototype,"WhatObjectList",void 0),d([e.Input()],t.prototype,"scenarioToCADMap",void 0),d([e.Output()],t.prototype,"EventEmitter",void 0),t=d([e.Component({selector:"amc-current-activity",template:'<div *ngIf="isActivityMaximized" class="callDisplay">\r\n  <div class="editor callHeader">\r\n      <label class="headerLabel">\r\n          <b>Activity Information</b>\r\n      </label>\r\n      <img class="ViewResizeImage" src="/assets/images/section_collapse.png" (click)="isActivityMaximized = false"\r\n          title="Collapse"><img *ngIf="enableDiscard" class="DiscardImage" src="assets/images/Discard.png"\r\n          (click)="triggerDiscardActivity()" title="Discard">\r\n  </div>\r\n  <div class="callBody">\r\n      <div class="activityFields">\r\n          <form>\r\n              <div class="editor displayDiv">\r\n                  <label class="displayLabels" title="Name">Name</label>\r\n                  <select class="dropDownListStyle displayData" [ngModel]="ActivityDetails.WhoObject.objectId" (ngModelChange)="onNameChange($event)" name="whoItem">\r\n                      <option *ngFor="let whoItem of WhoObjectList" [ngValue]="whoItem.objectId">{{ (whoItem.displayName && whoItem.objectName) ? (whoItem.displayName + \': \' +\r\n                          whoItem.objectName) : ""}}</option>\r\n                      \x3c!-- <option value="UserSelectedForEmptyRecord"></option> --\x3e\r\n                  </select>\r\n              </div>\r\n              <div class="editor displayDiv"\r\n                  *ngIf=\'(ActivityDetails.WhoObject && ActivityDetails.WhoObject.objectType !== "Lead")\'>\r\n                  <label class="displayLabels" title="Related To">Related To</label>\r\n                  <select class="dropDownListStyle displayData" (ngModelChange)="onRelatedToChange($event)"\r\n                      [ngModel]="ActivityDetails.WhatObject.objectId" name="whatItem">\r\n                      <option *ngFor="let whatItem of WhatObjectList;" [ngValue]="whatItem.objectId">\r\n                          {{ (whatItem.displayName && whatItem.objectName) ? (whatItem.displayName + \': \' + whatItem.objectName) : "" }}</option>\r\n                      \x3c!-- <option value="UserSelectedForEmptyRecord"></option> --\x3e\r\n                  </select>\r\n              </div>\r\n              <div class="editor displayDiv">\r\n                  <label class="displayLabels" title="Subject">Subject</label>\r\n                  <input class="activitySubjectTextBoxStyle displayData" (change)="onSubjectChange()" type="text"\r\n                      name="subject" (keyup)="onSubjectKeyUp()" [(ngModel)]="ActivityDetails.Subject">\r\n              </div>\r\n              <div class="editor displayDiv">\r\n                  <div class="callNotesSection">\r\n                      <div class="callNotesTextArea">\r\n                          <textarea [(ngModel)]="ActivityDetails.Description" placeholder="Click to add a comment"\r\n                              class="activityCommentsTextBoxStyle" (change)="onCallNotesChange()" name="description"\r\n                              (keyup)="onCallNotesKeyUp()" cols="20" rows="2" title=""></textarea>\r\n                      </div>\r\n                      <div class="notesBottonBorder">\r\n                          <div class="commentsButtonDiv">\r\n                              <div class="quickCommentsDiv">\r\n                                  <input *ngFor="let quickComment of quickCommentList; let i = index;"\r\n                                      class="quickNotesBotton" type="button" value="{{i+1}}"\r\n                                      (click)="addQuickCommentToDescription(quickComment)" title="{{quickComment}}">\r\n                              </div>\r\n                              <div class="callNotesButtonsSection">\r\n                                  <input class="submitButton" type="button" value="Save"\r\n                                      (click)="submitActivity()" [disabled]="!ActivityDetails.IsUnSaved" />\r\n                                  \x3c!-- TOsDO check this Isprocessing --\x3e\r\n                                  \x3c!-- <input *ngIf="!storageService.getActivity().IsProcessing" class="submitButton" type="button" value="Save" (click)="submitActivity(storageService.getActivity().ScenarioId)" [disabled]="!isChangesUnSaved(this.scenarioId)" /> --\x3e\r\n                                  <img *ngIf="ActivityDetails.IsProcessing" class="loadingIcon"\r\n                                      src="assets/images/loading.gif" title="Updating Activity" />\r\n                              </div>\r\n                          </div>\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n          </form>\r\n      </div>\r\n  </div>\r\n</div>\r\n<div *ngIf="!isActivityMaximized" class="callDisplay">\r\n  <div class="editor callHeader">\r\n      <label class="headerLabel">\r\n          <b>Activity Information</b>\r\n      </label>\r\n      <img class="ViewResizeImage" src="assets/images/section_expand.png" (click)="isActivityMaximized = true"\r\n          title="Expand">\r\n  </div>\r\n</div>\r\n',styles:[".imageExpandCollapse{float:right;width:20px;height:20px}.miscSection{position:relative;margin-top:20px;background-color:#e5e6f2}.callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important;border:1px solid #939598!important}.notesBottonBorder{background-color:#fff;border-left:1px solid #939598;border-bottom:1px solid #939598;border-right:1px solid #939598;border-bottom-left-radius:3px!important;border-bottom-right-radius:3px!important;height:auto}.quickNotesBotton{background-color:#1e72ba;border:0;color:#fff;height:70%;width:20px;margin:2px;outline:0;font-size:70%}.submitButton{border:0;float:right;margin-top:2px;outline:0;cursor:pointer;background-color:#6cb047;color:#fff;border-radius:4px;font-size:98%;margin-bottom:2px}.callBody{border:1px solid #939598;border-top:1px solid #939598;position:relative}.miscIcons{width:20px;height:20px;float:right;margin-top:4px;margin-right:5px;margin-left:5px}.amcIcon{width:50%;height:20px;margin-top:5px;margin-left:10px}.callDisplay{display:grid;margin-bottom:8px;background-color:#fff}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.AnswerCallImages{width:28px;height:20px;margin:6px 0 0 5px}.dropDownListStyle{border:1px solid #939598!important;border-radius:3px!important;width:71%!important;height:20px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 5px 0 0;cursor:pointer}.activitySubjectTextBoxStyle{border:1px solid #939598!important;border-radius:3px!important;width:71%!important;height:20px!important;text-align:left!important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0 5px 0 0;padding-left:2px}.activityCommentsTextBoxStyle{border:none;color:#333!important;text-align:left!important;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;width:100%;height:95px}.displayDiv{width:100%;display:flex}.displayLabels{margin-left:5px;width:25%;margin-right:2px}.displayData{width:70%}.commentsButtonDiv{width:100%;display:flex;align-items:center;background-color:#f6f7fb}.quickCommentsDiv{text-align:left;flex:1 0 0;flex-wrap:wrap;display:flex;margin:2px}.callNotesButtonsSection{text-align:right;padding-right:4px}.newEntityImages{width:25px;height:25px;margin-top:2px;cursor:pointer;padding-left:5px}body{font-size:.85em;color:#232323;background-color:#fff;font-family:Arial}.callNotesSection{float:left;height:100%;width:100%;margin-right:5px;margin-left:5px;margin-bottom:5px}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.DiscardImage{padding-top:2px;width:15px;height:18px;float:right;cursor:pointer}.headerLabel{margin-left:10px}.callNotesTextArea{background-color:#fff;border-left:1px solid #939598;border-bottom:1px solid #939598;border-right:1px solid #939598;border-top:1px solid #939598;border-top-left-radius:3px!important;border-top-right-radius:3px!important}.loadingIcon{float:right;margin-right:5px;height:10px;width:30px;margin-top:8px;padding-bottom:0}input[type=button]:disabled{background-color:#d3d3d3;cursor:auto}"]})],t)}(),E=function(){function t(){this.isSearchInformationMaximized=!0,this.singleMatchData=null,this.multiMatchData=[],this.agentSelectedCallerInformation=new e.EventEmitter}return t.prototype.ngOnChanges=function(){this.renderData()},t.prototype.renderData=function(){try{if(this.singleMatchData=null,this.multiMatchData=[],this.shouldShowAllMultiMatchOptions=!1,1===this.searchRecordList.length)this.singleMatchData=this.parseSearchRecordForNameSingleMatch(this.searchRecordList[0]);else if(this.searchRecordList.length>1)for(var t=0;t<this.searchRecordList.length;t++)this.multiMatchData.push(this.parseSearchRecordForNameMultiMatch(this.searchRecordList[t]))}catch(t){}},t.prototype.onAgentSelectedCallerInformation=function(t){try{this.agentSelectedCallerInformation.emit({id:t.target.id,value:t.target.value})}catch(t){}},t.prototype.parseSearchRecordForNameSingleMatch=function(t){var e=[];try{var i=this.getEntityImgToDisplay(t);this.singleMatchIconSrc=i;for(var o=this.getSearchLayoutInfoForDisplay(t),n=0;n<o.DisplayFields.length;n++)if(o.DisplayFields&&o.DisplayFields[n].DevName)for(var r=o.DisplayFields[n].DevName,a=Object.keys(t.fields),s=0;s<a.length;s++)if(t.fields[a[s]]&&t.fields[a[s]].DevName===r){var l=t.fields[a[s]].Value;l=0===n?t.displayName?[t.displayName,l]:[t.type,l]:o.DisplayFields[n].DisplayName?[o.DisplayFields[n].DisplayName,l]:[o.DisplayFields[n].DevName,l],e.push(l)}}catch(t){}return e},t.prototype.parseSearchRecordForNameMultiMatch=function(t){var e=[];try{for(var i=this.getEntityImgToDisplay(t),o=this.getSearchLayoutInfoForDisplay(t),n=0;n<o.DisplayFields.length;n++)if(o.DisplayFields&&o.DisplayFields[n].DevName)for(var r=o.DisplayFields[n].DevName,a=Object.keys(t.fields),s=0;s<a.length;s++)if(t.fields[a[s]]&&t.fields[a[s]].DevName===r){var l=t.fields[a[s]].Value;return(l=0===n?t.displayName?[t.displayName,l]:[t.type,l]:o.DisplayFields[n].DisplayName?[o.DisplayFields[n].DisplayName,l]:[o.DisplayFields[n].DevName,l]).push(i),e.push(l),e}}catch(t){}return e},t.prototype.getEntityImgToDisplay=function(t){var e="";try{t.type&&(e="CONTACT"===t.type.toUpperCase()?"../../assets/images/Icon_Contact.png":"ACCOUNT"===t.type.toUpperCase()?"../../assets/images/Icon_Account.png":"LEAD"===t.type.toUpperCase()?"../../assets/images/Icon_Lead.png":"../../assets/images/Miscellaneous_Icon.png")}catch(t){}return e},t.prototype.getSearchLayoutInfoForDisplay=function(t){var e;try{e=this.searchLayout.layouts[0][this.ActivityDetails.CallType].find((function(e){return e.DevName===t.type}))}catch(t){}return e},d([e.Input()],t.prototype,"ActivityDetails",void 0),d([e.Input()],t.prototype,"searchLayout",void 0),d([e.Input()],t.prototype,"searchRecordList",void 0),d([e.Output()],t.prototype,"agentSelectedCallerInformation",void 0),t=d([e.Component({selector:"amc-search-information",template:'<div class="callDisplay">\r\n  <div class="editor callHeader">\r\n    <label class="headerLabel">\r\n      <b>Caller Information</b>\r\n    </label>\r\n    <img\r\n      title="Multiple Matches Available"\r\n      *ngIf="this.searchRecordList.length > 1"\r\n      src="../../assets/images/MultiMatchAlert.png"\r\n      class="multiMatchImg"\r\n    />\r\n    <img\r\n      *ngIf="isSearchInformationMaximized"\r\n      class="ViewResizeImage"\r\n      src="assets/images/section_collapse.png"\r\n      (click)="isSearchInformationMaximized = false"\r\n      title="Collapse"\r\n    />\r\n    <img\r\n      *ngIf="!isSearchInformationMaximized"\r\n      class="ViewResizeImage"\r\n      src="assets/images/section_expand.png"\r\n      (click)="isSearchInformationMaximized = true"\r\n      title="Expand"\r\n    />\r\n  </div>\r\n  <div class="callBody" *ngIf="isSearchInformationMaximized">\r\n    <div *ngIf="this.searchRecordList.length > 1">\r\n      <span class="overflowWrapper">\r\n        <img\r\n          class="CRMResultImageMultiMatch"\r\n          src="{{ this.multiMatchData[0][0][2] }}"\r\n        />\r\n        <input\r\n          id="{{ this.searchRecordList[0].id }}"\r\n          name="{{ this.multiMatchData[0][0][1] }}"\r\n          (click)="onAgentSelectedCallerInformation($event)"\r\n          readonly\r\n          class="multiMatchLabel"\r\n          title="{{ this.multiMatchData[0][0][1] }}"\r\n          type="text"\r\n          value="{{ this.multiMatchData[0][0][1] }}"\r\n        />\r\n        <span style="float: right; margin-right: 4%;">\r\n          <img\r\n            *ngIf="!this.shouldShowAllMultiMatchOptions"\r\n            class="CRMExpandImage"\r\n            src="../../assets/images/down-arrow.png"\r\n            (click)="shouldShowAllMultiMatchOptions = true"\r\n          />\r\n          <img\r\n            *ngIf="this.shouldShowAllMultiMatchOptions"\r\n            class="CRMExpandImage"\r\n            src="../../assets/images/up-arrow.png"\r\n            (click)="shouldShowAllMultiMatchOptions = false"\r\n          />\r\n        </span>\r\n      </span>\r\n      <div *ngIf="this.shouldShowAllMultiMatchOptions">\r\n      <div *ngFor="let i of this.multiMatchData | slice: 1; let index = index">\r\n        <span\r\n          class="overflowWrapper"\r\n        >\r\n          <img class="CRMResultImageMultiMatch" src="{{ i[0][2] }}" />\r\n          <input\r\n            id="{{ this.searchRecordList[index + 1].id }}"\r\n            name="{{ i[0][1] }}"\r\n            readonly\r\n            class="multiMatchLabel"\r\n            (click)="onAgentSelectedCallerInformation($event)"\r\n            title="{{ i[0][1] }}"\r\n            type="text"\r\n            value="{{ i[0][1] }}"\r\n          />\r\n        </span>\r\n      </div>\r\n      </div>\r\n    </div>\r\n    \x3c!-- Below is the HTML loaded on Single Match --\x3e\r\n    <div *ngIf="this.searchRecordList.length === 1">\r\n      <div\r\n        class="editorFull displayDiv"\r\n        *ngFor="\r\n          let i of this.singleMatchData | slice: 0:1;\r\n          let index = index;\r\n          let first = first\r\n        "\r\n      >\r\n        <span class="overflowWrapper">\r\n            <img\r\n              id="EntityIcon"\r\n              src="{{ this.singleMatchIconSrc }}"\r\n              class="CRMResultImage"\r\n            />\r\n            <input\r\n              class="singleSearchResultSelect singleMatchFirstWrapper "\r\n              id="{{ this.searchRecordList[0].id }}"\r\n              [class.firstSingleMatchResult]="first"\r\n              value="{{ i[1] }}"\r\n              title="{{ i[1] }}"\r\n              (click)="onAgentSelectedCallerInformation($event)"\r\n              readonly\r\n            />\r\n        </span>\r\n      </div>\r\n      <div\r\n        class="editorFull displayDiv"\r\n        *ngFor="\r\n          let i of this.singleMatchData | slice: 1;\r\n          let index = index;\r\n          let first = first\r\n        "\r\n      >\r\n        <span class="overflowWrapper">\r\n          <label title="{{ i[0] }}" class="displayLabelsTabbed">{{\r\n            i[0]\r\n          }}</label>\r\n            <input\r\n              class="singleSearchResultSelect singleMatchTabbedItemsWrapper singleMatchLabel"\r\n              id="{{ this.searchRecordList[0].id }}"\r\n              value="{{ i[1] }}"\r\n              title="{{ i[1] }}"\r\n              readonly\r\n            />\r\n          </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n',styles:[".callHeader{background-color:#f4f5fb!important;width:100%!important;margin-top:0!important;border:1px solid #939598!important}.displayDiv{width:100%;display:flex}.multiMatchImg{height:18px;margin-left:5px}.editor{font-size:.9em;width:70%;text-align:left;margin:4px 5% 0 0;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.editorFull{font-size:.9em;width:100%;text-align:left;font-family:Arial;white-space:nowrap;text-overflow:ellipsis;border:0;padding-top:2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.CRMResultImage{width:18px;height:18px;margin-right:-5px;margin-top:-5px;margin-left:5px}.CRMResultImageMultiMatch{width:18px;height:18px;margin-right:2px;margin-left:5px;margin-top:-5px}.CRMExpandImage{width:6px;height:6px;cursor:pointer;margin-bottom:2px}.callBody{border:1px solid #939598;border-top:1px solid #939598;position:relative}.callDisplay{margin-bottom:8px;display:grid;background-color:#fff;display:grid}.multipleSearchResultSelect{border:1px solid #939598!important;border-radius:3px!important;width:96%!important;height:20px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:5px 0 5px 6px;cursor:pointer}.overflowWrapper{width:100%;overflow-x:hidden;overflow-y:hidden}.singleSearchResultSelect{border:0 solid #939598!important;height:20px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0;outline:0}.wrapper{width:79%!important}.singleMatchFirstWrapper{cursor:pointer;border:0;outline:0;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 30px)}.singleMatchTabbedItemsWrapper{width:70%}.displayLabels{margin-left:5px;width:calc(20% + 5px);font-weight:400;margin-bottom:0;margin-top:0;outline:0;overflow:hidden;max-width:100px;vertical-align:middle}.displayLabelsMultiMatch{margin-left:5px;width:calc(20% + 5px);font-weight:400;margin-bottom:0;margin-top:0;outline:0}.displayLabelsTabbed{margin-left:5px;width:35%;font-weight:400;margin-bottom:0;margin-top:0;outline:0;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.matchedRecordsMargin{margin-top:1%}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.headerLabel{margin-left:10px}.firstSingleMatchResult{font-weight:700;border:0 solid #939598!important;height:20px!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0 0 0 5px;outline:0}.multiMatchLabel{border:0;cursor:pointer;outline:0;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(95% - 45px)}.singleMatchLabel{border:0;outline:0;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(65% - 13px)}"]})],t)}(),O=function(){function t(t){this.injector=t}return t.prototype.ngDoBootstrap=function(t){if(!customElements.get("amc-webcomponents-scenario")){var e=new a.ElementZoneStrategyFactory(f,this.injector);customElements.define("amc-webcomponents-scenario",n.createCustomElement(f,{injector:this.injector,strategyFactory:e}))}if(!customElements.get("amc-webcomponents-disposition")){e=new a.ElementZoneStrategyFactory(T,this.injector);customElements.define("amc-webcomponents-disposition",n.createCustomElement(T,{injector:this.injector,strategyFactory:e}))}if(!customElements.get("amc-webcomponents-login")){e=new a.ElementZoneStrategyFactory(A,this.injector);customElements.define("amc-webcomponents-login",n.createCustomElement(A,{injector:this.injector,strategyFactory:e}))}},t.ctorParameters=function(){return[{type:e.Injector}]},t=d([e.NgModule({imports:[r.BrowserModule,i.CommonModule,o.FormsModule,p.MatTabsModule],declarations:[u,f,b,w,I,D,C,k,T,z,A,S,M,N,E],providers:[],entryComponents:[f,T,A,S,M,N,E],bootstrap:[],exports:[f,T,A,S,M,N,E]})],t)}();t.Property=y,t.UILibraryModule=O,t.ɵa=u,t.ɵb=f,t.ɵc=b,t.ɵd=w,t.ɵe=I,t.ɵf=D,t.ɵg=C,t.ɵh=k,t.ɵi=T,t.ɵj=z,t.ɵk=A,t.ɵl=S,t.ɵm=M,t.ɵn=N,t.ɵo=E,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=amc-technology-ui-library.umd.min.js.map