\\n
\\n {{modeLabel}} occurrence:
\\n \\n \\n
\\n \\n
\"","module.exports = \"\"","import { Component, OnInit, OnDestroy, Input, Output, EventEmitter } from '@angular/core';\nimport { Subscription } from 'rxjs/Subscription';\n\nimport { MessageBoxType } from '../../../models/message-box-type';\nimport { AppErrorService, AppErrorContext } from '../../../../shared/services/app-error.service';\n\n@Component({\n selector: 'app-error',\n templateUrl: './app-error.component.html',\n styleUrls: ['./app-error.component.scss']\n})\nexport class AppErrorComponent implements OnInit, OnDestroy {\n @Input() modal: boolean;\n @Output() errorContextChange = new EventEmitter\\n
\\n \\n Reference #: {{appErrorContext.referenceId}}\\n
\\n \\n Message: {{appErrorContext.userMessage}}\\n
\\n \\n
\\n\\n \\n
\"","module.exports = \".checkbox {\\n position: relative;\\n display: block;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n -ms-user-select: none;\\n user-select: none;\\n height: 24px;\\n line-height: 24px; }\\n\\n.checkbox label {\\n font-size: 11pt;\\n margin-bottom: 0;\\n padding-left: 20px;\\n font-weight: normal; }\\n\\n.checkbox label .label-text {\\n padding-left: 5px; }\\n\\n.checkbox label input:enabled ~ .label-text {\\n cursor: pointer; }\\n\\n.checkbox input[type=checkbox] {\\n position: absolute;\\n top: 0;\\n left: 0;\\n opacity: 0; }\\n\\n.checkbox input:disabled ~ .checkmark {\\n background-color: #F2F2F2;\\n border: 2px solid #CCCCCC; }\\n\\n.checkbox input:enabled ~ .checkmark {\\n cursor: pointer; }\\n\\n.checkmark {\\n position: absolute;\\n top: 0;\\n left: 0;\\n height: 20px;\\n width: 20px;\\n background-color: #F2F2F2;\\n border: 2px solid #999999; }\\n\\n.checkmark:after {\\n content: '';\\n position: absolute;\\n display: none; }\\n\\n.checkbox input:checked ~ .checkmark:after {\\n display: block; }\\n\\n.checkbox input ~ .checkmark:after {\\n left: 5px;\\n top: 1px;\\n width: 6px;\\n height: 12px;\\n border: solid #333333;\\n border-width: 0 3px 3px 0;\\n -webkit-transform: rotate(45deg);\\n transform: rotate(45deg); }\\n\"","import { Component, OnInit, forwardRef, Optional, Inject, Injector, ViewChild, Input, EventEmitter, Output } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, NG_VALIDATORS, NG_ASYNC_VALIDATORS, NgModel } from '@angular/forms';\nimport { OLBElementBase } from '../shared/olbcontrolelement';\nimport { MatCheckboxChange } from '@angular/material'\n\n@Component({\n selector: 'olb-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss'],\n\n providers: [\n { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CheckboxComponent), multi: true }\n ],\n})\nexport class CheckboxComponent extends OLBElementBase\\n\\n
\"","module.exports = \".dataBold {\\n font-size: 11pt;\\n font-weight: bold; }\\n\\n.link-text {\\n color: #007D8A;\\n cursor: pointer;\\n padding: 0px;\\n text-decoration: underline; }\\n\"","import { Component, OnInit, Input } from '@angular/core';\n\nimport { CustomDate } from './../../../models/transaction';\nimport { OlbDate } from './../../../../shared/services/date.service';\n\n\n@Component({\n selector: 'olb-custom-frequency',\n templateUrl: './custom-frequency.component.html',\n styleUrls: ['./custom-frequency.component.scss']\n})\nexport class CustomFrequencyComponent implements OnInit {\n @Input(\"customDates\") customDates: CustomDate[];\n @Input(\"displayUnprocessedTrans\") displayUnprocessedTrans: boolean;\n @Input(\"freqText\") freqText: string;\n public hideDt: boolean = true; \n public filteredDates: CustomDate[] = [];\n\n constructor() {\n }\n public showHideCustomDate(): void {\n let txt = document.getElementById('showHideDates').innerText;\n if (txt === \"View Dates\") {\n this.hideDt = false;\n document.getElementById('showHideDates').innerText = \"Hide Dates\";\n }\n else {\n this.hideDt = true;\n document.getElementById('showHideDates').innerText = \"View Dates\";\n }\n }\n\n public ngOnInit() {\n if (this.displayUnprocessedTrans) {\n this.filteredDates = this.customDates;\n }\n else {\n this.filteredDates = this.customDates.filter(c => c.refNum && parseInt(c.refNum.toString()) !== -1); \n } \n this.filteredDates.forEach(cd => cd.refNum = (cd.isConfirmed == false ? null : cd.refNum))\n }\n}\n","module.exports = \"\\n
\\n\\n \\n \\n
\\n \\n View Dates\\n
\\n \\n
\\n\\n
\\n {{date.value | date: 'MM/dd/yyyy' }}
\\n {{date.refNum}}
\\n \\n \\n
\"","module.exports = \".sortArrow {\\n color: black;\\n display: block;\\n width: 30px;\\n height: 34px; }\\n .sortArrow:focus {\\n border: 1px solid #50a5eb; }\\n\"","import { Component, OnInit, EventEmitter, Output, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { OLBElementBase } from '../shared/olbcontrolelement';\n\n@Component({\n selector: 'olb-data-grid-sort',\n templateUrl: './data-grid-sort.component.html',\n styleUrls: ['./data-grid-sort.component.scss']\n})\nexport class DataGridSortComponent implements OnInit, OnChanges {\n \n @Input() currentSortOrder: SortDirection = SortDirection.Ascending;\n \n public ascendingIndicator: string = \"â–²\";\n public descendingIndicator: string = \"â–¼\";\n public sortIndicator: string = this.ascendingIndicator;\n\n @Output() sortDirectionChange = new EventEmitter{{sortIndicator}}\\n
\\n \\n\\n\\n
\\n\\n\\n\"","module.exports = \".text-right {\\n text-align: right; }\\n\\n.mat-button {\\n display: inline-block !important; }\\n\\n.header-bold {\\n font-weight: bold !important; }\\n\\n.mobtabletalign {\\n display: flex;\\n flex-direction: row;\\n flex-wrap: nowrap; }\\n\\n.layoutNoteStackedView {\\n margin-left: 100px; }\\n\"","import { OlbUtility } from './../../../../../shared/services/utility.service';\nimport { CellValueImageConfiguration } from './../data-grid-v3.component';\nimport { Component, OnInit, Input, OnDestroy, Injector } from '@angular/core';\nimport { Params } from '@angular/router';\n\nimport { DataGridBaseComponent, DataGridCellActionArgs } from '../../data-grid.v2/data-grid-base.component';\n\n@Component({\n selector: 'olb-data-grid-cell-value-v3',\n templateUrl: './data-grid-cell-value-v3.component.html',\n styleUrls: ['./data-grid-cell-value-v3.component.scss']\n})\nexport class DataGridCellValueV3Component extends DataGridBaseComponent implements OnInit, OnDestroy {\n\n @Input() popups: { string: any }[];\n @Input() keyValues: any[] = [];\n @Input() isDataWrapped: boolean = false;\n @Input() width: number;\n @Input() isSortedHeader = false;\n @Input() cellValueImageConfig: CellValueImageConfiguration[];\n\n imageURL = '';\n\n get showCellValueImage(): boolean {\n if (this.cellValueImageConfig && this.cellValueImageConfig.length > 0) {\n let configs =\n this.cellValueImageConfig\n .filter((v) => v.columnName.toLowerCase() === this.columnDefinition.name.toLowerCase());\n\n if (configs) {\n let config = configs.find(cf => this.row[cf.rowKeyName] === cf.rowKeyValue);\n\n if (config) {\n this.imageURL = config.imageURL;\n return true;\n } else {\n return false;\n }\n }\n }\n }\n\n constructor(\n private injector: Injector\n ) {\n super(injector);\n }\n\n ngOnInit() {\n this.cellType = !this.columnDefinition ? this.columnDefinition.cellType : null;\n }\n\n private _formattedLayouteNote: string = null;\n public get formattedLayoutNote(): string {\n if (!this._formattedLayouteNote && this.columnDefinition.layoutNote != \"\" && this.columnDefinition.layoutNote != null) {\n this._formattedLayouteNote = this.getRowFieldValue(this.columnDefinition.layoutNote);\n if (this._formattedLayouteNote === \"Not Available\") {\n this._formattedLayouteNote = \"\";\n }\n }\n return this._formattedLayouteNote;\n }\n\n private _hasContextMenu: any = null;\n public get hasContextMenu(): boolean {\n if (!this._hasContextMenu) {\n this._hasContextMenu = this.columnDefinition.contextMenu != null && !this.row[\"__isTotalRow\"];\n }\n return this._hasContextMenu;\n }\n\n\n public get isNegative(): boolean {\n let isNeg: boolean = false;\n if (this.columnDefinition.fieldType == \"xs:double\") {\n if (!isNaN(parseFloat(this.value)) && parseFloat(this.value) < 0) {\n isNeg = true;\n }\n }\n return isNeg;\n }\n\n public onNavUrlClick(event: any) {\n try {\n //TODO: Need isLinkable check here otherwise row is clickable even if link is not visible\n if (this.isLinkable) {\n this.cellActionPerformed.emit(new DataGridCellActionArgs(this.columnDefinition, this.cellType, this.value, \"NavUrlClicked\"));\n //this.columnDefinition.route = \"/accountDetail/:aid\";\n if (this.columnDefinition.route && !this.columnDefinition.route.startsWith(\"dialogPageOnParent:\")) {\n // this.router.navigate([\"/accountDetail\", this.getRowFieldValue(this.columnDefinition.navUrl)]);\n if (this.columnDefinition.route.startsWith(\"dialog:\")) {\n this.openDialog(this.columnDefinition.route, this.columnDefinition.routeParam);\n }\n else {\n let params: Params = {};\n if (this.columnDefinition.routeParam) {\n this.columnDefinition.routeParam.forEach(param => {\n params[param] = this.getRowFieldValue(param);\n });\n }\n this.navigationService.navigateByPageKey(this.columnDefinition.route, params);\n }\n }\n else {\n console.log({ navigateto: [this.columnDefinition.route, this.getRowFieldValue(this.columnDefinition.route)] });\n }\n }\n }\n catch (e) { }\n }\n\n public openDialog(route: string, routeParam: string[]): void {\n const dialogRoute = route.replace(\"dialog:\", \"\");\n const dialogParams = {};\n\n routeParam.forEach(rp => {\n dialogParams[rp] = this.getRowFieldValue(rp);\n //dialogParams.push({ \"field\": rp, \"value\": this.getRowFieldValue(rp) });\n });\n\n console.log([this.popups, dialogRoute, this.popups[dialogRoute], dialogParams]);\n //this.dialog.open()\n\n if (this.popups[dialogRoute] && typeof (this.popups[dialogRoute]) != \"undefined\") {\n const dialogRef = this.navigationService.openDialog(this.popups[dialogRoute], dialogParams);\n }\n }\n\n public getFormattedRoute(route: string, routeParam: string[]): string[] {\n const formattedRoute: string[] = [route];\n\n if (routeParam && routeParam.length > 0) {\n routeParam.forEach(rp => {\n formattedRoute.push(this.getRowFieldValue(rp));\n });\n }\n\n console.log(formattedRoute)\n\n return formattedRoute;\n }\n\n ngOnDestroy(): void {\n this.cellActionPerformed.unsubscribe();\n }\n}\n","module.exports = \"\\n {{columnDefinition.headerText}}:\\n
\\n\\n \\n
\\n \\n
\\n \\n
\\n \\n\\n \\n ![]()
\\n {{formattedValue}}\\n
\\n\\n \\n ({{formattedLayoutNote}})\\n
\\n \\n
\"","module.exports = \".text-right {\\n text-align: right; }\\n\\n.header-bold {\\n font-weight: bold; }\\n\\n.small {\\n font-size: 9pt;\\n color: #333333; }\\n\"","import { Component, OnInit, Input, Injector } from '@angular/core';\n\nimport { DataGridBaseComponent } from '../../data-grid.v2/data-grid-base.component';\n\n@Component({\n selector: 'olb-data-grid-header-cell-value-v3',\n templateUrl: './data-grid-header-cell-value-v3.component.html',\n styleUrls: ['./data-grid-header-cell-value-v3.component.scss']\n})\nexport class DataGridHeaderCellValueV3Component extends DataGridBaseComponent implements OnInit {\n @Input() isSortedHeader: boolean = false;\n @Input() width: number;\n\n constructor(\n injector: Injector\n ) {\n super(injector);\n }\n\n ngOnInit() {\n }\n\n private get getHeaderText(): string {\n return this.columnDefinition.headerText;\n }\n\n private get isNegative(): boolean {\n let isNeg: boolean = false;\n if (this.columnDefinition.fieldType == \"xs:double\") {\n if (!isNaN(parseFloat(this.value)) && parseFloat(this.value) < 0) {\n isNeg = true;\n }\n }\n return isNeg;\n }\n}\n","module.exports = \"{{getHeaderText}}
\\n\\n ![]()
\\n
\"","module.exports = \"\"","import { Component, OnInit, Input, ChangeDetectorRef, ChangeDetectionStrategy, Injector } from '@angular/core';\nimport { DataGridBaseComponent, DataGridCellActionArgs } from \"../../data-grid.v2/data-grid-base.component\";\n\n@Component({\n selector: 'data-grid-optional-icon-cell-value-v3',\n templateUrl: './data-grid-optional-icon-cell-value-v3.html',\n styleUrls: ['./data-grid-optional-icon-cell-value-v3.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class DataGridOptionalIconCellValueV3 extends DataGridBaseComponent implements OnInit {\n\n @Input() hideWarningIcon: boolean = true;\n @Input() rowindex: string;\n @Input() gridHeading: string;\n @Input() IsEmulationMode: boolean = false;\n\n constructor(\n private ref: ChangeDetectorRef,\n injector: Injector\n ) {\n super(injector);\n this.value = \"\";\n }\n\n\n ngOnInit() {\n this.cellType = !this.columnDefinition ? this.columnDefinition.cellType : null;\n if (this.row[\"lastSpawnFailed\"]) {\n if (this.row[\"lastSpawnFailed\"] == \"1\") {\n this.hideWarningIcon = false;\n }\n else {\n this.hideWarningIcon = true;\n }\n }\n\n }\n\n public GetImagePath(imageUrl: string): string {\n return this.navigationService.getImagePath(imageUrl);\n }\n\n}\n\n\n","module.exports = \"\\n\\n
\"","module.exports = \".text-right {\\n text-align: right; }\\n\\n.mat-button {\\n display: inline-block !important; }\\n\\n.header-bold {\\n font-weight: bold !important; }\\n\\n.mobtabletalign {\\n display: flex;\\n flex-direction: row;\\n flex-wrap: nowrap; }\\n\\n.layoutNoteStackedView {\\n margin-left: 100px; }\\n\"","import { Component, OnInit, Input, OnDestroy, Injector } from '@angular/core';\n\nimport { DataGridBaseComponent, DataGridCellActionArgs } from '../../data-grid.v2/data-grid-base.component';\n\n@Component({\n selector: 'olb-data-grid-optional-link-action-cell-value-v3',\n templateUrl: './data-grid-optional-link-action-cell-value-v3.component.html',\n styleUrls: ['./data-grid-optional-link-action-cell-value-v3.component.scss']\n})\nexport class DataGridOptionalLinkActionCellValueV3Component extends DataGridBaseComponent implements OnInit, OnDestroy {\n\n @Input() isDataWrapped: boolean = false;\n @Input() width: number;\n @Input() isSortedHeader = false;\n\n constructor(\n injector: Injector\n ) {\n super(injector);\n }\n\n ngOnInit() {\n this.cellType = !this.columnDefinition ? this.columnDefinition.cellType : null;\n }\n\n public onActionButtonClick(action: string): void {\n if (this.isLinkable) {\n this.cellActionPerformed.emit(new DataGridCellActionArgs(this.columnDefinition, this.cellType, this.value, action));\n }\n }\n\n get isNegative(): boolean {\n let isNeg: boolean = false;\n if (this.columnDefinition.fieldType == \"xs:double\") {\n if (!isNaN(parseFloat(this.value)) && parseFloat(this.value) < 0) {\n isNeg = true;\n }\n }\n return isNeg;\n }\n\n public get optionalLinkActionValue(): string {\n\n let value = this.formattedValue;\n let cellValue: string;\n\n if (!this.row['__isTotalRow']) {\n cellValue = value ? value : this.columnDefinition.headerText;\n }\n\n return cellValue;\n }\n\n ngOnDestroy(): void {\n this.cellActionPerformed.unsubscribe();\n }\n}\n","module.exports = \"\\n {{columnDefinition.headerText}}:\\n
\\n\\n \\n
\\n\\n
\\n \\n
\\n \\n {{optionalLinkActionValue}}\\n
\\n \\n
\"","module.exports = \"\"","import { Component, OnInit, Input, ChangeDetectorRef, ChangeDetectionStrategy, Injector } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Subject } from \"rxjs/Subject\";\n\nimport { DataGridBaseComponent, DataGridCellActionArgs } from \"../../data-grid.v2/data-grid-base.component\";\n\n@Component({\n selector: 'olb-data-grid-radiobutton-cell-value-v3',\n templateUrl: './data-grid-radiobutton-cell-value.component-v3.html',\n styleUrls: ['./data-grid-radiobutton-cell-value.component-v3.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class DataGridRadioButtonCellValueComponentV3 extends DataGridBaseComponent implements OnInit {\n\n @Input() selectionSubject: Subject\\n
\"","module.exports = \"\"","import { Component, OnInit, Input, OnDestroy, Injector } from '@angular/core';\n\nimport { DataGridBaseComponent, DataGridCellActionArgs } from '../../data-grid.v2/data-grid-base.component';\n\n@Component({\n selector: 'olb-data-grid-transaction-cell-value-v3',\n templateUrl: './data-grid-transaction-cell-value-v3.component.html',\n styleUrls: ['./data-grid-transaction-cell-value-v3.component.scss']\n})\nexport class DataGridTransactionCellValueV3Component extends DataGridBaseComponent implements OnInit, OnDestroy {\n\n @Input() transactionColumnNames: { [id: string]: string }; // KeyValuePair[] = [];\n @Input() craev: number;\n\n public canView: boolean = false;\n public canEdit: boolean = false;\n public canCancel: boolean = false;\n public canApprove: boolean = false;\n public canRelease: boolean = false;\n public canRetry: boolean = false;\n\n\n viewText: string = 'View';\n viewEditText: string = 'View / Edit';\n approveText: string = 'Approve';\n releaseText: string = 'Release';\n cancelText: string = 'Cancel';\n retryText: string = 'Retry';\n\n constructor(\n injector: Injector\n ) {\n super(injector);\n }\n\n ngOnInit() {\n if (this.columnDefinition) {\n this.cellType = !this.columnDefinition ? this.columnDefinition.cellType : null;\n if (this.transactionColumnNames) {\n if (this.transactionColumnNames[\"cancel\"]) {\n this.cancelText = this.transactionColumnNames[\"cancel\"];\n }\n if (this.transactionColumnNames[\"viewedit\"]) {\n this.viewEditText = this.transactionColumnNames[\"viewedit\"];\n }\n if (this.transactionColumnNames[\"view\"]) {\n this.viewText = this.transactionColumnNames[\"view\"];\n }\n if (this.transactionColumnNames[\"approve\"]) {\n this.approveText = this.transactionColumnNames[\"approve\"];\n }\n if (this.transactionColumnNames[\"release\"]) {\n this.releaseText = this.transactionColumnNames[\"release\"];\n }\n if (this.transactionColumnNames[\"retry\"]) {\n this.retryText = this.transactionColumnNames[\"retry\"];\n }\n }\n\n\n if (this.craev) {\n this.canView = ((this.craev & AccessType.View) == AccessType.View);\n this.canEdit = ((this.craev & AccessType.Edit) == AccessType.Edit);\n this.canCancel = ((this.craev & AccessType.Cancel) == AccessType.Cancel);\n this.canApprove = ((this.craev & AccessType.Approve) == AccessType.Approve);\n this.canRelease = ((this.craev & AccessType.Release) == AccessType.Release);\n this.canRetry = ((this.craev & AccessType.Retry) == AccessType.Retry);\n } else {\n let rowFieldValue = this.getRowFieldValue(\"canView\");\n if (rowFieldValue && (rowFieldValue.toString() === 'true')) {\n this.canView = true;\n }\n rowFieldValue = this.getRowFieldValue(\"canModify\");\n if (rowFieldValue && (rowFieldValue.toString() === 'true')) {\n this.canEdit = true;\n }\n rowFieldValue = this.getRowFieldValue(\"canCancel\");\n if (rowFieldValue && (rowFieldValue.toString() === 'true')) {\n this.canCancel = true;\n }\n rowFieldValue = this.getRowFieldValue(\"canApprove\");\n if (rowFieldValue && (this.getRowFieldValue(\"canApprove\").toString() === 'true')) {\n this.canApprove = true;\n }\n rowFieldValue = this.getRowFieldValue(\"canRelease\");\n if (rowFieldValue && (rowFieldValue.toString() === 'true')) {\n this.canRelease = true;\n }\n rowFieldValue = this.getRowFieldValue(\"canRetry\");\n if (rowFieldValue && (rowFieldValue.toString() === 'true')) {\n this.canRetry = true;\n }\n }\n\n if (this.canEdit) {\n this.canView = false;\n }\n }\n }\n\n private onTransactionButtonClick(action: string): void {\n this.cellActionPerformed.emit(new DataGridCellActionArgs(this.columnDefinition, this.cellType, this.value, action));\n }\n\n ngOnDestroy(): void {\n this.cellActionPerformed.unsubscribe();\n }\n}\n\nenum AccessType {\n View = 1,\n Edit = 2,\n Approve = 4,\n Release = 8,\n Cancel = 16,\n Retry = 32\n}","module.exports = \"\\n \\n\\n \\n
\\n\"","module.exports = \".text-right {\\n text-align: right; }\\n\\n.sort-list-width {\\n width: 10px; }\\n\\n.grid-top-container {\\n display: flex;\\n padding-bottom: 10px; }\\n\\n.grid-header-container {\\n padding-left: 2px;\\n margin-bottom: 15px; }\\n\\n.data-grid-sort-list {\\n width: 100px; }\\n\\n.large-header {\\n font-size: 24pt;\\n color: #333333; }\\n\\n.small {\\n font-size: 9pt;\\n color: #333333; }\\n\\n.data {\\n font-size: 11pt;\\n color: #333333; }\\n\\n.mat-header-row {\\n padding: 0;\\n height: auto;\\n min-height: 30px; }\\n\\n.row-clickable,\\n.row-selectable {\\n cursor: pointer; }\\n\\n.mat-table {\\n font-family: Ariel, Helvetica, San Serif; }\\n\\n.data-grid-padding {\\n padding-top: 15px; }\\n\\n.header-row {\\n padding-bottom: 5px;\\n border-bottom: 1px solid #CCCCCC; }\\n\\n.mat-button[fisStyle]:not([disabled]).cdk-focused,\\n.mat-raised-button[fisStyle]:not([disabled]).cdk-focused {\\n background-color: whitesmoke;\\n color: #007d8a; }\\n\\n.mat-button[fisStyle]:not([disabled]):hover,\\n.mat-raised-button[fisStyle]:not([disabled]):hover {\\n background-color: #007d8a;\\n color: white; }\\n\\n.totalRow {\\n font-weight: bold; }\\n\\n.sort-list-width-md {\\n width: 50px; }\\n\\n.disable-exp-icon .mat-icon {\\n display: none; }\\n\\n.mat-expansion-panel-header:not([aria-disabled=true]) {\\n cursor: auto; }\\n\\n.action-cell {\\n width: 90px; }\\n\\n.mat-expansion-panel-header:not(.mat-expanded) {\\n border-bottom: solid 1px rgba(0, 0, 0, 0.12) !important;\\n padding-bottom: 5px !important; }\\n\\n.mat-expansion-panel .table-top-line {\\n border-top: solid 1px rgba(0, 0, 0, 0.12) !important; }\\n\\n.seperator {\\n border-top: solid 1px rgba(0, 0, 0, 0.12) !important;\\n margin-top: 10px; }\\n\\n.disable-sort-control {\\n pointer-events: none; }\\n\\nbutton {\\n margin: 2px; }\\n\\n.row {\\n border-bottom-style: solid;\\n border-bottom-width: 1px;\\n border-bottom-color: #CCCCCC; }\\n\\n.row:focus {\\n outline: 1px solid #CCCCCC; }\\n\\n.top-row {\\n border-top-style: solid;\\n border-top-width: 1px;\\n border-top-color: #CCCCCC; }\\n\\n.header {\\n height: 42px;\\n font-size: 9pt; }\\n\\n.borders div {\\n outline: 1px dashed red; }\\n\\n.borders div > div {\\n outline: 1px dashed green; }\\n\\n.borders div > div > div {\\n outline: 1px dashed blue; }\\n\\n.borders div > div > div > div {\\n outline: 1px dashed black; }\\n\\n.left-padding {\\n padding-left: 3px; }\\n\\n.hidden {\\n display: none !important; }\\n\\n.button-row-padding {\\n padding-top: 10px;\\n padding-left: 10px; }\\n\\n::ng-deep olb-data-grid-v3 .grid-search-controls > [grid-search-controls] {\\n display: flex; }\\n\\n::ng-deep olb-data-grid-v3 .grid-search-controls > [grid-search-controls] .mat-button {\\n margin-right: 10px; }\\n\\n.buttons-top-margin {\\n margin-top: 20px; }\\n\\n.text-right {\\n text-align: right; }\\n\"","import { UIUtilService } from './../../../../shared/services/ui.util.service';\nimport { ChangeDetectorRef } from '@angular/core';\nimport { MobileViewColumns } from './../../../models/ui';\nimport { KeyValuePair } from './../../../models/keyValuePair';\nimport { Component, OnInit, Input, Output, AfterViewInit, ViewChild, EventEmitter, SimpleChanges, OnChanges, ElementRef, ViewChildren, QueryList, OnDestroy, ChangeDetectionStrategy } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Observable } from 'rxjs/Observable';\nimport { Observer } from 'rxjs/Observer';\n\nimport { ColumnDefinitionV2, FieldType } from '../data-grid.v2/column-definition-v2';\nimport { DropdownListComponent } from '../dropdown-list/dropdown-list.component';\nimport { DataGridSortComponent, SortDirection } from '../data-grid-sort/data-grid-sort.component';\nimport { UIService } from '../../../../shared/services/ui.service';\nimport { OlbDropDownDataSource } from '../dropdown-list/dropdown-list-model';\nimport { OlbDataSource } from '../data-grid.v2/data-grid-datasource-v2';\nimport { OlbCurrency } from '../../../../shared/services/currency.service';\nimport { OlbGridFieldConditionEvaluatorV2 } from '../data-grid.v2/data-grid-logical-exp-evaluator-v2';\nimport { DataGridCellActionArgs, DataGridCellType } from '../data-grid.v2/data-grid-base.component';\nimport { Subject } from 'rxjs/Subject';\nimport { isNullOrUndefined, debug } from 'util';\nimport { EmulationCondition } from '../../../models/emulation';\nimport { Constants } from \"../../../models/constants\";\nimport { OlbUtility } from \"../../../../shared/services/utility.service\";\nimport { ISubscription } from 'rxjs/Subscription';\n\n@Component({\n selector: 'olb-data-grid-v3',\n templateUrl: './data-grid-v3.component.html',\n styleUrls: ['./data-grid-v3.component.scss'],\n providers: [UIService],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DataGridV3Component implements OnInit, AfterViewInit, OnChanges, OnDestroy {\n\n // #region Inputs/Output\n private _title: string;\n public get title() {\n return this._title;\n }\n @Input()\n public set title(val: string) {\n this.showTitle = true;\n this._title = val;\n }\n // @Input() showTitle: boolean = false;\n private _showTitle: boolean;\n\n public get showTitle() {\n return this._showTitle;\n }\n\n @Input()\n public set showTitle(val: boolean) {\n this._showTitle = val;\n }\n @Input() data: any[]; // Observable\\n
\\n \\n
\\n \\n {{title}}\\n
\\n \\n
\\n\\n \\n
\\n \\n
\\n \\n
\\n\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n \\n
\\n {{emptyDataMsg}}
\\n \\n \\n\\n \\n\\n \\n
\\n \\n\\n \\n
\\n \\n \\n\\n\\n \\n \\n
\\n \\n\\n \\n 0 && !isHideImage\\\">\\n
\\n\\n \\n 0 && !isHideCheckBox\\\">\\n
\\n 0\\\">\\n
\\n\\n \\n \\n \\n\\n \\n \\n
\\n \\n
\\n\\n \\n \\n \\n \\n
\\n 0\\\" [ngStyle]=\\\"{'padding-top' : buttonRowPadding}\\\">\\n
\\n\\n \\n 0\\\" [ngStyle]=\\\"{'padding-top' : buttonRowPadding}\\\">\\n
\\n\\n \\n 0\\\" [ngStyle]=\\\"{'padding-top' : buttonRowPadding}\\\">\\n
\\n\\n \\n\\n \\n \\n
\\n \\n \\n\\n\\n
\\n \\n \\n
\\n\\n \\n 0 && !isHideImage\\\">\\n
\\n\\n \\n \\n
\\n 0 && !isHideCheckBox\\\">\\n
\\n \\n
\\n 0\\\">\\n
\\n\\n \\n \\n \\n\\n
\\n \\n
\\n \\n
\\n \\n\\n
\\n \\n
\\n\\n \\n
\\n 0\\\" fxLayoutGap=\\\"10px\\\" ngClass.xs=\\\"button-row-padding\\\"\\n [ngClass]=\\\"{'button-row-padding': buttonRowPadding}\\\">\\n
\\n\\n \\n \\n
\\n 0\\\" fxLayoutGap=\\\"10px\\\" ngClass.xs=\\\"button-row-padding\\\" [ngClass]=\\\"{'button-row-padding': buttonRowPadding}\\\">\\n
\\n\\n \\n \\n
\\n 0\\\" ngClass.xs=\\\"button-row-padding\\\" [ngClass]=\\\"{'button-row-padding': buttonRowPadding}\\\">\\n
\\n\\n \\n
\\n \\n
\\n \\n Totals:
\\n \\n
\\n \\n
\\n \\n {{col.Key}}:\\n
\\n \\n {{col.Value}}\\n
\\n \\n \\n
\\n \\n \\n
\\n \\n
\\n \\n
\"","module.exports = \".cellbounds {\\n padding: 2px;\\n display: block; }\\n\\n.mat-button {\\n display: inline-block !important; }\\n\"","import { Component, Injector } from '@angular/core';\n\nimport { DataGridBaseComponent, DataGridCellActionArgs } from \"../data-grid-base.component\";\n\n@Component({\n selector: 'olb-data-grid-action-cell-value-v2',\n templateUrl: './data-grid-action-cell-value.component-v2.html',\n styleUrls: ['./data-grid-action-cell-value.component-v2.scss']\n})\nexport class DataGridActionCellValueComponentV2 extends DataGridBaseComponent {\n\n constructor(\n injector: Injector\n ) {\n super(injector);\n }\n\n private onActionButtonClick(action: string): void {\n this.cellActionPerformed.emit(new DataGridCellActionArgs(this.columnDefinition, this.cellType, this.value, action));\n }\n\n}\n\n","import { Input, Output, EventEmitter, Injector } from \"@angular/core\";\n\nimport { OlbGridFieldConditionEvaluatorV2 } from \"./data-grid-logical-exp-evaluator-v2\";\nimport { ColumnDefinitionV2 } from \"./column-definition-v2\";\nimport { OlbUtility } from \"../../../../shared/services/utility.service\";\nimport { NavigationService } from \"../../../../shared/services/navigation.service\";\n\nexport class DataGridBaseComponent {\n\n @Input() columnDefinition: ColumnDefinitionV2;\n @Input() row: any;\n @Input() value: string;\n @Input() enableStackView: boolean = false;\n @Input() showGridInMobileView: boolean = false;\n @Input() isHeader: boolean;\n @Input() boldColumns: string[];\n\n cellType: number;\n\n @Output() cellActionPerformed: EventEmitter\\n\\n
\"","module.exports = \".cellbounds {\\n padding: 2px;\\n display: block; }\\n\\n.text-right {\\n text-align: right;\\n padding-right: 8px; }\\n\\n.mat-button {\\n display: inline-block !important; }\\n\\n.header-bold {\\n font-weight: bold; }\\n\\n.table-cell {\\n display: none; }\\n\\n.table-cell-lt-lg {\\n width: 100px;\\n display: initial;\\n color: #000000;\\n word-break: break-word;\\n text-align: left;\\n flex-shrink: 0; }\\n\\n.mobtabletalign {\\n display: flex;\\n flex-direction: row; }\\n\\n.layoutNoteStackedView {\\n margin-left: 100px; }\\n\"","import { Component, OnInit, Input, Injector } from '@angular/core';\nimport { Params } from '@angular/router';\n\nimport { DataGridBaseComponent, DataGridCellActionArgs } from \"../data-grid-base.component\";\n\n@Component({\n selector: 'olb-data-grid-cell-value-v2',\n templateUrl: './data-grid-cell-value.component-v2.html',\n styleUrls: ['./data-grid-cell-value.component-v2.scss']\n})\nexport class DataGridCellValueComponentV2 extends DataGridBaseComponent implements OnInit {\n\n // @Input() columnDefinition: ColumnDefinitionV2;\n // @Input() row: any;\n @Input() popups: { string: any }[];\n @Input() keyValues: any[] = [];\n @Input() apiContext: string;\n \n constructor(\n private injector: Injector\n ) {\n super(injector);\n }\n\n ngOnInit() {\n this.cellType = !this.columnDefinition ? this.columnDefinition.cellType : null;\n }\n\n public _formattedLayouteNote: string = null;\n private get formattedLayoutNote(): string {\n if (!this._formattedLayouteNote && this.columnDefinition.layoutNote != \"\" && this.columnDefinition.layoutNote != null) {\n this._formattedLayouteNote = this.getRowFieldValue(this.columnDefinition.layoutNote);\n if (this._formattedLayouteNote == \"Not Available\") {\n this._formattedLayouteNote = \"\";\n }\n }\n return this._formattedLayouteNote;\n }\n\n private _hasContextMenu: any = null;\n private get hasContextMenu(): boolean {\n if (!this._hasContextMenu) {\n this._hasContextMenu = this.columnDefinition.contextMenu != null && !this.row[\"__isTotalRow\"];\n }\n return this._hasContextMenu;\n }\n\n get apiProcessContext(): string {\n return this.apiContext;\n }\n\n private get isNegative(): boolean {\n let isNeg: boolean = false;\n if (this.columnDefinition.fieldType == \"xs:double\") {\n if (!isNaN(parseFloat(this.value)) && parseFloat(this.value) < 0) {\n isNeg = true;\n }\n }\n return isNeg;\n }\n\n private onNavUrlClick(event: any) {\n try {\n //TODO: Need isLinkable check here otherwise row is clickable even if link is not visible\n if (this.isLinkable) {\n this.cellActionPerformed.emit(new DataGridCellActionArgs(this.columnDefinition, this.cellType, this.value, \"NavUrlClicked\"));\n //this.columnDefinition.route = \"/accountDetail/:aid\";\n if (this.columnDefinition.route && !this.columnDefinition.route.startsWith(\"dialogPageOnParent:\")) {\n // this.router.navigate([\"/accountDetail\", this.getRowFieldValue(this.columnDefinition.navUrl)]);\n if (this.columnDefinition.route.startsWith(\"dialog:\")) {\n this.openDialog(this.columnDefinition.route, this.columnDefinition.routeParam);\n }\n else {\n let params: Params = {};\n if (this.columnDefinition.routeParam) {\n this.columnDefinition.routeParam.forEach(param => {\n params[param] = this.getRowFieldValue(param);\n });\n }\n this.navigationService.navigateByPageKey(this.columnDefinition.route, params);\n }\n }\n else {\n console.log({ navigateto: [this.columnDefinition.route, this.getRowFieldValue(this.columnDefinition.route)] });\n }\n }\n }\n catch (e) { }\n }\n\n\n\n private openDialog(route: string, routeParam: string[]): void {\n const dialogRoute = route.replace(\"dialog:\", \"\");\n const dialogParams = {};\n\n routeParam.forEach(rp => {\n dialogParams[rp] = this.getRowFieldValue(rp);\n //dialogParams.push({ \"field\": rp, \"value\": this.getRowFieldValue(rp) });\n });\n\n console.log([this.popups, dialogRoute, this.popups[dialogRoute], dialogParams]);\n //this.dialog.open()\n\n if (this.popups[dialogRoute] && typeof (this.popups[dialogRoute]) != \"undefined\") {\n const dialogRef = this.navigationService.openDialog(this.popups[dialogRoute], dialogParams);\n }\n }\n\n private getFormattedRoute(route: string, routeParam: string[]): string[] {\n const formattedRoute: string[] = [route];\n\n if (routeParam && routeParam.length > 0) {\n routeParam.forEach(rp => {\n formattedRoute.push(this.getRowFieldValue(rp));\n });\n }\n\n console.log(formattedRoute)\n\n return formattedRoute;\n }\n}\n\n\n","module.exports = \"\\n \\n \\n \\n {{formattedValue}}\\n \\n
\\n\\n
\\n {{columnDefinition.headerText}} :
\\n {{formattedValue}}
\\n ({{formattedLayoutNote}})
\\n \\n
\"","module.exports = \"\"","import { Component, OnInit, Input, ChangeDetectorRef, ChangeDetectionStrategy, Injector } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Subject } from \"rxjs/Subject\";\n\nimport { DataGridBaseComponent, DataGridCellActionArgs } from \"../data-grid-base.component\";\n\n@Component({\n selector: 'olb-data-grid-checkbox-cell-value-v2',\n templateUrl: './data-grid-checkbox-cell-value.component-v2.html',\n styleUrls: ['./data-grid-checkbox-cell-value.component-v2.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class DataGridCheckboxCellValueComponentV2 extends DataGridBaseComponent implements OnInit {\n\n @Input() selectionSubject: Subject\\n
\\n \\n \\n
\\n\\n
\"","module.exports = \".cellbounds {\\n padding: 2px;\\n display: block; }\\n\\n.text-right {\\n text-align: right;\\n padding-right: 8px; }\\n\\n.header-bold {\\n font-weight: bold; }\\n\\n.table-cell {\\n display: none; }\\n\\n.table-cell-lt-lg {\\n width: 100px;\\n display: initial;\\n color: #000000;\\n word-break: break-word;\\n text-align: left;\\n flex-shrink: 0; }\\n\\n.mobtabletalign {\\n display: flex;\\n flex-direction: row; }\\n\"","import { Component, OnInit, Input, Injector } from '@angular/core';\n\nimport { DataGridBaseComponent } from \"../data-grid-base.component\";\n\n@Component({\n selector: 'olb-data-grid-header-cell-value-v2',\n templateUrl: './data-grid-header-cell-value.component-v2.html',\n styleUrls: ['./data-grid-header-cell-value.component-v2.scss']\n})\nexport class DataGridHeaderCellValueComponentV2 extends DataGridBaseComponent implements OnInit {\n @Input() isSortedHeader: boolean = false;\n\n constructor(\n injector: Injector\n ) {\n super(injector);\n }\n\n ngOnInit() {\n }\n\n private get getHeaderText(): string {\n return this.columnDefinition.headerText;\n }\n\n private get isNegative(): boolean {\n let isNeg: boolean = false;\n if (this.columnDefinition.fieldType == \"xs:double\") {\n if (!isNaN(parseFloat(this.value)) && parseFloat(this.value) < 0) {\n isNeg = true;\n }\n }\n return isNeg;\n }\n}\n","module.exports = \" \\n \\n {{getHeaderText}}\\n \\n
\\n\\n
\"","module.exports = \".cellbounds {\\n padding: 2px;\\n display: block; }\\n\"","import { Component, OnInit, Injector } from '@angular/core';\n\nimport { DataGridBaseComponent, DataGridCellActionArgs } from \"../data-grid-base.component\";\n\n@Component({\n selector: 'olb-data-grid-image-action-cell-value-v2',\n templateUrl: './data-grid-image-action-cell-value.component-v2.html',\n styleUrls: ['./data-grid-image-action-cell-value.component-v2.scss']\n})\nexport class DataGridImageActionCellValueComponentV2 extends DataGridBaseComponent implements OnInit {\n\n constructor(\n injector: Injector\n ) {\n super(injector);\n }\n\n ngOnInit() {\n this.cellType = !this.columnDefinition ? this.columnDefinition.cellType : null;\n }\n\n private _imageActionIcon: any = null;\n public getImageActionIcon(value: string): string {\n if (!this._imageActionIcon) {\n let icon: string = undefined;\n switch (value.toLowerCase()) {\n case 'cancel': {\n icon = \"min\";\n break;\n }\n case 'download': {\n icon = \"download\";\n break;\n }\n }\n this._imageActionIcon = icon;\n }\n return this._imageActionIcon;\n }\n\n private onActionButtonClick(action: string): void {\n this.cellActionPerformed.emit(new DataGridCellActionArgs(this.columnDefinition, this.cellType, this.value, action));\n }\n\n}\n\n","export class OlbGridFieldConditionEvaluatorV2 {\n private _precedence: Map\\n
\\n\\n
\"","module.exports = \".cellbounds {\\n padding: 2px;\\n display: block; }\\n\\n.text-right {\\n text-align: right;\\n padding-right: 8px; }\\n\\n.mat-button {\\n display: inline-block !important; }\\n\\n.header-bold {\\n font-weight: bold; }\\n\\n.table-cell {\\n display: none; }\\n\\n.table-cell-lt-lg {\\n width: 100px;\\n display: initial;\\n color: #000000;\\n word-break: break-word;\\n text-align: left;\\n flex-shrink: 0; }\\n\\n.mobtabletalign {\\n display: flex;\\n flex-direction: row; }\\n\\n.layoutNoteStackedView {\\n margin-left: 100px; }\\n\"","import { Component, OnInit, Injector } from '@angular/core';\n\nimport { DataGridBaseComponent, DataGridCellActionArgs } from \"../data-grid-base.component\";\n\n@Component({\n selector: 'olb-data-grid-optional-link-action-cell-value-v2',\n templateUrl: './data-grid-optional-link-action-cell-value.component-v2.html',\n styleUrls: ['./data-grid-optional-link-action-cell-value.component-v2.scss']\n})\nexport class DataGridOptionalLinkActionCellValueComponentV2 extends DataGridBaseComponent implements OnInit {\n\n constructor(\n injector: Injector\n ) {\n super(injector);\n }\n\n ngOnInit() {\n this.cellType = !this.columnDefinition ? this.columnDefinition.cellType : null;\n }\n\n public onActionButtonClick(action: string): void {\n this.cellActionPerformed.emit(new DataGridCellActionArgs(this.columnDefinition, this.cellType, this.value, action));\n }\n\n private get isNegative(): boolean {\n let isNeg: boolean = false;\n if (this.columnDefinition.fieldType == \"xs:double\") {\n if (!isNaN(parseFloat(this.value)) && parseFloat(this.value) < 0) {\n isNeg = true;\n }\n }\n return isNeg;\n }\n\n public get optionalLinkActionValue(): string {\n\n let value = this.formattedValue;\n let cellValue: string;\n\n if (!this.row['__isTotalRow']) {\n cellValue = value ? value : this.columnDefinition.headerText\n }\n\n return cellValue;\n }\n\n}\n\n","module.exports = \"\\n \\n \\n\\n \\n {{optionalLinkActionValue}}\\n \\n\\n
\\n\\n\\n
\\n {{columnDefinition.headerText}} :
\\n {{optionalLinkActionValue}}
\\n \\n
\"","module.exports = \".cellbounds {\\n padding: 2px;\\n display: block; }\\n\\n.mat-button {\\n display: inline-block !important; }\\n\"","import { Component, OnInit, Input, Injector } from '@angular/core';\n\nimport { DataGridBaseComponent, DataGridCellActionArgs } from \"../data-grid-base.component\";\n\n@Component({\n selector: 'olb-data-grid-transaction-cell-value-v2',\n templateUrl: './data-grid-transaction-cell-value.component-v2.html',\n styleUrls: ['./data-grid-transaction-cell-value.component-v2.scss']\n})\nexport class DataGridTransactionCellValueComponentV2 extends DataGridBaseComponent implements OnInit {\n\n @Input() transactionColumnNames: { [id: string]: string }; // KeyValuePair[] = [];\n @Input() craev: number;\n\n public canView: boolean = false;\n public canEdit: boolean = false;\n public canCancel: boolean = false;\n public canApprove: boolean = false;\n public canRelease: boolean = false;\n public canRetry: boolean = false;\n\n\n viewText: string = 'View';\n viewEditText: string = 'View / Edit';\n approveText: string = 'Approve';\n releaseText: string = 'Release';\n cancelText: string = 'Cancel';\n retryText: string = 'Retry';\n\n constructor(\n injector: Injector\n ) {\n super(injector);\n }\n\n ngOnInit() {\n if (this.columnDefinition) {\n this.cellType = !this.columnDefinition ? this.columnDefinition.cellType : null;\n if (this.transactionColumnNames) {\n if (this.transactionColumnNames[\"cancel\"]) {\n this.cancelText = this.transactionColumnNames[\"cancel\"];\n }\n if (this.transactionColumnNames[\"viewedit\"]) {\n this.viewEditText = this.transactionColumnNames[\"viewedit\"];\n }\n if (this.transactionColumnNames[\"view\"]) {\n this.viewText = this.transactionColumnNames[\"view\"];\n }\n if (this.transactionColumnNames[\"approve\"]) {\n this.approveText = this.transactionColumnNames[\"approve\"];\n }\n if (this.transactionColumnNames[\"release\"]) {\n this.releaseText = this.transactionColumnNames[\"release\"];\n }\n if (this.transactionColumnNames[\"retry\"]) {\n this.retryText = this.transactionColumnNames[\"retry\"];\n }\n }\n\n\n if (this.craev) {\n this.canView = ((this.craev & AccessType.View) == AccessType.View);\n this.canEdit = ((this.craev & AccessType.Edit) == AccessType.Edit);\n this.canCancel = ((this.craev & AccessType.Cancel) == AccessType.Cancel);\n this.canApprove = ((this.craev & AccessType.Approve) == AccessType.Approve);\n this.canRelease = ((this.craev & AccessType.Release) == AccessType.Release);\n this.canRetry = ((this.craev & AccessType.Retry) == AccessType.Retry);\n } else {\n let rowFieldValue = this.getRowFieldValue(\"canView\");\n if (rowFieldValue && (rowFieldValue.toString() === 'true')) {\n this.canView = true;\n }\n rowFieldValue = this.getRowFieldValue(\"canModify\");\n if (rowFieldValue && (rowFieldValue.toString() === 'true')) {\n this.canEdit = true;\n }\n rowFieldValue = this.getRowFieldValue(\"canCancel\");\n if (rowFieldValue && (rowFieldValue.toString() === 'true')) {\n this.canCancel = true;\n }\n rowFieldValue = this.getRowFieldValue(\"canApprove\");\n if (rowFieldValue && (this.getRowFieldValue(\"canApprove\").toString() === 'true')) {\n this.canApprove = true;\n }\n rowFieldValue = this.getRowFieldValue(\"canRelease\");\n if (rowFieldValue && (rowFieldValue.toString() === 'true')) {\n this.canRelease = true;\n }\n rowFieldValue = this.getRowFieldValue(\"canRetry\");\n if (rowFieldValue && (rowFieldValue.toString() === 'true')) {\n this.canRetry = true;\n }\n }\n\n if (this.canEdit) {\n this.canView = false;\n }\n }\n }\n\n private onTransactionButtonClick(action: string): void {\n this.cellActionPerformed.emit(new DataGridCellActionArgs(this.columnDefinition, this.cellType, this.value, action));\n }\n}\n\nenum AccessType {\n View = 1,\n Edit = 2,\n Approve = 4,\n Release = 8,\n Cancel = 16,\n Retry = 32\n}\n\n","module.exports = \"\\n
\\n\\n \\n \\n
\\n\"","module.exports = \".text-right {\\n text-align: right; }\\n\\n.sort-list-width {\\n width: 10px; }\\n\\n.grid-top-container {\\n display: flex;\\n padding-bottom: 10px; }\\n\\n.grid-header-container {\\n padding-left: 2px; }\\n\\n.grid-header-container > div {\\n margin-top: 10px; }\\n\\n.data-grid-sort-list {\\n width: 100px; }\\n\\n.large-header {\\n font-size: 24pt;\\n color: #333333; }\\n\\n.small {\\n font-size: 9pt;\\n color: #333333; }\\n\\n.data {\\n font-size: 11pt;\\n color: #333333; }\\n\\n.row-highlight {\\n font-weight: bold;\\n font-style: italic; }\\n\\n.row-highlight .data {\\n font-size: 11pt;\\n color: #CC6600; }\\n\\n.mat-header-row {\\n padding: 0;\\n height: auto;\\n min-height: 30px; }\\n\\n.mat-row {\\n padding: 10px 0px 10px 0px;\\n height: auto;\\n min-height: 0; }\\n\\n.mat-row.row-clickable, .mat-row.row-selectable {\\n cursor: pointer; }\\n\\n.mat-table {\\n font-family: Ariel, Helvetica, San Serif; }\\n\\n.data-grid-padding {\\n padding-top: 15px; }\\n\\n.table-cell .mat-table {\\n display: table;\\n width: 100%; }\\n\\n.table-cell .mat-table > .mat-header-row,\\n .table-cell .mat-table > .mat-row {\\n display: table-row !important;\\n border-bottom-style: solid;\\n border-bottom-width: 1px;\\n border-bottom-color: rgba(0, 0, 0, 0.12); }\\n\\n.table-cell .mat-table > .mat-header-row > .mat-header-cell,\\n .table-cell .mat-table > .mat-header-row > .mat-cell,\\n .table-cell .mat-table > .mat-row > .mat-header-cell,\\n .table-cell .mat-table > .mat-row > .mat-cell {\\n display: table-cell !important;\\n vertical-align: middle;\\n border-bottom-style: solid;\\n border-bottom-width: 1px;\\n border-bottom-color: rgba(0, 0, 0, 0.12);\\n height: 42px; }\\n\\n.table-cell .mat-table > .mat-header-row > .mat-cell.mat-column-transaction,\\n .table-cell .mat-table > .mat-row > .mat-cell.mat-column-transaction {\\n min-width: 200px !important; }\\n\\n.table-cell-tablet-view .mat-table {\\n display: block !important;\\n width: auto; }\\n\\n.table-cell-tablet-view .mat-table > .mat-header-row {\\n display: none !important; }\\n\\n.table-cell-tablet-view .mat-table > .mat-row {\\n display: block !important;\\n -webkit-columns: auto 300px;\\n columns: auto 300px; }\\n\\n.table-cell-tablet-view .mat-table > .mat-row > .mat-header-cell,\\n .table-cell-tablet-view .mat-table > .mat-row > .mat-cell {\\n display: inline-block !important;\\n -webkit-columns: auto 300px;\\n columns: auto 300px;\\n border-bottom-style: none !important;\\n align-items: start; }\\n\\n.table-cell-lt-md .mat-table {\\n display: table;\\n width: 100%; }\\n\\n.table-cell-lt-md .mat-table > .mat-header-row {\\n display: none; }\\n\\n.table-cell-lt-md .mat-table > .mat-row {\\n flex-direction: column;\\n align-items: start;\\n padding: 0px; }\\n\\n.table-cell-lt-md .mat-table > .mat-row > .mat-cell {\\n flex: 1 1 auto; }\\n\\n.mat-button[fisStyle]:not([disabled]).cdk-focused,\\n.mat-raised-button[fisStyle]:not([disabled]).cdk-focused {\\n background-color: whitesmoke;\\n color: #007d8a; }\\n\\n.mat-button[fisStyle]:not([disabled]):hover,\\n.mat-raised-button[fisStyle]:not([disabled]):hover {\\n background-color: #007d8a;\\n color: white; }\\n\\n.totalRow {\\n font-weight: bold; }\\n\\n.sort-list-width-md {\\n width: 50px; }\\n\\n.disable-exp-icon .mat-icon {\\n display: none; }\\n\\n.mat-expansion-panel-header:not([aria-disabled=true]) {\\n cursor: auto; }\\n\\n.action-cell {\\n width: 90px; }\\n\\n.mat-expansion-panel-header:not(.mat-expanded) {\\n border-bottom: solid 1px rgba(0, 0, 0, 0.12) !important;\\n padding-bottom: 5px !important; }\\n\\n.mat-expansion-panel .table-top-line {\\n border-top: solid 1px rgba(0, 0, 0, 0.12) !important; }\\n\\n.seperator {\\n border-top: solid 1px rgba(0, 0, 0, 0.12) !important;\\n margin-top: 10px; }\\n\\n.disable-sort-control {\\n pointer-events: none; }\\n\\n.min-hight-header-container {\\n min-height: 44px; }\\n\\n.unExpandedIcon {\\n -webkit-transform: rotate(270deg);\\n transform: rotate(270deg); }\\n\\n.expandedIcon {\\n -webkit-transform: rotate(0deg);\\n transform: rotate(0deg); }\\n\\n.expandableHeading {\\n cursor: pointer; }\\n\\n.expandableHeading:focus {\\n outline: solid 1px lightblue;\\n outline-offset: 0px; }\\n\"","import { Component, OnInit, Input, Output, AfterViewInit, ViewChild, EventEmitter, SimpleChanges, OnChanges, ElementRef } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Observable } from 'rxjs/Observable';\nimport { Observer } from 'rxjs/Observer';\n\nimport { ColumnDefinitionV2, FieldType } from './column-definition-v2';\nimport { DropdownListComponent } from '../dropdown-list/dropdown-list.component';\nimport { DataGridSortComponent, SortDirection } from '../data-grid-sort/data-grid-sort.component';\nimport { UIService } from '../../../../shared/services/ui.service';\nimport { OlbDropDownDataSource } from '../dropdown-list/dropdown-list-model';\nimport { OlbDataSource } from './data-grid-datasource-v2';\nimport { OlbCurrency } from '../../../../shared/services/currency.service';\nimport { OlbGridFieldConditionEvaluatorV2 } from './data-grid-logical-exp-evaluator-v2';\nimport { DataGridCellActionArgs, DataGridCellType } from \"./data-grid-base.component\";\nimport { Subject } from \"rxjs/Subject\";\nimport { isNullOrUndefined, debug } from 'util';\nimport { EmulationCondition } from '../../../models/emulation';\n\n@Component({\n selector: 'olb-data-grid-v2',\n templateUrl: './data-grid.component-v2.html',\n styleUrls: ['./data-grid.component-v2.scss'],\n providers: [UIService]\n})\nexport class DataGridComponentV2 implements OnInit, AfterViewInit, OnChanges {\n // #region Inputs/Output\n @Input() heading: string;\n @Input() data: any[]; // Observable\\n
\\n \\n
\\n \\n {{heading}}\\n
\\n \\n
\\n\\n \\n
\\n \\n
\\n \\n
\\n\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n\\n {{emptyDataMsg}}
\\n \\n \\n \\n \\n \\n \\n\\n \\n \\n\\n \\n \\n\\n \\n\\n \\n
\\n \\n \\n \\n
\\n \\n
\\n\\n \\n
\\n\\n \\n
\\n\\n \\n
\\n\\n \\n
\\n\\n \\n
\\n\\n \\n\\n
\\n\\n \\n
\\n\\n \\n
\\n \\n
\\n \\n
\\n \\n \\n
\\n \\n
\\n\\n
\"","module.exports = \".cellbounds {\\n padding: 2px;\\n display: block; }\\n\\n.text-right {\\n text-align: right;\\n padding-right: 8px; }\\n\\n.mat-button {\\n display: inline-block !important; }\\n\\n.header-bold {\\n font-weight: bold; }\\n\\n.table-cell {\\n display: none; }\\n\\n.table-cell-lt-lg {\\n width: 100px;\\n display: initial;\\n color: #000000;\\n word-break: break-word;\\n text-align: left;\\n flex-shrink: 0; }\\n\\n.mobtabletalign {\\n display: flex;\\n flex-direction: row; }\\n\\n.layoutNoteStackedView {\\n margin-left: 100px; }\\n\"","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Router, Params } from '@angular/router';\n\nimport { ColumnDefinition } from '../column-definition';\nimport { OlbDate } from '../../../../../shared/services/date.service';\nimport { OlbUtility } from '../../../../../shared/services/utility.service';\nimport { OlbGridFieldConditionEvaluator } from '../data-grid-logical-exp-evaluator';\nimport { NavigationService } from '../../../../../shared/services/navigation.service';\n\n@Component({\n selector: 'olb-data-grid-cell-value',\n templateUrl: './data-grid-cell-value.component.html',\n styleUrls: ['./data-grid-cell-value.component.scss']\n})\nexport class DataGridCellValueComponent implements OnInit {\n @Input() value: string;\n @Input() columnDefinition: ColumnDefinition;\n @Input() isHeader: boolean = false;\n @Input() isSortedHeader: boolean = false;\n @Input() enableStackView: boolean = false;\n @Input() currentSortColumn: boolean = false;\n @Input() craev: number;\n @Input() selection: SelectionModel\\n \\n \\n \\n {{formattedValue}}\\n \\n
\\n \\n
\\n\\n {{columnDefinition.headerText}}\\n :
\\n {{formattedValue}}
\\n \\n ({{formattedLayoutNote}})
\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n\\n \\n \\n \\n \\n
\\n\"","module.exports = \".text-right {\\n text-align: right; }\\n\\n.sort-list-width {\\n width: 10px; }\\n\\n.grid-top-container {\\n display: flex;\\n padding-bottom: 10px; }\\n\\n.grid-header-container {\\n padding-left: 2px; }\\n\\n.grid-header-container > div {\\n margin-top: 10px; }\\n\\n.data-grid-sort-list {\\n width: 100px; }\\n\\n.large-header {\\n font-size: 24pt;\\n color: #333333; }\\n\\n.small {\\n font-size: 9pt;\\n color: #333333; }\\n\\n.data {\\n font-size: 11pt;\\n color: #333333; }\\n\\n.mat-header-row {\\n padding: 0;\\n height: auto;\\n min-height: 30px; }\\n\\n.mat-row {\\n padding: 10px 0px 10px 0px;\\n height: auto;\\n min-height: 0px; }\\n\\n.mat-row.row-clickable, .mat-row.row-selectable {\\n cursor: pointer; }\\n\\n.mat-table {\\n font-family: Ariel, Helvetica, San Serif; }\\n\\n.data-grid-padding {\\n padding-top: 15px; }\\n\\n.table-cell .mat-table {\\n display: table;\\n width: 100%; }\\n\\n.table-cell .mat-table > .mat-header-row,\\n .table-cell .mat-table > .mat-row {\\n display: table-row !important;\\n border-bottom-style: solid;\\n border-bottom-width: 1px;\\n border-bottom-color: rgba(0, 0, 0, 0.12); }\\n\\n.table-cell .mat-table > .mat-header-row > .mat-header-cell,\\n .table-cell .mat-table > .mat-header-row > .mat-cell,\\n .table-cell .mat-table > .mat-row > .mat-header-cell,\\n .table-cell .mat-table > .mat-row > .mat-cell {\\n display: table-cell !important;\\n vertical-align: middle;\\n border-bottom-style: solid;\\n border-bottom-width: 1px;\\n border-bottom-color: rgba(0, 0, 0, 0.12);\\n height: 42px; }\\n\\n.table-cell-tablet-view .mat-table {\\n display: block !important;\\n width: auto; }\\n\\n.table-cell-tablet-view .mat-table > .mat-header-row {\\n display: none !important; }\\n\\n.table-cell-tablet-view .mat-table > .mat-row {\\n display: block !important;\\n -webkit-columns: auto 300px;\\n columns: auto 300px; }\\n\\n.table-cell-tablet-view .mat-table > .mat-row > .mat-header-cell,\\n .table-cell-tablet-view .mat-table > .mat-row > .mat-cell {\\n display: inline-block !important;\\n -webkit-columns: auto 300px;\\n columns: auto 300px;\\n border-bottom-style: none !important;\\n align-items: start; }\\n\\n.table-cell-lt-md .mat-table {\\n display: table;\\n width: 100%; }\\n\\n.table-cell-lt-md .mat-table > .mat-header-row {\\n display: none; }\\n\\n.table-cell-lt-md .mat-table > .mat-row {\\n flex-direction: column;\\n align-items: start;\\n padding: 0px; }\\n\\n.mat-button[fisStyle]:not([disabled]).cdk-focused,\\n.mat-raised-button[fisStyle]:not([disabled]).cdk-focused {\\n background-color: whitesmoke;\\n color: #007d8a; }\\n\\n.mat-button[fisStyle]:not([disabled]):hover,\\n.mat-raised-button[fisStyle]:not([disabled]):hover {\\n background-color: #007d8a;\\n color: white; }\\n\\n.totalRow {\\n font-weight: bold; }\\n\\n.sort-list-width-md {\\n width: 50px; }\\n\\n.disable-exp-icon .mat-icon {\\n display: none; }\\n\\n.mat-expansion-panel-header:not([aria-disabled=true]) {\\n cursor: auto; }\\n\\n.action-cell {\\n width: 90px; }\\n\\n.mat-expansion-panel-header:not(.mat-expanded) {\\n border-bottom: solid 1px rgba(0, 0, 0, 0.12) !important;\\n padding-bottom: 5px !important; }\\n\\n.mat-expansion-panel .table-top-line {\\n border-top: solid 1px rgba(0, 0, 0, 0.12) !important; }\\n\\n.seperator {\\n border-top: solid 1px rgba(0, 0, 0, 0.12) !important;\\n margin-top: 10px; }\\n\\n.disable-sort-control {\\n pointer-events: none; }\\n\"","import { Component, OnInit, Input, Output, AfterViewInit, ViewChild, EventEmitter, SimpleChanges, OnChanges } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { Observable } from 'rxjs/Observable';\n\nimport { ColumnDefinition, FieldType } from './column-definition';\nimport { DropdownListComponent } from '../dropdown-list/dropdown-list.component';\nimport { DataGridSortComponent, SortDirection } from '../data-grid-sort/data-grid-sort.component';\nimport { UIService } from '../../../../shared/services/ui.service';\nimport { OlbDropDownDataSource } from '../dropdown-list/dropdown-list-model';\nimport { DataGridCellActionArgs, DataGridCellType } from './data-grid-cell-value/data-grid-cell-value.component';\nimport { OlbDataSource } from './data-grid-datasource';\nimport { OlbCurrency } from '../../../../shared/services/currency.service';\nimport { OlbGridFieldConditionEvaluator } from './data-grid-logical-exp-evaluator';\nimport { ProgressiveService } from \"../../../../shared/services/progressive.service\";\nimport { isNullOrUndefined } from 'util';\n\n@Component({\n selector: 'olb-data-grid',\n templateUrl: './data-grid.component.html',\n styleUrls: ['./data-grid.component.scss'],\n providers: [UIService]\n})\nexport class DataGridComponent implements OnInit, AfterViewInit, OnChanges {\n // #region Inputs/Output\n @Input() heading: string;\n @Input() data: any[]; // Observable\\n
\\n \\n
\\n \\n {{heading}}\\n
\\n \\n
\\n \\n
\\n \\n \\n \\n \\n \\n
\\n \\n \\n \\n
\\n \\n
\\n \\n
\\n {{emptyDataMsg}}
\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n \\n
\\n \\n \\n
\\n \\n \\n \\n
\\n\\n
\"","module.exports = \"\"","import { NgModel, NgControl, NG_VALUE_ACCESSOR, NG_VALIDATORS, NG_ASYNC_VALIDATORS, Validator, AbstractControl } from '@angular/forms';\nimport { Component, Optional, Inject, Input, ViewChild, OnInit, ElementRef, forwardRef, Injector } from '@angular/core';\nimport { Observable, Subscription, of, combineLatest } from 'rxjs';\nimport { OLBElementBase } from '../shared/olbcontrolelement';\nimport { ValidationComponent } from '../textbox/validation';\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport { MediaMatcher } from \"@angular/cdk/layout\";\nimport { NativeDateAdapter } from \"@angular/material/core\";\nimport { MatDatepickerInputEvent } from \"@angular/material/datepicker\";\nimport { OlbDate } from '../../../../shared/services/date.service';\nimport {\n AsyncValidatorArray,\n ValidatorArray,\n ValidationResult,\n OLBControlBaseValidator,\n validate\n} from \"../shared/olbcontrolbasevalidator\";\n\n@Component({\n selector: 'olb-datepicker',\n templateUrl: './datepicker.component.html',\n styleUrls: ['./datepicker.component.scss'],\n\n providers: [\n { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatepickerComponent), multi: true },\n { provide: NG_VALIDATORS, useExisting: forwardRef(() => DatepickerComponent), multi: true },\n BreakpointObserver, MediaMatcher\n ],\n})\nexport class DatepickerComponent extends OLBElementBase\\n \\n
\\n \\n \\n {{postfixText}}\\n
\\n \\n {{insText}}\\n
\\n\\n
\\n\"","module.exports = \"\"","import { NgModel, NgControl, NG_VALUE_ACCESSOR, NG_VALIDATORS, NG_ASYNC_VALIDATORS } from '@angular/forms';\nimport { Component, Optional, Inject, Input, ViewChild, OnInit, ElementRef, forwardRef, EventEmitter, Output, OnChanges, Injector, SimpleChange } from '@angular/core';\nimport { Subscription, Observable } from 'rxjs';\nimport { OLBElementBase } from '../shared/olbcontrolelement';\nimport { ValidationComponent } from '../textbox/validation';\nimport { dropdownItemGroup, dropdownItem, OlbDropDownDataSource } from './dropdown-list-model';\nimport { MatSelect } from '@angular/material';\nimport { AfterViewInit } from '@angular/core/src/metadata/lifecycle_hooks';\n\n@Component({\n selector: 'olb-dropdown-list',\n templateUrl: './dropdown-list.component.html',\n styleUrls: ['./dropdown-list.component.scss'],\n providers: [\n { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DropdownListComponent), multi: true }\n ],\n})\nexport class DropdownListComponent extends OLBElementBase\\n \\n
\\n \\n \\n \\n \\n {{blankItemText}} \\n \\n \\n {{item.itemText}} \\n \\n \\n \\n {{item.itemText}} \\n \\n \\n
\\n \\n {{insText}}\\n
\\n\\n
\\n\"","module.exports = \".labelWidth {\\n max-width: 400px; }\\n\"","import { Component, OnInit, forwardRef, Optional, Inject, Injector, ViewChild, ElementRef, Input, Output, EventEmitter } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, NG_VALIDATORS, NG_ASYNC_VALIDATORS, NgModel } from '@angular/forms';\n\nimport { OLBElementBase } from '../shared/olbcontrolelement';\n\n@Component({\n selector: 'olb-file-upload',\n templateUrl: './file-upload.component.html',\n styleUrls: ['./file-upload.component.scss'],\n providers: [\n { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => FileUploadComponent), multi: true }\n ],\n})\nexport class FileUploadComponent extends OLBElementBase\\n \\n
\\n \\n \\n \\n
\\n \\n
\\n \\n
\"","module.exports = \"\"","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'olb-htmltext',\n templateUrl: './htmltext.component.html',\n styleUrls: ['./htmltext.component.scss']\n})\nexport class HTMLTextComponent implements OnInit {\n\n @Input() paddingTop: string = '0.625rem';\n @Input() paddingRight: string = '0.625rem';\n @Input() paddingBottom: string = '0.625rem';\n @Input() paddingLeft: string = '0.625rem';\n @Input() htmlText: string;\n\n constructor() { }\n\n ngOnInit() {\n }\n}\n","module.exports = \"\"","module.exports = \".hybrid-message {\\n min-height: 50px; }\\n .hybrid-message .icon-wrapper {\\n background-color: #990000;\\n color: #FFFFFF; }\\n .hybrid-message .icon-wrapper mat-icon {\\n font-size: 20px;\\n height: 18px;\\n width: 20px; }\\n .hybrid-message .message-wrapper {\\n background-color: #F0DADB;\\n padding: 15px; }\\n .hybrid-message .message-wrapper .message {\\n max-width: 500px; }\\n\"","import { Component, OnInit, OnDestroy } from '@angular/core';\nimport { Subscription } from 'rxjs/Subscription';\n\nimport { OlbSession } from '../../../../shared/services/session.storage';\nimport { BankService } from '../../../services/bank.service';\n\n@Component({\n selector: 'olb-hybrid-message',\n templateUrl: './hybrid-message.component.html',\n styleUrls: ['./hybrid-message.component.scss']\n})\nexport class HybridMessageComponent implements OnInit, OnDestroy {\n private systemStateSubscription: Subscription\n public isHybrid: boolean = false;\n public hybridMessage: string = '';\n\n constructor(\n private olbSession: OlbSession,\n private bankService: BankService\n ) {\n }\n\n ngOnInit(): void {\n this.systemStateSubscription = this.olbSession.getObservable('systemState').subscribe(systemState => {\n if (systemState) {\n let isHybridMode = (systemState === 'Hybrid');\n if (this.isHybrid !== isHybridMode) {\n this.isHybrid = isHybridMode;\n if (this.isHybrid) {\n this.bankService.getConfigurations('hybridInfo').subscribe(x => {\n this.hybridMessage = x.hybridMessage\n });\n }\n }\n }\n });\n }\n\n ngOnDestroy(): void {\n if (this.systemStateSubscription)\n this.systemStateSubscription.unsubscribe();\n }\n}\n","module.exports = \"\\n
\\n\"","module.exports = \".overlay {\\n position: fixed;\\n /* Sit on top of the page content */\\n width: 100%;\\n /* Full width (cover the whole page) */\\n height: 100%;\\n /* Full height (cover the whole page) */\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: rgba(0, 0, 0, 0.288);\\n opacity: 1;\\n /* Black background with opacity */\\n z-index: 9999;\\n /* Specify a stack order in case you're using a different order for other elements */\\n vertical-align: middle;\\n /* Add a pointer on hover */\\n padding-top: 50vh; }\\n\\n.overlay-popup {\\n position: fixed;\\n /* Sit on top of the page content */\\n width: 100%;\\n /* Full width (cover the whole page) */\\n height: 100%;\\n /* Full height (cover the whole page) */\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n opacity: 1;\\n /* Black background with opacity */\\n z-index: 9999;\\n /* Specify a stack order in case you're using a different order for other elements */\\n vertical-align: middle;\\n /* Add a pointer on hover */\\n padding-top: 50vh; }\\n\"","import { isNullOrUndefined } from 'util';\nimport { Component, OnInit, OnDestroy, EventEmitter, Output, Input } from '@angular/core';\nimport { Subscription } from 'rxjs/Subscription';\nimport { KeyValuePair } from \"../../../models/keyValuePair\";\nimport { ProgressiveService, ProgressiveContext } from \"../../../../shared/services/progressive.service\";\nimport { Constants } from \"../../../models/constants\";\n\n\n@Component({\n selector: 'olb-loader-overlay',\n templateUrl: './loader-overlay.component.html',\n styleUrls: ['./loader-overlay.component.scss']\n})\nexport class LoaderOverlayComponent implements OnInit, OnDestroy {\n\n show = false;\n\n private subscription: Subscription;\n @Input() loaderContext: string;\n @Input() forceOverlay: string;\n @Input() checkLastContext: boolean = false;\n @Input() popupView: string = \"false\";\n @Output() contextVisibilityChange = new EventEmitter\\n
\\n\\n
\"","module.exports = \".layer {\\n height: 100%;\\n vertical-align: middle; }\\n\\n.loading {\\n border-radius: 100px;\\n position: relative;\\n padding: 20px; }\\n\\n.loading span {\\n height: 10px;\\n width: 10px;\\n float: left;\\n margin: 0 3px;\\n background-color: #777777;\\n display: block;\\n border-radius: 50%;\\n opacity: 0.1; }\\n\\n.loading span:nth-of-type(1) {\\n -webkit-animation: 3s blink infinite 0.3333s;\\n animation: 3s blink infinite 0.3333s; }\\n\\n.loading span:nth-of-type(2) {\\n -webkit-animation: 3s blink infinite 0.6666s;\\n animation: 3s blink infinite 0.6666s; }\\n\\n.loading span:nth-of-type(3) {\\n -webkit-animation: 3s blink infinite 0.9999s;\\n animation: 3s blink infinite 0.9999s; }\\n\\n.loading span:nth-of-type(4) {\\n -webkit-animation: 3s blink infinite 1.3332s;\\n animation: 3s blink infinite 1.3332s; }\\n\\n.loading span:nth-of-type(5) {\\n -webkit-animation: 3s blink infinite 1.6665s;\\n animation: 3s blink infinite 1.6665s; }\\n\\n@-webkit-keyframes blink {\\n 50% {\\n opacity: 1; } }\\n\\n@keyframes blink {\\n 50% {\\n opacity: 1; } }\\n\"","import { ProgressiveService, ProgressiveContext } from './../../../../shared/services/progressive.service';\nimport { Component, OnInit, OnDestroy, EventEmitter, Output, Input } from '@angular/core';\nimport { Subscription } from 'rxjs/Subscription';\nimport { KeyValuePair } from \"../../../models/keyValuePair\";\nimport { isNullOrUndefined } from \"util\";\n\n\n@Component({\n selector: 'olb-loader',\n templateUrl: './loader.component.html',\n styleUrls: ['./loader.component.scss']\n})\nexport class LoaderComponent implements OnInit {\n\n public show = true;\n\n private subscription: Subscription;\n @Input() loaderContext: string;\n @Input() overlay: string;\n @Input() forceLoading: string;\n @Input() checkLastContext: string = 'false';\n @Output() contextVisibilityChange = new EventEmitter\\n \\n \\n \\n
\\n\\n\\n
\"","module.exports = \".message-box .icon-wrapper {\\n color: #FFFFFF;\\n width: 50px;\\n align-content: flex-end; }\\n\\n.message-box .icon-wrapper mat-icon {\\n font-size: 20px;\\n height: 18px;\\n width: 20px; }\\n\\n.message-box .message-wrapper {\\n padding: 15px 15px 15px 0;\\n width: 100%; }\\n\\n.message-box .message {\\n max-width: 500px; }\\n\\n.message-box .expand-message {\\n max-width: 1200px; }\\n\\n.message-box.error .icon-wrapper {\\n background: #F0DADB;\\n color: #990000;\\n border-left: 7px solid #990000; }\\n\\n.message-box.error .message-wrapper {\\n background: #F0DADB; }\\n\\n.message-box.warning .icon-wrapper {\\n background: #FFF7DE;\\n color: #FFCC00;\\n border-left: 7px solid #FFCC00; }\\n\\n.message-box.warning .message-wrapper {\\n background: #FFF7DE; }\\n\\n.message-box.success .icon-wrapper {\\n background: #E0F6E3;\\n color: #008800;\\n border-left: 7px solid #008800; }\\n\\n.message-box.success .message-wrapper {\\n background: #E0F6E3; }\\n\\n.message-box.info .icon-wrapper {\\n background: #e2e7f4;\\n color: #0e3aa1;\\n border-left: 7px solid #0e3aa1; }\\n\\n.message-box.info .message-wrapper {\\n background: #e2e7f4; }\\n\"","import { Component, OnInit, Input, Injectable, Injector, SimpleChanges, ViewChild, ElementRef } from '@angular/core';\n\nimport { MessageBoxType } from '../../../models/message-box-type';\nimport { EmulationService } from '../../../../shared/services/emulation.service';\nimport { isNullOrUndefined } from 'util';\nimport { Observable } from \"rxjs/internal/Observable\";\nimport { ViewContainerRef } from \"@angular/core\";\n\n@Component({\n selector: 'olb-message-box',\n templateUrl: './message-box.component.html',\n styleUrls: ['./message-box.component.scss']\n})\n\n@Injectable()\nexport class MessageBoxComponent implements OnInit {\n private _messageType: MessageBoxType;\n\n @ViewChild('newDiv') private messageBoxDiv: ElementRef;\n @Input() message: string;\n @Input() captureEmulationMessage: boolean = false;\n @Input() expandMessageBox: boolean = false;\n @Input() set messageBoxType(value: MessageBoxType) {\n this._messageType = value;\n }\n\n constructor(private emulationService: EmulationService, private viewContainerRef: ViewContainerRef) {\n this._messageType = MessageBoxType.None;\n }\n\n ngOnInit() {\n // if (this._messageType != MessageBoxType.None && this.captureEmulationMessage == false) {\n // this.emulationService.setEmulationMessage(null, false);\n // } else {\n if (this.captureEmulationMessage) {\n this.emulationService.loaderState.subscribe(x => {\n if (!isNullOrUndefined(x.message) && x.message.length > 0 && this.captureEmulationMessage == true) {\n this.messageBoxType = MessageBoxType.Error;\n this.message = x.message;\n this.scrollToMessageBox();\n } else {\n this.messageBoxType = MessageBoxType.None;\n this.message = null;\n }\n });\n }\n // }\n }\n private scrollToMessageBox() {\n try {\n if (this.messageBoxDiv && this.messageBoxDiv.nativeElement) {\n this.messageBoxDiv.nativeElement.scrollIntoView(false);\n }\n } catch (err) {\n }\n }\n get messageType(): string {\n if (MessageBoxType[this._messageType] != null) {\n return MessageBoxType[this._messageType].toLowerCase();\n }\n }\n\n public messageIcon(): string {\n if (this._messageType == MessageBoxType.Success) {\n return \"posak\";\n }\n else if (this._messageType == MessageBoxType.Info){\n return \"information-solid\";\n }\n else {\n return \"error-solid\";\n }\n }\n}\n","module.exports = \"\\n \\n \\n \\n \\n
\"","module.exports = \"a.message-link {\\n text-decoration: none; }\\n a.message-link:hover {\\n text-decoration: underline; }\\n .link-color {\\n color: #007D8A; }\\n .margin-tile-tablet {\\n margin-bottom: 15px;\\n margin-right: 30px; }\\n .margin-tile-mobile {\\n margin-bottom: 15px;\\n margin-right: 0px; }\\n .padding-link-items {\\n padding: 15px 15px 15px 15px;\\n max-height: 120px; }\\n .page-link-width {\\n width: 240px; }\\n .width100Per {\\n width: 100%; }\\n\"","import { Component, OnInit, Input } from '@angular/core';\n\nimport { UILink } from \"../../../models/ui\";\nimport { NavigationService } from '../../../../shared/services/navigation.service';\nimport { SpeedBumpComponent } from './../../../shared/speed-bump/speed-bump.component';\n\n@Component({\n selector: 'olb-page-links',\n templateUrl: './page-links.component.html',\n styleUrls: ['./page-links.component.scss']\n})\n\nexport class PageLinksComponent implements OnInit {\n public linkData: UILink[];\n @Input() UiLinks: any;\n\n public _url: any;\n constructor(\n private navigationService: NavigationService\n ) { }\n\n ngOnInit() {\n this.linkData = this.UiLinks;\n }\n public GetImagePath(imageUrl: string): string {\n return this.navigationService.getImagePath(imageUrl);\n }\n\n public navigateToURL(url: string, isInternalLink: boolean, openInSeparateWindow: boolean, showSpeedBump: boolean, target: string): void {\n this._url = url;\n if (showSpeedBump) {\n const dialogRef = this.navigationService.openDialog(SpeedBumpComponent, url);\n dialogRef.afterClosed().subscribe(result => {\n if (result && result == \"Continue\") {\n this.navigationService.navigateToExternalUrl(this._url);\n }\n });\n }\n else {\n if (openInSeparateWindow) {\n if (isInternalLink) {\n\n let tierMenuItems = this.navigationService.findMenuByPageKey(url);\n if (tierMenuItems.tier3MenuItem) {\n if (tierMenuItems.tier3MenuItem.path && tierMenuItems.tier3MenuItem.path != \"\") {\n url = tierMenuItems.tier3MenuItem.path;\n }\n else if (tierMenuItems.tier2MenuItem.path) {\n url = tierMenuItems.tier2MenuItem.path;\n }\n }\n }\n this.navigationService.navigateToExternalUrl(url);\n }\n else if (target && target.length > 0) {\n if (window.top.frames[target]) {\n window.top.frames[target].location.replace(url);\n }\n else {\n this.navigationService.navigateByPageKey(url);\n }\n }\n else {\n this.navigationService.navigateByPageKey(url);\n }\n }\n }\n}\n","module.exports = \"\\n
\\n \\n \\n
\\n \\n
\\n \\n \\n ![\\\"Link]()
\\n \\n
\\n \\n
\\n \\n
\\n\\n{{paymentHeaderText}}
\\n \\n
\\n \\n
\\n\\n \\n \\n
\\n \\n
\\n {{selectedPaymentOption.transferTypeDesc}}
\\n \\n
\\n\\n Payment option:
\\n {{selectedPaymentOption.transferTypeDesc}}
\\n \\n \\n \\n\\n \\n \\n\\n\\n
\\n \\n
\\n \\n \\n
\\n \\n
\\n {{asOfDate}}
\\n 0\\\">\\n 0\\\" [messages]=\\\"totalPaymentErrorMsg\\\"> \\n
\\n \\n \\n
\\n \\n
\\n 0||showHybridMessage, 'header-large': true}\\\">{{selectedPaymentOption.amount | currency}}
\\n 0\\\" class=\\\"control-group\\\">\\n \\n
\\n \\n
\\n\\n As of:
\\n \\n {{asOfDate}}\\n
\\n \\n
\\n Loan Payoff Amount:
\\n 0 ||showHybridMessage, 'data': true, 'header-small':true }\\\">\\n {{selectedPaymentOption.amount | currency}}\\n
\\n 0\\\">\\n \\n
\\n \\n \\n {{hybridMessage}}\\n
\\n \\n
\\n 0 }\\\">\\n
\\n {{amountLabelText}}
\\n \\n
\\n \\n
\\n \\n {{hybridMessage}}\\n
\\n \\n
\\n \\n
\\n \\n \\n
\\n \\n
\\n {{selectedPaymentOption.amount | currency}}
\\n 0 }\\\">\\n
\\n \\n
\\n {{amountLabelText}}
\\n {{selectedPaymentOption.amount | currency}}
\\n \\n {{hybridMessage}}\\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n {{subPayment.get('transferTypeDesc').value}}:
\\n \\n
\\n \\n
\\n 0 \\\"\\n class=\\\"control-group\\\">\\n 0\\\" [messages]=\\\"totalPaymentErrorMsg\\\"> \\n
\\n\\n \\n \\n
\\n \\n
\\n 0, 'header-large': true}\\\">{{totalPaymentAmount | currency}}
\\n 0 \\\"\\n fxLayout=\\\"row\\\" fxLayoutGap=\\\"10px\\\">\\n
\\nTotal:
\\n 0, 'data': true, 'header-small':true }\\\">\\n {{totalPaymentAmount | currency}}\\n 0\\\" [messages]=\\\"totalPaymentErrorMsg\\\"> \\n
\\n \\n
\"","module.exports = \".control-group {\\n margin-bottom: 20px; }\\n\\n.readonly-container .data-small {\\n min-width: 120px;\\n max-width: 120px; }\\n\\n.data-error {\\n color: #990000; }\\n\"","import { isNullOrUndefined } from 'util';\nimport { KeyValuePair } from './../../../models/keyValuePair';\nimport { Component, OnInit, Input, ChangeDetectorRef, Output, EventEmitter, SimpleChanges, ViewChildren, QueryList, ElementRef } from '@angular/core';\nimport { NgForm, FormBuilder, FormGroup, Validators, AbstractControl, FormArray } from '@angular/forms';\nimport { PaymentOption, RecurrencePermissions } from '../../../models/transfer-type';\nimport { LiteAccount } from '../../../models/liteaccount';\nimport { TransfersService } from '../../../services/transfers.service';\nimport { TransferTemplate, Transfer, TransferCategory } from '../../../models/transfer';\nimport { AccountsService } from '../../../services/accounts.service';\nimport { OlbUtility } from \"../../../../shared/services/utility.service\";\nimport { OlbDate } from '../../../../shared/services/date.service';\nimport { Constants } from '../../../models/constants';\nimport { TextBoxComponent } from '../textbox/textbox.component';\nimport { AdministrationService } from \"../../../services/administration.service\";\n\n\n@Component({\n selector: 'olb-payment-options',\n templateUrl: './payment-options.component.html',\n styleUrls: ['./payment-options.component.scss'],\n providers: [TransfersService, AccountsService, AdministrationService]\n})\nexport class PaymentOptionsComponent implements OnInit {\n\n @Input() containingForm: NgForm;\n @Input('containingGroupName') formGroupName: string;\n paymentOptions: PaymentOption[];\n @Input() useTransferTemplate: boolean;\n @Input() selectedTemplate: TransferTemplate;\n @Input() selectedTemplateDetail: Transfer;\n @Input() minimumValidAmount: Transfer;\n @Input() pageMode: string = 'transfer'; // For : Transfer or template\n @Input() tranMode: string; // For : Transfer or Loan payment\n @Input() mode: string; // for New/Edit/View\n @Input() frequency: string;\n @Input() model: Transfer;\n public paymentHeaderText: string = \"\";\n public amountLabelText: string = \"Amount:\";\n private defaultDueEscrowAmount: number = null;\n\n private _selectedFromAccount: LiteAccount;\n @Input() apiContext: string;\n @Input() state: string;\n @Input() transferStatus: string;\n @Input() toAccountExternal: boolean;\n @Input() fromAccountExternal: boolean;\n @Input() set selectedFromAccount(value: LiteAccount) {\n this._selectedFromAccount = value;\n if (this._selectedFromAccount && this.mode === 'NEW') {\n if (this._selectedFromAccount.designation.toLocaleLowerCase() === 'liability') {\n this.paymentHeaderText = \"Make a loan transfer\";\n this.setAmountLabelText('Amount:');\n }\n else {\n this.paymentHeaderText = \"Make a payment\";\n if (this.tranMode == 'loan') {\n this.setAmountLabelText('Payment Amount:');\n }\n else {\n this.setAmountLabelText('Amount:');\n }\n\n }\n }\n\n }\n private _selectedToAccount: LiteAccount;\n @Input() set selectedToAccount(value: LiteAccount) {\n this._selectedToAccount = value;\n if (this._selectedToAccount) {\n this.ToAccountChanged();\n }\n else {\n this.reset();\n }\n }\n IsHybrid: boolean = false;\n\n private loadBatchLoadBalanceFile: string = 'false';\n private effDate: string;\n private effDateRec: string;\n\n @Output() onPaymentOptionChanged = new EventEmitter\\n
\\n\\n
\\n {{amountLabel}}
\\n {{selectedPaymentOption.amount | currency}}
\\n \\n
\\n {{subPayment.transferTypeDesc}}:
\\n \\n {{subPayment.amount | currency}}\\n Failed\\n
\\n 0\\\" fxLayout=\\\"row\\\" fxLayoutGap=\\\"10px\\\">\\n
\\n Total:
\\n {{totalPaymentAmount | currency}}
\\n ', '').replace('
', '');\n\n return item;\n });\n // }\n return result;\n })\n .subscribe((x) => {\n if (x) {\n // OLB-708\n this.bindTranTypes(x.data);\n this.IsHybrid = x.systemState && x.systemState.toLowerCase() == \"hybrid\" ? true : false;\n //this.IsHybrid = isNullOrUndefined(x.systemState) == false && x.systemState.toLowerCase() == \"hybrid\" ? true : false;\n // If template is selected call transfer type change event, see loadTransferTemplate\n if (this.isTemplateSelected && this.selectedTemplateDetail) {\n if (this.selectedTemplateDetail.paymentOption.refNum > 0) {\n this.paymentOptionChange(this.searchPaymentOption(this.selectedTemplateDetail.paymentOption.refNum, this.selectedTemplateDetail.paymentOption.amount));\n }\n //Load payment options for refNum/transferTypeId=0\n else {\n this.paymentOptionChange(this.selectedTemplateDetail.paymentOption);\n }\n }\n if (this.mode === 'EDIT' && this.selectedPaymentOption) {\n this.paymentOptionChange(this.selectedPaymentOption);\n }\n }\n });\n }\n }\n }\n\n private paymentOptionChange(obj: PaymentOption): void {\n if (obj) {\n if (this.mode === 'EDIT') {\n if (this.paymentOptions && this.paymentOptions.length > 1) {\n this.showPaymentOptionDDL = true;\n }\n else {\n this.showPaymentOptionDDL = false;\n }\n if (this.paymentOptions && obj.transferTypeName === Constants.REGULAR_PAYMENT && this.tranMode == 'loan' && this.pageMode == 'transfer') {\n let tempPaymentOption = this.paymentOptions.find(x => x.refNum == obj.refNum);\n if (tempPaymentOption && tempPaymentOption.amount > 0 && tempPaymentOption.restrictAmount === true && tempPaymentOption.amount !== obj.amount) {\n this.emitPaymentAmountChangedMsg.emit();\n this.selectedPaymentOption.amount = tempPaymentOption.amount;\n //obj.amount = tempPaymentOption.amount;\n }\n }\n }\n if (this.mode !== 'EDIT') {\n this.selectedPaymentOption = obj;\n }\n if (this.tranMode == \"loan\") {\n this.bindLoanPaymentOptions(obj);\n }\n let formattedAmount = OlbUtility.formatNumber(obj.amount, false);\n this.formGroup.get('amount').setValue(formattedAmount);\n this.changeInsText(this.selectedPaymentOption);\n if (this.tranMode == 'loan' && this.mode !== 'READONLY') {\n (this.formGroup.get('subPaymentOption') as FormArray).controls = [];\n this.selectedPaymentOption.additionalPaymentOptions.forEach(payOpt => {\n this.addPaymentOption(payOpt);\n });\n this.getTotalPaymentAmount();\n this.totalPaymentErrorMsg = [];\n }\n this.onPaymentOptionChanged.emit(this.calculateApplicableFrequencies());\n }\n }\n\n private searchPaymentOption(ttId: number, amount: number): PaymentOption {\n let paymentOption = this.paymentOptions.filter(t => t.refNum === ttId)[0];\n // If payment type is escrow then set default due escrow amount in private variable that will be used for validation if template is used while creating payment\n this.defaultDueEscrowAmount = null;\n if (paymentOption.transferTypeName === Constants.ESCROW_PAYMENT) {\n this.defaultDueEscrowAmount = paymentOption.amount;\n }\n else if (paymentOption.additionalPaymentOptions.length > 0) {\n paymentOption.additionalPaymentOptions.forEach(payOpt => {\n if (payOpt.transferTypeName === Constants.ESCROW_PAYMENT) {\n this.defaultDueEscrowAmount = payOpt.amount;\n }\n });\n }\n\n if (amount > 0 && paymentOption.transferTypeName != Constants.PAY_LOAN_TO_ZERO_PAYMENT) {\n if (paymentOption.transferTypeName === Constants.REGULAR_PAYMENT) {\n if (paymentOption.restrictAmount === false) {\n paymentOption.amount = amount;\n }\n }\n else {\n paymentOption.amount = amount;\n }\n }\n return paymentOption;\n }\n\n private bindTranTypes(data: PaymentOption[]): void {\n this.paymentOptions = data;\n if (data && data.length >= 1) {\n this.effDate = data[0].effDate;\n this.effDateRec = data[0].effDateRec;\n }\n else {\n this.effDate = null;\n this.effDateRec = null;\n }\n if (data.length > 1) {\n this.showPaymentOptionDDL = true;\n this.insText = null;\n if (this.tranMode == 'loan') {\n if (!this.isTemplateSelected && !this.selectedTemplateDetail && this.mode !== 'EDIT') {\n this.selectedPaymentOption = this.paymentOptions.find(x => x.transferTypeName === Constants.REGULAR_PAYMENT);\n }\n\n //Set default payment option for loan payment\n setTimeout(() => {\n this.formGroup.get('paymentOption').setValue(this.selectedPaymentOption);\n });\n }\n if (!this.isTemplateSelected && this.mode !== 'EDIT') {\n this.formGroup.get('paymentOption').setValidators([Validators.required]);\n this.formGroup.get('paymentOption').updateValueAndValidity({ emitEvent: false });\n }\n else {\n this.formGroup.get('paymentOption').setValidators(null);\n this.formGroup.get('paymentOption').updateValueAndValidity({ emitEvent: false });\n }\n }\n else {\n this.showPaymentOptionDDL = false;\n this.formGroup.get('paymentOption').setValidators(null);\n this.formGroup.get('paymentOption').updateValueAndValidity({ emitEvent: false });\n if (!isNullOrUndefined(data) && data.length === 1) {\n if (this.mode !== 'EDIT') {\n this.insText = data[0].instructionalText;\n this.selectedPaymentOption = data[0];\n }\n //Set default payment option for loan payment\n setTimeout(() => {\n this.formGroup.get('paymentOption').setValue(this.selectedPaymentOption);\n });\n this.changeInsText(this.selectedPaymentOption);\n }\n else {\n if (this.mode == 'NEW') {\n //Fill 0.00 amount in case fromaccount is external\n this.selectedPaymentOption = new PaymentOption();\n this.selectedPaymentOption.amount = 0;\n this.selectedPaymentOption.refNum = 0;\n this.paymentOptionChange(this.selectedPaymentOption);\n }\n }\n }\n }\n\n public bindLoanPaymentOptions(obj: PaymentOption) {\n let templatePaymentOption = (this.isTemplateSelected && this.selectedTemplateDetail) ? this.selectedTemplateDetail.paymentOption : null;\n //Rules for main paymentoption model\n //Rule 1-:If the user blanks out the amount and saves without entering an amount and the template is selected on the Make a Transfer page, the amount will default to the current amount due.\n //Rule 2-:If the users enters a different amount in the Payment field on the template and the template is selected on the Make a Transfer page, the payment amount will be the amount entered in the template.\n //Rule 3-:If the Restrict Regular Payment to Current Amount Due is enabled and the Regular Payment is selected as the Payment option when creating the template:\n //The amount field on the template will not display. When the template is used, the payment amount field will default to the current amount due.\n if (templatePaymentOption && templatePaymentOption.transferTypeName != \"PayLoanToZero\") {\n if (templatePaymentOption.amount > 0 && ((this.selectedPaymentOption.transferTypeName === templatePaymentOption.transferTypeName) ||\n !templatePaymentOption.transferTypeName)) {\n if (obj.transferTypeName === Constants.REGULAR_PAYMENT) {\n if (obj.restrictAmount == false) {\n this.selectedPaymentOption.amount = templatePaymentOption.amount;\n }\n }\n else {\n this.selectedPaymentOption.amount = templatePaymentOption.amount;\n }\n }\n\n //Rules for additional paymentoption model\n //Rule 1-:If the user blanks out the amount and saves without entering an amount and the template is selected on the Make a Transfer page, the amount will default to the current amount due.\n //Rule 2-:If the users enters a different amount in the Payment field on the template and the template is selected on the Make a Transfer page, the payment amount will be the amount entered in the template.\n if (this.selectedPaymentOption.additionalPaymentOptions.length > 0) {\n if (templatePaymentOption.additionalPaymentOptions.length > 0) {\n this.selectedPaymentOption.additionalPaymentOptions.forEach(x => {\n templatePaymentOption.additionalPaymentOptions.forEach(y => {\n if (y.amount > 0 && x.transferTypeName === y.transferTypeName) {\n x.amount = y.amount;\n }\n });\n });\n }\n else {\n this.selectedPaymentOption.additionalPaymentOptions.forEach(x => {\n if (x.transferTypeName === Constants.ESCROW_PAYMENT && this.mode == \"NEW\") {\n x.amount = 0.00;\n }\n });\n }\n }\n }\n // We have loaded default due escrow amount in the model for validation purpose and will not show that amount in UI.\n // So setting amount to 0 for escrow payment\n else {\n if (this.mode === \"NEW\") {\n if (this.selectedPaymentOption.transferTypeName === Constants.ESCROW_PAYMENT) {\n this.selectedPaymentOption.amount = 0.00;\n }\n else if (this.selectedPaymentOption.additionalPaymentOptions.length > 0) {\n this.selectedPaymentOption.additionalPaymentOptions.forEach(payOpt => {\n if (payOpt.transferTypeName === Constants.ESCROW_PAYMENT) {\n payOpt.amount = 0.00;\n }\n });\n }\n }\n }\n //When template is created with additional payment options and amount is left blank for any additional amout, that option is not shown to user while editing template\n //adding those options with 0 amount returned from API for template. Also setting amount to 0 in case of escrow amount.\n if (this.paymentOptions && obj.transferTypeName === Constants.REGULAR_PAYMENT && this.tranMode == 'loan' && this.mode === 'EDIT') { //&& this.pageMode == 'template'\n let tempPaymentOption = this.paymentOptions.find(x => x.refNum == obj.refNum);\n this.selectedPaymentOption.allowPaymentInHybrid = tempPaymentOption.allowPaymentInHybrid;\n if (tempPaymentOption && tempPaymentOption.additionalPaymentOptions.length > 0) {\n if (tempPaymentOption.additionalPaymentOptions.length != this.selectedPaymentOption.additionalPaymentOptions.length) {\n if (this.selectedPaymentOption.additionalPaymentOptions.length == 0) {\n tempPaymentOption.additionalPaymentOptions.forEach(tempPayOpt => {\n if (tempPayOpt.transferTypeName === Constants.ESCROW_PAYMENT) {\n tempPayOpt.amount = 0.00;\n }\n });\n this.selectedPaymentOption.additionalPaymentOptions = tempPaymentOption.additionalPaymentOptions;\n }\n else {\n let additionalPaymentOptions: PaymentOption[] = [];\n tempPaymentOption.additionalPaymentOptions.forEach(tempPayOpt => {\n this.selectedPaymentOption.additionalPaymentOptions.forEach(templatePayOpt => {\n if (tempPayOpt.refNum === templatePayOpt.refNum) {\n additionalPaymentOptions.push(templatePayOpt);\n }\n else {\n let ti = this.selectedPaymentOption.additionalPaymentOptions.findIndex(x => x.refNum === tempPayOpt.refNum);\n let ai = additionalPaymentOptions.findIndex(x => x.refNum === tempPayOpt.refNum);\n if (ti === -1 && ai == -1) {\n if (tempPayOpt.transferTypeName === Constants.ESCROW_PAYMENT) {\n tempPayOpt.amount = 0.00;\n }\n additionalPaymentOptions.push(tempPayOpt);\n }\n }\n });\n });\n this.selectedPaymentOption.additionalPaymentOptions = additionalPaymentOptions;\n }\n }\n //obj.amount = tempPaymentOption.amount;\n }\n }\n }\n\n\n private changeInsText(paymentOption: PaymentOption): void {\n if (this.paymentOptions) {\n this.paymentOptions.forEach((t) => {\n if (t.refNum === paymentOption.refNum) {\n this.insText = t.instructionalText;\n }\n });\n }\n }\n setPaymentOptionError(control: string, err?: any, setInvalid: boolean = false): void {\n if (this.formGroup) {\n if (control === 'amount') {\n if (this.selectedPaymentOption) {\n this.totalPaymentErrorMsg = [];\n let errmsg = Object.keys(err).map(e => err[e]).toString();\n if (errmsg) {\n this.totalPaymentErrorMsg.push(errmsg);\n if (setInvalid || !this.selectedPaymentOption.additionalPaymentOptions || (this.selectedPaymentOption.additionalPaymentOptions && this.selectedPaymentOption.additionalPaymentOptions.length === 0)) {\n this.formGroup.get(control).setErrors(err);\n }\n }\n }\n else {\n this.formGroup.get(control).setErrors(err);\n }\n }\n else {\n this.formGroup.get(control).setErrors(err);\n }\n }\n }\n\n validatePayementOption(): void {\n if (this.formGroup && this.selectedPaymentOption) {\n if (this.selectedPaymentOption.transferTypeName === Constants.PAY_LOAN_TO_ZERO_PAYMENT) {\n if (this.IsHybrid) {\n this.setPaymentOptionError('amount', { 'error': this.hybridMessage }, true);\n //this.formGroup.get('amount').setErrors({ error: '' });\n }\n }\n if (this.selectedPaymentOption.transferTypeName === Constants.REGULAR_PAYMENT && this.pageMode != 'template'\n && this.selectedPaymentOption.allowPaymentInHybrid == false && this.selectedPaymentOption.restrictAmount == true) {\n if (this.IsHybrid && this.loadBatchLoadBalanceFile.toLowerCase() === 'false') {\n this.setPaymentOptionError('amount', { 'error': this.hybridMessage }, true);\n }\n }\n if (this.isTemplateSelected && this.selectedTemplateDetail) {\n if (this._selectedToAccount && this._selectedToAccount.AccountType === 'ML') {\n let paymentOption = this.getPaymentOptionValue();\n let enteredEscrowAmount: number = 0;\n let ctrlType;\n if (paymentOption.transferTypeName === Constants.ESCROW_PAYMENT) {\n enteredEscrowAmount = paymentOption.amount;\n ctrlType = \"parent\";\n }\n else if (paymentOption.transferTypeName === Constants.REGULAR_PAYMENT && paymentOption.additionalPaymentOptions.length > 0) {\n paymentOption.additionalPaymentOptions.forEach(payOpt => {\n if (payOpt.transferTypeName === Constants.ESCROW_PAYMENT) {\n enteredEscrowAmount = payOpt.amount;\n ctrlType = \"subpayment\";\n }\n });\n }\n if (enteredEscrowAmount > 0 && this.defaultDueEscrowAmount) {\n if (this.defaultDueEscrowAmount == 0) {\n if (ctrlType == \"parent\") {\n this.setPaymentOptionError('amount', { 'error': 'Escrow payment amount due is zero. An escrow payment will not be made.' }, true);\n }\n else if (ctrlType == \"subpayment\") {\n this.setSubPaymentOptionError(Constants.ESCROW_PAYMENT, { 'error': 'Escrow payment amount due is zero. An escrow payment will not be made.' });\n }\n }\n else if (enteredEscrowAmount > this.defaultDueEscrowAmount) {\n if (ctrlType == \"parent\") {\n this.setPaymentOptionError('amount', { 'error': 'Escrow payment amount due is greater than the amount due. Amount due is $' + this.defaultDueEscrowAmount.toString() }, true);\n }\n else if (ctrlType == \"subpayment\") {\n this.setSubPaymentOptionError(Constants.ESCROW_PAYMENT, { 'error': 'Escrow payment amount due is greater than the amount due. Amount due is $' + this.defaultDueEscrowAmount.toString() });\n }\n }\n }\n }\n }\n }\n }\n\n get showHybridMessage(): boolean {\n let res = (this.IsHybrid && this.selectedPaymentOption\n && ((this.selectedPaymentOption.transferTypeName === Constants.PAY_LOAN_TO_ZERO_PAYMENT)\n || (this.selectedPaymentOption.transferTypeName === Constants.REGULAR_PAYMENT && this.pageMode != 'template'\n && this.selectedPaymentOption.allowPaymentInHybrid == false && this.selectedPaymentOption.restrictAmount == true && this.loadBatchLoadBalanceFile.toLowerCase() === 'false')));\n this.onHybridModeChanged.emit(res);\n return res;\n }\n\n getPaymentOptionControl(control: string): AbstractControl {\n return this.formGroup.get(control);\n }\n\n get paymentOptionForm() {\n return\\n \\n
\"","module.exports = \".radio {\\n position: relative;\\n display: block;\\n -webkit-user-select: none;\\n -moz-user-select: none;\\n -ms-user-select: none;\\n user-select: none;\\n height: 24px;\\n line-height: 24px; }\\n\\n.radio label {\\n font-size: 11pt;\\n margin-bottom: 0;\\n padding-left: 20px;\\n font-weight: normal; }\\n\\n.radio label .label-text {\\n padding-left: 5px; }\\n\\n.radio label input:enabled ~ .label-text {\\n cursor: pointer; }\\n\\n.radio input[type=radio] {\\n position: absolute;\\n top: 0;\\n left: 0;\\n opacity: 0; }\\n\\n.radio input:disabled ~ .checkmark {\\n background-color: #F2F2F2;\\n border: 2px solid #CCCCCC; }\\n\\n.radio input:enabled ~ .checkmark {\\n cursor: pointer; }\\n\\n.checkmark {\\n position: absolute;\\n top: 0;\\n left: 0;\\n height: 20px;\\n width: 20px;\\n background-color: #F2F2F2;\\n border-radius: 50%;\\n border: 2px solid #999999; }\\n\\n.checkmark:after {\\n content: '';\\n position: absolute;\\n display: none; }\\n\\n.radio input:checked ~ .checkmark:after {\\n display: block; }\\n\\n.radio input ~ .checkmark:after {\\n top: 3px;\\n left: 3px;\\n width: 10px;\\n height: 10px;\\n border-radius: 50%;\\n background: #333333; }\\n\"","import { Component, OnInit, forwardRef, Optional, Inject, Injector, ViewChild, Input, EventEmitter, Output } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, NG_VALIDATORS, NG_ASYNC_VALIDATORS, NgModel } from '@angular/forms';\nimport { OLBElementBase } from '../shared/olbcontrolelement';\n@Component({\n selector: 'olb-radio-button',\n templateUrl: './radio-button.component.html',\n styleUrls: ['./radio-button.component.scss'],\n\n providers: [\n { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RadioButtonComponent), multi: true }\n ],\n})\n \nexport class RadioButtonComponent extends OLBElementBase\\n
\"","module.exports = \"\"","import { ChangeDetectorRef, Component, OnInit, Input, Output, EventEmitter, ElementRef, ViewChild } from '@angular/core';\nimport { FormControl, Validators, FormGroup } from '@angular/forms';\nimport { Transfer } from '../../../models/transfer';\nimport { UIContext } from \"../../../models/ui\";\nimport { Observable } from \"rxjs\";\nimport { environment } from '../../../../environments/environment';\nimport { ILoadDemoData } from '../../../../assets/interface/ILoadDemoData';\n\n@Component({\n selector: 'olb-recurring-edit-cancel-options',\n templateUrl: './recurring-edit-cancel-options.component.html',\n styleUrls: ['./recurring-edit-cancel-options.component.scss']\n})\nexport class RecurringEditCancelOptionsComponent implements OnInit, ILoadDemoData {\n\n @Input() mode: string;\n @Input() model: Transfer;\n @Input() oPageContext: Observable\\n
\\n \\n
\\n\\n
\\n /, '').replace(/<\\/p>\\n*$/, '');\n }\n this.pageContext = pageContext;\n this.setPageContext(uiDisplayname, IsMainComponent);\n }\n this.initializeInternal(uiDisplayname, false);\n }\n });\n }\n else {\n this.initializeInternal(uiDisplayname, IsMainComponent).subscribe(x => {\n this.pageContext = x;\n this.setPageContext(uiDisplayname, IsMainComponent);\n });\n }\n }\n\n private setPageContext(uiDisplayname, IsMainComponent = true): void {\n this.setPageConfiguartions();\n if (IsMainComponent == true && this.pageContext.AggrementRequired == true && this.navigationService.askedAgrement == false) {\n let agreementRouteKey: string = \"account\";\n if (isNullOrUndefined(this.navigationService.navigationReturnURL) == false) {\n agreementRouteKey = this.navigationService.navigationReturnURL;\n if (agreementRouteKey.startsWith(\"/\")) {\n agreementRouteKey = agreementRouteKey.substring(1, agreementRouteKey.length);\n }\n\n if (agreementRouteKey.indexOf(\"/\") > 0) {\n agreementRouteKey = agreementRouteKey.substring(0, agreementRouteKey.indexOf(\"/\"));\n }\n }\n this.navigationService.navigateByUrl(agreementRouteKey + \"/agreement?uiName=\" + uiDisplayname, null, false);\n }\n }\n\n public get getApiContext(): string {\n if (isNullOrUndefined(this.apiContext) == false) {\n return this.apiContext;\n }\n return \"__Default\";\n }\n\n\n public get getApiContextForOverlay(): string {\n if (isNullOrUndefined(this.apiContextForOverlay) == false) {\n return this.apiContextForOverlay;\n }\n return \"__Default\";\n }\n\n protected getPageContext(uiDisplayname: string, useCache: boolean = true): Observable /, '').replace(/<\\/p>\\n*$/, '');\n }\n return result;\n })\n\n pageContext.subscribe(\n pageContext => {\n if (pageContext) {\n this.pageContextSubject.next(pageContext);\n }\n },\n err => {\n console.log(err);\n }\n );\n\n return pageContext;\n }\n\n protected getPageConfig(uiDisplayname: string, useCache: boolean = true): Observable /, '').replace(/<\\/p>\\n*$/, '');\n }\n return result;\n })\n\n pageContext.subscribe(\n pageContext => {\n if (pageContext) {\n this.pageContextSubject.next(pageContext);\n }\n },\n err => {\n console.log(err);\n }\n );\n\n return pageContext;\n }\n\n protected getConfigurationValueByName(configName: string, pageName: string): Observable\\n \"","module.exports = \"\"","import { NgModel, NgControl, NG_VALUE_ACCESSOR, NG_VALIDATORS, NG_ASYNC_VALIDATORS } from '@angular/forms';\nimport { Component, Optional, Inject, Input, ViewChild, OnInit, ElementRef, forwardRef, Injector } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { OLBElementBase } from '../shared/olbcontrolelement';\nimport { ValidationComponent } from '../textbox/validation';\n\n@Component({\n selector: 'olb-textarea',\n templateUrl: './textarea.component.html',\n styleUrls: ['./textarea.component.scss'],\n providers: [\n { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TextareaComponent), multi: true }\n ]\n})\n\nexport class TextareaComponent extends OLBElementBase\\n \\n \\n \\n {{prefixText}}\\n \\n {{postfixText}}\\n \\n \\n \\n \\n\\n \\n\"","module.exports = \"\"","import { NgModel, NgControl, NG_VALUE_ACCESSOR, NG_VALIDATORS, NG_ASYNC_VALIDATORS } from '@angular/forms';\nimport { Component, Optional, Inject, Input, ViewChild, OnInit, ElementRef, forwardRef, Injector, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, OnDestroy, AfterViewInit, NgZone } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { OLBElementBase } from '../shared/olbcontrolelement';\nimport { ValidationComponent } from './validation';\nimport { OlbUtility } from \"../../../../shared/services/utility.service\";\nimport { OlbValidators } from \"../../../../shared/helpers/olb-validator\";\nimport { UP_ARROW, DOWN_ARROW } from \"@angular/cdk/keycodes\";\n\n@Component({\n selector: 'olb-textbox',\n templateUrl: './textbox.component.html',\n styleUrls: ['./textbox.component.scss'],\n providers: [\n { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TextBoxComponent), multi: true }\n ],\n})\n\n//The basic text box component with validation of required, min and max length.\n//The validators are injected as part of the usage in the actual form.\nexport class TextBoxComponent extends OLBElementBase\\n \\n \\n \\n {{prefixText}}\\n 0 ? inputSize : null\\\" [type]=\\\"type\\\" [maxlength]=\\\"inputMaxLength\\\" [autocomplete]=\\\"autocomplete\\\" [step]=\\\"step\\\" (blur)=\\\"formatText()\\\" [ngClass]=\\\"{\\n 'olb-textbox-amount no-spinners': inputType=='amount',\\n 'invalid': ((invalidState | async) && ((this.model.control.dirty || this.model.control.touched || this.containingForm.submitted))),\\n 'formSubmitted': containingForm.submitted\\n }\\\" />\\n {{postfixText}}\\n \\n \\n \\n \\n\n \n \n `,\n styles: [`\n .validation {\n font-size: 9pt;\n color: #990000;\n font-weight: bold;\n margin-top:5px;\n position: relative; \n word-wrap: break-word;\n }`\n ]\n})\nexport class ValidationComponent {\n @Input() messages: Array