@amc-technology/ui-library 1.0.103 → 1.0.104

package/fesm2022/amc-technology-ui-library.mjs

@@ -8,16 +8,16 @@ import { FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 import { Subject } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
-import { MatLegacyTabsModule } from '@angular/material/legacy-tabs';
+import { MatTabsModule } from '@angular/material/tabs';
 
 class ActivityComponent {
-    isActivityMaximized;
     activity;
     ActivitySave = new EventEmitter();
     OnNameSelectChange = new EventEmitter();
     OnRelatedToChange = new EventEmitter();
     OnSubjectChange = new EventEmitter();
     OnCallNotesChange = new EventEmitter();
+    isActivityMaximized;
     constructor() {
         this.isActivityMaximized = true;
     }
@@ -135,13 +135,12 @@ class ChatBoxComponent {
     settings;
     isTyping = false;
     messages;
-    lastCount = -1;
-    _isAgentTyping = false;
     isAgentTyping = new EventEmitter();
     newMessage = new EventEmitter();
-    newMessageText = '';
     messagesContainer;
     autofocus;
+    _isAgentTyping = false;
+    newMessageText = '';
     usernameToColor = {};
     colors = [
         '#c2c4c4',
@@ -156,9 +155,10 @@ class ChatBoxComponent {
     ];
     colorsIndex = 0;
     agentColor = '#2db0e0';
+    sendButtonText;
+    lastCount = -1;
     scrollAtBottom = true;
     iterableDiffer;
-    sendButtonText;
     constructor(renderer, iterableDiffers) {
         this.renderer = renderer;
         this.iterableDiffers = iterableDiffers;
@@ -276,9 +276,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class CreateComponent {
+    Entities;
     CreateNewEntity = new EventEmitter();
     isCreateMaximized;
-    Entities;
     constructor() {
         this.isCreateMaximized = true;
     }
@@ -300,10 +300,10 @@ class CreateComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CreateComponent, decorators: [{
             type: Component,
             args: [{ 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;overflow:hidden;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-color:#939598;border-top-style:solid;border-top-width:1px;border-top:0;position:relative}.callDisplay{background-color:#fff;display:grid}.ViewResizeImage{width:20px;height:20px;float:right;cursor:pointer}.headerLabel{margin-left:10px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { CreateNewEntity: [{
-                type: Output
-            }], Entities: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { Entities: [{
                 type: Input
+            }], CreateNewEntity: [{
+                type: Output
             }] } });
 
 class CurrentActivityComponent {
@@ -317,9 +317,9 @@ class CurrentActivityComponent {
     WhatObjectList;
     scenarioToCADMap;
     EventEmitter;
+    isActivityMaximized;
     eventList;
     debouncer;
-    isActivityMaximized;
     constructor() {
         this.isActivityMaximized = true;
         this.EventEmitter = new EventEmitter();
@@ -535,6 +535,13 @@ class DurationComponent {
         }
         this.startCallCounter();
     }
+    ngOnDestroy() {
+        // clear the timer.
+        if (this._timerId != null) {
+            clearInterval(this._timerId);
+            this._timerId = null;
+        }
+    }
     /**
    * @ignore
    */
@@ -548,13 +555,6 @@ class DurationComponent {
             }, 1000);
         }
     }
-    ngOnDestroy() {
-        // clear the timer.
-        if (this._timerId != null) {
-            clearInterval(this._timerId);
-            this._timerId = null;
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DurationComponent, selector: "amc-duration", inputs: { statusText: "statusText", callId: "callId", startTime: "startTime" }, ngImport: i0, 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}.durationInput{background-color:transparent;border:0px;width:100%;text-align:right}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}\n"] });
 }
@@ -602,6 +602,16 @@ class HoldTimerComponent {
         }
         this.startCallCounter();
     }
+    /**
+     * @ignore
+     */
+    ngOnDestroy() {
+        // clear the timer.
+        if (this._timerId != null) {
+            clearInterval(this._timerId);
+            this._timerId = null;
+        }
+    }
     /**
      * @ignore
      */
@@ -625,16 +635,6 @@ class HoldTimerComponent {
         }
         return pastTimeInSeconds;
     }
-    /**
-     * @ignore
-     */
-    ngOnDestroy() {
-        // clear the timer.
-        if (this._timerId != null) {
-            clearInterval(this._timerId);
-            this._timerId = null;
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HoldTimerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HoldTimerComponent, selector: "amc-holdTimer", inputs: { holdCounterData: "holdCounterData", statusText: "statusText", callId: "callId" }, ngImport: i0, 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}.holdCallDurationDiv{float:left;margin-top:1px;margin-left:2px}.holdCallDurationTimer{background-color:transparent;border:0px;width:100%}.verticalDivider{margin-left:2px;float:left}\n"] });
 }
@@ -702,12 +702,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * enum for Value types of PROPERTY.
+ */
+var ValueType;
+(function (ValueType) {
+    ValueType[ValueType["STRING"] = 0] = "STRING";
+    ValueType[ValueType["COUNTER"] = 1] = "COUNTER";
+})(ValueType || (ValueType = {}));
 /**
  * A helper method to make instances of [IProperty]
  */
 class Property {
-    key;
-    value;
     /**
      * KEY value to be displayed on component.
      */
@@ -726,13 +732,8 @@ class Property {
      * This flag decides if PROPERTY will be displayed on component or not.
      */
     visible;
-    /**
-     * Operation responsible for generating displayKey and dispkayValur from key and value.
-     */
-    displayOperation = () => {
-        this.displayKey = this.key;
-        this.displayValue = this.value;
-    };
+    key;
+    value;
     /**
      *
      * @param key
@@ -744,22 +745,19 @@ class Property {
     constructor(key, value, visible, valueType, customOperation) {
         this.key = key;
         this.value = value;
-        visible != null ? (this.visible = visible) : (this.visible = true);
-        valueType != null
-            ? (this.displayValueType = valueType)
-            : (this.displayValueType = ValueType.STRING);
+        this.visible = visible || true;
+        this.displayValueType = valueType || ValueType.STRING;
         this.customOperations = customOperation;
         this.displayOperation();
     }
+    /**
+     * Operation responsible for generating displayKey and dispkayValur from key and value.
+     */
+    displayOperation = () => {
+        this.displayKey = this.key;
+        this.displayValue = this.value;
+    };
 }
-/**
- * enum for Value types of PROPERTY.
- */
-var ValueType;
-(function (ValueType) {
-    ValueType[ValueType["STRING"] = 0] = "STRING";
-    ValueType[ValueType["COUNTER"] = 1] = "COUNTER";
-})(ValueType || (ValueType = {}));
 
 /**
  * @ignore
@@ -810,6 +808,18 @@ class PropertyComponent {
         }
         this.initValues();
     }
+    /**
+     * @ignore
+     */
+    ngOnDestroy() {
+        if (this.property.displayValueType === ValueType.COUNTER) {
+            // clear the timer.
+            if (this._timerId != null) {
+                clearInterval(this._timerId);
+                this._timerId = null;
+            }
+        }
+    }
     /**
      * @ignore
      */
@@ -834,18 +844,6 @@ class PropertyComponent {
             }, 1000);
         }
     }
-    /**
-     * @ignore
-     */
-    ngOnDestroy() {
-        if (this.property.displayValueType === ValueType.COUNTER) {
-            // clear the timer.
-            if (this._timerId != null) {
-                clearInterval(this._timerId);
-                this._timerId = null;
-            }
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PropertyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PropertyComponent, selector: "amc-property", inputs: { statusText: "statusText", callId: "callId", callType: "callType", property: "property" }, ngImport: i0, 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}.displayData{border:0;outline:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
@@ -871,22 +869,22 @@ class InteractionComponent {
     isAgentTyping = new EventEmitter();
     newMessage = new EventEmitter();
     /**
-    * @ignore
-    */
+     * @ignore
+     */
     minimized;
-    set _minimized(value) {
-        this.minimized = value;
-        this.minimizedChanged.emit(value);
-    }
-    get _minimized() {
-        return this.minimized;
-    }
     /**
      * @ignore
      */
     constructor() {
         this._minimized = false;
     }
+    get _minimized() {
+        return this.minimized;
+    }
+    set _minimized(value) {
+        this.minimized = value;
+        this.minimizedChanged.emit(value);
+    }
     /**
      * @ignore
      */
@@ -928,7 +926,7 @@ class InteractionComponent {
         if (localStorage.getItem('focusedPanel') === null) {
             localStorage.setItem('focusedPanel', id);
         }
-        else if (localStorage.getItem('focusedPanel') != id) {
+        else if (localStorage.getItem('focusedPanel') !== id) {
             document.getElementById(localStorage.getItem('focusedPanel')).className = 'AnswerCallFocused';
             localStorage.setItem('focusedPanel', id);
         }
@@ -957,7 +955,7 @@ class LoginComponent {
         if (!this.loginData.header) {
             this.loginData.header = 'Login';
         }
-        for (let field of this.loginData.fields) {
+        for (const field of this.loginData.fields) {
             if (!field.isInvalid) {
                 field.isInvalid = false;
             }
@@ -1175,6 +1173,15 @@ class SearchInformationComponent {
     ngOnChanges() {
         this.renderData();
     }
+    onAgentSelectedCallerInformation(event) {
+        try {
+            this.agentSelectedCallerInformation.emit({
+                id: event.target.id,
+                value: event.target.value
+            });
+        }
+        catch (error) { }
+    }
     renderData() {
         try {
             this.singleMatchData = null;
@@ -1191,15 +1198,6 @@ class SearchInformationComponent {
         }
         catch (error) { }
     }
-    onAgentSelectedCallerInformation(event) {
-        try {
-            this.agentSelectedCallerInformation.emit({
-                id: event.target.id,
-                value: event.target.value
-            });
-        }
-        catch (error) { }
-    }
     parseSearchRecordForNameSingleMatch(searchRecord) {
         const results = [];
         try {
@@ -1312,7 +1310,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
-//import { ElementZoneStrategyFactory } from 'elements-zone-strategy';
 class UILibraryModule {
     injector;
     constructor(injector) {
@@ -1365,13 +1362,13 @@ class UILibraryModule {
             CreateComponent,
             RecentActivityComponent,
             CurrentActivityComponent,
-            SearchInformationComponent], imports: [BrowserModule, CommonModule, FormsModule, MatLegacyTabsModule], exports: [ScenarioComponent, DispositionComponent, LoginComponent, CreateComponent, RecentActivityComponent, CurrentActivityComponent, SearchInformationComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UILibraryModule, imports: [BrowserModule, CommonModule, FormsModule, MatLegacyTabsModule] });
+            SearchInformationComponent], imports: [BrowserModule, CommonModule, FormsModule, MatTabsModule], exports: [ScenarioComponent, DispositionComponent, LoginComponent, CreateComponent, RecentActivityComponent, CurrentActivityComponent, SearchInformationComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UILibraryModule, imports: [BrowserModule, CommonModule, FormsModule, MatTabsModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UILibraryModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [BrowserModule, CommonModule, FormsModule, MatLegacyTabsModule],
+                    imports: [BrowserModule, CommonModule, FormsModule, MatTabsModule],
                     declarations: [
                         InteractionComponent,
                         ScenarioComponent,