{"__symbolic":"module","version":4,"exports":[{"from":"./lib/blg-form-controls.model"},{"from":"./lib/utilities"},{"from":"./lib/modules/root"},{"from":"./lib/dialogues"},{"from":"./lib/services"},{"from":"./lib/custom-validators"},{"from":"./lib/customNgxDatetimeAdapter"},{"from":"./lib/format.utils"},{"from":"./lib/listing.utils"},{"from":"./lib/view-column"},{"from":"./lib/view-column.component"},{"from":"./lib/visa"},{"from":"./lib/select-inv-item-drop-down/select-inv-item-drop-down.component"},{"from":"./lib/select-location-drop-down/select-location-drop-down.component"},{"from":"./lib/select-location-drop-down-stock/select-location-drop-down-stock.component"},{"from":"./lib/select-location-drop-down-stock-to/select-location-drop-down-stock-to.component"},{"from":"./lib/select-location-drop-down-v2/select-location-drop-down-v2.component"},{"from":"./lib/select-printable-format-drop-down/select-printable-format-drop-down.component"},{"from":"./lib/select-settlement-method-drop-down/select-settlement-method-drop-down.component"},{"from":"./lib/select-sst-drop-down/select-sst-drop-down.component"},{"from":"./lib/select-supplier-drop-down/select-supplier-drop-down.component"},{"from":"./lib/select-wht-drop-down/select-wht-drop-down.component"}],"metadata":{"BlgAkaunNgLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵks"},{"__symbolic":"reference","name":"ɵlt"},{"__symbolic":"reference","name":"ɵnj"},{"__symbolic":"reference","name":"ɵns"},{"__symbolic":"reference","name":"ɵtm"},{"__symbolic":"reference","name":"ɵtq"},{"__symbolic":"reference","name":"ɵtz"},{"__symbolic":"reference","name":"ɵld"},{"__symbolic":"reference","name":"ɵmw"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵks"},{"__symbolic":"reference","name":"ɵlt"},{"__symbolic":"reference","name":"ɵnj"},{"__symbolic":"reference","name":"ɵns"},{"__symbolic":"reference","name":"ɵtm"},{"__symbolic":"reference","name":"ɵtq"},{"__symbolic":"reference","name":"ɵtz"},{"__symbolic":"reference","name":"ɵld"},{"__symbolic":"reference","name":"ɵmw"}]}]}],"members":{}},"MaterialModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":54,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":56,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":58,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":60,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":61,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":62,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":63,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":64,"character":4},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":66,"character":4},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":67,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":68,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":69,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":70,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":71,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":72,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":73,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":74,"character":4},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":75,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":76,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":77,"character":4},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":78,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":79,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":80,"character":4},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":81,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":82,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":83,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":84,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":85,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":86,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":87,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":88,"character":4},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":89,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":90,"character":4},{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":91,"character":4},{"__symbolic":"reference","module":"@angular/cdk/accordion","name":"CdkAccordionModule","line":92,"character":4},{"__symbolic":"reference","module":"@angular/cdk/observers","name":"ObserversModule","line":93,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":94,"character":4},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule","line":95,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":96,"character":4},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateModule","line":97,"character":4},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":98,"character":4},{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MatBottomSheetModule","line":99,"character":4},{"__symbolic":"reference","module":"@angular/material/tree","name":"MatTreeModule","line":100,"character":4},{"__symbolic":"reference","module":"@angular/cdk/tree","name":"CdkTreeModule","line":101,"character":4},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperModule","line":102,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":103,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":104,"character":4},{"__symbolic":"reference","module":"@angular/cdk/clipboard","name":"ClipboardModule","line":105,"character":4}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":52,"character":4},{"__symbolic":"reference","name":"MaterialModule"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":54,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":55,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"blg-select-branch-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Branch</mat-label>\n  <mat-select [formControl]=\"branch\" (selectionChange)=\"onSelect($event.value)\" [required]=\"required\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Branch Code/Name'\"\n                             [noEntriesFoundLabel]=\"'No matching records found'\" [formControl]=\"serverSideFiltering\" ngDefaultControl>\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_branch.guid\">\n      {{eachOption.bl_fi_mst_branch.code}} | {{eachOption.bl_fi_mst_branch.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Branch <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n<!--<mat-form-field appearance=\"outline\">-->\n<!--  <mat-label>Branch</mat-label>-->\n<!--  <mat-select [formControl]=\"branch\" (selectionChange)=\"onSelect($event.value)\">-->\n<!--&lt;!&ndash;    <mat-option>&ndash;&gt;-->\n<!--&lt;!&ndash;      <ngx-mat-select-search [placeholderLabel]=\"'Key in Branch Code/Name'\"&ndash;&gt;-->\n<!--&lt;!&ndash;        [noEntriesFoundLabel]=\"'No matching records found'\"&ndash;&gt;-->\n<!--&lt;!&ndash;        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>&ndash;&gt;-->\n<!--&lt;!&ndash;    </mat-option>&ndash;&gt;-->\n<!--&lt;!&ndash;    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_branch.guid\">&ndash;&gt;-->\n<!--&lt;!&ndash;      {{eachOption.bl_fi_mst_branch.code}} | {{eachOption.bl_fi_mst_branch.name}}&ndash;&gt;-->\n<!--&lt;!&ndash;    </mat-option>&ndash;&gt;-->\n<!--    <ngx-mat-select-search (keyup)=\"filterBranch($event.target.value)\"-->\n<!--                           [placeholderLabel]=\"'Branch'\" [noEntriesFoundLabel]=\"'No matching records found'\"-->\n<!--                           [formControl]=\"currentBranch\" ngDefaultControl>-->\n<!--    </ngx-mat-select-search>-->\n<!--    <mat-option *ngFor=\"let eachOption of filteredBranch\" [value]=\"eachOption.guid\">-->\n<!--      {{eachOption.code}} | {{eachOption.name}}-->\n<!--    </mat-option>-->\n<!--  </mat-select>-->\n<!--  <mat-error>-->\n<!--    Branch <strong>not valid</strong>-->\n<!--  </mat-error>-->\n<!--</mat-form-field>-->\n","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"branch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"companySelectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"branchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"branchSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":37,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getBranch":[{"__symbolic":"method"}],"filterBranch":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"blg-select-location-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"location\" (selectionChange)=\"onSelect($event.value)\" [required]=\"required\">\n    <mat-option>\n      <!-- <ngx-mat-select-search [placeholderLabel]=\"'Key in Location Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_inv_mst_location.guid\">\n      {{eachOption.bl_inv_mst_location.code}} | {{eachOption.bl_inv_mst_location.name}}\n    </mat-option> -->\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Location Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\" [formControl]=\"serverSideFiltering\" ngDefaultControl>\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_inv_mst_location.guid\">\n      {{eachOption.bl_inv_mst_location.code}} | {{eachOption.bl_inv_mst_location.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Location <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"branchSelectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"locationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"locationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":31,"character":35},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchLocationLinkService","line":32,"character":39}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getAllLocations":[{"__symbolic":"method"}],"LocationFiltering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"blg-select-inv-item-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Inventory Item</mat-label>\n  <mat-select [formControl]=\"inventory\" (selectionChange)=\"onSelect($event.value)\" [multiple]=\"multiple\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Inventory Item Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_inv_mst_item_hdr.guid\">\n      {{eachOption.bl_inv_mst_item_hdr.code}} | {{eachOption.bl_inv_mst_item_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Inventory Item <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"inventory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"inventoryChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"InventoryItemService","line":33,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"searchBranch":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"blg-select-fi-item-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"fi\" (selectionChange)=\"onSelect($event.value)\" [multiple]=\"multiple\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Financial Item Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_item_hdr.guid\">\n      {{eachOption.bl_fi_mst_item_hdr.code}} | {{eachOption.bl_fi_mst_item_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Financial Item <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"fi":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"txnType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"fiChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"FinancialItemService","line":32,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"searchfinancialItem":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"blg-select-customer-drop-down","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>Customer</mat-label>\n    <mat-select [formControl]=\"customer\" (selectionChange)=\"onSelect($event.value)\" [required]=\"required\">\n      <mat-option>\n        <ngx-mat-select-search [placeholderLabel]=\"'Key in Customer Code/Name'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n          [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n      </mat-option>\n      <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_entity_hdr.guid\">\n        {{eachOption.bl_fi_mst_entity_hdr.name}}\n      </mat-option>\n    </mat-select>\n    <mat-error>\n      Customer <strong>not valid</strong>\n    </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"customerChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"customerSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CustomerService","line":31,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"searchCustomer":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵh"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"blg-select-supplier-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{label}}</mat-label>\n  <mat-select [formControl]=\"entity\" (selectionChange)=\"onSelect($event.value)\" [required]=\"required\">\n    <mat-option>\n      <ngx-mat-select-search placeholderLabel=\"Search...\" noEntriesFoundLabel=\"No matching records found\"\n        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"valueSelector(eachOption)\">\n      {{this.options.labelRenderer(eachOption)}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{options.label}} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"SupplierService","line":17,"character":29}]}]}},"ɵh":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{}]}],"members":{"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"entity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"entityChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"entitySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"searchEntity":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"valueSelector":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"blg-select-company-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Company</mat-label>\n  <mat-select [formControl]=\"company\" (selectionChange)=\"onSelect($event.value)\" [required]=\"required\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Company Code/Name'\"\n                             [noEntriesFoundLabel]=\"'No matching records found'\" [formControl]=\"serverSideFiltering\" ngDefaultControl>\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_comp.guid\">\n      {{eachOption.bl_fi_mst_comp.code}} | {{eachOption.bl_fi_mst_comp.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Company <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"company":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"companyChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"companySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyService","line":31,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"getCompany":[{"__symbolic":"method"}],"filterCompany":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"blg-select-cashbook-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Cashbook</mat-label>\n  <mat-select [formControl]=\"cashbook\" (selectionChange)=\"onSelect($event.value)\" [required]=\"required\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Cashbook Code/Name'\"\n                             [noEntriesFoundLabel]=\"'No matching records found'\" [formControl]=\"serverSideFiltering\" ngDefaultControl>\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_cashbook_hdr.guid\">\n      {{eachOption.bl_fi_mst_cashbook_hdr.code}} | {{eachOption.bl_fi_mst_cashbook_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Cashbook <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"cashbook":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"cashbookChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"cashbookSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CashbookService","line":33,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"searchCashbook":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"blg-select-glcode-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>GL Code</mat-label>\n  <mat-select [formControl]=\"glcode\" (selectionChange)=\"onSelect($event.value)\" [required]=\"required\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in GL Code/Name'\"\n                             [noEntriesFoundLabel]=\"'No matching records found'\" [formControl]=\"serverSideFiltering\" ngDefaultControl>\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_glcode.guid\">\n      {{eachOption.bl_fi_mst_glcode.gl_code_1}} | {{eachOption.bl_fi_mst_glcode.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    GL Code <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"glcode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"glcodeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"glcodeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GlcodeService","line":32,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"getGlcode":[{"__symbolic":"method"}],"filterGlcode":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-currency-v1","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Currency*</mat-label>\n  <mat-select [formControl]=\"currency\" (selectionChange)=\"selectionChange.emit()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_ccy.display_short\">\n      {{opt.bl_fi_mst_ccy.display_short}} - {{opt.bl_fi_mst_ccy.display_main}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Currency <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"currency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"currencyChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CurrencyService","line":33,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-credit-terms","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Credit Terms</mat-label>\n  <mat-select [formControl]=\"creditTerms\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option value=\"EMPTY\">\n      EMPTY\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Credit Terms <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"creditTerms":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"creditTermsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-ng-select-settlement-methods","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Settlement Method</mat-label>\n  <mat-select [formControl]=\"settlement\" (selectionChange)=\"onSelectionChange($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_item_hdr.guid\">\n      {{opt.bl_fi_mst_item_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Settlement Method <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"settlement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"settlementChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"settlementType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"SettlementMethodService","line":35,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"filterSettlement":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-sales-man-v1","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Sales Agent*</mat-label>\n  <mat-select [formControl]=\"salesAgent\" (selectionChange)=\"selectionChange.emit()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_entity_hdr.guid\">\n      {{opt.bl_fi_mst_entity_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Sales Agent <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"salesAgent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"salesAgentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EmployeeService","line":31,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"appSST","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>SST Code</mat-label>\n  <mat-select [formControl]=\"sst\" (selectionChange)=\"onSelectionChange($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let tax of filteredOptions$ | async\" [value]=\"tax.bl_fi_cfg_tax_code.tax_code\">\n      {{tax.bl_fi_cfg_tax_code.tax_code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    SST <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"sst":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"sstChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"sstContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TaxCodeCfgService","line":32,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"filterSST":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"appWHT","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>WHT Code</mat-label>\n  <mat-select [formControl]=\"wht\" (selectionChange)=\"onSelectionChange($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let tax of filteredOptions$ | async\" [value]=\"tax.bl_fi_cfg_tax_code.tax_code\">\n      {{tax.bl_fi_cfg_tax_code.tax_code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    WHT <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"wht":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"whtChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"whtContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TaxCodeCfgService","line":33,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"filterWHT":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"ng-select-printable-format","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Printable Format</mat-label>\n  <mat-select [formControl]=\"printableFormat\" (selectionChange)=\"onSelectionChange($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_prt_printable_format_hdr.guid\">\n      {{opt.bl_prt_printable_format_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Printable Format Method <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"printableFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"txn_type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"printableFormatChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"selectedPrintableFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PrintableFormatService","line":33,"character":46}]}],"ngOnInit":[{"__symbolic":"method"}],"filterPrintable":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"blg-select-branch-drop-down-v2","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ controlName ? controlName : \"Branch\" }}</mat-label>\n  <mat-select\n    [formControl]=\"branch\"\n    (selectionChange)=\"onSelect($event.value)\"\n    [required]=\"required\"\n  >\n    <mat-option>\n      <ngx-mat-select-search\n        [placeholderLabel]=\"'Key in Branch Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\"\n        ngDefaultControl\n      >\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option\n      *ngFor=\"let eachOption of filteredOptions$ | async\"\n      [value]=\"eachOption.guid\"\n    >\n      {{ eachOption.code }} |\n      {{ eachOption.name }}\n    </mat-option>\n  </mat-select>\n  <mat-error *ngIf=\"branch.hasError('required') && branch.touched\">\n    <strong>Please select branch</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"branch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"branchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"branchSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"branchGuids":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"controlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":40,"character":27},{"__symbolic":"reference","name":"ɵt"}]}],"ngOnInit":[{"__symbolic":"method"}],"getBranch":[{"__symbolic":"method"}],"filterBranch":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":20,"character":20}]}],"getApiUrl":[{"__symbolic":"method"}],"getHttpHeader":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"blg-select-location-drop-down-v2","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ controlName ? controlName : 'Location' }}</mat-label>\n  <mat-select\n    [formControl]=\"location\"\n    (selectionChange)=\"onSelect($event.value)\"\n    [required]=\"required\"\n  >\n    <mat-option>\n      <ngx-mat-select-search\n        [placeholderLabel]=\"'Key in Location Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\"\n        ngDefaultControl\n      >\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option\n      *ngFor=\"let eachOption of filteredOptions$ | async\"\n      [value]=\"eachOption.guid\"\n    >\n      {{ eachOption.code }} |\n      {{ eachOption.name }}\n    </mat-option>\n  </mat-select>\n  <mat-error *ngIf=\"location.hasError('required') && location.touched\">\n    <strong>Please select location</strong>\n  </mat-error>  \n  <mat-error *ngIf=\"unlinkedLocation\">\n    Selected location not linked to branch\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"branchSelectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"controlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"locationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"locationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":50,"character":25},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchLocationLinkService","line":51,"character":39},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":52,"character":27},{"__symbolic":"reference","name":"ɵt"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setDefaultLocation":[{"__symbolic":"method"}],"getAllLocations":[{"__symbolic":"method"}],"LocationFiltering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"blg-select-company-drop-down-v2","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ controlName ? controlName : \"Company\" }}</mat-label>\n  <mat-select\n    [formControl]=\"company\"\n    (selectionChange)=\"onSelect($event.value)\"\n    [required]=\"required\"\n  >\n    <mat-option>\n      <ngx-mat-select-search\n        [placeholderLabel]=\"'Key in Company Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\"\n        ngDefaultControl\n      >\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option\n      *ngFor=\"let eachOption of filteredOptions$ | async\"\n      [value]=\"eachOption.guid\"\n    >\n      {{ eachOption.code }} |\n      {{ eachOption.name }}\n    </mat-option>\n  </mat-select>\n  <mat-error *ngIf=\"company.hasError('required') && company.touched\">\n    <strong>Please select company</strong>\n  </mat-error>\n</mat-form-field>\n\n","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"company":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"userPermissionTarget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"companyChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"companySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"controlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyService","line":35,"character":28},{"__symbolic":"reference","name":"ɵt"}]}],"ngOnInit":[{"__symbolic":"method"}],"getCompany":[{"__symbolic":"method"}],"filterCompany":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"blg-select-location-drop-down-stock","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n    <mat-select\n      [formControl]=\"location\"\n      (selectionChange)=\"onSelect($event.value)\"\n      [required]=\"required\"\n    >\n      <mat-option>\n        <ngx-mat-select-search\n          [placeholderLabel]=\"'Key in Location Code/Name'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n          [formControl]=\"serverSideFiltering\"\n          ngDefaultControl\n        >\n        </ngx-mat-select-search>\n      </mat-option>\n      <mat-option\n        *ngFor=\"let eachOption of filteredOptions$ | async\"\n        [value]=\"eachOption.bl_inv_mst_location.guid\"\n      >\n        {{ eachOption.bl_inv_mst_location.code }} |\n        {{ eachOption.bl_inv_mst_location.name }}\n      </mat-option>\n    </mat-select>\n    <mat-error *ngIf=\"location.hasError('required') && location.touched\">\n      <strong>Please select location</strong>\n    </mat-error> \n    <mat-error *ngIf=\"unlinkedLocation\">\n      Selected location not linked to branch\n    </mat-error>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"locationGuids":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"locationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"locationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":48,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getAllLocations":[{"__symbolic":"method"}],"LocationFiltering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"blg-select-location-drop-down-stock-to","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n    <mat-select\n      [formControl]=\"location\"\n      (selectionChange)=\"onSelect($event.value)\"\n      [required]=\"required\"\n    >\n      <mat-option>\n        <ngx-mat-select-search\n          [placeholderLabel]=\"'Key in Location Code/Name'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n          [formControl]=\"serverSideFiltering\"\n          ngDefaultControl\n        >\n        </ngx-mat-select-search>\n      </mat-option>\n      <mat-option\n        *ngFor=\"let eachOption of filteredOptions$ | async\"\n        [value]=\"eachOption.bl_inv_mst_location.guid\"\n      >\n        {{ eachOption.bl_inv_mst_location.code }} |\n        {{ eachOption.bl_inv_mst_location.name }}\n      </mat-option>\n    </mat-select>\n    <mat-error *ngIf=\"location.hasError('required') && location.touched\">\n      <strong>Please select location</strong>\n    </mat-error> \n    <mat-error *ngIf=\"unlinkedLocation\">\n      Selected location not linked to branch\n    </mat-error>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"locationGuids":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"companyGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"locationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"locationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":50,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getAllLocations":[{"__symbolic":"method"}],"LocationFiltering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","name":"MaterialModule"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":24,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":25,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"}]}]}],"members":{}},"ɵz":{"parse":{"dateInput":"YYYY-MM-DD"},"display":{"dateInput":"YYYY-MM-DD","monthYearLabel":"MMMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"blg-single-column-form","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":29,"character":15},"useValue":{"__symbolic":"reference","name":"ɵz"}}],"template":"<div *ngFor=\"let x of controls\">\n  <mat-form-field *ngIf=\"x.readonly;else input\" appearance=\"outline\">\n    <mat-label>{{x.label}}</mat-label>\n    <input matInput readonly [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\">\n  </mat-form-field>\n  <ng-template #input>\n    <ng-container [ngSwitch]=\"x.type\">\n      <mat-form-field *ngSwitchCase=\"'text'\" appearance=\"outline\">\n        <mat-label>{{x.label}}</mat-label>\n        <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"text\" [required]=\"x.required\">\n        <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n      </mat-form-field>\n      <mat-form-field *ngSwitchCase=\"'number'\" appearance = \"outline\">\n        <mat-label>{{x.label}}</mat-label>\n        <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\" [required]=\"x.required\">\n        <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n      </mat-form-field>\n      <mat-form-field *ngSwitchCase=\"'text-area'\" appearance = \"outline\">\n        <mat-label>{{x.label}}</mat-label>\n        <textarea #remarks matInput [formControl]=\"form.controls[x.formControl]\" [required]=\"x.required\"></textarea>\n        <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n      </mat-form-field>\n      <mat-form-field *ngSwitchCase=\"'date'\" appearance = \"outline\">\n        <mat-label>{{x.label}}</mat-label>\n        <input matInput [matDatepicker]=\"datepicker\" [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" readonly (click)=\"datepicker.open()\" [required]=\"x.required\">\n        <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n        <mat-datepicker-toggle matSuffix [for]=\"datepicker\"></mat-datepicker-toggle>\n        <mat-datepicker touchUi=\"true\" #datepicker></mat-datepicker>\n      </mat-form-field>\n<!--      <blg-select-company-drop-down *ngSwitchCase=\"'company'\" [apiVisa]=\"apiVisa\" [company]=\"form.controls[x.formControl]\" (companyChange)=\"onCompanySelected($event)\" [required]=\"x.required\"></blg-select-company-drop-down>-->\n<!--      <blg-select-branch-drop-down *ngSwitchCase=\"'branch'\" [apiVisa]=\"apiVisa\" [branch]=\"form.controls[x.formControl]\" (branchSelected)=\"onBranchSelected($event)\" [required]=\"x.required\"></blg-select-branch-drop-down>-->\n<!--      <blg-select-customer-drop-down *ngSwitchCase=\"'customer'\" [apiVisa]=\"apiVisa\" [customer]=\"form.controls[x.formControl]\" (customerChange)=\"onCustomerSelected($event)\" [required]=\"x.required\"></blg-select-customer-drop-down>-->\n<!--      <blg-select-supplier-drop-down *ngSwitchCase=\"'supplier'\" [apiVisa]=\"apiVisa\" [entity]=\"form.controls[x.formControl]\" (entityChange)=\"onSupplierSelected($event)\" [required]=\"x.required\"></blg-select-supplier-drop-down>-->\n<!--      <blg-select-location-drop-down *ngSwitchCase=\"'location'\" [apiVisa]=\"apiVisa\" [location]=\"form.controls[x.formControl]\" (locationChange)=\"onLocationSelected($event)\" [required]=\"x.required\"></blg-select-location-drop-down>-->\n<!--      <blg-select-cashbook-drop-down *ngSwitchCase=\"'cashbook'\" [apiVisa]=\"apiVisa\" [cashbook]=\"form.controls[x.formControl]\" (cashbookChange)=\"onCashbookSelected($event)\" [required]=\"x.required\"></blg-select-cashbook-drop-down>-->\n<!--      <blg-select-glcode-drop-down *ngSwitchCase=\"'glcode'\" [apiVisa]=\"apiVisa\" [glcode]=\"form.controls[x.formControl]\" (glcodeChange)=\"onGlcodeSelected($event)\" [required]=\"x.required\"></blg-select-glcode-drop-down>-->\n    </ng-container>\n  </ng-template>\n</div>\n","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"controls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"formChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onCompanySelected":[{"__symbolic":"method"}],"onBranchSelected":[{"__symbolic":"method"}],"onSupplierSelected":[{"__symbolic":"method"}],"onCustomerSelected":[{"__symbolic":"method"}],"onLocationSelected":[{"__symbolic":"method"}],"onCashbookSelected":[{"__symbolic":"method"}],"onGlcodeSelected":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"blg-dual-column-form","template":"<p>dual-column-form works!</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"blg-line-calculation","template":"\n<form [formGroup]=\"form\">\n  <div class=\"view-col-forms\">\n    <div>\n      <div *ngFor=\"let x of leftColControls; let i = index\">\n        <mat-form-field *ngIf=\"x.readonly;else input\" appearance=\"outline\">\n          <mat-label>{{x.label}}</mat-label>\n          <input matInput readonly [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\">\n          <mat-hint>{{x.hint}}</mat-hint>\n        </mat-form-field>\n        <ng-template #input>\n          <ng-container [ngSwitch]=\"x.type\">\n            <mat-form-field *ngSwitchCase=\"'text'\" appearance=\"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"text\">\n              <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'number'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\">\n              <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'money'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\" step=\".01\" (change)=\"nullHandler(x.formControl, $event.target.value)\">\n              <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n              <mat-hint>{{x.hint}}</mat-hint>\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'text-area'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <textarea #remarks matInput [formControl]=\"form.controls[x.formControl]\"></textarea>\n              <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'date'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input matInput [matDatepicker]=\"datepicker\" [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" readonly (click)=\"datepicker.open()\">\n              <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n              <mat-datepicker-toggle matSuffix [for]=\"datepicker\"></mat-datepicker-toggle>\n              <mat-datepicker touchUi=\"true\" #datepicker></mat-datepicker>\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'quantity'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\" (change)=\"nullHandler(x.formControl, $event.target.value); onCalculate()\">\n              <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'unitPrice'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input type=\"number\" step=\".01\" matInput [formControl]=\"form.controls[x.formControl]\" [matAutocomplete]=\"unitPrice\"\n              (change)=\"onParseDelay(form.controls[x.formControl], $event.target.value); onCalculate()\">\n              <mat-autocomplete #unitPrice (optionSelected)=\"nullHandler(x.formControl, $event.option.value)\">\n                <mat-option *ngFor=\"let option of filteredUnitPrice | async\" [value]=\"option.price_amount\">\n                  {{option.price_code}} | {{option.price_name}} : {{option.price_amount}}\n                </mat-option>\n              </mat-autocomplete>\n              <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'sstCode'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input type=\"text\" matInput [formControl]=\"form.controls[x.formControl]\" [matAutocomplete]=\"sstCode\">\n              <mat-autocomplete #sstCode (optionSelected)=\"onSST($event.option.value)\">\n                <mat-option *ngFor=\"let tax of filteredSST | async\" [value]=\"tax.bl_fi_cfg_tax_code.tax_code\">{{tax.bl_fi_cfg_tax_code.tax_code}}</mat-option>\n              </mat-autocomplete>\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'whtCode'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input type=\"text\" matInput [formControl]=\"form.controls[x.formControl]\" [matAutocomplete]=\"sstCode\">\n              <mat-autocomplete #sstCode (optionSelected)=\"onWHT($event.option.value)\">\n                <mat-option *ngFor=\"let tax of filteredWHT | async\" [value]=\"tax.bl_fi_cfg_tax_code.tax_code\">{{tax.bl_fi_cfg_tax_code.tax_code}}</mat-option>\n              </mat-autocomplete>\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'unitDiscount'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\" step=\".01\"\n              (change)=\"nullHandler(x.formControl, $event.target.value); onCalculateFromUnitDisc()\">\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'discountAmount'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\" step=\".01\"\n              (change)=\"nullHandler(x.formControl, $event.target.value); onCalculateFromAmountDisc()\">\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'netAmount'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\" step=\".01\"\n              (change)=\"nullHandler(x.formControl, $event.target.value); onCalculateFromAmountNet()\">\n            </mat-form-field>\n            <mat-form-field *ngSwitchCase=\"'txnAmount'\" appearance = \"outline\">\n              <mat-label>{{x.label}}</mat-label>\n              <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\" step=\".01\"\n              (change)=\"nullHandler(x.formControl, $event.target.value); onCalculateFromAmountTxn()\">\n              <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n            </mat-form-field>\n            <!-- uom (selectionChange)=\"onUOMChange($event: line.guid | base) [apiVisa] -->\n            <!-- pricing scheme [switch]=\"sales/purchase\" getPricingScheme() = get pricing scheme link getByCriteria(line) + hdr getByGuid(pricing scheme)\" -->\n          </ng-container>\n        </ng-template>\n      </div>\n    </div>\n    <mat-form-field appearance = \"outline\">\n      <mat-label>Remarks</mat-label>\n      <textarea #remarks matInput [formControl]=\"form.controls['remarks']\"></textarea>\n      <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n    </mat-form-field>\n  </div>\n</form>\n","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"line$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"item$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"tax$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onCalculateFromUnitDisc":[{"__symbolic":"method"}],"onCalculateFromAmountDisc":[{"__symbolic":"method"}],"onCalculateFromAmountNet":[{"__symbolic":"method"}],"onCalculateFromAmountTxn":[{"__symbolic":"method"}],"onCalculate":[{"__symbolic":"method"}],"recalculate":[{"__symbolic":"method"}],"nullHandler":[{"__symbolic":"method"}],"onParseDelay":[{"__symbolic":"method"}],"onSST":[{"__symbolic":"method"}],"onWHT":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"}]}]}],"members":{}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"blg-listing-component","template":"<p>listing-component works!</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"blg-select-customer-listing","template":"<p>select-customer-listing works!</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":223,"character":28},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵjl"},{"__symbolic":"reference","name":"ɵjm"}]},"ɵbh":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":224,"character":28},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵjr"},{"__symbolic":"reference","name":"ɵjs"}]},"ɵbi":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":225,"character":28},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵjx"},{"__symbolic":"reference","name":"ɵjy"}]},"ɵbj":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":226,"character":28},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵkd"},{"__symbolic":"reference","name":"ɵke"}]},"ɵbk":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":227,"character":28},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵkj"},{"__symbolic":"reference","name":"ɵkk"}]},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":229,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵcd"},{"__symbolic":"reference","name":"ɵce"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"ɵch"},{"__symbolic":"reference","name":"ɵci"},{"__symbolic":"reference","name":"ɵcj"},{"__symbolic":"reference","name":"ɵck"},{"__symbolic":"reference","name":"ɵcl"},{"__symbolic":"reference","name":"ɵcm"},{"__symbolic":"reference","name":"ɵcn"},{"__symbolic":"reference","name":"ɵco"},{"__symbolic":"reference","name":"ɵcp"},{"__symbolic":"reference","name":"ɵcq"},{"__symbolic":"reference","name":"ɵcr"},{"__symbolic":"reference","name":"ɵcs"},{"__symbolic":"reference","name":"ɵct"},{"__symbolic":"reference","name":"ɵcu"},{"__symbolic":"reference","name":"ɵcv"},{"__symbolic":"reference","name":"ɵcw"},{"__symbolic":"reference","name":"ɵda"},{"__symbolic":"reference","name":"ɵdb"},{"__symbolic":"reference","name":"ɵdc"},{"__symbolic":"reference","name":"ɵdd"},{"__symbolic":"reference","name":"ɵde"},{"__symbolic":"reference","name":"ɵdf"},{"__symbolic":"reference","name":"ɵdg"},{"__symbolic":"reference","name":"ɵdh"},{"__symbolic":"reference","name":"ɵdi"},{"__symbolic":"reference","name":"ɵdj"},{"__symbolic":"reference","name":"ɵdk"},{"__symbolic":"reference","name":"ɵdl"},{"__symbolic":"reference","name":"ɵdm"},{"__symbolic":"reference","name":"ɵdp"},{"__symbolic":"reference","name":"ɵdq"},{"__symbolic":"reference","name":"ɵdw"},{"__symbolic":"reference","name":"ɵdx"},{"__symbolic":"reference","name":"ɵdy"},{"__symbolic":"reference","name":"ɵdz"},{"__symbolic":"reference","name":"ɵea"},{"__symbolic":"reference","name":"ɵeb"},{"__symbolic":"reference","name":"ɵec"},{"__symbolic":"reference","name":"ɵed"},{"__symbolic":"reference","name":"ɵee"},{"__symbolic":"reference","name":"ɵef"},{"__symbolic":"reference","name":"ɵeg"},{"__symbolic":"reference","name":"ɵeh"},{"__symbolic":"reference","name":"ɵei"},{"__symbolic":"reference","name":"ɵdo"},{"__symbolic":"reference","name":"ɵej"},{"__symbolic":"reference","name":"ɵek"},{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","name":"ɵem"},{"__symbolic":"reference","name":"ɵen"},{"__symbolic":"reference","name":"ɵeo"},{"__symbolic":"reference","name":"ɵep"},{"__symbolic":"reference","name":"ɵeq"},{"__symbolic":"reference","name":"ɵer"},{"__symbolic":"reference","name":"ɵes"},{"__symbolic":"reference","name":"ɵet"},{"__symbolic":"reference","name":"ɵeu"},{"__symbolic":"reference","name":"ɵev"},{"__symbolic":"reference","name":"ɵew"},{"__symbolic":"reference","name":"ɵex"},{"__symbolic":"reference","name":"ɵey"},{"__symbolic":"reference","name":"ɵez"},{"__symbolic":"reference","name":"ɵfa"},{"__symbolic":"reference","name":"ɵfb"},{"__symbolic":"reference","name":"ɵfd"},{"__symbolic":"reference","name":"ɵfe"},{"__symbolic":"reference","name":"ɵff"},{"__symbolic":"reference","name":"ɵfg"},{"__symbolic":"reference","name":"ɵfh"},{"__symbolic":"reference","name":"ɵfi"},{"__symbolic":"reference","name":"ɵfj"},{"__symbolic":"reference","name":"ɵfk"},{"__symbolic":"reference","name":"ɵfl"},{"__symbolic":"reference","name":"ɵdr"},{"__symbolic":"reference","name":"ɵfm"},{"__symbolic":"reference","name":"ɵfn"},{"__symbolic":"reference","name":"ɵfo"},{"__symbolic":"reference","name":"ɵfp"},{"__symbolic":"reference","name":"ɵfq"},{"__symbolic":"reference","name":"ɵfr"},{"__symbolic":"reference","name":"ɵfs"},{"__symbolic":"reference","name":"ɵft"},{"__symbolic":"reference","name":"ɵfu"},{"__symbolic":"reference","name":"ɵfv"},{"__symbolic":"reference","name":"ɵfw"},{"__symbolic":"reference","name":"ɵfx"},{"__symbolic":"reference","name":"ɵfy"},{"__symbolic":"reference","name":"ɵfz"},{"__symbolic":"reference","name":"ɵga"},{"__symbolic":"reference","name":"ɵdn"},{"__symbolic":"reference","name":"ɵds"},{"__symbolic":"reference","name":"ɵgb"},{"__symbolic":"reference","name":"ɵgc"},{"__symbolic":"reference","name":"ɵge"},{"__symbolic":"reference","name":"ɵgd"},{"__symbolic":"reference","name":"ɵgf"},{"__symbolic":"reference","name":"ɵgg"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"ɵgi"},{"__symbolic":"reference","name":"ɵgj"},{"__symbolic":"reference","name":"ɵgk"},{"__symbolic":"reference","name":"ɵgl"},{"__symbolic":"reference","name":"ɵgm"},{"__symbolic":"reference","name":"ɵgn"},{"__symbolic":"reference","name":"ɵgo"},{"__symbolic":"reference","name":"ɵgp"},{"__symbolic":"reference","name":"ɵgq"},{"__symbolic":"reference","name":"ɵgr"},{"__symbolic":"reference","name":"ɵgs"},{"__symbolic":"reference","name":"ɵgt"},{"__symbolic":"reference","name":"ɵgu"},{"__symbolic":"reference","name":"ɵdt"},{"__symbolic":"reference","name":"ɵdu"},{"__symbolic":"reference","name":"ɵdv"},{"__symbolic":"reference","name":"ɵgv"},{"__symbolic":"reference","name":"ɵgw"},{"__symbolic":"reference","name":"ɵgx"},{"__symbolic":"reference","name":"ɵgy"},{"__symbolic":"reference","name":"ɵgz"},{"__symbolic":"reference","name":"ɵha"},{"__symbolic":"reference","name":"ɵhb"},{"__symbolic":"reference","name":"ɵhc"},{"__symbolic":"reference","name":"ɵhd"},{"__symbolic":"reference","name":"ɵhe"},{"__symbolic":"reference","name":"ɵhg"},{"__symbolic":"reference","name":"ɵhh"},{"__symbolic":"reference","name":"ɵhi"},{"__symbolic":"reference","name":"ɵhj"},{"__symbolic":"reference","name":"ɵhk"},{"__symbolic":"reference","name":"ɵhl"},{"__symbolic":"reference","name":"ɵhl"},{"__symbolic":"reference","name":"ɵhm"},{"__symbolic":"reference","name":"ɵhl"},{"__symbolic":"reference","name":"ɵhn"},{"__symbolic":"reference","name":"ɵho"},{"__symbolic":"reference","name":"ɵhp"},{"__symbolic":"reference","name":"ɵhq"},{"__symbolic":"reference","name":"ɵhr"},{"__symbolic":"reference","name":"ɵhs"},{"__symbolic":"reference","name":"ɵht"},{"__symbolic":"reference","name":"ɵhu"},{"__symbolic":"reference","name":"ɵhv"},{"__symbolic":"reference","name":"ɵhw"},{"__symbolic":"reference","name":"ɵhx"},{"__symbolic":"reference","name":"ɵhy"},{"__symbolic":"reference","name":"ɵhz"},{"__symbolic":"reference","name":"ɵia"},{"__symbolic":"reference","name":"ɵib"},{"__symbolic":"reference","name":"ɵic"},{"__symbolic":"reference","name":"ɵid"},{"__symbolic":"reference","name":"ɵie"},{"__symbolic":"reference","name":"ɵif"},{"__symbolic":"reference","name":"ɵig"},{"__symbolic":"reference","name":"ɵih"},{"__symbolic":"reference","name":"ɵii"},{"__symbolic":"reference","name":"ɵij"},{"__symbolic":"reference","name":"ɵik"},{"__symbolic":"reference","name":"ɵim"},{"__symbolic":"reference","name":"ɵin"},{"__symbolic":"reference","name":"ɵio"},{"__symbolic":"reference","name":"ɵip"},{"__symbolic":"reference","name":"ɵir"},{"__symbolic":"reference","name":"ɵis"},{"__symbolic":"reference","name":"ɵit"},{"__symbolic":"reference","name":"ɵiu"},{"__symbolic":"reference","name":"ɵiv"},{"__symbolic":"reference","name":"ɵiw"},{"__symbolic":"reference","name":"ɵix"},{"__symbolic":"reference","name":"ɵiy"},{"__symbolic":"reference","name":"ɵiz"},{"__symbolic":"reference","name":"ɵjb"},{"__symbolic":"reference","name":"ɵjc"},{"__symbolic":"reference","name":"ɵjd"},{"__symbolic":"reference","name":"ɵjf"},{"__symbolic":"reference","name":"ɵjg"},{"__symbolic":"reference","name":"ɵjh"},{"__symbolic":"reference","name":"ɵjj"},{"__symbolic":"reference","name":"ɵjk"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":426,"character":4},{"__symbolic":"reference","name":"MaterialModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":428,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":429,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":430,"character":4},{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PerfectScrollbarModule","line":431,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":432,"character":4},{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":433,"character":4},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"}],"exports":[{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵcd"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","name":"ɵce"},{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"ɵch"},{"__symbolic":"reference","name":"ɵci"},{"__symbolic":"reference","name":"MaterialModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":457,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":458,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":459,"character":4},{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PerfectScrollbarModule","line":460,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":461,"character":4},{"__symbolic":"reference","name":"ɵcj"},{"__symbolic":"reference","name":"ɵck"},{"__symbolic":"reference","name":"ɵcl"},{"__symbolic":"reference","name":"ɵcm"},{"__symbolic":"reference","name":"ɵcn"},{"__symbolic":"reference","name":"ɵco"},{"__symbolic":"reference","name":"ɵcp"},{"__symbolic":"reference","name":"ɵcq"},{"__symbolic":"reference","name":"ɵcr"},{"__symbolic":"reference","name":"ɵcs"},{"__symbolic":"reference","name":"ɵct"},{"__symbolic":"reference","name":"ɵcu"},{"__symbolic":"reference","name":"ɵcv"},{"__symbolic":"reference","name":"ɵcw"},{"__symbolic":"reference","name":"ɵda"},{"__symbolic":"reference","name":"ɵdb"},{"__symbolic":"reference","name":"ɵdc"},{"__symbolic":"reference","name":"ɵdd"},{"__symbolic":"reference","name":"ɵde"},{"__symbolic":"reference","name":"ɵdf"},{"__symbolic":"reference","name":"ɵdg"},{"__symbolic":"reference","name":"ɵdh"},{"__symbolic":"reference","name":"ɵdi"},{"__symbolic":"reference","name":"ɵdj"},{"__symbolic":"reference","name":"ɵdk"},{"__symbolic":"reference","name":"ɵdm"},{"__symbolic":"reference","name":"ɵdl"},{"__symbolic":"reference","name":"ɵdp"},{"__symbolic":"reference","name":"ɵdq"},{"__symbolic":"reference","name":"ɵdw"},{"__symbolic":"reference","name":"ɵdx"},{"__symbolic":"reference","name":"ɵdy"},{"__symbolic":"reference","name":"ɵdz"},{"__symbolic":"reference","name":"ɵea"},{"__symbolic":"reference","name":"ɵeb"},{"__symbolic":"reference","name":"ɵec"},{"__symbolic":"reference","name":"ɵed"},{"__symbolic":"reference","name":"ɵee"},{"__symbolic":"reference","name":"ɵef"},{"__symbolic":"reference","name":"ɵeg"},{"__symbolic":"reference","name":"ɵeh"},{"__symbolic":"reference","name":"ɵei"},{"__symbolic":"reference","name":"ɵek"},{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","name":"ɵem"},{"__symbolic":"reference","name":"ɵen"},{"__symbolic":"reference","name":"ɵep"},{"__symbolic":"reference","name":"ɵeq"},{"__symbolic":"reference","name":"ɵeo"},{"__symbolic":"reference","name":"ɵer"},{"__symbolic":"reference","name":"ɵes"},{"__symbolic":"reference","name":"ɵet"},{"__symbolic":"reference","name":"ɵeu"},{"__symbolic":"reference","name":"ɵev"},{"__symbolic":"reference","name":"ɵew"},{"__symbolic":"reference","name":"ɵex"},{"__symbolic":"reference","name":"ɵey"},{"__symbolic":"reference","name":"ɵez"},{"__symbolic":"reference","name":"ɵfa"},{"__symbolic":"reference","name":"ɵfb"},{"__symbolic":"reference","name":"ɵfe"},{"__symbolic":"reference","name":"ɵff"},{"__symbolic":"reference","name":"ɵfg"},{"__symbolic":"reference","name":"ɵfh"},{"__symbolic":"reference","name":"ɵfd"},{"__symbolic":"reference","name":"ɵfk"},{"__symbolic":"reference","name":"ɵfl"},{"__symbolic":"reference","name":"ɵdr"},{"__symbolic":"reference","name":"ɵfm"},{"__symbolic":"reference","name":"ɵfn"},{"__symbolic":"reference","name":"ɵfo"},{"__symbolic":"reference","name":"ɵfp"},{"__symbolic":"reference","name":"ɵfq"},{"__symbolic":"reference","name":"ɵfr"},{"__symbolic":"reference","name":"ɵfs"},{"__symbolic":"reference","name":"ɵft"},{"__symbolic":"reference","name":"ɵfu"},{"__symbolic":"reference","name":"ɵfv"},{"__symbolic":"reference","name":"ɵfw"},{"__symbolic":"reference","name":"ɵfx"},{"__symbolic":"reference","name":"ɵfy"},{"__symbolic":"reference","name":"ɵfz"},{"__symbolic":"reference","name":"ɵga"},{"__symbolic":"reference","name":"ɵdn"},{"__symbolic":"reference","name":"ɵds"},{"__symbolic":"reference","name":"ɵgb"},{"__symbolic":"reference","name":"ɵgc"},{"__symbolic":"reference","name":"ɵge"},{"__symbolic":"reference","name":"ɵgd"},{"__symbolic":"reference","name":"ɵgf"},{"__symbolic":"reference","name":"ɵgg"},{"__symbolic":"reference","name":"ɵgh"},{"__symbolic":"reference","name":"ɵgi"},{"__symbolic":"reference","name":"ɵgj"},{"__symbolic":"reference","name":"ɵgk"},{"__symbolic":"reference","name":"ɵgl"},{"__symbolic":"reference","name":"ɵgm"},{"__symbolic":"reference","name":"ɵgn"},{"__symbolic":"reference","name":"ɵgo"},{"__symbolic":"reference","name":"ɵgp"},{"__symbolic":"reference","name":"ɵgq"},{"__symbolic":"reference","name":"ɵgr"},{"__symbolic":"reference","name":"ɵgs"},{"__symbolic":"reference","name":"ɵgt"},{"__symbolic":"reference","name":"ɵgu"},{"__symbolic":"reference","name":"ɵdt"},{"__symbolic":"reference","name":"ɵdu"},{"__symbolic":"reference","name":"ɵdv"},{"__symbolic":"reference","name":"ɵgv"},{"__symbolic":"reference","name":"ɵgw"},{"__symbolic":"reference","name":"ɵgx"},{"__symbolic":"reference","name":"ɵgy"},{"__symbolic":"reference","name":"ɵgz"},{"__symbolic":"reference","name":"ɵha"},{"__symbolic":"reference","name":"ɵhb"},{"__symbolic":"reference","name":"ɵhc"},{"__symbolic":"reference","name":"ɵhd"},{"__symbolic":"reference","name":"ɵhe"},{"__symbolic":"reference","name":"ɵhg"},{"__symbolic":"reference","name":"ɵhh"},{"__symbolic":"reference","name":"ɵhi"},{"__symbolic":"reference","name":"ɵhj"},{"__symbolic":"reference","name":"ɵhk"},{"__symbolic":"reference","name":"ɵhl"},{"__symbolic":"reference","name":"ɵhl"},{"__symbolic":"reference","name":"ɵhm"},{"__symbolic":"reference","name":"ɵhl"},{"__symbolic":"reference","name":"ɵhn"},{"__symbolic":"reference","name":"ɵho"},{"__symbolic":"reference","name":"ɵhp"},{"__symbolic":"reference","name":"ɵhq"},{"__symbolic":"reference","name":"ɵhr"},{"__symbolic":"reference","name":"ɵhs"},{"__symbolic":"reference","name":"ɵht"},{"__symbolic":"reference","name":"ɵhu"},{"__symbolic":"reference","name":"ɵhv"},{"__symbolic":"reference","name":"ɵhw"},{"__symbolic":"reference","name":"ɵhx"},{"__symbolic":"reference","name":"ɵhy"},{"__symbolic":"reference","name":"ɵhz"},{"__symbolic":"reference","name":"ɵia"},{"__symbolic":"reference","name":"ɵib"},{"__symbolic":"reference","name":"ɵic"},{"__symbolic":"reference","name":"ɵid"},{"__symbolic":"reference","name":"ɵie"},{"__symbolic":"reference","name":"ɵif"},{"__symbolic":"reference","name":"ɵig"},{"__symbolic":"reference","name":"ɵih"},{"__symbolic":"reference","name":"ɵii"},{"__symbolic":"reference","name":"ɵij"},{"__symbolic":"reference","name":"ɵik"},{"__symbolic":"reference","name":"ɵim"},{"__symbolic":"reference","name":"ɵin"},{"__symbolic":"reference","name":"ɵio"},{"__symbolic":"reference","name":"ɵip"},{"__symbolic":"reference","name":"ɵir"},{"__symbolic":"reference","name":"ɵis"},{"__symbolic":"reference","name":"ɵit"},{"__symbolic":"reference","name":"ɵiu"},{"__symbolic":"reference","name":"ɵiv"},{"__symbolic":"reference","name":"ɵiw"},{"__symbolic":"reference","name":"ɵix"},{"__symbolic":"reference","name":"ɵiy"},{"__symbolic":"reference","name":"ɵiz"},{"__symbolic":"reference","name":"ɵjb"},{"__symbolic":"reference","name":"ɵjc"},{"__symbolic":"reference","name":"ɵjd"},{"__symbolic":"reference","name":"ɵjf"},{"__symbolic":"reference","name":"ɵjg"},{"__symbolic":"reference","name":"ɵjh"},{"__symbolic":"reference","name":"ɵjj"},{"__symbolic":"reference","name":"ɵjk"}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MAT_SNACK_BAR_DEFAULT_OPTIONS","line":637,"character":15},"useValue":{"duration":2500}},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":638,"character":15},"useValue":{"parse":{"dateInput":"LL"},"display":{"dateInput":"YYYY-MM-DD","monthYearLabel":"YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"YYYY"}}},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":640,"character":15},"useClass":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":641,"character":16},"deps":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":642,"character":13},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MAT_MOMENT_DATE_ADAPTER_OPTIONS","line":642,"character":30}]}]}]}],"members":{}},"ɵbm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-advanced-search","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"},"template":"<mat-form-field #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin appearance=\"outline\" class=\"search-box\">\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input #basic matInput type=\"text\" [(ngModel)]=\"basicSearchQuery\"\n    (keyup.enter)=\"basicSearch(basic.value)\" [disabled]=\"disableBasic\"/>\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix *ngIf=\"showAdv\">\n    <div matSuffix>\n      <button *ngIf=\"showAdv\" class=\"blg-small-button-icon\" mat-icon-button (click)=\"searchToggle()\">\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"isAdvanced\">\n  <div [id]=\"id\" class=\"advanced-search-container\">\n    <form [formGroup]=\"advForm\" (ngSubmit)=\"advancedSearch()\">\n      <div class=\"advanced-search-form\" fxLayout=\"column\" fxFlexAlign=\"space-between center\">\n        <ng-container *ngFor=\"let x of inputArray\">\n          <div [ngSwitch]=\"x[1]\">\n\n            <mat-form-field *ngSwitchCase=\"'string'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" />\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" type=\"number\" />\n            </mat-form-field>\n\n<!--            <div *ngSwitchCase=\"'select_company'\" appearance=\"outline\">-->\n<!--              <blg-select-company-drop-down [apiVisa]=\"apiVisa\" [(company)]=\"advForm.controls[x[0]]\"></blg-select-company-drop-down>-->\n<!--            </div>-->\n         <app-select-company-drop-down *ngSwitchCase=\"'company'\" [company]=\"advForm.controls[x[0]]\"></app-select-company-drop-down> \n\n         <app-branch-dropdown-simple *ngSwitchCase=\"'company-simple'\" [control]=\"advForm.controls[x[0]]\" \n          [fieldLabel]=\"advSearchModel.label[x[0]]\" [resource]=\"'company'\"></app-branch-dropdown-simple>\n\n         <app-branch-dropdown-simple *ngSwitchCase=\"'branch-simple'\" [control]=\"advForm.controls[x[0]]\" \n          [fieldLabel]=\"advSearchModel.label[x[0]]\" [resource]=\"'branch'\"></app-branch-dropdown-simple>\n\n         <app-branch-dropdown-simple *ngSwitchCase=\"'location-simple'\" [control]=\"advForm.controls[x[0]]\" \n          [fieldLabel]=\"advSearchModel.label[x[0]]\" [resource]=\"'location'\"></app-branch-dropdown-simple>\n\n         <app-customer-dropdown-simple *ngSwitchCase=\"'customer-simple'\" [control]=\"advForm.controls[x[0]]\" \n          [fieldLabel]=\"advSearchModel.label[x[0]]\" [resource]=\"'customer'\"></app-customer-dropdown-simple>\n\n         <app-customer-dropdown-simple *ngSwitchCase=\"'salesman-simple'\" [control]=\"advForm.controls[x[0]]\" \n          [fieldLabel]=\"advSearchModel.label[x[0]]\" [resource]=\"'employee'\"></app-customer-dropdown-simple>\n\n          <app-select-multi-entity-drop-down *ngSwitchCase=\"'select-multi-entity'\" [apiVisa]=\"apiVisa\" [entity]=\"advForm.controls[x[0]]\"\n          [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-entity-drop-down>\n\n          <app-supplier-dropdown-simple *ngSwitchCase=\"'supplier-simple'\" [control]=\"advForm.controls[x[0]]\" \n          [fieldLabel]=\"advSearchModel.label[x[0]]\" [resource]=\"'supplier'\"></app-supplier-dropdown-simple>\n\n          <app-select-location-drop-down *ngSwitchCase=\"'loc'\"  [apiVisa]=\"apiVisa\" [location]=\"advForm.controls[x[0]]\" ></app-select-location-drop-down> \n\n          <app-select-multi-branch-drop-down *ngSwitchCase=\"'select-multi-branch'\"  [readPermissionDefintion]=\"readPermissionDefintion\" [apiVisa]=\"apiVisa\" [branch]=\"advForm.controls[x[0]]\" \n          [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\"></app-select-multi-branch-drop-down>\n          \n          <app-select-multi-customer-drop-down *ngSwitchCase=\"'select-multi-customer'\" [apiVisa]=\"apiVisa\" [customer]=\"advForm.controls[x[0]]\" \n          [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\"></app-select-multi-customer-drop-down> \n\n            <mat-form-field *ngSwitchCase=\"'select'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\">\n                <mat-option>\n                  <ngx-mat-select-search [id]=\"x[0]\" (keyup)=\"optionSearchFilter($event)\"\n                    [placeholderLabel]=\"advSearchModel.label[x[0]]\" [noEntriesFoundLabel]=\"'No matching records found'\"\n                    [(ngModel)]='filter' [ngModelOptions]=\"{standalone: true}\">\n                  </ngx-mat-select-search>\n                </mat-option>\n                <mat-option>--None--</mat-option>\n                <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'multiSelect'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\" multiple>\n                <mat-option>\n                  <ngx-mat-select-search [id]=\"x[0]\" (keyup)=\"optionSearchFilter($event)\"\n                    [placeholderLabel]=\"advSearchModel.label[x[0]]\" [noEntriesFoundLabel]=\"'No matching records found'\"\n                    [(ngModel)]='filter' [ngModelOptions]=\"{standalone: true}\">\n                  </ngx-mat-select-search>\n                </mat-option>\n                <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">{{ item }}</mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <div *ngSwitchCase=\"'date'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} From</mat-label>\n                <input matInput [matDatepicker]=\"start_modified_range\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\" readonly (click)=\"start_modified_range.open()\" \n                  (dateChange)=\"dateChange($event.value, advForm.controls[x[0]].controls.from, selectedTz)\"/>\n                <mat-datepicker-toggle matSuffix [for]=\"start_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #start_modified_range></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} To</mat-label>\n                <input matInput [matDatepicker]=\"end_modified_range\" [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly (click)=\"end_modified_range.open()\" \n                  (dateChange)=\"dateChange($event.value, advForm.controls[x[0]].controls.to, selectedTz)\"/>\n                <mat-datepicker-toggle matSuffix [for]=\"end_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #end_modified_range></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'orderBy'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} Column</mat-label>\n                <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]].controls.column\">\n                  <mat-option *ngFor=\"let orderCol of optionArray[x[0]]\" [value]=\"orderCol\">\n                    {{ orderCol }}\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} Direction</mat-label>\n                <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]].controls.direction\">\n                  <mat-option *ngFor=\"let orderDirection of ['ASC', 'DESC']\" [value]=\"orderDirection\">\n                    {{ orderDirection }}\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'numberRange'\" fxLayout=\"row wrap\" fxLayoutGap=\"4%\">\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} Start Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.from\"/>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} End Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.to\"/>\n              </mat-form-field>\n            </div>\n            <app-consultation-no-dropdown *ngSwitchCase=\"'consultation-no'\" [control]=\"advForm.controls[x[0]]\"\n              [fieldLabel]=\"advSearchModel.label[x[0]]\"></app-consultation-no-dropdown>\n\n            <app-consultation-name-dropdown *ngSwitchCase=\"'consultation-name'\" [control]=\"advForm.controls[x[0]]\"\n            [fieldLabel]=\"advSearchModel.label[x[0]]\"></app-consultation-name-dropdown>\n\n            <app-vehicle-no-dropdown *ngSwitchCase=\"'vehiclePlateNo'\" [control]=\"advForm.controls[x[0]]\"\n            [fieldLabel]=\"advSearchModel.label[x[0]]\"></app-vehicle-no-dropdown>\n\n            <app-vehicle-model-year-dropdown *ngSwitchCase=\"'modelYear'\" [control]=\"advForm.controls[x[0]]\"\n            [fieldLabel]=\"advSearchModel.label[x[0]]\"></app-vehicle-model-year-dropdown>\n\n            <app-vehicle-brand-name-dropdown *ngSwitchCase=\"'brandName'\" [control]=\"advForm.controls[x[0]]\"\n            [fieldLabel]=\"advSearchModel.label[x[0]]\"></app-vehicle-brand-name-dropdown>\n\n            <app-vehicle-capacity-dropdown *ngSwitchCase=\"'engineCapacity'\" [control]=\"advForm.controls[x[0]]\"\n            [fieldLabel]=\"advSearchModel.label[x[0]]\"></app-vehicle-capacity-dropdown>\n\n\n\n          </div>\n        </ng-container>\n      </div>\n\n      <div style=\"padding-top: 15px;\" fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n        <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n          RESET\n        </button>\n        <button color=\"primary\" mat-raised-button type=\"submit\">\n          SEARCH\n        </button>\n      </div>\n    </form>\n  </div>\n</ng-template>\n","styles":[".search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"showAdv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"enableTimezone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"selectedTz":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"searchV2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"disableBasic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"returnFormOnSubject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":39,"character":35}]}],"onEscPressed":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":46,"character":3},"arguments":["document:keydown.escape",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"buildQueryString":[{"__symbolic":"method"}],"queryBuilder":[{"__symbolic":"method"}],"basicSearch":[{"__symbolic":"method"}],"advancedSearch":[{"__symbolic":"method"}],"isTrue":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isCheckbox":[{"__symbolic":"method"}],"addCheckbox":[{"__symbolic":"method"}],"dateChange":[{"__symbolic":"method"}],"emitSearchEvent":[{"__symbolic":"method"}]}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-pagination","template":"<div class=\"container\" fxLayout=\"column\">\n  <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" fxFlex.gt-md=\"50\">\n    <div fxLayoutAlign=\"end center\">\n      <div class=\"hideDisplay\">\n        <mat-form-field style=\"width: 58px;\">\n          <mat-label>Rows</mat-label>\n          <mat-select [value]=\"rowPerPage\" (selectionChange)=\"onRowChange($event.value)\">\n            <mat-option [value]=\"5\">5</mat-option>\n            <mat-option [value]=\"10\">10</mat-option>\n            <mat-option [value]=\"20\">20</mat-option>\n            <mat-option [value]=\"25\">25</mat-option>\n            <mat-option [value]=\"50\">50</mat-option>\n            <mat-option [value]=\"75\">75</mat-option>\n            <mat-option [value]=\"100\">100</mat-option>\n            <mat-option [value]=\"500\">500</mat-option>\n          </mat-select>\n        </mat-form-field>\n      </div>\n        <button mat-icon-button\n          class=\"blg-small-button-icon\"\n          (click)=\"firstPage()\"\n          [disabled]=\"currentPage == 1\">\n          <mat-icon>first_page</mat-icon>\n        </button>\n        <button mat-icon-button\n          class=\"blg-small-button-icon\"\n          (click)=\"previousPage()\"\n          [disabled]=\"currentPage === 1\">\n          <mat-icon>chevron_left</mat-icon>\n        </button>\n      <div style=\"white-space: nowrap;\">\n        page\n        <span style=\"font-size: larger;\"><strong>{{currentPage}}</strong></span>\n        &nbsp;of&nbsp;\n        <strong>{{totalPage | async}}</strong>\n      </div>\n      <button mat-icon-button\n        class=\"blg-small-button-icon\"\n        (click)=\"nextPage();\"\n        [disabled]=\"currentPage === (totalPage | async)\">\n        <mat-icon>chevron_right</mat-icon>\n      </button>\n      <button mat-icon-button\n        class=\"blg-small-button-icon\"\n        (click)=\"lastPage()\"\n        [disabled]=\"currentPage === (totalPage | async)\">\n        <mat-icon >last_page</mat-icon>\n      </button>\n      <button *ngIf=\"showMorePage\" mat-icon-button\n        class=\"blg-small-button-icon\"\n        matTooltip=\"more pages\"\n        (click)=\"morePage()\">\n        <mat-icon >more_horiz</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n","styles":[".container{font-size:small;position:relative;top:10px}"]}]}],"members":{"agGridReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"onMorePageClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"onRowsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"onPaginationClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"rowPerPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onRowChange":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"morePage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-applet-logo","animations":[{"__symbolic":"reference","name":"ɵbr"}],"template":"<h5 fxLayout=\"row\" fxLayoutGap=\"5px\" fxLayoutAlign=\"start center\" [ngStyle]=\"logoBgColor$ | async\">\n  <mat-spinner *ngIf=\"!(src$ | async)\" diameter=\"50\" color=\"accent\"></mat-spinner>\n  <img *ngIf=\"(src$ | async)\" [src]=\"src$ | async\" alt=\"logo\" width=\"50px\" height=\"50px\">\n  <span [@animateText]=\"opened ? 'show' : 'hide'\" style=\"color: white; width: 150px; font-size: medium;\">{{appletName}}</span>\n</h5>\n","styles":["h5{margin:10px 0;background:#7b68ee;box-shadow:-4px 6px 5px -6px #789;transition:all .3s ease-in-out}"]}]}],"members":{"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"appletName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"logoBgColor$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppletService","line":29,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbp":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":2,"character":31},"arguments":["onSideNavChange",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":3,"character":2},"arguments":["close",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":4,"character":4},"arguments":[{"min-width":"50px","width":"76px","$quoted$":["min-width","width"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":9,"character":2},"arguments":["open",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":10,"character":4},"arguments":[{"min-width":"200px","width":"216px","$quoted$":["min-width","width"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":15,"character":2},"arguments":["close <=> open",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":15,"character":31},"arguments":["250ms ease-in"]}]}]]},"ɵbq":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":19,"character":35},"arguments":["onMainContentChange",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":20,"character":2},"arguments":["close",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":4},"arguments":[{"margin-left":"76px","$quoted$":["margin-left"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":25,"character":2},"arguments":["open",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":26,"character":4},"arguments":[{"margin-left":"200px","$quoted$":["margin-left"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":30,"character":2},"arguments":["mobile",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":4},"arguments":[{"margin-left":"0px","$quoted$":["margin-left"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":35,"character":2},"arguments":["close <=> open",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":35,"character":31},"arguments":["250ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":36,"character":2},"arguments":["close <=> mobile",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":33},"arguments":["250ms ease-in"]}]}]]},"ɵbr":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":40,"character":27},"arguments":["animateText",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":41,"character":2},"arguments":["hide",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":42,"character":4},"arguments":[{"display":"none","opacity":0,"$quoted$":["display"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":47,"character":2},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":48,"character":4},"arguments":[{"display":"block","opacity":1,"$quoted$":["display"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":53,"character":2},"arguments":["close => open",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":53,"character":30},"arguments":["350ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":54,"character":2},"arguments":["open => close",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":54,"character":30},"arguments":["200ms ease-out"]}]}]]},"ɵbs":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":58,"character":2},"arguments":["openClose",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":59,"character":4},"arguments":["close",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":59,"character":19},"arguments":[{"display":"none","width":"0%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":60,"character":4},"arguments":["open",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":60,"character":18},"arguments":[{"display":"table-cell","width":"50%"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":61,"character":4},"arguments":["close => open",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":62,"character":6},"arguments":["0.2s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":62,"character":22},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":63,"character":8},"arguments":[{"display":"table-cell","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":64,"character":8},"arguments":[{"width":"50%","offset":1}]}]]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":67,"character":4},"arguments":["open => close",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":68,"character":6},"arguments":["0.2s",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":68,"character":22},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":69,"character":8},"arguments":[{"width":"0%","offset":0.8}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":70,"character":8},"arguments":[{"display":"none","offset":1}]}]]}]}]]}]]}],"ɵbt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-column-toggle","template":"<button mat-icon-button\nclass=\"blg-small-button-icon\"\nmatTooltip=\"Toggle Column\"\n(click)=\"toggleColumn.emit(!currentToggle)\">\n<mat-icon>{{currentToggle ? 'filter_1' : 'filter_2'}}</mat-icon>\n</button>\n","styles":[""]}]}],"members":{"currentToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"toggleColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵbu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-grid-toggle","template":"<button mat-icon-button\n  matTooltip=\"{{viewTooltip}}\"\n  (click)=\"gridViewToggle()\">\n  <img src={{viewIcon}} alt=\"view\" width=\"40px\" height=\"40px\">\n</button>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"gridViewToggle":[{"__symbolic":"method"}]}},"ɵbv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-breadcrumb","template":"<mat-divider></mat-divider>\n<ol class=\"breadcrumb\">\n  <ng-container *ngFor=\"let col of breadCrumbs; let i = index;\">\n    <li class=\"breadcrumb-list\" *ngIf=\"i === 0\">\n      <a (click)=\"onClick(col.index)\">{{ col.compName }}</a>\n    </li>\n  </ng-container>\n  <div class=\"dynamicBread\">\n    <ng-container *ngFor=\"let col of breadCrumbs; let i = index;\">\n      <li class=\"breadcrumb-list breadcrumb-long\" *ngIf=\"i > 0\">\n        <span>></span><a (click)=\"onClick(col.index)\">{{ col.compName }}</a>\n      </li>\n    </ng-container>\n  </div>\n</ol>\n<mat-divider style=\"margin-bottom: 10px;\"></mat-divider>\n","styles":["ol.breadcrumb{margin:0;padding:0}ol.breadcrumb li{display:inline-block;font-size:x-small;color:#0275d8}li span{padding:5px;font-weight:700;color:#000}ol.breadcrumb li a:hover{color:#8a2be2;cursor:pointer;font-weight:700}li.breadcrumb-list{margin:0}.breadcrumb-long{width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dynamicBread{max-height:6vh;overflow:auto}"]}]}],"members":{"breadCrumbs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"crumb":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onClick":[{"__symbolic":"method"}]}},"ɵbw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-four-oh-four","template":"<main>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-6 align-self-center\">\n        <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n          viewBox=\"0 0 800 600\">\n          <g>\n            <defs>\n              <clipPath id=\"GlassClip\">\n                <path\n                  d=\"M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5\n                s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13\n                c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z\" />\n              </clipPath>\n              <clipPath id=\"cordClip\">\n                <rect width=\"800\" height=\"600\" />\n              </clipPath>\n            </defs>\n\n            <g id=\"planet\">\n              <circle fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-miterlimit=\"10\" cx=\"572.859\" cy=\"108.803\"\n                r=\"90.788\" />\n\n              <circle id=\"craterBig\" fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-miterlimit=\"10\" cx=\"548.891\"\n                cy=\"62.319\" r=\"13.074\" />\n\n              <circle id=\"craterSmall\" fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-miterlimit=\"10\" cx=\"591.743\"\n                cy=\"158.918\" r=\"7.989\" />\n              <path id=\"ring\" fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\"\n                stroke-miterlimit=\"10\" d=\"\n\t\t\tM476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408\n\t\t\tc0-3.378-15.347-4.988-40.243-7.225\" />\n\n              <path id=\"ringShadow\" opacity=\"0.5\" fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\"\n                stroke-miterlimit=\"10\" d=\"\n\t\t\tM483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149\" />\n            </g>\n            <g id=\"stars\">\n              <g id=\"starsBig\">\n                <g>\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"518.07\" y1=\"245.375\" x2=\"518.07\" y2=\"266.581\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"508.129\" y1=\"255.978\" x2=\"528.01\" y2=\"255.978\" />\n                </g>\n                <g>\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"154.55\" y1=\"231.391\" x2=\"154.55\" y2=\"252.598\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"144.609\" y1=\"241.995\" x2=\"164.49\" y2=\"241.995\" />\n                </g>\n                <g>\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"320.135\" y1=\"132.746\" x2=\"320.135\" y2=\"153.952\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"310.194\" y1=\"143.349\" x2=\"330.075\" y2=\"143.349\" />\n                </g>\n                <g>\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"200.67\" y1=\"483.11\" x2=\"200.67\" y2=\"504.316\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"210.611\" y1=\"493.713\" x2=\"190.73\" y2=\"493.713\" />\n                </g>\n              </g>\n              <g id=\"starsSmall\">\n                <g>\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"432.173\" y1=\"380.52\" x2=\"432.173\" y2=\"391.83\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"426.871\" y1=\"386.175\" x2=\"437.474\" y2=\"386.175\" />\n                </g>\n                <g>\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"489.555\" y1=\"299.765\" x2=\"489.555\" y2=\"308.124\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"485.636\" y1=\"303.945\" x2=\"493.473\" y2=\"303.945\" />\n                </g>\n                <g>\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"231.468\" y1=\"291.009\" x2=\"231.468\" y2=\"299.369\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"227.55\" y1=\"295.189\" x2=\"235.387\" y2=\"295.189\" />\n                </g>\n                <g>\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"244.032\" y1=\"547.539\" x2=\"244.032\" y2=\"555.898\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"247.95\" y1=\"551.719\" x2=\"240.113\" y2=\"551.719\" />\n                </g>\n                <g>\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"186.359\" y1=\"406.967\" x2=\"186.359\" y2=\"415.326\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"190.277\" y1=\"411.146\" x2=\"182.44\" y2=\"411.146\" />\n                </g>\n                <g>\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"480.296\" y1=\"406.967\" x2=\"480.296\" y2=\"415.326\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                    x1=\"484.215\" y1=\"411.146\" x2=\"476.378\" y2=\"411.146\" />\n                </g>\n              </g>\n              <g id=\"circlesBig\">\n\n                <circle fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                  cx=\"588.977\" cy=\"255.978\" r=\"7.952\" />\n\n                <circle fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                  cx=\"450.066\" cy=\"320.259\" r=\"7.952\" />\n\n                <circle fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                  cx=\"168.303\" cy=\"353.753\" r=\"7.952\" />\n\n                <circle fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                  cx=\"429.522\" cy=\"201.185\" r=\"7.952\" />\n\n                <circle fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                  cx=\"200.67\" cy=\"176.313\" r=\"7.952\" />\n\n                <circle fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                  cx=\"133.343\" cy=\"477.014\" r=\"7.952\" />\n\n                <circle fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                  cx=\"283.521\" cy=\"568.033\" r=\"7.952\" />\n\n                <circle fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-miterlimit=\"10\"\n                  cx=\"413.618\" cy=\"482.387\" r=\"7.952\" />\n              </g>\n              <g id=\"circlesSmall\">\n                <circle fill=\"#0E0620\" cx=\"549.879\" cy=\"296.402\" r=\"2.651\" />\n                <circle fill=\"#0E0620\" cx=\"253.29\" cy=\"229.24\" r=\"2.651\" />\n                <circle fill=\"#0E0620\" cx=\"434.824\" cy=\"263.931\" r=\"2.651\" />\n                <circle fill=\"#0E0620\" cx=\"183.708\" cy=\"544.176\" r=\"2.651\" />\n                <circle fill=\"#0E0620\" cx=\"382.515\" cy=\"530.923\" r=\"2.651\" />\n                <circle fill=\"#0E0620\" cx=\"130.693\" cy=\"305.608\" r=\"2.651\" />\n                <circle fill=\"#0E0620\" cx=\"480.296\" cy=\"477.014\" r=\"2.651\" />\n              </g>\n            </g>\n            <g id=\"spaceman\" clip-path=\"url(cordClip)\">\n              <path id=\"cord\" fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" stroke-miterlimit=\"10\"\n                d=\"\n\t\t\tM273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548\n\t\t\tc-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817\" />\n\n              <path id=\"backpack\" fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"\n\t\t\tM338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537\n\t\t\tc3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537\n\t\t\tC360.647,451.083,349.251,457.661,338.164,454.689z\" />\n              <g id=\"antenna\">\n                <line fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  stroke-miterlimit=\"10\" x1=\"323.396\" y1=\"236.625\" x2=\"295.285\" y2=\"353.753\" />\n                <circle fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  stroke-miterlimit=\"10\" cx=\"323.666\" cy=\"235.617\" r=\"6.375\" />\n              </g>\n              <g id=\"armR\">\n\n                <path fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  stroke-miterlimit=\"10\" d=\"\n\t\t\t\tM360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0\n\t\t\t\tc-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663\" />\n\n                <path fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  stroke-miterlimit=\"10\" d=\"\n\t\t\t\tM388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793\n\t\t\t\tc4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046\n\t\t\t\tC375.625,437.355,383.087,437.973,388.762,434.677z\" />\n              </g>\n              <g id=\"armL\">\n\n                <path fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  stroke-miterlimit=\"10\" d=\"\n\t\t\t\tM301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0\n\t\t\t\tc3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564\" />\n\n                <path fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  stroke-miterlimit=\"10\" d=\"\n\t\t\t\tM241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096\n\t\t\t\tc-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59\n\t\t\t\tC252.013,404.214,245.243,401.017,241.978,395.324z\" />\n              </g>\n              <g id=\"body\">\n\n                <path fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  stroke-miterlimit=\"10\" d=\"\n\t\t\t\tM353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14\n\t\t\t\tc-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0\n\t\t\t\tc26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z\" />\n                <path fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  stroke-miterlimit=\"10\" d=\"\n\t\t\t\tM269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114\" />\n              </g>\n              <g id=\"legs\">\n                <g id=\"legR\">\n\n                  <path fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                    stroke-miterlimit=\"10\" d=\"\n\t\t\t\t\tM312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534\n\t\t\t\t\tC333.451,455.886,323.526,457.387,312.957,456.734z\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                    stroke-miterlimit=\"10\" x1=\"304.883\" y1=\"486.849\" x2=\"330.487\" y2=\"493.713\" />\n                </g>\n                <g id=\"legL\">\n\n                  <path fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                    stroke-miterlimit=\"10\" d=\"\n\t\t\t\t\tM296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534\n\t\t\t\t\tC278.993,441.286,286.836,447.55,296.315,452.273z\" />\n\n                  <line fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                    stroke-miterlimit=\"10\" x1=\"262.638\" y1=\"475.522\" x2=\"288.241\" y2=\"482.387\" />\n                </g>\n              </g>\n              <g id=\"head\">\n\n                <ellipse transform=\"matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)\" fill=\"#FFFFFF\"\n                  stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  stroke-miterlimit=\"10\" cx=\"341.295\" cy=\"315.211\" rx=\"61.961\" ry=\"60.305\" />\n                <path id=\"headStripe\" fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"\n\t\t\t\tM330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246\" />\n\n                <path fill=\"#FFFFFF\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                  stroke-miterlimit=\"10\" d=\"\n\t\t\t\tM380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192\n\t\t\t\tc-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087\n\t\t\t\ts33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z\" />\n                <g clip-path=\"url(#GlassClip)\">\n                  <polygon id=\"glassShine\" fill=\"none\" stroke=\"#0E0620\" stroke-width=\"3\" stroke-miterlimit=\"10\" points=\"\n\t\t\t\t\t278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 \t\t\t\t\" />\n                </g>\n              </g>\n            </g>\n          </g>\n        </svg>\n      </div>\n      <div class=\"col-md-6 align-self-center\">\n        <h1 class=\"center-text\">404</h1>\n        <h2 class=\"center-text\">UH OH! You're lost.</h2>\n        <p class=\"center-text\" style=\"max-width: 80vw; margin: auto\">The page you are looking for does not exist.\n          How you got here is a mystery.\n        </p>\n      </div>\n    </div>\n  </div>\n</main>\n","styles":["svg{width:60vh;visibility:hidden}h1{font-size:7.5em;margin:15px 0;color:#7b68ee}h1,h2{font-weight:700}.container{display:flex;justify-content:center;overflow:hidden}.center-text{text-align:center}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-currency","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{label ? label : 'Currency'}}*</mat-label>\n  <mat-select [formControl]=\"currency\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"placeholderLabel ? placeholderLabel : 'Search'\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel ? noEntriesFoundLabel : 'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_ccy.display_short\">\n      {{opt.bl_fi_mst_ccy.display_short}} - {{opt.bl_fi_mst_ccy.display_main}}\n    </mat-option>\n  </mat-select>\n  <!-- <mat-error>\n    {{label ? label : 'currency'}} <strong>{{errorMessage ? errorMessage : 'not valid'}}</strong>\n  </mat-error> -->\n  <mat-error *ngIf=\"currency.hasError('required') && currency.touched\">\n    <strong>Please select currency</strong>\n  </mat-error>   \n</mat-form-field>\n","styles":[""]}]}],"members":{"currency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"placeholderLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"noEntriesFoundLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"errorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"currencyChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CurrencyService","line":33,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵby":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-forex-data-source-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"forexDataSource\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Forex Data Source Code'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n<mat-form-field appearance=\"outline\">\n  <mat-label>Currency Rate</mat-label>\n  <input matInput placeholder=\"Currency Rate\" [formControl]=\"currencyRate\" type=\"number\">\n</mat-form-field>","styles":[""]}]}],"members":{"forexDataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"currencyRate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"isSales":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"baseCurrency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"foreignCurrency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"filterByForeignCurrency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"forexDataSourceSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowDataSession":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"getCurrencyRateInputModel":[{"__symbolic":"method"}],"getCurrencyRate":[{"__symbolic":"method"}]}},"ɵbz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":20,"character":20}]}],"getApiUrl":[{"__symbolic":"method"}],"getHttpHeader":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵca":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":20,"character":20}]}],"getApiUrl":[{"__symbolic":"method"}],"getHttpHeader":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵcb":{"__symbolic":"interface"},"ɵcc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-credit-terms","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Credit Terms</mat-label>\n  <mat-select [formControl]=\"creditTerms\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option value=\"EMPTY\">\n      EMPTY\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Credit Terms <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"creditTerms":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"creditTermsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"app-select-settlement-method","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{label ? label : \"Settlement Method\"}}</mat-label>\n  <mat-select [formControl]=\"settlement\" (selectionChange)=\"onSelectionChange($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_item_hdr.guid\">\n      {{opt.bl_fi_mst_item_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Settlement Method <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"settlement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"selectedBranchGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"settlementChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"settlementType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"SettlementMethodService","line":50,"character":17},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchSettlementMethodService","line":51,"character":43}]}],"ngOnInit":[{"__symbolic":"method"}],"filterSettlement":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵce":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"app-sales-agent-search","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>{{label}}</mat-label>\n    <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Sales Agent selection\">\n      <mat-chip *ngFor=\"let salesAgent of salesAgents\" (removed)=\"remove(salesAgent)\">\n        {{ salesAgent.name }}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n      <input\n        #salesAgentInput\n        [formControl]=\"salesAgentControl\"\n        [matAutocomplete]=\"auto\"\n        [matChipInputFor]=\"chipList\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"false\"\n        (matChipInputTokenEnd)=\"add($event)\"\n      />\n    </mat-chip-list>\n    <mat-autocomplete #auto=\"matAutocomplete\">\n      <mat-option\n        *ngFor=\"let salesAgent of filteredSalesAgents$ | async\"\n        [value]=\"salesAgent\" class=\"custom-mat-option\"\n      >\n        <div (click)=\"optionClicked($event, salesAgent)\">\n          <mat-checkbox\n            [checked]=\"salesAgent.selected\"\n            (change)=\"toggleSelection(salesAgent)\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ salesAgent.code + \" - \" + salesAgent.name }}\n          </mat-checkbox>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  ","styles":[".mat-chip{font-size:11px}::ng-deep .custom-mat-option .mat-option-text{overflow:auto;text-overflow:unset}"]}]}],"members":{"salesAgentControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"salesAgentInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["salesAgentInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EmployeeService","line":50,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterSalesAgent":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"truncate":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-sales-agent","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Sales Agent*</mat-label>\n  <mat-select [formControl]=\"salesAgent\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_entity_hdr.guid\">\n      {{opt.bl_fi_mst_entity_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Sales Agent <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"salesAgent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"salesAgentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EmployeeService","line":27,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"app-sales-man","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{getLabel()}}</mat-label>\n  <mat-select [formControl]=\"salesAgent\" (selectionChange)=\"selectionChange.emit()\" #matSelect>\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_entity_hdr.guid\">\n      {{opt.bl_fi_mst_entity_hdr.name}} | {{opt.bl_fi_mst_entity_hdr.employee_code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{fieldLabel}} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"salesAgent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"isPurchaser":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"isTechniqian":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"labels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"salesAgentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"matSelectInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":["matSelect"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EmployeeService","line":65,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityService","line":66,"character":27},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityLabelLinkService","line":69,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":70,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"getLabel":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵch":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-sst","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>SST Code</mat-label>\n  <mat-select [formControl]=\"sst\" (selectionChange)=\"onSelectionChange($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let tax of filteredOptions$ | async\" [value]=\"tax.bl_fi_cfg_tax_code.tax_code\">\n      {{tax.bl_fi_cfg_tax_code.tax_code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    SST <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"txnType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"taxType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"sst":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"sstChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"sstContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TaxCodeCfgService","line":31,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"filterSST":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵci":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-wht","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>WHT Code</mat-label>\n  <mat-select [formControl]=\"wht\" (selectionChange)=\"onSelectionChange($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let tax of filteredOptions$ | async\" [value]=\"tax.bl_fi_cfg_tax_code.tax_code\">\n      {{tax.bl_fi_cfg_tax_code.tax_code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    WHT <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"wht":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"whtChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"whtContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TaxCodeCfgService","line":30,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"filterWHT":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[appDragDrop]"}]}],"members":{"dropEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":7,"character":3}}]}],"border":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["style.border"]}]}],"padding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":10,"character":3},"arguments":["style.padding"]}]}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":12,"character":3},"arguments":["dragover",["$event"]]}]}],"onDragLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":19,"character":3},"arguments":["dragleave",["$event"]]}]}],"ondrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":26,"character":3},"arguments":["drop",["$event"]]}]}]}},"ɵck":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[firstColumnHost]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":6,"character":39}]}]}},"ɵcl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[secondColumnHost]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":6,"character":39}]}]}},"ɵcm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[appPermission]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":25,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":26,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"appPermission":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"updateView":[{"__symbolic":"method"}],"checkPermission":[{"__symbolic":"method"}],"isOwner":[{"__symbolic":"method"}],"isAdmin":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-pricing-scheme-uom","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"Default"},"template":"<mat-form-field appearance=\"outline\">\n  <mat-label>UOM</mat-label>\n  <mat-select *ngIf=\"canEdit\" [formControl]=\"uomGuid\" (selectionChange)=\"onUOMSelected($event.value)\" [(value)]=\"selectedUOM\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"uomfilterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <!-- <mat-option value=\"null\">\n      None\n    </mat-option> -->\n    <mat-option *ngFor=\"let l of filteredUOM$ | async\" [value]=\"l.guid\">\n      {{l.uom}}\n    </mat-option>\n  </mat-select>\n  <input  *ngIf=\"!canEdit\" matInput readonly [value]=\"uomName\" type=\"text\">\n  <mat-error>\n    UOM <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n<mat-form-field appearance=\"outline\" *ngIf=\"isInclusiveTax\">\n  <mat-label>Pricing Scheme</mat-label>\n  <mat-select  *ngIf=\"canEdit\" [formControl]=\"pricingScheme\" (selectionChange)=\"onPriceSelected($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"pricingSchemefilterControl\"></ngx-mat-select-search>\n    </mat-option>\n\n    <mat-option *ngFor=\"let price of filteredPricingScheme$ | async\" [value]=\"price\">\n      {{price.price_amount_incl_tax}} ({{price.price_name}})\n    </mat-option>\n  </mat-select>\n  <input  *ngIf=\"!canEdit\" matInput readonly [value]=\"pricingSchemeName\" type=\"text\">\n  <mat-error>\n    Pricing Scheme <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n\n<mat-form-field appearance=\"outline\" *ngIf=\"!isInclusiveTax\">\n  <mat-label>Pricing Scheme</mat-label>\n  <mat-select [formControl]=\"pricingScheme\" (selectionChange)=\"onPriceSelected($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"pricingSchemefilterControl\"></ngx-mat-select-search>\n    </mat-option>\n\n    <mat-option *ngFor=\"let price of filteredPricingScheme$ | async\" [value]=\"price\">\n      {{price.price_amount_excl_tax}} ({{price.price_name}})\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Pricing Scheme <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"isInclusiveTax":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"uomGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"pricingScheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"fiitem$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"pricing$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"unitPriceType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"defaultPricingHdr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"canEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"uomChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"pricingSchemeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"uomToBaseRatio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"unitPrice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":49,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"filterPricingScheme":[{"__symbolic":"method"}],"filterUOM":[{"__symbolic":"method"}],"onUOMSelected":[{"__symbolic":"method"}],"onPriceSelected":[{"__symbolic":"method"}],"setTwoNumberDecimal":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵco":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-select-set-of-books-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Set of Books</mat-label>\n  <mat-select [formControl]=\"setOfBooks\" (selectionChange)=\"onSelect($event.value)\" [required]=\"required\">\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_set_of_books_hdr.guid\">\n      {{eachOption.bl_fi_mst_set_of_books_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Set of Books <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"setOfBooks":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"setOfBooksChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"setOfBooksSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"SetOfBooksService","line":32,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"getSetOfBooks":[{"__symbolic":"method"}],"filterSetOfBooks":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-advanced-search-lines","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"},"template":"<mat-form-field #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin appearance=\"outline\" class=\"search-box\">\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input #basic matInput type=\"text\" [(ngModel)]=\"basicSearchQuery\"\n    (keyup.enter)=\"basicSearch(basic.value)\" />\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix>\n    <div matSuffix>\n      <button class=\"blg-small-button-icon\" mat-icon-button (click)=\"searchToggle()\">\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"isAdvanced\">\n  <div [id]=\"id\" class=\"advanced-search-container\">\n    <form [formGroup]=\"advForm\" (ngSubmit)=\"advancedSearch()\">\n      <div class=\"advanced-search-form\" fxLayout=\"column\" fxFlexAlign=\"space-between center\">\n        <ng-container *ngFor=\"let x of inputArray\">\n          <div [ngSwitch]=\"x[1]\">\n\n            <mat-form-field *ngSwitchCase=\"'string'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" />\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" type=\"number\" />\n            </mat-form-field>\n\n<!--            <div *ngSwitchCase=\"'select_company'\" appearance=\"outline\">-->\n<!--              <blg-select-company-drop-down [apiVisa]=\"apiVisa\" [(company)]=\"advForm.controls[x[0]]\"></blg-select-company-drop-down>-->\n<!--            </div>-->\n\n            <mat-form-field *ngSwitchCase=\"'select'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\">\n                <mat-option>\n                  <ngx-mat-select-search [id]=\"x[0]\" (keyup)=\"optionSearchFilter($event)\"\n                    [placeholderLabel]=\"advSearchModel.label[x[0]]\" [noEntriesFoundLabel]=\"'No matching records found'\"\n                    [(ngModel)]='filter' [ngModelOptions]=\"{standalone: true}\">\n                  </ngx-mat-select-search>\n                </mat-option>\n                <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'selectEntity'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\" multiple>\n                <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <div *ngSwitchCase=\"'date'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} From</mat-label>\n                <input matInput [matDatepicker]=\"start_modified_range\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\" readonly (click)=\"start_modified_range.open()\" />\n                <mat-datepicker-toggle matSuffix [for]=\"start_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #start_modified_range></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} To</mat-label>\n                <input matInput [matDatepicker]=\"end_modified_range\" [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly (click)=\"end_modified_range.open()\" />\n                <mat-datepicker-toggle matSuffix [for]=\"end_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #end_modified_range></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'numberRange'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} Start Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.from\"/>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} End Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.to\"/>\n              </mat-form-field>\n            </div>\n\n          </div>\n        </ng-container>\n      </div>\n      <div style=\"padding-top: 15px;\" fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n        <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n          RESET\n        </button>\n        <button color=\"primary\" mat-raised-button type=\"submit\">\n          SEARCH\n        </button>\n      </div>\n    </form>\n  </div>\n</ng-template>\n","styles":[".search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"returnFormOnSubject":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"searchV2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onEscPressed":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":39,"character":3},"arguments":["document:keydown.escape",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"buildQueryString":[{"__symbolic":"method"}],"emitSearchEvent":[{"__symbolic":"method"}],"queryBuilder":[{"__symbolic":"method"}],"basicSearch":[{"__symbolic":"method"}],"advancedSearch":[{"__symbolic":"method"}]}},"ɵcq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-line-container-ko-by","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n    <ng-container *ngIf=\"enableListing; else error\">\n      <mat-card-title class=\"column-title\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n            <div fxFlex=\"3 0 0\">\n              <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"3px\">\n                <app-advanced-search-lines fxFlex fxFlex.lt-sm=\"100\" [id]=\"advSearchId\" \n                  [advSearchModel]=\"searchModel\" [returnFormOnSubject]=\"true\"\n                  (searchV2)=\"onSearch($event)\">\n                </app-advanced-search-lines>\n              </div>\n            </div>\n            <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n              <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n              <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n            </div>\n        </div>\n      </mat-card-title>\n      <div style=\"height: 80%;\">\n        <ag-grid-angular #agGrid\n          style=\"height: 100%;\"\n          class=\"ag-theme-balham\"\n          rowSelection=\"single\"\n          rowModelType=\"serverSide\"\n          serverSideStoreType=\"partial\"\n          [getRowClass]=\"pagination.getRowClass\"\n          [columnDefs]=\"columnsDefs\"\n          [rowData]=\"[]\"\n          [paginationPageSize]=\"pagination.rowPerPage\"\n          [cacheBlockSize]=\"100\"\n          [pagination]=\"true\"\n          [animateRows]=\"true\"\n          [defaultColDef]=\"defaultColDef\"\n          [suppressRowClickSelection]=\"false\"\n          [sideBar]=\"true\"\n          (rowClicked)=\"onRowClicked($event.data)\"\n          (gridReady)=\"onGridReady($event)\">\n        </ag-grid-angular>\n      </div>\n    </ng-container>\n    <ng-template #error>\n      <mat-error>Please select {{ showCondition }} to use this feature</mat-error>\n    </ng-template>\n  </div>","styles":[""]}]}],"members":{"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"hdr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"searchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"advSearchId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"service":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"serverDocTypeDoc2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"itemType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"additionalColDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"addLineItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"searchFieldCriteriaMap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"paginationComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":67,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":100,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"setTotalRecordCount":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-line-container-ko-for","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n    <ng-container *ngIf=\"enableListing; else error\">\n      <mat-card-title class=\"column-title\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n            <div fxFlex=\"3 0 0\">\n              <div fxLayout=\"row\" fxLayoutAlign=\"space-between left\" fxLayoutGap=\"3px\" [style.padding]=\"'10px 0px'\">\n                <mat-slide-toggle [(ngModel)]=\"isChecked\" (change)=\"toggle($event)\">Allow Multiple Selection</mat-slide-toggle>              \n              </div>\n              <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"3px\">\n                <app-advanced-search-lines fxFlex fxFlex.lt-sm=\"100\" [id]=\"advSearchId\" \n                  [advSearchModel]=\"searchModel\" [returnFormOnSubject]=\"true\"\n                  (searchV2)=\"onSearch($event)\">\n                </app-advanced-search-lines>\n                <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onKnockoff()\">KNOCKOFF</button>\n              </div>\n            </div>\n            <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n              <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n              <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n            </div>\n        </div>\n      </mat-card-title>\n      <div style=\"height: 80%;\">\n        <ag-grid-angular #agGrid\n          style=\"height: 100%;\"\n          class=\"ag-theme-balham\"\n          [rowSelection]=\"rowSelection\"\n          rowModelType=\"serverSide\"\n          serverSideStoreType=\"partial\"\n          [getRowClass]=\"pagination.getRowClass\"\n          [columnDefs]=\"columnsDefs\"\n          [rowData]=\"[]\"\n          [paginationPageSize]=\"pagination.rowPerPage\"\n          [cacheBlockSize]=\"100\"\n          [pagination]=\"true\"\n          [animateRows]=\"true\"\n          [defaultColDef]=\"defaultColDef\"\n          [suppressRowClickSelection]=\"false\"\n          [suppressCellSelection]=\"true\"\n          [sideBar]=\"true\"\n          (rowClicked)=\"onRowClicked($event.data)\"\n          (gridReady)=\"onGridReady($event)\">\n        </ag-grid-angular>\n      </div>\n    </ng-container>\n    <ng-template #error>\n      <mat-error>Please select {{ showCondition }} to use this feature</mat-error>\n    </ng-template>\n    </div>","styles":[""]}]}],"members":{"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"hdr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"searchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"advSearchId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"service":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"serverDocTypeDoc1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"itemType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"itemGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"store":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"GenDocActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"draftStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"LinkActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"LinkSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"PNSActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"PNSSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"AppletConstants":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"additionalColDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"addLineItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"onReturn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"searchFieldCriteriaMap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"paginationComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":85,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":140,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"setTotalRecordCount":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onKnockoff":[{"__symbolic":"method"}],"findExistingLineItemDraft":[{"__symbolic":"method"}],"createNewLineAndLink":[{"__symbolic":"method"}],"editLineAndLink":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"app-line-container-ko-for-queue","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n    <ng-container *ngIf=\"enableListing; else error\">\n      <mat-card-title class=\"column-title\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n            <div fxFlex=\"3 0 0\">\n              <div fxLayout=\"row\" fxLayoutAlign=\"space-between left\" fxLayoutGap=\"3px\" [style.padding]=\"'10px 0px'\">\n                <mat-slide-toggle [(ngModel)]=\"isChecked\" (change)=\"toggle($event)\">Allow Multiple Selection</mat-slide-toggle>              \n              </div>\n              <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"3px\">\n                <app-advanced-search-lines fxFlex fxFlex.lt-sm=\"100\" [id]=\"advSearchId\" \n                  [advSearchModel]=\"searchModel\" [returnFormOnSubject]=\"true\"\n                  (searchV2)=\"onSearch($event)\">\n                </app-advanced-search-lines>\n                <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onKnockoff()\">KNOCKOFF</button>\n                <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onDelete()\">DELETE</button>\n              </div>\n            </div>\n            <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n              <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n            </div>\n        </div>\n      </mat-card-title>\n      <div style=\"height: 80%;\">\n        <ag-grid-angular #agGrid\n          style=\"height: 100%;\"\n          class=\"ag-theme-balham\"\n          [rowSelection]=\"rowSelection\"\n          rowModelType=\"serverSide\"\n          serverSideStoreType=\"partial\"\n          [getRowClass]=\"pagination.getRowClass\"\n          [columnDefs]=\"columnsDefs\"\n          [rowData]=\"[]\"\n          [paginationPageSize]=\"pagination.rowPerPage\"\n          [cacheBlockSize]=\"100\"\n          [pagination]=\"true\"\n          [animateRows]=\"true\"\n          [defaultColDef]=\"defaultColDef\"\n          [suppressRowClickSelection]=\"false\"\n          [suppressCellSelection]=\"true\"\n          [sideBar]=\"true\"\n          (rowClicked)=\"onRowClicked($event.data)\"\n          (gridReady)=\"onGridReady($event)\">\n        </ag-grid-angular>\n      </div>\n    </ng-container>\n    <ng-template #error>\n      <mat-error>Please select {{ showCondition }} to use this feature</mat-error>\n    </ng-template>\n    </div>","styles":[""]}]}],"members":{"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"hdr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"searchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"advSearchId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"service":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"serverDocTypeDoc1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"serverDocTypeDoc2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"itemType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"itemGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"store":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"GenDocActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"draftStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"LinkActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"LinkSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"PNSActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"PNSSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"AppletConstants":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"additionalColDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"addLineItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"onReturn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"searchFieldCriteriaMap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"paginationComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":91,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":146,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CancelGenDocOpenQueueService","line":147,"character":42},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":148,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"setTotalRecordCount":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onKnockoff":[{"__symbolic":"method"}],"findExistingLineItemDraft":[{"__symbolic":"method"}],"createNewLineAndLink":[{"__symbolic":"method"}],"editLineAndLink":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵct":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-doc-link-ko-for","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n    <ng-container *ngIf=\"enableListing; else error\">\n      <mat-card-title class=\"column-title\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n            <div fxFlex=\"3 0 0\">\n              <!-- <div fxLayout=\"row\" fxLayoutAlign=\"space-between left\" fxLayoutGap=\"3px\" [style.padding]=\"'10px 0px'\">\n                <mat-slide-toggle [(ngModel)]=\"isChecked\" (change)=\"toggle($event)\">Allow Multiple Selection</mat-slide-toggle>              \n              </div> -->\n              <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"3px\">\n                <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\" \n                    [disabled]=\"localState.deactivateAdd\" \n                    (click)=\"onAdd()\">\n                    <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n                </button>\n                <!-- <app-advanced-search-lines fxFlex fxFlex.lt-sm=\"100\" [id]=\"advSearchId\" \n                  [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\">\n                </app-advanced-search-lines>\n                <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onKnockoff()\">KNOCKOFF</button> -->\n              </div>\n            </div>\n            <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n              <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n              <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n            </div>\n        </div>\n      </mat-card-title>\n      <div style=\"height: 80%;\">\n        <ag-grid-angular #agGrid\n        style=\"height: 100%;\"\n        class=\"ag-theme-balham\"\n        [getRowClass]=\"pagination.getRowClass\"\n        [columnDefs]=\"columnsDefs\"\n        rowSelection=\"single\"\n        rowModelType=\"serverSide\"\n        serverSideStoreType=\"partial\"\n        [rowData]=\"[]\"\n        [paginationPageSize]=\"pagination.rowPerPage\"\n        [animateRows]=\"true\"\n        [defaultColDef]=\"defaultColDef\"\n        [suppressRowClickSelection]=\"false\"\n        [sideBar]=\"true\"\n        (rowClicked)=\"onRowClicked($event.data)\"\n        (gridReady)=\"onGridReady($event)\">\n        </ag-grid-angular>\n      </div>\n    </ng-container>\n    <ng-template #error>\n      <mat-error>Please select {{ showCondition }} to use this feature</mat-error>\n    </ng-template>\n    </div>","styles":[""]}]}],"members":{"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"hdr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"service":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"serverDocTypeDoc1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"store":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"GenDocActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"draftStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"LinkActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"LinkSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"PNSActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"PNSSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"selectedLineItem$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"links$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"AppletConstants":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"additionalColDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"addKO":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"showDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"paginationComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GenericDocHdrService","line":98,"character":30},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":99,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-doc-link-ko-by","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n    <ng-container *ngIf=\"enableListing; else error\">\n      <mat-card-title class=\"column-title\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n            <div fxFlex=\"3 0 0\">\n              <!-- <div fxLayout=\"row\" fxLayoutAlign=\"space-between left\" fxLayoutGap=\"3px\" [style.padding]=\"'10px 0px'\">\n                <mat-slide-toggle [(ngModel)]=\"isChecked\" (change)=\"toggle($event)\">Allow Multiple Selection</mat-slide-toggle>              \n              </div> -->\n              <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"3px\">\n                <!-- <app-advanced-search-lines fxFlex fxFlex.lt-sm=\"100\" [id]=\"advSearchId\" \n                  [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\">\n                </app-advanced-search-lines>\n                <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onKnockoff()\">KNOCKOFF</button> -->\n              </div>\n            </div>\n            <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n              <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n              <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n            </div>\n        </div>\n      </mat-card-title>\n      <div style=\"height: 80%;\">\n        <ag-grid-angular #agGrid\n        style=\"height: 100%;\"\n        class=\"ag-theme-balham\"\n        [getRowClass]=\"pagination.getRowClass\"\n        [columnDefs]=\"columnsDefs\"\n        rowSelection=\"single\"\n        rowModelType=\"serverSide\"\n        serverSideStoreType=\"partial\"\n        [rowData]=\"[]\"\n        [paginationPageSize]=\"pagination.rowPerPage\"\n        [animateRows]=\"true\"\n        [defaultColDef]=\"defaultColDef\"\n        [suppressRowClickSelection]=\"false\"\n        [sideBar]=\"true\"\n        (rowClicked)=\"onRowClicked($event.data)\"\n        (gridReady)=\"onGridReady($event)\">\n        </ag-grid-angular>\n      </div>\n    </ng-container>\n    <ng-template #error>\n      <mat-error>Please select {{ showCondition }} to use this feature</mat-error>\n    </ng-template>\n    </div>","styles":[""]}]}],"members":{"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"hdr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"service":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"serverDocTypeDoc2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"selectedLineItem$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"links$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"AppletConstants":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"additionalColDef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"paginationComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GenericDocHdrService","line":84,"character":30},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":85,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-uom","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"Default"},"template":"<mat-form-field appearance=\"outline\">\n  <mat-label>UOM</mat-label>\n  <mat-select [formControl]=\"uom\" (selectionChange)=\"onUOMSelected($event.value)\" [(value)]=\"selectedUOM\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"uomfilterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let l of filteredUOM$ | async\" [value]=\"l.uom\">\n      {{l.uom}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    UOM <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"uom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"fiitem$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"uomChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"selectedUomModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"unitPrice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":40,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"filterUOM":[{"__symbolic":"method"}],"onUOMSelected":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-select-multi-location-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"location\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Location Code/Name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}} | {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Location <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"companyGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"customColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"locationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isFilterCompany":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵcx":"permissions","ɵcy":{"__symbolic":"interface"},"ɵcz":{"permSet":{"__symbolic":"reference","name":"ɵsa"},"permWizard":{"__symbolic":"reference","name":"ɵse"},"userPerm":{"__symbolic":"reference","name":"ɵsi"},"teamPerm":{"__symbolic":"reference","name":"ɵsm"},"rolePerm":{"__symbolic":"reference","name":"ɵsq"},"clientSide":{"__symbolic":"reference","name":"ɵsu"},"userPermInquiry":{"__symbolic":"reference","name":"ɵsy"},"rolePricingSchemeLink":{"__symbolic":"reference","name":"ɵtb"}},"ɵda":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-select-multi-location-drop-down-stock-report","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n    [formControl]=\"location\"\n    (selectionChange)=\"onSelect($event.value)\"\n    [required]=\"isRequired()\"\n    [multiple]=\"isMultiple()\"\n  >\n    <mat-option>\n      <ngx-mat-select-search\n        [placeholderLabel]=\"'Key in Location Code/Name'\"\n        [showToggleAllCheckbox]=\"true\"\n        [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n        [toggleAllCheckboxChecked]=\"isChecked\"\n        (toggleAll)=\"toggleSelectAll($event)\"\n        [formControl]=\"serverSideFiltering\"\n      >\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option\n      *ngFor=\"let eachOption of filteredOptions$ | async\"\n      [value]=\"eachOption.guid\"\n    >\n      {{ eachOption.code }} | {{ eachOption.name }}\n    </mat-option>\n  </mat-select>\n  <mat-error> Location <strong>not valid</strong> </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"companyGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"locationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompBranchLocationEntityLinkService","line":72,"character":58}]}],"ngOnInit":[{"__symbolic":"method"}],"getLocTargets":[{"__symbolic":"method"}],"getLocationsFromCompanies":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isFilterCompany":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-pagination-client-side","template":"<div class=\"container\" fxLayout=\"column\">\n    <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" fxFlex.gt-md=\"50\">\n      <div fxLayoutAlign=\"end center\">\n        <div class=\"hideDisplay\">\n          <mat-form-field style=\"width: 58px;\">\n            <mat-label>Rows</mat-label>\n            <mat-select [value]=\"rowPerPage\" (selectionChange)=\"onRowChange($event.value)\">\n              <mat-option [value]=\"5\">5</mat-option>\n              <mat-option [value]=\"10\">10</mat-option>\n              <mat-option [value]=\"20\">20</mat-option>\n              <mat-option [value]=\"25\">25</mat-option>\n              <mat-option [value]=\"50\">50</mat-option>\n              <mat-option [value]=\"75\">75</mat-option>\n              <mat-option [value]=\"100\">100</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n          <button mat-icon-button\n            style=\"display:none\"\n            class=\"blg-small-button-icon\"\n            (click)=\"firstPage()\"\n            [disabled]=\"currentPage == 1\">\n            <mat-icon>first_page</mat-icon>\n          </button>\n          <button mat-icon-button\n            class=\"icon-display\"\n            (click)=\"previousPage()\"\n            [disabled]=\"currentPage === 1\">\n            <mat-icon>chevron_left</mat-icon>\n          </button>\n        <!-- <div style=\"white-space: nowrap;\">\n          page\n          <span style=\"font-size: larger;\"><strong>{{currentPage}}</strong></span>\n          &nbsp;of&nbsp;\n          <strong>{{totalPage | async}}</strong>\n        </div> -->\n        <button mat-icon-button\n          class=\"icon-display\"\n          (click)=\"nextPage();\"\n          [disabled]=\"currentPage === (totalPage | async)\">\n          <mat-icon>chevron_right</mat-icon>\n        </button>\n        <button mat-icon-button\n          style=\"display:none\"\n          class=\"blg-small-button-icon\"\n          (click)=\"lastPage()\"\n          [disabled]=\"currentPage === (totalPage | async)\">\n          <mat-icon >last_page</mat-icon>\n        </button>\n        <button *ngIf=\"showMorePage\" mat-icon-button\n          class=\"blg-small-button-icon\"\n          matTooltip=\"more pages\"\n          (click)=\"morePage()\">\n          <mat-icon >more_horiz</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  ","styles":[".container{font-size:small;position:relative;top:10px}.icon-display{transform:scale(1.5)}"]}]}],"members":{"agGridReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"onMorePageClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"numberOfRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onRowChange":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"morePage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-select-glcode-drop-down","template":"<mat-form-field class=\"full-width\" appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"glcode\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in GL Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_glcode.guid\">\n      {{eachOption.bl_fi_mst_glcode.gl_code_1}} | {{eachOption.bl_fi_mst_glcode.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    GL Code <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"glcode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"coaGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"glcodeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"glcodeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GlcodeService","line":33,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"onPatchValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-generic-document-posting","template":"<mat-tab-group\n  [dynamicHeight]=\"true\"\n  (selectedTabChange)=\"selectTab($event)\"\n  [selectedIndex]=\"selectedIndex\"\n  *ngIf=\"!showPanels()\"\n>\n  <mat-tab label=\"Journal Txn\">\n    <ng-template matTabContent>\n      <app-journal-txn></app-journal-txn>\n    </ng-template>\n  </mat-tab>\n\n  <mat-tab label=\"Cashbook Txn\">\n    <ng-template matTabContent>\n      <app-cashbook-txn></app-cashbook-txn>\n    </ng-template>\n  </mat-tab>\n\n  <mat-tab label=\"Points Txn\">\n    <ng-template matTabContent>\n      <app-points-txn></app-points-txn>\n    </ng-template>\n  </mat-tab>\n\n  <mat-tab label=\"Tax Txn\">\n    <ng-template matTabContent>\n      <app-tax-txn></app-tax-txn>\n    </ng-template>\n  </mat-tab>\n\n  <mat-tab label=\"Inv Txn\">\n    <ng-template matTabContent>\n      <app-inv-txn></app-inv-txn>\n    </ng-template>\n  </mat-tab>\n</mat-tab-group>\n\n<mat-accordion *ngIf=\"showPanels()\">\n  <mat-expansion-panel *ngFor=\"let panel of panels; let i = index\"\n                           [expanded]=\"i === expandedPanelIndex\"\n                           (opened)=\"onPanelOpened(i)\"\n                           [ngClass]=\"{'expanded-subpanel': expandedPanelIndex === i}\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            {{ panel.title }}\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n\n        <!-- Journal Txn Panel Content -->\n    <ng-container *ngIf=\"panel.content === 'journal-txn'\">\n      <ng-template matExpansionPanelContent>\n        <app-journal-txn></app-journal-txn>\n      </ng-template>\n    </ng-container>\n\n        <!-- Cashbook Txn Panel Content -->\n    <ng-container *ngIf=\"panel.content === 'cashbook-txn'\">\n      <ng-template matExpansionPanelContent>\n        <app-cashbook-txn></app-cashbook-txn>\n      </ng-template>\n    </ng-container>\n\n        <!-- Points Txn Panel Content -->\n    <ng-container *ngIf=\"panel.content === 'points-txn'\">\n      <ng-template matExpansionPanelContent>\n        <app-points-txn></app-points-txn>\n      </ng-template>\n    </ng-container>\n\n        <!-- Tax Txn Panel Content -->\n    <ng-container *ngIf=\"panel.content === 'tax-txn'\">\n      <ng-template matExpansionPanelContent>\n        <app-tax-txn></app-tax-txn>\n      </ng-template>\n    </ng-container>\n\n        <!-- Inv Txn Panel Content -->\n    <ng-container *ngIf=\"panel.content === 'inv-txn'\">\n      <ng-template matExpansionPanelContent>\n        <app-inv-txn></app-inv-txn>\n      </ng-template>\n    </ng-container>\n  </mat-expansion-panel>\n</mat-accordion>\n","styles":[".expanded-subpanel{border:2px solid #35caf7}"]}]}],"members":{"genericDoc$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":30,"character":13}]}]}],"journalTxnComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵde"},{"static":false}]}]}],"cashbookTxnComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdf"},{"static":false}]}]}],"taxTxnComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdg"},{"static":false}]}]}],"pointsTxnComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdh"},{"static":false}]}]}],"invTxnComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdi"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"onPanelOpened":[{"__symbolic":"method"}],"showPanels":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵde":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-journal-txn","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n  <div fxLayout=\"row wrap\" fxLayoutAlign=\"end\">\n    <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n      <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n    </div>\n  </div>\n  <div style=\"text-align: right\">\n    Total Debit: <strong>{{totalDebit.toFixed(2)}} </strong>\n     <span style=\"color: #1e88e5\"><strong>{{ccyCode}}</strong></span>\n    </div>\n  <div style=\"text-align: right\">\n     Total Credit: <strong>{{totalCredit.toFixed(2)}} </strong>\n     <span style=\"color: #1e88e5\"><strong>{{ccyCode}}</strong></span>\n  </div>\n\n  <div style=\"height: 100%;\">\n    <ag-grid-angular #agGrid\n    style=\"height: 100%;\"\n    class=\"ag-theme-balham\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"[]\"\n    [columnDefs]=\"columnsDefs\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [animateRows]=\"true\"\n    [suppressRowClickSelection]=\"false\"\n    [sideBar]=\"true\"\n    (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"JournalService","line":70,"character":30},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GlcodeService","line":71,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityService","line":72,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"saveColumnStateToLocal":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"saveColumnStateToBackend":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}]}},"ɵdf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-cashbook-txn","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n  <div fxLayout=\"row wrap\" fxLayoutAlign=\"end\">\n    <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n      <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n    </div>\n  </div>\n\n  <div style=\"height: 100%;\">\n    <ag-grid-angular #agGrid\n    style=\"height: 100%;\"\n    class=\"ag-theme-balham\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"[]\"\n    [columnDefs]=\"columnsDefs\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [animateRows]=\"true\"\n    [suppressRowClickSelection]=\"false\"\n    [sideBar]=\"true\"\n    (gridReady)=\"onGridReady($event)\"\n   >\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CashbookTxnLineService","line":68,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CashbookService","line":69,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"saveColumnStateToLocal":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"saveColumnStateToBackend":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}]}},"ɵdg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-tax-txn","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"end\">\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n      </div>\n    </div>\n\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"[]\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [animateRows]=\"true\"\n      [suppressRowClickSelection]=\"false\"\n      [sideBar]=\"true\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  </div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TaxTxnsService","line":65,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"saveColumnStateToLocal":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"saveColumnStateToBackend":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}]}},"ɵdh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-points-txn","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"end\">\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n      </div>\n    </div>\n\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"[]\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [animateRows]=\"true\"\n      [suppressRowClickSelection]=\"false\"\n      [sideBar]=\"true\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  </div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"MembershipPointsTxnService","line":74,"character":42}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"saveColumnStateToLocal":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"saveColumnStateToBackend":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}]}},"ɵdi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-inv-txn","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"end\">\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n      </div>\n    </div>\n\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"[]\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [animateRows]=\"true\"\n      [suppressRowClickSelection]=\"false\"\n      [sideBar]=\"true\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  </div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"InventoryTransactionLineService","line":70,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"saveColumnStateToLocal":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"saveColumnStateToBackend":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}]}},"ɵdj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[appPermissionHide]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":25,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":26,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"appPermissionHide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"updateView":[{"__symbolic":"method"}],"checkPermission":[{"__symbolic":"method"}],"isOwner":[{"__symbolic":"method"}],"isAdmin":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-select-subledger","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Sub Ledger *</mat-label>\n  <mat-select [formControl]=\"subledger\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Subledger'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_sub_ledger_hdr.guid\">\n      {{eachOption.bl_fi_sub_ledger_hdr.gl_code_1}} | {{eachOption.bl_fi_sub_ledger_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Sub Ledger <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"subledger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"ledgerSelectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"subledgerChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"subledgerSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"SubledgerService","line":31,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"filterSubledger":[{"__symbolic":"method"}],"getAllSubledgers":[{"__symbolic":"method"}],"SubledgerFiltering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"app-branch","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Branches</mat-label>\n  <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Branch selection\">\n    <mat-chip *ngFor=\"let branch of branches\" (removed)=\"remove(branch)\">\n      {{ branch.code }}\n      <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n    <input\n      #branchInput\n      [formControl]=\"branchControl\"\n      [matAutocomplete]=\"auto\"\n      [matChipInputFor]=\"chipList\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n      [matChipInputAddOnBlur]=\"false\"\n      (matChipInputTokenEnd)=\"add($event)\"\n      (input)=\"filterBranch($event.target.value)\"\n    />\n  </mat-chip-list>\n  <mat-autocomplete #auto=\"matAutocomplete\">\n    <mat-option\n      *ngFor=\"let branch of filteredBranches\"\n      [value]=\"branch\" class=\"custom-mat-option\"\n    >\n      <div (click)=\"optionClicked($event, branch)\">\n        <mat-checkbox\n          [checked]=\"branch.selected\"\n          (change)=\"toggleSelection(branch)\"\n          (click)=\"$event.stopPropagation()\"\n        >\n          {{ branch.code + \" - \" + branch.name }}\n        </mat-checkbox>\n      </div>\n    </mat-option>\n  </mat-autocomplete>\n</mat-form-field>\n","styles":[".mat-chip{font-size:11px}::ng-deep .custom-mat-option .mat-option-text{overflow:auto;text-overflow:unset}"]}]}],"members":{"branchControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"branchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":56,"character":3},"arguments":["branchInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":60,"character":27},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵbz"}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterBranch":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":43,"character":1},"arguments":[{"selector":"app-advanced-search-v2","template":"<mat-form-field\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  appearance=\"outline\"\n  class=\"search-box\"\n>\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input\n    #basic\n    matInput\n    type=\"text\"\n    [(ngModel)]=\"basicSearchQuery\"\n    (keyup.enter)=\"basicSearch(basic.value)\"\n  />\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix>\n    <div matSuffix>\n      <button\n        class=\"blg-small-button-icon\"\n        mat-icon-button\n        (click)=\"searchToggle()\"\n      >\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isAdvanced\"\n  (overlayOutsideClick)=\"toggleDropdown()\"\n>\n  <div [id]=\"id\" class=\"advanced-search-container\">\n    <form [formGroup]=\"advForm\" (ngSubmit)=\"advancedSearch()\">\n      <div\n        class=\"advanced-search-form\"\n        fxLayout=\"column\"\n        fxFlexAlign=\"space-between center\"\n      >\n        <ng-container *ngFor=\"let x of inputArray\">\n          <div [ngSwitch]=\"x[1]\">\n            <mat-form-field\n              *ngSwitchCase=\"'string'\"\n              appearance=\"outline\"\n              type=\"text\"\n            >\n              <mat-label>{{ advSearchModel.label[x[0]] }}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" />\n            </mat-form-field>\n\n            <mat-checkbox\n              *ngSwitchCase=\"'checkbox'\"\n              [formControl]=\"advForm.controls[x[0]]\"\n              color=\"primary\"\n              >{{ advSearchModel.label[x[0]] }}</mat-checkbox\n            >\n\n            <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n              <mat-label>{{ advSearchModel.label[x[0]] }}</mat-label>\n              <input\n                matInput\n                [formControl]=\"advForm.controls[x[0]]\"\n                type=\"number\"\n              />\n            </mat-form-field>\n\n            <!--            <div *ngSwitchCase=\"'select_company'\" appearance=\"outline\">-->\n            <!--              <blg-select-company-drop-down [apiVisa]=\"apiVisa\" [(company)]=\"advForm.controls[x[0]]\"></blg-select-company-drop-down>-->\n            <!--            </div>-->\n            <!-- <app-select-company-drop-down *ngSwitchCase=\"'company'\" [apiVisa]=\"apiVisa\" [company]=\"advForm.controls[x[0]]\"></app-select-company-drop-down> -->\n\n            <!-- <app-select-location-drop-down *ngSwitchCase=\"'loc'\" [apiVisa]=\"apiVisa\" [location]=\"advForm.controls[x[0]]\"></app-select-location-drop-down> -->\n\n            <app-sales-agent-search\n              *ngSwitchCase=\"'salesAgent'\"\n              [salesAgentControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n              [label]=\"advSearchModel.label[x[0]]\"\n            ></app-sales-agent-search>\n\n            <app-select-budget-item\n              *ngSwitchCase=\"'budgetItem'\"\n              [budgetItemControl]=\"advForm.controls[x[0]]\"\n              [votebookGuid]=\"votebookGuid\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n              [label]=\"advSearchModel.label[x[0]]\"\n            >\n            </app-select-budget-item>\n\n            <app-select-budget-register\n              *ngSwitchCase=\"'budgetRegister'\"\n              [budgetRegisterControl]=\"advForm.controls[x[0]]\"\n              [votebookGuid]=\"votebookGuid\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n              [label]=\"advSearchModel.label[x[0]]\"\n            >\n            </app-select-budget-register>\n\n            <app-select-budget-fiscal-year\n            *ngSwitchCase=\"'budgetFiscalYear'\"\n            [budgetFiscalYearControl]=\"advForm.controls[x[0]]\"\n            [votebookGuid]=\"votebookGuid\"\n            [viewModelStore]=\"viewModelStore\"\n            [ColumnViewActions]=\"ColumnViewActions\"\n            [ColumnViewSelectors]=\"ColumnViewSelectors\"\n            [label]=\"advSearchModel.label[x[0]]\"\n          >\n          </app-select-budget-fiscal-year>\n\n            <app-branch\n              *ngSwitchCase=\"'branch'\"\n              [branchControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n              [readPermissionDefintion]=\"readPermissionDefintion\"\n            ></app-branch>\n\n            <app-purchaser\n              *ngSwitchCase=\"'purchaser'\"\n              [purchaserControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n            ></app-purchaser>\n\n            <app-company\n              *ngSwitchCase=\"'company'\"\n              [companyControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n            ></app-company>\n\n            <app-location-from\n              *ngSwitchCase=\"'locationFrom'\"\n              [locationControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n              [label]=\"advSearchModel.label[x[0]]\"\n            ></app-location-from>\n\n            <app-location-to\n              *ngSwitchCase=\"'locationTo'\"\n              [locationControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n              [label]=\"advSearchModel.label[x[0]]\"\n            ></app-location-to>\n\n            <warehouse-advanced-search-drop-down\n              *ngSwitchCase=\"'warehouse'\"\n              [warehouseControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n            >\n            </warehouse-advanced-search-drop-down>\n\n            <app-advanced-search-cashbook-dropdown\n              *ngSwitchCase=\"'cashbook'\"\n              [cashbookControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n            >\n            </app-advanced-search-cashbook-dropdown>\n\n            <!-- <mat-form-field\n              *ngSwitchCase=\"'customer'\"\n              appearance=\"outline\"\n              type=\"text\"\n            >\n              <mat-label>{{ advSearchModel.label[x[0]] }}</mat-label>\n              <input\n                matInput\n                [formControl]=\"advForm.controls[x[0]]\"\n                readonly\n                (click)=\"customerSearchToggle()\"\n              />\n            </mat-form-field> -->\n\n            <mat-form-field *ngSwitchCase=\"'entity'\" appearance=\"outline\">\n              <mat-label>Entities</mat-label>\n              <mat-chip-list #chipList>\n                <mat-chip\n                  *ngFor=\"let entity of entities\"\n                  (removed)=\"removeEntity(entity)\"\n                >\n                  {{ entity.name }}\n                  <mat-icon matChipRemove>cancel</mat-icon>\n                </mat-chip>\n                <input\n                  #customerInput\n                  readonly\n                  (click)=\"entitySearchToggle()\"\n                  [formControl]=\"advForm.controls[x[0]]\"\n                  [matAutocomplete]=\"auto\"\n                  [matChipInputFor]=\"chipList\"\n                  [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                  [matChipInputAddOnBlur]=\"false\"\n                  (matChipInputTokenEnd)=\"add($event)\"\n                />\n              </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'customer'\" appearance=\"outline\">\n              <mat-label>Customers</mat-label>\n              <mat-chip-list #chipList>\n                <mat-chip\n                  *ngFor=\"let customer of customers\"\n                  (removed)=\"removeCustomer(customer)\"\n                >\n                  {{ customer.name }}\n                  <mat-icon matChipRemove>cancel</mat-icon>\n                </mat-chip>\n                <input\n                  #customerInput\n                  readonly\n                  (click)=\"customerSearchToggle()\"\n                  [formControl]=\"advForm.controls[x[0]]\"\n                  [matAutocomplete]=\"auto\"\n                  [matChipInputFor]=\"chipList\"\n                  [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                  [matChipInputAddOnBlur]=\"false\"\n                  (matChipInputTokenEnd)=\"add($event)\"\n                />\n              </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'supplier'\" appearance=\"outline\">\n              <mat-label>Suppliers</mat-label>\n              <mat-chip-list #chipList>\n                <mat-chip\n                  *ngFor=\"let supplier of suppliers\"\n                  (removed)=\"removeSupplier(supplier)\"\n                >\n                  {{ supplier.name }}\n                  <mat-icon matChipRemove>cancel</mat-icon>\n                </mat-chip>\n                <input\n                  #supplierInput\n                  readonly\n                  (click)=\"supplierSearchToggle()\"\n                  [formControl]=\"advForm.controls[x[0]]\"\n                  [matAutocomplete]=\"auto\"\n                  [matChipInputFor]=\"chipList\"\n                  [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                  [matChipInputAddOnBlur]=\"false\"\n                  (matChipInputTokenEnd)=\"add($event)\"\n                />\n              </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'glDimension'\" appearance=\"outline\">\n              <mat-label>GL Dimensions</mat-label>\n              <mat-chip-list #chipList>\n                <mat-chip\n                  *ngFor=\"let glDimension of glDimensions\"\n                  (removed)=\"removeGlDimension(glDimension)\"\n                >\n                  {{ glDimension.name }}\n                  <mat-icon matChipRemove>cancel</mat-icon>\n                </mat-chip>\n                <input\n                  #glDimensionInput\n                  readonly\n                  (click)=\"glDimensionSearchToggle()\"\n                  [formControl]=\"advForm.controls[x[0]]\"\n                  [matAutocomplete]=\"auto\"\n                  [matChipInputFor]=\"chipList\"\n                  [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                  [matChipInputAddOnBlur]=\"false\"\n                  (matChipInputTokenEnd)=\"add($event)\"\n                />\n              </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'segment'\" appearance=\"outline\">\n              <mat-label>Segments</mat-label>\n              <mat-chip-list #chipList>\n                <mat-chip\n                  *ngFor=\"let segment of segments\"\n                  (removed)=\"removeSegment(segment)\"\n                >\n                  {{ segment.name }}\n                  <mat-icon matChipRemove>cancel</mat-icon>\n                </mat-chip>\n                <input\n                  #segmentInput\n                  readonly\n                  (click)=\"segmentSearchToggle()\"\n                  [formControl]=\"advForm.controls[x[0]]\"\n                  [matAutocomplete]=\"auto\"\n                  [matChipInputFor]=\"chipList\"\n                  [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                  [matChipInputAddOnBlur]=\"false\"\n                  (matChipInputTokenEnd)=\"add($event)\"\n                />\n              </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'profitCenter'\" appearance=\"outline\">\n              <mat-label>Profit Centers</mat-label>\n              <mat-chip-list #chipList>\n                <mat-chip\n                  *ngFor=\"let profitCenter of profitCenters\"\n                  (removed)=\"removeProfitCenter(profitCenter)\"\n                >\n                  {{ profitCenter.name }}\n                  <mat-icon matChipRemove>cancel</mat-icon>\n                </mat-chip>\n                <input\n                  #profitCenterInput\n                  readonly\n                  (click)=\"profitCenterSearchToggle()\"\n                  [formControl]=\"advForm.controls[x[0]]\"\n                  [matAutocomplete]=\"auto\"\n                  [matChipInputFor]=\"chipList\"\n                  [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                  [matChipInputAddOnBlur]=\"false\"\n                  (matChipInputTokenEnd)=\"add($event)\"\n                />\n              </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'project'\" appearance=\"outline\">\n              <mat-label>Projects</mat-label>\n              <mat-chip-list #chipList>\n                <mat-chip\n                  *ngFor=\"let project of projects\"\n                  (removed)=\"removeProject(project)\"\n                >\n                  {{ project.name }}\n                  <mat-icon matChipRemove>cancel</mat-icon>\n                </mat-chip>\n                <input\n                  #projectInput\n                  readonly\n                  (click)=\"projectSearchToggle()\"\n                  [formControl]=\"advForm.controls[x[0]]\"\n                  [matAutocomplete]=\"auto\"\n                  [matChipInputFor]=\"chipList\"\n                  [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n                  [matChipInputAddOnBlur]=\"false\"\n                  (matChipInputTokenEnd)=\"add($event)\"\n                />\n              </mat-chip-list>\n            </mat-form-field>\n\n            <mat-form-field\n              *ngSwitchCase=\"'orderBy'\"\n              appearance=\"outline\"\n              type=\"text\"\n            >\n              <mat-label>{{ advSearchModel.label[x[0]] }}</mat-label>\n              <mat-select\n                [placeholder]=\"advSearchModel.label[x[0]]\"\n                [formControl]=\"advForm.controls[x[0]]\"\n              >\n                <mat-option value=\"updated_date\">UPDATED DATE</mat-option>\n                <mat-option value=\"date_txn\">TRANSACTION DATE</mat-option>\n                <mat-option value=\"created_date\">CREATED DATE</mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <mat-form-field\n              *ngSwitchCase=\"'select'\"\n              appearance=\"outline\"\n              type=\"text\"\n            >\n              <mat-label>{{ advSearchModel.label[x[0]] }}</mat-label>\n              <mat-select\n                [placeholder]=\"advSearchModel.label[x[0]]\"\n                [formControl]=\"advForm.controls[x[0]]\"\n              >\n                <mat-option>\n                  <ngx-mat-select-search\n                    [id]=\"x[0]\"\n                    (keyup)=\"optionSearchFilter($event)\"\n                    [placeholderLabel]=\"advSearchModel.label[x[0]]\"\n                    [noEntriesFoundLabel]=\"'No matching records found'\"\n                    [(ngModel)]=\"filter\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                  >\n                  </ngx-mat-select-search>\n                </mat-option>\n                <mat-option\n                  *ngFor=\"let item of optionArray[x[0]]\"\n                  [value]=\"item\"\n                >\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <div *ngSwitchCase=\"'date'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{ advSearchModel.label[x[0]] }} From</mat-label>\n                <input\n                  matInput\n                  [matDatepicker]=\"start_modified_range\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\"\n                  readonly\n                  (click)=\"start_modified_range.open()\"\n                />\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"start_modified_range\"\n                ></mat-datepicker-toggle>\n                <mat-datepicker\n                  touchUi=\"true\"\n                  #start_modified_range\n                ></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{ advSearchModel.label[x[0]] }} To</mat-label>\n                <input\n                  matInput\n                  [matDatepicker]=\"end_modified_range\"\n                  [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly\n                  (click)=\"end_modified_range.open()\"\n                />\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"end_modified_range\"\n                ></mat-datepicker-toggle>\n                <mat-datepicker\n                  touchUi=\"true\"\n                  #end_modified_range\n                ></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <!-- For txnDate -->\n            <div\n              *ngSwitchCase=\"'txnDate'\"\n              fxLayout=\"row wrap\"\n              fxLayoutAlign=\"start center\"\n              fxLayoutGap=\"2%\"\n            >\n              <mat-checkbox\n                [formControl]=\"includeTxnDateControl\"\n                color=\"primary\"\n              ></mat-checkbox>\n              <mat-form-field\n                fxFlex=\"45\"\n                appearance=\"outline\"\n                class=\"date-field\"\n              >\n                <mat-label>{{ advSearchModel.label[x[0]] }} From</mat-label>\n                <input\n                  matInput\n                  [matDatepicker]=\"startTxnDateRange\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\"\n                  readonly\n                  (click)=\"startTxnDateRange.open()\"\n                />\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"startTxnDateRange\"\n                ></mat-datepicker-toggle>\n                <mat-datepicker\n                  touchUi=\"true\"\n                  #startTxnDateRange\n                ></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field\n                fxFlex=\"45\"\n                appearance=\"outline\"\n                class=\"date-field\"\n              >\n                <mat-label>{{ advSearchModel.label[x[0]] }} To</mat-label>\n                <input\n                  matInput\n                  [matDatepicker]=\"endTxnDateRange\"\n                  [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly\n                  (click)=\"endTxnDateRange.open()\"\n                />\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"endTxnDateRange\"\n                ></mat-datepicker-toggle>\n                <mat-datepicker\n                  touchUi=\"true\"\n                  #endTxnDateRange\n                ></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n           <!-- For estimateDeliveryDate -->\n            <div\n            *ngSwitchCase=\"'estimateDeliveryDate'\"\n            fxLayout=\"row wrap\"\n            fxLayoutAlign=\"start center\"\n            fxLayoutGap=\"2%\"\n          >\n            <mat-checkbox\n              [formControl]=\"includeEstimateDeliveryDateControl\"\n              color=\"primary\"\n            ></mat-checkbox>\n            <mat-form-field\n              fxFlex=\"45\"\n              appearance=\"outline\"\n              class=\"date-field\"\n            >\n              <mat-label>{{ advSearchModel.label[x[0]] }} From</mat-label>\n              <input\n                matInput\n                [matDatepicker]=\"startEstimateDeliveryDateRange\"\n                [formControl]=\"advForm.controls[x[0]].controls.from\"\n                readonly\n                (click)=\"startEstimateDeliveryDateRange.open()\"\n              />\n              <mat-datepicker-toggle\n                matSuffix\n                [for]=\"startEstimateDeliveryDateRange\"\n              ></mat-datepicker-toggle>\n              <mat-datepicker\n                touchUi=\"true\"\n                #startEstimateDeliveryDateRange\n              ></mat-datepicker>\n            </mat-form-field>\n            <mat-form-field\n              fxFlex=\"45\"\n              appearance=\"outline\"\n              class=\"date-field\"\n            >\n              <mat-label>{{ advSearchModel.label[x[0]] }} To</mat-label>\n              <input\n                matInput\n                [matDatepicker]=\"endEstimateDeliveryDateRange\"\n                [formControl]=\"advForm.controls[x[0]].controls.to\"\n                readonly\n                (click)=\"endEstimateDeliveryDateRange.open()\"\n              />\n              <mat-datepicker-toggle\n                matSuffix\n                [for]=\"endEstimateDeliveryDateRange\"\n              ></mat-datepicker-toggle>\n              <mat-datepicker\n                touchUi=\"true\"\n                #endEstimateDeliveryDateRange\n              ></mat-datepicker>\n            </mat-form-field>\n          </div>\n\n            <!-- For creationDate -->\n            <div\n              *ngSwitchCase=\"'creationDate'\"\n              fxLayout=\"row wrap\"\n              fxLayoutAlign=\"start center\"\n              fxLayoutGap=\"2%\"\n            >\n              <mat-checkbox\n                [formControl]=\"includeCreationDateControl\"\n                color=\"primary\"\n              ></mat-checkbox>\n              <mat-form-field\n                fxFlex=\"45\"\n                appearance=\"outline\"\n                class=\"date-field\"\n              >\n                <mat-label>{{ advSearchModel.label[x[0]] }} From</mat-label>\n                <input\n                  matInput\n                  [matDatepicker]=\"startCreationDateRange\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\"\n                  readonly\n                  (click)=\"startCreationDateRange.open()\"\n                />\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"startCreationDateRange\"\n                ></mat-datepicker-toggle>\n                <mat-datepicker\n                  touchUi=\"true\"\n                  #startCreationDateRange\n                ></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field\n                fxFlex=\"45\"\n                appearance=\"outline\"\n                class=\"date-field\"\n              >\n                <mat-label>{{ advSearchModel.label[x[0]] }} To</mat-label>\n                <input\n                  matInput\n                  [matDatepicker]=\"endCreationDateRange\"\n                  [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly\n                  (click)=\"endCreationDateRange.open()\"\n                />\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"endCreationDateRange\"\n                ></mat-datepicker-toggle>\n                <mat-datepicker\n                  touchUi=\"true\"\n                  #endCreationDateRange\n                ></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div\n              *ngSwitchCase=\"'numberRange'\"\n              fxLayout=\"row wrap\"\n              fxLayoutGap=\"4%\"\n            >\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label\n                  >{{ advSearchModel.label[x[0]] }} Start Range</mat-label\n                >\n                <input\n                  matInput\n                  [formControl]=\"advForm.controls[x[0]].controls.from\"\n                />\n              </mat-form-field>\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label\n                  >{{ advSearchModel.label[x[0]] }} End Range</mat-label\n                >\n                <input\n                  matInput\n                  [formControl]=\"advForm.controls[x[0]].controls.to\"\n                />\n              </mat-form-field>\n            </div>\n\n            <!-- For post dated cheque date -->\n            <div\n              *ngSwitchCase=\"'chequeDate'\"\n              fxLayout=\"row wrap\"\n              fxLayoutAlign=\"start center\"\n              fxLayoutGap=\"2%\"\n            >\n              <mat-checkbox\n                [formControl]=\"includeChequeDateControl\"\n                color=\"primary\"\n              ></mat-checkbox>\n              <mat-form-field\n                fxFlex=\"45\"\n                appearance=\"outline\"\n                class=\"date-field\"\n              >\n                <mat-label>{{ advSearchModel.label[x[0]] }} From</mat-label>\n                <input\n                  matInput\n                  [matDatepicker]=\"startChequeDateRange\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\"\n                  readonly\n                  (click)=\"startChequeDateRange.open()\"\n                />\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"startChequeDateRange\"\n                ></mat-datepicker-toggle>\n                <mat-datepicker\n                  touchUi=\"true\"\n                  #startChequeDateRange\n                ></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field\n                fxFlex=\"45\"\n                appearance=\"outline\"\n                class=\"date-field\"\n              >\n                <mat-label>{{ advSearchModel.label[x[0]] }} To</mat-label>\n                <input\n                  matInput\n                  [matDatepicker]=\"endChequeDateRange\"\n                  [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly\n                  (click)=\"endChequeDateRange.open()\"\n                />\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"endChequeDateRange\"\n                ></mat-datepicker-toggle>\n                <mat-datepicker\n                  touchUi=\"true\"\n                  #endChequeDateRange\n                ></mat-datepicker>\n              </mat-form-field>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n      <div\n        style=\"padding-top: 15px\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"end start\"\n        fxLayoutGap=\"5px\"\n      >\n        <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n          RESET\n        </button>\n        <button color=\"primary\" mat-raised-button type=\"submit\">SEARCH</button>\n      </div>\n    </form>\n  </div>\n</ng-template>\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"entitySearch\"\n  (overlayOutsideClick)=\"toggleDropdown()\"\n>\n  <div\n    [id]=\"id\"\n    class=\"entity-search-container\"\n    style=\"width: 500px; height: 800px\"\n  >\n    <button (click)=\"entityReturn()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <form [formGroup]=\"entityForm\" (ngSubmit)=\"searchEntity()\">\n      <div\n        class=\"entity-search-form\"\n        fxLayout=\"column\"\n        fxFlexAlign=\"space-between center\"\n      >\n        <ng-container>\n          <mat-form-field fxFlex=\"50\" appearance=\"outline\">\n            <mat-label>Search Entity...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input\n              matInput\n              [formControl]=\"entityForm.controls['criteria']\"\n              type=\"text\"\n            />\n          </mat-form-field>\n          <div fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n            <button color=\"primary\" mat-raised-button type=\"submit\">\n              SEARCH\n            </button>\n          </div>\n        </ng-container>\n      </div>\n    </form>\n    <br />\n    <div style=\"height: 50%\">\n      <ag-grid-angular\n        #agGrid\n        style=\"height: 100%\"\n        class=\"ag-theme-balham\"\n        [columnDefs]=\"columnsDefs\"\n        [rowData]=\"searchedEntities$ | async\"\n        [animateRows]=\"true\"\n        [defaultColDef]=\"defaultColDef\"\n        [sideBar]=\"false\"\n        [alwaysShowVerticalScroll]=\"true\"\n        (rowClicked)=\"onRowClickedEntity($event.data)\"\n        (gridReady)=\"onGridReady($event)\"\n      >\n      </ag-grid-angular>\n    </div>\n  </div>\n</ng-template>\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"customerSearch\"\n  (overlayOutsideClick)=\"toggleDropdown()\"\n>\n  <div\n    [id]=\"id\"\n    class=\"entity-search-container\"\n    style=\"width: 500px; height: 800px\"\n  >\n    <button (click)=\"customerReturn()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <form [formGroup]=\"customerForm\" (ngSubmit)=\"searchCustomer()\">\n      <div\n        class=\"entity-search-form\"\n        fxLayout=\"column\"\n        fxFlexAlign=\"space-between center\"\n      >\n        <ng-container>\n          <mat-form-field fxFlex=\"50\" appearance=\"outline\">\n            <mat-label>Search Customer...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input\n              matInput\n              [formControl]=\"customerForm.controls['criteria']\"\n              type=\"text\"\n            />\n          </mat-form-field>\n          <div fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n            <button color=\"primary\" mat-raised-button type=\"submit\">\n              SEARCH\n            </button>\n          </div>\n        </ng-container>\n      </div>\n    </form>\n    <br />\n    <div style=\"height: 50%\">\n      <ag-grid-angular\n        #agGrid\n        style=\"height: 100%\"\n        class=\"ag-theme-balham\"\n        [columnDefs]=\"columnsDefs\"\n        [rowData]=\"searchedCustomers$ | async\"\n        [animateRows]=\"true\"\n        [defaultColDef]=\"defaultColDef\"\n        [sideBar]=\"false\"\n        [alwaysShowVerticalScroll]=\"true\"\n        (rowClicked)=\"onRowClickedCustomer($event.data)\"\n        (gridReady)=\"onGridReady($event)\"\n      >\n      </ag-grid-angular>\n    </div>\n  </div>\n</ng-template>\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"supplierSearch\"\n  (overlayOutsideClick)=\"toggleDropdown()\"\n>\n  <div\n    [id]=\"id\"\n    class=\"entity-search-container\"\n    style=\"width: 500px; height: 800px\"\n  >\n    <button (click)=\"supplierReturn()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <form [formGroup]=\"supplierForm\" (ngSubmit)=\"searchSupplier()\">\n      <div\n        class=\"entity-search-form\"\n        fxLayout=\"column\"\n        fxFlexAlign=\"space-between center\"\n      >\n        <ng-container>\n          <mat-form-field fxFlex=\"50\" appearance=\"outline\">\n            <mat-label>Search Supplier...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input\n              matInput\n              [formControl]=\"supplierForm.controls['criteria']\"\n              type=\"text\"\n            />\n          </mat-form-field>\n          <!-- <mat-form-field appearance=\"outline\">\n            <mat-label>Code</mat-label>\n            <input\n              matInput\n              placeholder=\"Code\"\n              [formControl]=\"supplierForm.controls['code']\"\n              type=\"text\"\n            />\n          </mat-form-field>\n          <mat-form-field fxFlex=\"50\" appearance=\"outline\">\n            <mat-label>Phone</mat-label>\n            <input\n              matInput\n              placeholder=\"Phone\"\n              [formControl]=\"supplierForm.controls['phone']\"\n              type=\"text\"\n            />\n          </mat-form-field>\n          <mat-form-field fxFlex=\"50\" appearance=\"outline\">\n            <mat-label>Email</mat-label>\n            <input\n              matInput\n              placeholder=\"Email\"\n              [formControl]=\"supplierForm.controls['email']\"\n              type=\"text\"\n            />\n          </mat-form-field> -->\n          <div fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n            <button color=\"primary\" mat-raised-button type=\"submit\">\n              SEARCH\n            </button>\n          </div>\n        </ng-container>\n      </div>\n    </form>\n    <div style=\"height: 50%\">\n      <ag-grid-angular\n        #agGrid\n        style=\"height: 100%\"\n        class=\"ag-theme-balham\"\n        [columnDefs]=\"columnsDefs\"\n        [rowData]=\"searchedSuppliers$ | async\"\n        [animateRows]=\"true\"\n        [defaultColDef]=\"defaultColDef\"\n        [sideBar]=\"false\"\n        [alwaysShowVerticalScroll]=\"true\"\n        (rowClicked)=\"onRowClickedSupplier($event.data)\"\n        (gridReady)=\"onGridReady($event)\"\n      >\n      </ag-grid-angular>\n    </div>\n  </div>\n</ng-template>\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"glDimensionSearch\"\n  (overlayOutsideClick)=\"toggleDropdown()\"\n>\n  <div\n    [id]=\"id\"\n    class=\"entity-search-container\"\n    style=\"width: 500px; height: 800px\"\n  >\n    <button (click)=\"glDimensionReturn()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <form [formGroup]=\"glDimensionForm\" (ngSubmit)=\"searchGlDimension()\">\n      <div\n        class=\"entity-search-form\"\n        fxLayout=\"column\"\n        fxFlexAlign=\"space-between center\"\n      >\n        <ng-container>\n          <mat-form-field fxFlex=\"50\" appearance=\"outline\">\n            <mat-label>Search Gl Dimension...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input\n              matInput\n              [formControl]=\"glDimensionForm.controls['criteria']\"\n              type=\"text\"\n            />\n          </mat-form-field>\n          <div fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n            <button color=\"primary\" mat-raised-button type=\"submit\">\n              SEARCH\n            </button>\n          </div>\n        </ng-container>\n      </div>\n    </form>\n    <br />\n    <div style=\"height: 50%\">\n      <ag-grid-angular\n        #agGrid\n        style=\"height: 100%\"\n        class=\"ag-theme-balham\"\n        [columnDefs]=\"departmentHdrColumnsDefs\"\n        [rowData]=\"searchedGlDimensions$ | async\"\n        [animateRows]=\"true\"\n        [defaultColDef]=\"defaultColDef\"\n        [sideBar]=\"false\"\n        [alwaysShowVerticalScroll]=\"true\"\n        (rowClicked)=\"onRowClickedGlDimension($event.data)\"\n        (gridReady)=\"onGridReady($event)\"\n      >\n      </ag-grid-angular>\n    </div>\n  </div>\n</ng-template>\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"segmentSearch\"\n  (overlayOutsideClick)=\"toggleDropdown()\"\n>\n  <div\n    [id]=\"id\"\n    class=\"entity-search-container\"\n    style=\"width: 500px; height: 800px\"\n  >\n    <button (click)=\"segmentReturn()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <form [formGroup]=\"segmentForm\" (ngSubmit)=\"searchSegment()\">\n      <div\n        class=\"entity-search-form\"\n        fxLayout=\"column\"\n        fxFlexAlign=\"space-between center\"\n      >\n        <ng-container>\n          <mat-form-field fxFlex=\"50\" appearance=\"outline\">\n            <mat-label>Search Segment...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input\n              matInput\n              [formControl]=\"segmentForm.controls['criteria']\"\n              type=\"text\"\n            />\n          </mat-form-field>\n          <div fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n            <button color=\"primary\" mat-raised-button type=\"submit\">\n              SEARCH\n            </button>\n          </div>\n        </ng-container>\n      </div>\n    </form>\n    <br />\n    <div style=\"height: 50%\">\n      <ag-grid-angular\n        #agGrid\n        style=\"height: 100%\"\n        class=\"ag-theme-balham\"\n        [columnDefs]=\"departmentHdrColumnsDefs\"\n        [rowData]=\"searchedSegments$ | async\"\n        [animateRows]=\"true\"\n        [defaultColDef]=\"defaultColDef\"\n        [sideBar]=\"false\"\n        [alwaysShowVerticalScroll]=\"true\"\n        (rowClicked)=\"onRowClickedSegment($event.data)\"\n        (gridReady)=\"onGridReady($event)\"\n      >\n      </ag-grid-angular>\n    </div>\n  </div>\n</ng-template>\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"profitCenterSearch\"\n  (overlayOutsideClick)=\"toggleDropdown()\"\n>\n  <div\n    [id]=\"id\"\n    class=\"entity-search-container\"\n    style=\"width: 500px; height: 800px\"\n  >\n    <button (click)=\"profitCenterReturn()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <form [formGroup]=\"profitCenterForm\" (ngSubmit)=\"searchProfitCenter()\">\n      <div\n        class=\"entity-search-form\"\n        fxLayout=\"column\"\n        fxFlexAlign=\"space-between center\"\n      >\n        <ng-container>\n          <mat-form-field fxFlex=\"50\" appearance=\"outline\">\n            <mat-label>Search Profit Center...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input\n              matInput\n              [formControl]=\"profitCenterForm.controls['criteria']\"\n              type=\"text\"\n            />\n          </mat-form-field>\n          <div fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n            <button color=\"primary\" mat-raised-button type=\"submit\">\n              SEARCH\n            </button>\n          </div>\n        </ng-container>\n      </div>\n    </form>\n    <br />\n    <div style=\"height: 50%\">\n      <ag-grid-angular\n        #agGrid\n        style=\"height: 100%\"\n        class=\"ag-theme-balham\"\n        [columnDefs]=\"departmentHdrColumnsDefs\"\n        [rowData]=\"searchedProfitCenters$ | async\"\n        [animateRows]=\"true\"\n        [defaultColDef]=\"defaultColDef\"\n        [sideBar]=\"false\"\n        [alwaysShowVerticalScroll]=\"true\"\n        (rowClicked)=\"onRowClickedProfitCenter($event.data)\"\n        (gridReady)=\"onGridReady($event)\"\n      >\n      </ag-grid-angular>\n    </div>\n  </div>\n</ng-template>\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"projectSearch\"\n  (overlayOutsideClick)=\"toggleDropdown()\"\n>\n  <div\n    [id]=\"id\"\n    class=\"entity-search-container\"\n    style=\"width: 500px; height: 800px\"\n  >\n    <button (click)=\"projectReturn()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <form [formGroup]=\"projectForm\" (ngSubmit)=\"searchProject()\">\n      <div\n        class=\"entity-search-form\"\n        fxLayout=\"column\"\n        fxFlexAlign=\"space-between center\"\n      >\n        <ng-container>\n          <mat-form-field fxFlex=\"50\" appearance=\"outline\">\n            <mat-label>Search Project...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input\n              matInput\n              [formControl]=\"projectForm.controls['criteria']\"\n              type=\"text\"\n            />\n          </mat-form-field>\n          <div fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n            <button color=\"primary\" mat-raised-button type=\"submit\">\n              SEARCH\n            </button>\n          </div>\n        </ng-container>\n      </div>\n    </form>\n    <br />\n    <div style=\"height: 50%\">\n      <ag-grid-angular\n        #agGrid\n        style=\"height: 100%\"\n        class=\"ag-theme-balham\"\n        [columnDefs]=\"departmentHdrColumnsDefs\"\n        [rowData]=\"searchedProjects$ | async\"\n        [animateRows]=\"true\"\n        [defaultColDef]=\"defaultColDef\"\n        [sideBar]=\"false\"\n        [alwaysShowVerticalScroll]=\"true\"\n        (rowClicked)=\"onRowClickedProject($event.data)\"\n        (gridReady)=\"onGridReady($event)\"\n      >\n      </ag-grid-angular>\n    </div>\n  </div>\n</ng-template>\n","styles":["@import \"~ag-grid-community/dist/styles/ag-grid.css\";@import \"~ag-grid-community/dist/styles/ag-theme-balham.css\";.search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0;font-size:11px}.advanced-search-container .mat-chip{font-size:11px}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:auto!important;width:600px}.advanced-search-form{max-height:40vh}.advanced-search-form,.entity-search-form{overflow:auto;padding-right:15px}.entity-search-container .mat-form-field-wrapper{padding-bottom:0}.entity-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc}"]}]}],"members":{"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":3}}]}],"votebookGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"branchComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdl"}]}]}],"purchaserComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdn"}]}]}],"companyComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":60,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdo"}]}]}],"locationFromComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":61,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdp"}]}]}],"locationToComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdq"}]}]}],"salesAgentComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":64,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵce"}]}]}],"warehouseAdvancedSearchDropdownComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdr"}]}]}],"cashbookAdvancedSearchDropdownComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":68,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵds"}]}]}],"selectBudgetItemComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdt"}]}]}],"selectBudgetRegisterComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdu"}]}]}],"selectBudgetFiscalYearComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":74,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵdv"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CustomerHeaderService","line":228,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"SupplierHeaderService","line":229,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityService","line":230,"character":27},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":231,"character":22},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"DimensionService","line":233,"character":32},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"SegmentCoaService","line":234,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ProfitCenterService","line":235,"character":33},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ProjectCoaService","line":236,"character":31}]}],"onEscPressed":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":248,"character":3},"arguments":["document:keydown.escape",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"isTrue":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isCheckbox":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"customerReturn":[{"__symbolic":"method"}],"entityReturn":[{"__symbolic":"method"}],"supplierReturn":[{"__symbolic":"method"}],"glDimensionReturn":[{"__symbolic":"method"}],"segmentReturn":[{"__symbolic":"method"}],"profitCenterReturn":[{"__symbolic":"method"}],"projectReturn":[{"__symbolic":"method"}],"customerSearchToggle":[{"__symbolic":"method"}],"entitySearchToggle":[{"__symbolic":"method"}],"supplierSearchToggle":[{"__symbolic":"method"}],"glDimensionSearchToggle":[{"__symbolic":"method"}],"segmentSearchToggle":[{"__symbolic":"method"}],"profitCenterSearchToggle":[{"__symbolic":"method"}],"projectSearchToggle":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"truncate":[{"__symbolic":"method"}],"searchCustomer":[{"__symbolic":"method"}],"removeCustomer":[{"__symbolic":"method"}],"onRowClickedCustomer":[{"__symbolic":"method"}],"searchEntity":[{"__symbolic":"method"}],"removeEntity":[{"__symbolic":"method"}],"onRowClickedEntity":[{"__symbolic":"method"}],"searchSupplier":[{"__symbolic":"method"}],"removeSupplier":[{"__symbolic":"method"}],"onRowClickedSupplier":[{"__symbolic":"method"}],"searchGlDimension":[{"__symbolic":"method"}],"removeGlDimension":[{"__symbolic":"method"}],"onRowClickedGlDimension":[{"__symbolic":"method"}],"searchSegment":[{"__symbolic":"method"}],"removeSegment":[{"__symbolic":"method"}],"onRowClickedSegment":[{"__symbolic":"method"}],"searchProfitCenter":[{"__symbolic":"method"}],"removeProfitCenter":[{"__symbolic":"method"}],"onRowClickedProfitCenter":[{"__symbolic":"method"}],"searchProject":[{"__symbolic":"method"}],"removeProject":[{"__symbolic":"method"}],"onRowClickedProject":[{"__symbolic":"method"}],"basicSearch":[{"__symbolic":"method"}],"advancedSearch":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"app-purchaser","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Purchaser</mat-label>\n  <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Purchaser selection\">\n    <mat-chip *ngFor=\"let purchaser of purchasers\" (removed)=\"remove(purchaser)\">\n      {{ purchaser.bl_fi_mst_entity_hdr.employee_code }}\n      <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n    <input\n      #purchaserInput\n      [formControl]=\"purchaserControl\"\n      [matAutocomplete]=\"auto\"\n      [matChipInputFor]=\"chipList\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n      [matChipInputAddOnBlur]=\"false\"\n      (matChipInputTokenEnd)=\"add($event)\"\n      (input)=\"filterPurchaser($event.target.value)\"\n    />\n  </mat-chip-list>\n  <mat-autocomplete #auto=\"matAutocomplete\">\n    <mat-option\n      *ngFor=\"let purchaser of filteredPurchasers\"\n      [value]=\"purchaser\" class=\"custom-mat-option\"\n    >\n      <div (click)=\"optionClicked($event, purchaser)\">\n        <mat-checkbox\n          [checked]=\"purchaser.selected\"\n          (change)=\"toggleSelection(purchaser)\"\n          (click)=\"$event.stopPropagation()\"\n        >\n          {{ purchaser.bl_fi_mst_entity_hdr.employee_code + \" | \" + purchaser.bl_fi_mst_entity_hdr.name }}\n        </mat-checkbox>\n      </div>\n    </mat-option>\n  </mat-autocomplete>\n</mat-form-field>\n","styles":[".mat-chip{font-size:11px}::ng-deep .custom-mat-option .mat-option-text{overflow:auto;text-overflow:unset}"]}]}],"members":{"purchaserControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityService","line":53,"character":27},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityLabelLinkService","line":55,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterPurchaser":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"app-company","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>Companies</mat-label>\n    <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Company selection\">\n      <mat-chip *ngFor=\"let company of companies\" (removed)=\"remove(company)\">\n        {{ company.code }}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n      <input\n        #companyInput\n        [formControl]=\"companyControl\"\n        [matAutocomplete]=\"auto\"\n        [matChipInputFor]=\"chipList\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"false\"\n        (matChipInputTokenEnd)=\"add($event)\"\n      />\n    </mat-chip-list>\n    <mat-autocomplete #auto=\"matAutocomplete\">\n      <mat-option\n        *ngFor=\"let company of filteredCompanies$ | async\"\n        [value]=\"company\" class=\"custom-mat-option\"\n      >\n        <div (click)=\"optionClicked($event, company)\">\n          <mat-checkbox\n            [checked]=\"company.selected\"\n            (change)=\"toggleSelection(company)\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ company.code + \" - \" + company.name }}\n          </mat-checkbox>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"companyControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"companyInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":["companyInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyService","line":55,"character":28},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterCompany":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"app-location-from","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>{{label}}</mat-label>\n    <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Location Selection\">\n      <mat-chip *ngFor=\"let location of locations\" (removed)=\"remove(location)\">\n        {{ location.code }}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n      <input\n        #locationInput\n        [formControl]=\"locationControl\"\n        [matAutocomplete]=\"auto\"\n        [matChipInputFor]=\"chipList\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"false\"\n        (matChipInputTokenEnd)=\"add($event)\"\n      />\n    </mat-chip-list>\n    <mat-autocomplete #auto=\"matAutocomplete\">\n      <mat-option\n        *ngFor=\"let location of filteredLocations$ | async\"\n        [value]=\"location\" class=\"custom-mat-option\"\n      >\n        <div (click)=\"optionClicked($event, location)\">\n          <mat-checkbox\n            [checked]=\"location.selected\"\n            (change)=\"toggleSelection(location)\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ location.code + \" - \" + location.name }}\n          </mat-checkbox>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  ","styles":[".mat-chip{font-size:11px}::ng-deep .custom-mat-option .mat-option-text{overflow:auto;text-overflow:unset}"]}]}],"members":{"locationControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"locationInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":3},"arguments":["locationInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":54,"character":29},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filterLocations":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"app-location-to","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>{{label}}</mat-label>\n    <mat-chip-list #chipList aria-label=\"Location Selection\">\n      <mat-chip *ngFor=\"let location of locations\" (removed)=\"remove(location)\">\n        {{ location.code }}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n      <input\n        #locationInput\n        [formControl]=\"locationControl\"\n        [matAutocomplete]=\"auto\"\n        [matChipInputFor]=\"chipList\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"false\"\n        (matChipInputTokenEnd)=\"add($event)\"\n      />\n    </mat-chip-list>\n    <mat-autocomplete #auto=\"matAutocomplete\">\n      <mat-option\n        *ngFor=\"let location of filteredLocations$ | async\"\n        [value]=\"location\" class=\"custom-mat-option\"\n      >\n        <div (click)=\"optionClicked($event, location)\">\n          <mat-checkbox\n            [checked]=\"location.selected\"\n            (change)=\"toggleSelection(location)\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ location.code + \" - \" + location.name }}\n          </mat-checkbox>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  ","styles":[".mat-chip{font-size:11px}::ng-deep .custom-mat-option .mat-option-text{overflow:auto;text-overflow:unset}"]}]}],"members":{"locationControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"locationInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":["locationInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filterLocations":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"warehouse-advanced-search-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Warehouses</mat-label>\n  <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Warehouse selection\">\n    <mat-chip *ngFor=\"let wms of warehouse\" (removed)=\"remove(wms)\">\n      {{ wms.name }}\n      <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n    <input\n      #warehouseInput\n      [formControl]=\"warehouseControl\"\n      [matAutocomplete]=\"auto\"\n      [matChipInputFor]=\"chipList\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n      [matChipInputAddOnBlur]=\"false\"\n      (matChipInputTokenEnd)=\"add($event)\"\n    />\n  </mat-chip-list>\n  <mat-autocomplete #auto=\"matAutocomplete\">\n    <mat-option\n      *ngFor=\"let wms of filteredWarehouses$ | async\"\n      [value]=\"wms\" class=\"custom-mat-option\"\n    >\n      <div (click)=\"optionClicked($event, wms)\">\n        <mat-checkbox\n          [checked]=\"wms.selected\"\n          (change)=\"toggleSelection(wms)\"\n          (click)=\"$event.stopPropagation()\"\n        >\n        {{ wms.name + \" - \" + wms.code }}\n        </mat-checkbox>\n      </div>\n    </mat-option>\n  </mat-autocomplete>\n</mat-form-field>\n","styles":[".mat-chip{font-size:11px}::ng-deep .custom-mat-option .mat-option-text{overflow:auto;text-overflow:unset}"]}]}],"members":{"warehouseControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"warehouseInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":54,"character":3},"arguments":["warehouseInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"WarehouseService","line":59,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterTrips":[{"__symbolic":"method"}],"searchTrips":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵds":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"app-advanced-search-cashbook-dropdown","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>Cashbooks</mat-label>\n    <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Cashbook selection\">\n      <mat-chip *ngFor=\"let company of companies\" (removed)=\"remove(company)\">\n        {{ company.code }}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n      <input\n        #companyInput\n        [formControl]=\"cashbookControl\"\n        [matAutocomplete]=\"auto\"\n        [matChipInputFor]=\"chipList\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"false\"\n        (matChipInputTokenEnd)=\"add($event)\"\n      />\n    </mat-chip-list>\n    <mat-autocomplete #auto=\"matAutocomplete\">\n      <mat-option\n        *ngFor=\"let company of filteredCompanies$ | async\"\n        [value]=\"company\" class=\"custom-mat-option\"\n      >\n        <div (click)=\"optionClicked($event, company)\">\n          <mat-checkbox\n            [checked]=\"company.selected\"\n            (change)=\"toggleSelection(company)\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ company.code + \" - \" + company.name }}\n          </mat-checkbox>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"cashbookControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"companyInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":["companyInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CashbookService","line":55,"character":29},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterCompany":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"app-select-budget-item","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Budget Items</mat-label>\n  <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Budget item selection\">\n    <mat-chip\n      *ngFor=\"let budgetItem of budgetItems\"\n      (removed)=\"remove(budgetItem)\"\n    >\n      {{ budgetItem.code }}\n      <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n    <input\n      #budgetItemInput\n      [formControl]=\"budgetItemControl\"\n      [matAutocomplete]=\"auto\"\n      [matChipInputFor]=\"chipList\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n      [matChipInputAddOnBlur]=\"false\"\n      (matChipInputTokenEnd)=\"add($event)\"\n      (input)=\"filterBudgetItem($event.target.value)\"\n    />\n  </mat-chip-list>\n  <mat-autocomplete #auto=\"matAutocomplete\">\n    <mat-option\n      *ngFor=\"let budgetItem of filteredBudgetItems\"\n      [value]=\"budgetItem\"\n      class=\"custom-mat-option\"\n    >\n      <div (click)=\"optionClicked($event, budgetItem)\">\n        <mat-checkbox\n          [checked]=\"budgetItem.selected\"\n          (change)=\"toggleSelection(budgetItem)\"\n          (click)=\"$event.stopPropagation()\"\n        >\n          {{ budgetItem.code + \" - \" + budgetItem.name }}\n        </mat-checkbox>\n      </div>\n    </mat-option>\n  </mat-autocomplete>\n</mat-form-field>\n","styles":[""]}]}],"members":{"budgetItemControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"votebookGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"budgetItemInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":["budgetItemInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BudgetItemService","line":47,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BudgetLineService","line":48,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterBudgetItem":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-select-budget-register","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>Budget Registers</mat-label>\n    <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Budget item selection\">\n      <mat-chip\n        *ngFor=\"let budgetRegister of budgetRegisters\"\n        (removed)=\"remove(budgetRegister)\"\n      >\n        {{ budgetRegister.code }}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n      <input\n        #budgetRegisterInput\n        [formControl]=\"budgetRegisterControl\"\n        [matAutocomplete]=\"auto\"\n        [matChipInputFor]=\"chipList\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"false\"\n        (matChipInputTokenEnd)=\"add($event)\"\n        (input)=\"filterBudgetRegister($event.target.value)\"\n      />\n    </mat-chip-list>\n    <mat-autocomplete #auto=\"matAutocomplete\">\n      <mat-option\n        *ngFor=\"let budgetRegister of filteredBudgetRegisters\"\n        [value]=\"budgetRegister\"\n        class=\"custom-mat-option\"\n      >\n        <div (click)=\"optionClicked($event, budgetRegister)\">\n          <mat-checkbox\n            [checked]=\"budgetRegister.selected\"\n            (change)=\"toggleSelection(budgetRegister)\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ budgetRegister.code + \" - \" + budgetRegister.name }}\n          </mat-checkbox>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"budgetRegisterControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"votebookGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"budgetRegisterInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["budgetRegisterInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BudgetRegisterService","line":34,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterBudgetRegister":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-select-budget-fiscal-year","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>Budget Fiscal Years</mat-label>\n    <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Budget item selection\">\n      <mat-chip\n        *ngFor=\"let budgetFiscalYear of budgetFiscalYears\"\n        (removed)=\"remove(budgetFiscalYear)\"\n      >\n        {{ budgetFiscalYear.fiscal_year_code }}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n      <input\n        #budgetFiscalYearInput\n        [formControl]=\"budgetFiscalYearControl\"\n        [matAutocomplete]=\"auto\"\n        [matChipInputFor]=\"chipList\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"false\"\n        (matChipInputTokenEnd)=\"add($event)\"\n        (input)=\"filterBudgetFiscalYear($event.target.value)\"\n      />\n    </mat-chip-list>\n    <mat-autocomplete #auto=\"matAutocomplete\">\n      <mat-option\n        *ngFor=\"let budgetFiscalYear of filteredBudgetFiscalYears\"\n        [value]=\"budgetFiscalYear\"\n        class=\"custom-mat-option\"\n      >\n        <div (click)=\"optionClicked($event, budgetFiscalYear)\">\n          <mat-checkbox\n            [checked]=\"budgetFiscalYear.selected\"\n            (change)=\"toggleSelection(budgetFiscalYear)\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ budgetFiscalYear.fiscal_year_code }}\n          </mat-checkbox>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"budgetFiscalYearControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"votebookGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"budgetFiscalYearInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["budgetFiscalYearInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BudgetFiscalYearService","line":35,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterBudgetFiscalYear":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-applet","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Applet</mat-label>\n  <mat-select [formControl]=\"applet\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_applet_hdr.guid\">\n      {{opt.bl_applet_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Applet <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"applet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"appletChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppletService","line":28,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"filterApplet":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-select-multi-branch-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select #multiSelect [formControl]=\"branch\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Branch Code/Name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"showValue(eachOption)\">\n      {{eachOption.code}} | {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Branch <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"branch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"companyGuidList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"branchSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityLoginEpService","line":53,"character":34},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"getSupplierAccessBranch":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isSupplierAccess":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"isSelectObject":[{"__symbolic":"method"}],"showValue":[{"__symbolic":"method"}],"isFilterCompany":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-workflow-process","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Workflow Process</mat-label>\n  <mat-select [formControl]=\"process\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_wf_md_process_hdr.guid\">\n      {{opt.bl_wf_md_process_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Workflow Process <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"process":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"processChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"WfMdProcessHdrService","line":28,"character":39}]}],"ngOnInit":[{"__symbolic":"method"}],"filterApplet":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵdz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-workflow-action","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Workflow Action</mat-label>\n  <mat-select [formControl]=\"action\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_wf_md_action.guid\">\n      {{opt.bl_wf_md_action.namespace}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Workflow Action <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"actionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"WfMdActionService","line":28,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"filterApplet":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵea":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-workflow-action-type","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Workflow Action Type</mat-label>\n  <mat-select [formControl]=\"actionType\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_wf_md_action_type.guid\">\n      {{opt.bl_wf_md_action_type.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Workflow Action Type<strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"actionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"actionTypeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"WfMdActionTypeService","line":28,"character":42}]}],"ngOnInit":[{"__symbolic":"method"}],"filterApplet":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵeb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-pagination-client-side-v2","template":"<div class=\"container\" fxLayout=\"column\">\n    <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" fxFlex.gt-md=\"50\">\n      <div fxLayoutAlign=\"end center\">\n        <div class=\"hideDisplay\">\n          <mat-form-field style=\"width: 58px;\">\n            <mat-label>Rows</mat-label>\n            <mat-select [value]=\"rowPerPage\" (selectionChange)=\"onRowChange($event.value)\">\n              <mat-option [value]=\"5\">5</mat-option>\n              <mat-option [value]=\"10\">10</mat-option>\n              <mat-option [value]=\"20\">20</mat-option>\n              <mat-option [value]=\"25\">25</mat-option>\n              <mat-option [value]=\"50\">50</mat-option>\n              <mat-option [value]=\"75\">75</mat-option>\n              <mat-option [value]=\"100\">100</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n          <!-- <button mat-icon-button\n            style=\"display:none\"\n            class=\"blg-small-button-icon\"\n            (click)=\"firstPage()\"\n            [disabled]=\"true\">\n            <mat-icon>first_page</mat-icon>\n          </button> -->\n          <button mat-icon-button\n            class=\"icon-display\"\n            (click)=\"previousPage()\"\n            [disabled]=\"disablePreviousButton\">\n            <mat-icon>chevron_left</mat-icon>\n          </button>\n        <!-- <div style=\"white-space: nowrap;\">\n          page\n          <span style=\"font-size: larger;\"><strong>{{currentPage}}</strong></span>\n          &nbsp;of&nbsp;\n          <strong>{{totalPage | async}}</strong>\n        </div> -->\n        <button mat-icon-button\n          class=\"icon-display\"\n          (click)=\"nextPage();\"\n          >\n          <mat-icon>chevron_right</mat-icon>\n        </button>\n        <!-- <button mat-icon-button\n          style=\"display:none\"\n          class=\"blg-small-button-icon\"\n          (click)=\"lastPage()\"\n          [disabled]=\"true\">\n          <mat-icon >last_page</mat-icon>\n        </button>\n        <button *ngIf=\"showMorePage\" mat-icon-button\n          style=\"display:none\"\n          class=\"blg-small-button-icon\"\n          matTooltip=\"more pages\"\n          (click)=\"morePage()\">\n          <mat-icon >more_horiz</mat-icon>\n        </button> -->\n      </div>\n    </div>\n  </div>\n  ","styles":[".container{font-size:small;position:relative;top:10px}.icon-display{transform:scale(1.5)}"]}]}],"members":{"agGridReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"onMorePageClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"nextListing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"onRowsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"previousListing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onRowChange":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵec":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-select-printable-format-applet-login-ep","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Printable Format</mat-label>\n  <mat-select [formControl]=\"printableFormat\" (selectionChange)=\"onSelectionChange($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_prt_printable_format_hdr.guid\">\n      {{opt.bl_prt_printable_format_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Printablt Format Method <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"printableFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"txn_type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"printableFormatChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"selectedPrintableFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PrintableFormatService","line":32,"character":46}]}],"ngOnInit":[{"__symbolic":"method"}],"filterPrintable":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵed":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-sales-man-applet-login","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{fieldLabel}}*</mat-label>\n  <mat-select [formControl]=\"salesAgent\" (selectionChange)=\"selectionChange.emit()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.guid\">\n      {{opt.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{fieldLabel}} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"salesAgent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"isPurchaser":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"salesAgentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityAppletLoginEpService","line":39,"character":51}]}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵee":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-select-tariff-code","template":"<mat-form-field class=\"full-width\" appearance=\"outline\">\n  <mat-label>Tariff Codes</mat-label>\n  <mat-select [formControl]=\"label\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Tariff Code'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_label_hdr.guid\">\n      {{eachOption.bl_fi_mst_label_hdr.code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Tariff Code <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"labelSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LabelService","line":31,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"filterLabel":[{"__symbolic":"method"}],"onPatchValue":[{"__symbolic":"method"}],"getAll":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵef":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-util-line-item-serial-number","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"template":"<div class=\"view-col-forms\">\n<div class=\"inner-tab\" fxLayout=\"column\" fxLayoutGap=\"5px\">\n<div fxLayout=\"column\">\n  <mat-tab-group mat-stretch-tabs [dynamicHeight]=\"true\" [selectedIndex]=\"selectedIndex$ | async\" *ngIf=\"!showPanels()\">\n    <mat-tab label=\"Listing\" *ngIf=\"txnType !== 'PURCHASE'\">\n      <app-util-serial-number-listing\n        [serialNumbers]=\"serialNumberListing$ | async\"\n        [draft$]=\"draft$\"\n        [invItem$]=\"invItem$\"\n        (serialNumber)=\"uploadSerialNumberList($event)\"\n        [postingStatus]=\"postingStatus\"\n        [serverDocType]=\"serverDocType\"\n        [location]=\"location\"\n        >\n      </app-util-serial-number-listing>\n    </mat-tab>\n    \n    <mat-tab label=\"Scan\">\n      <app-util-serial-number-scan (serialNumber)=\"addSerialNumberFromScan($event)\" (serialNumberList)=\"uploadSerialNumberList($event)\" [postingStatus]=\"postingStatus\" [noDefaultValue]=\"noDefaultValue\"></app-util-serial-number-scan>\n    </mat-tab>\n    <mat-tab label=\"Import\">\n      <app-util-serial-number-import (serialNumber)=\"uploadSerialNumberList($event)\" [postingStatus]=\"postingStatus\" [noDefaultValue]=\"noDefaultValue\"></app-util-serial-number-import>\n    </mat-tab>\n  </mat-tab-group>\n\n  <mat-accordion [multi]=\"true\" *ngIf=\"showPanels()\">\n    <mat-expansion-panel [expanded]=\"true\" *ngIf=\"txnType !== 'PURCHASE'\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          Listing\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <app-util-serial-number-listing\n        [serialNumbers]=\"serialNumberListing$ | async\"\n        [draft$]=\"draft$\"\n        [invItem$]=\"invItem$\"\n        (serialNumber)=\"uploadSerialNumberList($event)\"\n        [postingStatus]=\"postingStatus\"\n        [serverDocType]=\"serverDocType\"\n        [location]=\"location\"\n        >\n      </app-util-serial-number-listing>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel>\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          Scan\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <app-util-serial-number-scan (serialNumber)=\"addSerialNumberFromScan($event)\" (serialNumberList)=\"uploadSerialNumberList($event)\" [postingStatus]=\"postingStatus\" [noDefaultValue]=\"noDefaultValue\"></app-util-serial-number-scan>\n    </mat-expansion-panel>\n    \n    <mat-expansion-panel>\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          Import\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <app-util-serial-number-import (serialNumber)=\"uploadSerialNumberList($event)\" [postingStatus]=\"postingStatus\" [noDefaultValue]=\"noDefaultValue\"></app-util-serial-number-import>\n    </mat-expansion-panel>\n  </mat-accordion>\n  \n  <div style=\"margin-top: 20px;margin-bottom: 20px;\">\n    <span style=\"float: left;\">Quantity: {{ (serialNumberListing$ | async)?.length  }}</span>\n    <span style=\"text-align: center;color: red;\" *ngIf=\"hasInvalid\">There are invalid serial numbers in the list</span>\n  </div>\n  <div style=\"height: 100%;\">\n    <ag-grid-angular #agGrid\n    style=\"width: 100%; height: 400px;\"\n    class=\"ag-theme-balham\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"serialNumberListing$ | async\"\n    [columnDefs]=\"columnsDefs\"\n    rowSelection=\"multiple\"\n    [getRowStyle]=\"getRowStyle\"\n    (gridReady)=\"onGridReady($event)\">\n  </ag-grid-angular>\n\n\n</div>\n<div  style=\"text-align: right; margin-top: 10px;\" *ngIf=\"postingStatus!=='FINAL'\">\n  <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onRemove()\">REMOVE</button>\n</div>\n</div>\n</div>\n</div>","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"serverDocType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"selectedIndex$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"txnType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"postingStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"serialNumberListing$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"draft$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"invItem$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"lineItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"hdr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"orientation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":82,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":82,"character":13},{"static":true}]}]}],"matList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/list","name":"MatSelectionList","line":83,"character":13},{"static":true}]}]}],"scan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":84,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵeg"}]}]}],"listing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":85,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵeh"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":89,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"getRowStyle":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"onSelectAll":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"addSerialNumberFromScan":[{"__symbolic":"method"}],"uploadSerialNumberList":[{"__symbolic":"method"}],"checkExceedKO":[{"__symbolic":"method"}],"showPanels":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵeg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-util-serial-number-scan","providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":16,"character":14}],"template":"<form [formGroup]=\"form\">\n\t<div class=\"view-col-forms\" style=\"max-height: 40vh;\">\n\t\t<div class=\"inner-tab\" fxLayout=\"column\">\n\t\t\t<mat-hint class=\"text-danger\" *ngIf=\"noDefaultValue\">Please select branch / location</mat-hint>\n\t\t\t<div id=\"camera\"></div>\n\t\t\t<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n\t\t\t\t\n\t\t\t\t<mat-form-field fxFlex=\"80\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t\t\t<mat-label>Delimiter</mat-label>\n\t\t\t\t\t<mat-select [formControl]=\"form.controls['delimiter']\" (selectionChange)=\"onDelimiterSelected($event.value)\">\n\t\t\t\t\t\t<mat-option value=null>None</mat-option>\n\t\t\t\t\t\t<mat-option value=\" \">Space</mat-option>\n\t\t\t\t\t\t<mat-option value=\",\">Comma</mat-option>\n\t\t\t\t\t\t<mat-option value=\";\">Semicolon</mat-option>\n\t\t\t\t\t\t<mat-option value=\":\">Colon</mat-option>\n\t\t\t\t\t\t<mat-option value=\"|\">Pipe</mat-option>\n\t\t\t\t\t</mat-select>\n\t\t\t\t</mat-form-field>\n\t\t\t\t<mat-form-field fxFlex=\"80\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t\t\t<mat-label>Serial Number</mat-label>\n\t\t\t\t\t<input matInput [formControl]=\"form.controls['serialNumber']\" (keydown.enter)=\"onAdd($event.target.value)\">\n\t\t\t\t\t<mat-hint class=\"text-danger\" *ngIf=\"invalid\">The serial number is invalid</mat-hint>\n\t\t\t\t</mat-form-field>\n\t\t\t\t<div fxFlex=\"20\" fxFlex.lt-sm=\"30\" style=\"margin-bottom: 20px;\">\n\t\t\t\t\t<button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAdd()\" [disabled]=\"disableAdd()\">ADD</button>\n\t\t\t\t</div>\n\t\t\t\t<mat-form-field fxFlex=\"40\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t\t\t<mat-label>From</mat-label>\n\t\t\t\t\t<input matInput [formControl]=\"form.controls['from']\" pattern=\"[A-Z0-9]*\">\n\t\t\t\t</mat-form-field>\n\t\t\t\t<mat-form-field fxFlex=\"40\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t\t\t<mat-label>To</mat-label>\n\t\t\t\t\t<input matInput [formControl]=\"form.controls['to']\" pattern=\"[A-Z0-9]*\">\n\t\t\t\t</mat-form-field>\n\t\t\t\t<div fxFlex=\"20\" fxFlex.lt-sm=\"30\" style=\"margin-bottom: 20px;\">\n\t\t\t\t\t<button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAddRange()\" [disabled]=\"disableAdd()\">ADD</button>\n\t\t\t\t</div>\n\t\t\t\t<mat-form-field fxFlex=\"80\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t\t\t<mat-label>Serial Number Type</mat-label>\n\t\t\t\t\t<mat-select [formControl]=\"form.controls['readers']\">\n\t\t\t\t\t\t<mat-option value=\"code_128_reader\">Code 128</mat-option>\n\t\t\t\t\t\t<mat-option value=\"ean_reader\">EAN</mat-option>\n\t\t\t\t\t\t<mat-option value=\"ean_8_reader\">EAN-8</mat-option>\n\t\t\t\t\t\t<mat-option value=\"code_39_reader\">Code 39</mat-option>\n\t\t\t\t\t\t<mat-option value=\"code_39_vin_reader\">Code 39 VIN</mat-option>\n\t\t\t\t\t\t<mat-option value=\"codabar_reader\">Codabar</mat-option>\n\t\t\t\t\t\t<mat-option value=\"upc_reader\">UPC</mat-option>\n\t\t\t\t\t\t<mat-option value=\"upc_e_reader\">UPC-E</mat-option>\n\t\t\t\t\t\t<mat-option value=\"i2of5_reader\">I2of5</mat-option>\n\t\t\t\t\t\t<mat-option value=\"2of5_reader\">standard 2 of 5</mat-option>\n\t\t\t\t\t\t<mat-option value=\"code_93_reader\">Code 93</mat-option>\n\t\t\t\t\t</mat-select>\n\t\t\t\t\t<mat-hint>Cannot be changed once scanning starts</mat-hint>\n\t\t\t\t</mat-form-field>\n\t\t\t\t<div fxFlex=\"20\" fxFlex.lt-sm=\"30\" style=\"margin-bottom: 20px;\">\n\t\t\t\t\t<ng-container [ngSwitch]=\"quaggaStatus$ | async\">\n\t\t\t\t\t\t<button *ngSwitchCase=\"'idle'\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"onScan()\" [disabled]=\"disableAdd()\">\n\t\t\t\t\t\t\tSCAN\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button *ngSwitchCase=\"'initializing'\" style=\"margin-top: 4px;\" mat-raised-button color=\"primary\" type=\"button\" disabled>\n\t\t\t\t\t\t\t<mat-spinner style=\"margin: 8px;\" diameter=\"20\" mode=\"indeterminate\"></mat-spinner>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button *ngSwitchCase=\"'ready'\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"onStop()\">\n\t\t\t\t\t\t\tSTOP\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</form>","styles":[""]}]}],"members":{"noDefaultValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"postingStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"serialNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"serialNumberList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onScan":[{"__symbolic":"method"}],"onStop":[{"__symbolic":"method"}],"onDelimiterSelected":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"onAddRange":[{"__symbolic":"method"}],"mapToSerialNumberObject":[{"__symbolic":"method"}],"addSingleSNToList":[{"__symbolic":"method"}],"addMultiSNToList":[{"__symbolic":"method"}],"disableAdd":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵeh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-util-serial-number-listing","providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":18,"character":14}],"template":"<div class=\"view-col-table\" style=\"max-height: 40vh;\" fxLayout=\"column\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutGap=\"5px\">\n        <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAdd()\" [disabled]=\"disableAdd()\">ADD</button>\n    </div>\n    <div style=\"height: 100%;\">\n        <ag-grid-angular #agGrid style=\"height: 100%;\" class=\"ag-theme-balham\" rowSelection=\"multiple\" [columnDefs]=\"columnsDefs\" rowModelType=\"clientSide\" serverSideStoreType=\"partial\" [rowData]=\"rowData\" [animateRows]=\"true\" [defaultColDef]=\"defaultColDef\"\n            [suppressRowClickSelection]=\"false\" [sideBar]=\"true\" (gridReady)=\"onGridReady($event)\">\n        </ag-grid-angular>\n    </div>\n</div>","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"serverDocType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"postingStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"draft$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"invItem$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"serialNumbers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"serialNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"paginationComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"InvSerialNumberService","line":57,"character":23},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GenericDocLineDraftLockSerialNumberService","line":58,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"getDraftLockSerial":[{"__symbolic":"method"}],"setRowData":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"mapToSerialNumberObject":[{"__symbolic":"method"}],"disableAdd":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵei":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-util-serial-number-import","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":19},"member":"Default"},"template":"<div class=\"view-col-forms no-tab\" fxLayout=\"column\" style=\"max-height: 50vh;\">\n\n  <mat-hint class=\"text-danger\" *ngIf=\"noDefaultValue\">Please select branch / location</mat-hint>\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n\t\t<mat-form-field fxFlex=\"80\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t<mat-label>Delimiter</mat-label>\n\t\t\t<mat-select [formControl]=\"form.controls['delimiter']\"\n\t\t\t\t(selectionChange)=\"onDelimiterSelected($event.value)\">\n\t\t\t\t<mat-option value=\"none\">None</mat-option>\n\t\t\t\t<mat-option value=\"newline\">New Line</mat-option>\n\t\t\t\t<mat-option value=\" \">Space</mat-option>\n\t\t\t\t<mat-option value=\",\">Comma</mat-option>\n\t\t\t\t<mat-option value=\";\">Semicolon</mat-option>\n\t\t\t\t<mat-option value=\":\">Colon</mat-option>\n\t\t\t\t<mat-option value=\"|\">Pipe</mat-option>\n\t\t\t</mat-select>\n      <mat-hint>Delimiter is used by csv file</mat-hint>\n\t\t</mat-form-field>\n\n    <button mat-raised-button color=\"primary\" type=\"button\" [disabled]=\"disableAdd()\" (click)=\"onAdd()\">ADD</button>\n\n  </div>\n    <div class=\"main-container\">\n      <div appDragDrop (dropEvent)=\"onChange($event.dataTransfer.files)\" class=\"drop-zone\">\n        <input hidden #input type=\"file\"  (change)=\"onChange($event.target.files)\">\n        <h3>\n          Drag and drop your file anywhere or\n        </h3>\n        <label for=\"input\" (click)=\"input.click()\">Upload File</label>\n\n        <div style=\"margin-top: 30px;\" fxFlexAlign=\"end\"><p class=\"file-name\">{{fileName}}</p></div>\n      </div>\n      \n    </div>\n\n  \n  </div>\n  ","styles":["h3{font-size:17px}input{width:100%;height:100%}label{color:#fff;width:183px;height:44px;border-radius:10px;border:1px solid #1e88e5;background-color:#1e88e5;padding:8px 16px;cursor:pointer}label:hover{color:#1e88e5;background-color:#fff}.main-container{padding:2rem}.drop-zone{width:100%;height:200px;padding:3rem;text-align:center;border:1px dashed #d3d3d3;position:relative;transition:.3s}.grid-container{display:flex;margin:10px;overflow:auto}.img-container{position:relative;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);width:125px;height:100px;margin:10px}.file-preview{width:125px;height:75px}.file-name{margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"noDefaultValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"postingStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"locationFieldColor$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"serialNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"matList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/list","name":"MatSelectionList","line":28,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":36,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"onDelimiterSelected":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"mapToSerialNumberObject":[{"__symbolic":"method"}],"addToList":[{"__symbolic":"method"}],"disableAdd":[{"__symbolic":"method"}],"onSelectAll":[{"__symbolic":"method"}],"onDeleteFile":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵej":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"company-v2","template":"<form [formGroup]=\"form\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Company</mat-label>\n              <mat-select formControlName=\"selectedCompanyGuid\">\n                  <mat-option>\n                      <ngx-mat-select-search (keyup)=\"applyCompanyNameFilter($event.target.value)\" [placeholderLabel]=\"'Company'\" [noEntriesFoundLabel]=\"\n                        'No matching records found'\" formControlName=\"companyName\" ngDefaultControl>\n                      </ngx-mat-select-search>\n                  </mat-option>\n                  <mat-option *ngFor=\"let company of searchCompanies\" [value]=\"company.guid\" (onSelectionChange)=\"onSelectCompany(company, $event)\">\n                      {{ company.name }} || {{ company.code }}\n                  </mat-option>\n              </mat-select>\n\n          </mat-form-field>\n\n</form>","styles":[".mat-chip{font-size:11px}::ng-deep .custom-mat-option .mat-option-text{overflow:auto;text-overflow:unset}"]}]}],"members":{"companyControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":43,"character":16},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyService","line":44,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"onSelectCompany":[{"__symbolic":"method"}],"applyCompanyNameFilter":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵek":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"app-pricing-scheme-access","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"Default"},"template":"<mat-form-field appearance=\"outline\">\n    <mat-label>Pricing Scheme</mat-label>\n    <mat-select [formControl]=\"pricingScheme\" (selectionChange)=\"onPriceSelected($event.value)\">\n        <mat-option>\n            <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\" [formControl]=\"pricingSchemefilterControl\"></ngx-mat-select-search>\n        </mat-option>\n\n        <mat-option *ngFor=\"let price of filteredPricingSchemes\" [value]=\"price\">\n            {{price.price_amount_incl_tax}} ({{price.price_name}})\n        </mat-option>\n    </mat-select>\n    <mat-error>\n        Pricing Scheme <strong>not valid</strong>\n    </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"fiItemHdrGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"unitPriceType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"pricingSchemeAccessKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"selectedPricingScheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"pricingScheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"defaultPricingSchemeHdr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PricingSchemeLinkService","line":51,"character":41},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getSalesSidePricingScheme":[{"__symbolic":"method"}],"getPurchaseSidePricingScheme":[{"__symbolic":"method"}],"onPriceSelected":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-person-in-charge","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"pic\" (selectionChange)=\"selectionChange.emit()\" [required]=\"required\" [disabled]=\"disabled\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.subject_guid\">\n      {{ opt.name }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"pic":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"appletGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"currentSubjectGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"isDropdownDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LoginSubjectLinksInstalledUsersService","line":34,"character":55}]}],"ngOnInit":[{"__symbolic":"method"}],"filterOptions":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-select-printable-format","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Printable Format</mat-label>\n  <mat-select [formControl]=\"printableFormat\" (selectionChange)=\"onSelectionChange($event.value)\" [disabled]=\"disabled\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_prt_printable_format_hdr.guid\">\n      {{opt.bl_prt_printable_format_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Printable Format Method <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":["::ng-deep .mat-form-field-wrapper{padding:0;margin:0}"]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"printableFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"txn_type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"printableFormatChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"selectedPrintableFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PrintableFormatService","line":33,"character":46}]}],"ngOnInit":[{"__symbolic":"method"}],"filterPrintable":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵen":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"app-util-location-dropdown","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n    [formControl]=\"location\"\n    (selectionChange)=\"onSelect($event.value)\"\n    [required]=\"required\"\n  >\n    <mat-option>\n      <ngx-mat-select-search\n        [placeholderLabel]=\"'Key in Location Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\"\n        ngDefaultControl\n      >\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option\n      *ngFor=\"let eachOption of filteredOptions$ | async\"\n      [value]=\"eachOption.bl_inv_mst_location.guid\"\n    >\n      {{ eachOption.bl_inv_mst_location.code }} |\n      {{ eachOption.bl_inv_mst_location.name }}\n    </mat-option>\n  </mat-select>\n  <mat-error> Location <strong>not valid</strong> </mat-error>\n  <mat-error *ngIf=\"unlinkedLocation\">\n    Selected location not linked to branch\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"branchSelectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"locationGuids":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"locationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"locationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":49,"character":25},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchLocationLinkService","line":50,"character":39},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":51,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getAllLocations":[{"__symbolic":"method"}],"LocationFiltering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵeo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"app-location-dropdown-stock","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n    <mat-select\n      [formControl]=\"location\"\n      (selectionChange)=\"onSelect($event.value)\"\n      [required]=\"required\"\n    >\n      <mat-option>\n        <ngx-mat-select-search\n          [placeholderLabel]=\"'Key in Location Code/Name'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n          [formControl]=\"serverSideFiltering\"\n          ngDefaultControl\n        >\n        </ngx-mat-select-search>\n      </mat-option>\n      <mat-option\n        *ngFor=\"let eachOption of filteredOptions$ | async\"\n        [value]=\"eachOption.bl_inv_mst_location.guid\"\n      >\n        {{ eachOption.bl_inv_mst_location.code }} |\n        {{ eachOption.bl_inv_mst_location.name }}\n      </mat-option>\n    </mat-select>\n    <mat-error> Location <strong>not valid</strong> </mat-error>\n    <mat-error *ngIf=\"unlinkedLocation\">\n      Selected location not linked to branch\n    </mat-error>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"locationGuids":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"locationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"locationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":45,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getAllLocations":[{"__symbolic":"method"}],"LocationFiltering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵep":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-pagination-v2","template":"<div class=\"container\" fxLayout=\"column\">\n  <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" fxFlex.gt-md=\"50\">\n    <div fxLayoutAlign=\"end center\" style=\"height: 40px;\">\n      <div *ngIf=\"showPageNumberOption\" class=\"hideDisplay\">\n        <mat-form-field style=\"width: 58px;\">\n          <mat-label>Rows</mat-label>\n          <mat-select [value]=\"rowPerPage\" (selectionChange)=\"onRowChange($event.value)\">\n            <mat-option [value]=\"5\">5</mat-option>\n            <mat-option [value]=\"10\">10</mat-option>\n            <mat-option [value]=\"20\">20</mat-option>\n            <mat-option [value]=\"25\">25</mat-option>\n            <mat-option [value]=\"50\">50</mat-option>\n            <mat-option [value]=\"75\">75</mat-option>\n            <mat-option [value]=\"100\">100</mat-option>\n          </mat-select>\n        </mat-form-field>\n      </div>\n      <div style=\"white-space: nowrap;\">\n        {{ displayPage() }}\n        <ng-container *ngIf=\"showTotalObservable\">\n          {{ totalRecords$ | async }}\n        </ng-container>\n        <ng-container *ngIf=\"!showTotalObservable\">\n          {{ totalRecords | async }}\n        </ng-container>\n      </div>\n\n        <button mat-icon-button\n          class=\"blg-small-button-icon\"\n          (click)=\"previousPage()\"\n          [disabled]=\"currentPage === 1\">\n          <mat-icon>chevron_left</mat-icon>\n        </button>\n        <button mat-icon-button\n          class=\"blg-small-button-icon\"\n          (click)=\"nextPage()\"\n          [disabled]=\"!showNextPage()\">\n          <mat-icon>chevron_right</mat-icon>\n        </button>\n        <button mat-icon-button *ngIf=\"showAll\"\n          (click)=\"onAllPage()\"\n          [disabled]=\"!showAllPage()\">\n          <!-- <mat-icon>cloud_download</mat-icon> -->\n          ALL\n        </button>\n    </div>\n  </div>\n</div>\n","styles":[".container{font-size:small;position:relative;top:10px}"]}]}],"members":{"showPageNumberOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"showTotalObservable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"totalRecords$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"agGridReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"rowPerPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"showAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"onMorePageClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"onRowsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"onAllPageClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"displayPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"showNextPage":[{"__symbolic":"method"}],"onRowChange":[{"__symbolic":"method"}],"showAllPage":[{"__symbolic":"method"}],"onAllPage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵeq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-commission-cycle-dropdown","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Commission Cycle*</mat-label>\n  <mat-select [formControl]=\"commissionCycle\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_sale_commission_cycle.guid\">\n      {{displayData(opt)}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Commission Cycle <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"commissionCycle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"commissionCycleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"SalesCommissionCycleService","line":31,"character":52},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyService","line":32,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"displayData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-select-multi-company-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"company\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Company Code/Name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}} | {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Company <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"company":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"customColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"companySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵes":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-select-multi-entity-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"entity\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search \n        [placeholderLabel]=\"'Key in Entity Code/Name'\"\n        [showToggleAllCheckbox]=\"true\"\n        [formControl]=\"serverSideFiltering\" \n        [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n        [toggleAllCheckboxChecked]=\"isChecked\"\n        (toggleAll)=\"toggleSelectAll($event)\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{ displayRow(eachOption, eachOption.name) }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Entity <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"entity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"entitySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"getRowDataByCode":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isShowAll":[{"__symbolic":"method"}],"displayRow":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"getRowDataByGuids":[{"__symbolic":"method"}],"setDefaultValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵet":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-pagination-server-side-v2","template":"<div class=\"container\" fxLayout=\"column\">\n    <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" fxFlex.gt-md=\"50\">\n      <div fxLayoutAlign=\"end center\">\n        <div class=\"hideDisplay\">\n          <mat-form-field style=\"width: 58px;\">\n            <mat-label>Rows</mat-label>\n            <mat-select [value]=\"rowPerPage\" (selectionChange)=\"onRowChange($event.value)\">\n              <mat-option [value]=\"5\">5</mat-option>\n              <mat-option [value]=\"10\">10</mat-option>\n              <mat-option [value]=\"20\">20</mat-option>\n              <mat-option [value]=\"25\">25</mat-option>\n              <mat-option [value]=\"50\">50</mat-option>\n              <mat-option [value]=\"75\">75</mat-option>\n              <mat-option [value]=\"100\">100</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n        <button mat-icon-button\n          class=\"icon-display\"\n          (click)=\"previousPage()\"\n          [disabled]=\"currentPage == 1\">\n          <mat-icon>chevron_left</mat-icon>\n        </button>\n        <div style=\"white-space: nowrap;\">\n          page\n          <span style=\"font-size: larger;\"><strong>{{currentPage}}</strong></span>\n        </div>\n        <button mat-icon-button\n          class=\"icon-display\"\n          (click)=\"nextPage();\"\n          [disabled]=\"currentPage == (totalPage | async)\">\n          <mat-icon>chevron_right</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  ","styles":[".container{font-size:small;position:relative;top:10px}.icon-display{transform:scale(1.5)}"]}]}],"members":{"agGridReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"onMorePageClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onRowChange":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"morePage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵeu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-advanced-search-entities","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"},"template":"<mat-form-field #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin appearance=\"outline\" class=\"search-box\">\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input #basic matInput type=\"text\" [(ngModel)]=\"basicSearchQuery\"\n    (keyup.enter)=\"basicSearch(basic.value)\" />\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix>\n    <div matSuffix>\n      <button class=\"blg-small-button-icon\" mat-icon-button (click)=\"searchToggle()\">\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"isAdvanced\">\n  <div [id]=\"id\" class=\"advanced-search-container\">\n    <form [formGroup]=\"advForm\" (ngSubmit)=\"advancedSearch()\">\n      <div class=\"advanced-search-form\" fxLayout=\"column\" fxFlexAlign=\"space-between center\">\n        <ng-container *ngFor=\"let x of inputArray\">\n          <div [ngSwitch]=\"x[1]\">\n\n            <mat-form-field *ngSwitchCase=\"'string'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" />\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" type=\"number\" />\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'select'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\">\n                <mat-option>\n                  <ngx-mat-select-search [id]=\"x[0]\" (keyup)=\"optionSearchFilter($event)\"\n                    [placeholderLabel]=\"advSearchModel.label[x[0]]\" [noEntriesFoundLabel]=\"'No matching records found'\"\n                    [(ngModel)]='filter' [ngModelOptions]=\"{standalone: true}\">\n                  </ngx-mat-select-search>\n                </mat-option>\n                <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n            \n            <div *ngSwitchCase=\"'date'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} From</mat-label>\n                <input matInput [matDatepicker]=\"start_modified_range\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\" readonly (click)=\"start_modified_range.open()\" />\n                <mat-datepicker-toggle matSuffix [for]=\"start_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #start_modified_range></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} To</mat-label>\n                <input matInput [matDatepicker]=\"end_modified_range\" [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly (click)=\"end_modified_range.open()\" />\n                <mat-datepicker-toggle matSuffix [for]=\"end_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #end_modified_range></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n          </div>\n        </ng-container>\n      </div>\n      <div style=\"padding-top: 15px;\" fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n        <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n          RESET\n        </button>\n        <button color=\"primary\" mat-raised-button type=\"submit\">\n          SEARCH\n        </button>\n      </div>\n    </form>\n  </div>\n</ng-template>  ","styles":[".search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onEscPressed":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":37,"character":3},"arguments":["document:keydown.escape",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"queryBuilder":[{"__symbolic":"method"}],"basicSearch":[{"__symbolic":"method"}],"advancedSearch":[{"__symbolic":"method"}],"isNotNullOrEmpty":[{"__symbolic":"method"}]}},"ɵev":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-advanced-search-general","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":17},"member":"None"},"template":"<mat-form-field #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin appearance=\"outline\" class=\"search-box\" (click)=\"searchToggle()\">\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input #basic matInput type=\"text\" (keyup.enter)=\"basicSearch(basic.value)\"/>\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix *ngIf=\"showAdv\">\n    <div matSuffix>\n      <button *ngIf=\"showAdv\" class=\"blg-small-button-icon\" mat-icon-button (click)=\"searchToggle()\">\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"isAdvanced\">\n  <div #container [id]=\"id\" class=\"advanced-search-container\">\n    <form [formGroup]=\"advForm\" (ngSubmit)=\"advancedSearch()\">\n      <div class=\"advanced-search-form\" fxLayout=\"column\" fxFlexAlign=\"space-between center\">\n        <ng-container *ngFor=\"let x of inputArray\">\n          <div [ngSwitch]=\"x[1]\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\">\n              <mat-checkbox *ngIf=\"isCheckbox(x)\" formControlName=\"{{x[0]}}Checkbox\"></mat-checkbox>\n              <label *ngSwitchCase=\"'label'\">{{advSearchModel.label[x[0]]}}</label>\n              <mat-form-field *ngSwitchCase=\"'string'\" appearance=\"outline\" type=\"text\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]]\" [required]=\"isRequired(x)\"/>\n              </mat-form-field>\n\n              <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]]\" type=\"number\" [required]=\"isRequired(x)\"/>\n              </mat-form-field>\n\n              <mat-form-field *ngSwitchCase=\"'select'\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\" [required]=\"isRequired(x)\" [multiple]=\"isMultiple(x)\">\n                  <mat-option>\n                    <ngx-mat-select-search [id]=\"x[0]\" (keyup)=\"optionSearchFilter($event)\"\n                      [placeholderLabel]=\"advSearchModel.label[x[0]]\" [noEntriesFoundLabel]=\"'No matching records found'\"\n                      [showToggleAllCheckbox]=\"true\"\n                      [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                      [toggleAllCheckboxChecked]=\"isChecked\"\n                      (toggleAll)=\"toggleSelectAll($event, x[0])\"\n                      [(ngModel)]='filter' [ngModelOptions]=\"{standalone: true}\">\n                    </ngx-mat-select-search>\n                  </mat-option>\n                  <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                    {{ item }}\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n\n              <mat-form-field *ngSwitchCase=\"'selectDateOption'\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\" [required]=\"isRequired(x)\" (selectionChange)=\"onDateOptionChange($event)\">\n                  <mat-option value=\"DAY\">DAY</mat-option>\n                  <mat-option value=\"MONTH\">MONTH</mat-option>\n                  <!-- <mat-option value=\"QUARTER\">QUARTER</mat-option> -->\n                </mat-select>\n              </mat-form-field>\n\n\n              <!-- <div> -->\n                <mat-form-field appearance=\"outline\" *ngSwitchCase=\"'date'\" fxFlex=\"50\">\n                  <mat-label>{{advSearchModel.label[x[0]]}} From</mat-label>\n                  <input matInput [matDatepicker]=\"start_modified_range\" [required]=\"isRequired(x)\"\n                    [formControl]=\"advForm.controls[x[0]].controls.from\" readonly (click)=\"start_modified_range.open()\" />\n                  <mat-datepicker-toggle matSuffix [for]=\"start_modified_range\"></mat-datepicker-toggle>\n                  <mat-datepicker touchUi=\"true\" #start_modified_range></mat-datepicker>\n                </mat-form-field>\n                <mat-form-field appearance=\"outline\" *ngSwitchCase=\"'date'\" fxFlex=\"50\">\n                  <mat-label>{{advSearchModel.label[x[0]]}} To</mat-label>\n                  <input matInput [matDatepicker]=\"end_modified_range\" [required]=\"isRequired(x)\"\n                    [formControl]=\"advForm.controls[x[0]].controls.to\" readonly (click)=\"end_modified_range.open()\" />\n                  <mat-datepicker-toggle matSuffix [for]=\"end_modified_range\"></mat-datepicker-toggle>\n                  <mat-datepicker touchUi=\"true\" #end_modified_range></mat-datepicker>\n                </mat-form-field>\n              <!-- </div> -->\n\n              <mat-form-field appearance=\"outline\" *ngSwitchCase=\"'item-range'\" fxFlex=\"50\">\n                <mat-label>{{advSearchModel.label[x[0]]}} From</mat-label>\n                <input matInput [required]=\"isRequired(x)\" [formControl]=\"advForm.controls[x[0]].controls.from\" />\n              </mat-form-field>\n              <mat-form-field appearance=\"outline\" *ngSwitchCase=\"'item-range'\" fxFlex=\"50\">\n                <mat-label>{{advSearchModel.label[x[0]]}} To</mat-label>\n                <input matInput [required]=\"isRequired(x)\" [formControl]=\"advForm.controls[x[0]].controls.to\" />\n              </mat-form-field>\n\n              <mat-form-field *ngSwitchCase=\"'select-date'\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <input matInput [matDatepicker]=\"select_date_range\" [required]=\"isRequired(x)\"\n                  [formControl]=\"advForm.controls[x[0]]\" readonly (click)=\"select_date_range.open()\" />\n                <mat-datepicker-toggle matSuffix [for]=\"select_date_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #select_date_range></mat-datepicker>\n              </mat-form-field>\n\n              <app-month-year-picker *ngSwitchCase=\"'month'\" [label]=\"advSearchModel.label[x[0]] + ' From'\" [date]=\"advForm.controls[x[0]].controls.from\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"50\"></app-month-year-picker>\n              <app-month-year-picker *ngSwitchCase=\"'month'\" [label]=\"advSearchModel.label[x[0]] + ' To'\" [date]=\"advForm.controls[x[0]].controls.to\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"50\"></app-month-year-picker>\n\n              <app-month-year-picker *ngSwitchCase=\"'select-month'\" [label]=\"advSearchModel.label[x[0]]\" [date]=\"advForm.controls[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100%\"></app-month-year-picker>\n\n              <div *ngSwitchCase=\"'numberRange'\" fxLayout=\"row wrap\" fxLayoutGap=\"4%\">\n                <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                  <mat-label>{{advSearchModel.label[x[0]]}} Start Range</mat-label>\n                  <input matInput [formControl]=\"advForm.controls[x[0]].controls.from\" [required]=\"isRequired(x)\"/>\n                </mat-form-field>\n                <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                  <mat-label>{{advSearchModel.label[x[0]]}} End Range</mat-label>\n                  <input matInput [formControl]=\"advForm.controls[x[0]].controls.to\" [required]=\"isRequired(x)\"/>\n                </mat-form-field>\n              </div>\n\n\n\n              <ng-container *ngIf=\"!appletSettings?.HIDE_COMPANY\">\n                <app-select-multi-company-drop-down \n                  *ngSwitchCase=\"'select-multi-company'\"\n                  [readPermissionDefintion]=\"readPermissionDefintion?.company\"\n                  [apiVisa]=\"apiVisa\"\n                  [company]=\"advForm.controls[x[0]]\"\n                  (companySelected)=\"onCompanySelected($event)\"\n                  [label]=\"advSearchModel.label[x[0]]\"\n                  [options]=\"advSearchModel.options[x[0]]\"\n                  fxFlex=\"100\">\n                </app-select-multi-company-drop-down>\n              </ng-container>\n              \n                <ng-container *ngIf=\"!appletSettings?.HIDE_BRANCH\">\n                  <app-select-multi-branch-drop-down \n                    *ngSwitchCase=\"'select-multi-branch'\"\n                    [readPermissionDefintion]=\"readPermissionDefintion?.branch\"\n                    [apiVisa]=\"apiVisa\"\n                    [branch]=\"advForm.controls[x[0]]\"\n                    [companyGuidList]=\"companyGuidList\"\n                    [label]=\"advSearchModel.label[x[0]]\"\n                    [options]=\"advSearchModel.options[x[0]]\"\n                    fxFlex=\"100\">\n                  </app-select-multi-branch-drop-down>\n                </ng-container>\n              <app-select-multi-location-drop-down *ngSwitchCase=\"'select-multi-location'\" [readPermissionDefintion]=\"readPermissionDefintion?.location\" [apiVisa]=\"apiVisa\" [location]=\"advForm.controls[x[0]]\" [companyGuid]='companyGuid'\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-location-drop-down>\n\n              <!-- <app-select-multi-location-drop-down-stock-report *ngSwitchCase=\"'select-multi-location-stock-report'\" [readPermissionDefintion]=\"readPermissionDefintion?.permDefBundle\" [apiVisa]=\"apiVisa\" [location]=\"advForm.controls[x[0]]\" [companyGuid]='companyGuid'\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-location-drop-down-stock-report> -->\n\n              <app-select-multi-entity-drop-down *ngSwitchCase=\"'select-multi-entity'\" [apiVisa]=\"apiVisa\" [entity]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-entity-drop-down>\n\n              <app-select-multi-customer-drop-down *ngSwitchCase=\"'select-multi-customer'\" [apiVisa]=\"apiVisa\" [customer]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-customer-drop-down>\n\n              <app-select-multi-item-category-level-drop-down *ngSwitchCase=\"'select-multi-item-category-level'\" [apiVisa]=\"apiVisa\" [itemCategoryLevel]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-item-category-level-drop-down>\n\n              <app-select-multi-glcode-drop-down *ngSwitchCase=\"'select-multi-glcode'\" [apiVisa]=\"apiVisa\" [glCode]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-glcode-drop-down>\n\n              <app-select-multi-device-drop-down *ngSwitchCase=\"'select-multi-device'\" [apiVisa]=\"apiVisa\" [device]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-device-drop-down>\n\n              <app-select-multi-glcategory-drop-down *ngSwitchCase=\"'select-multi-glcategory'\" [apiVisa]=\"apiVisa\" [glCategory]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-glcategory-drop-down>\n\n              <app-select-multi-glsection-drop-down *ngSwitchCase=\"'select-multi-glsection'\" [apiVisa]=\"apiVisa\" [glSection]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-glsection-drop-down>\n\n              <app-select-multi-customer-category-drop-down *ngSwitchCase=\"'select-multi-customer-category'\" [apiVisa]=\"apiVisa\" [customerCategories]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-customer-category-drop-down>\n\n              <app-select-multi-employee-drop-down *ngSwitchCase=\"'select-multi-employee'\" [apiVisa]=\"apiVisa\" [employee]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-employee-drop-down>\n\n              <app-select-multi-location-label-drop-down *ngSwitchCase=\"'select-multi-location-label'\" [apiVisa]=\"apiVisa\" [locationLabel]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-location-label-drop-down>\n\n              <app-select-multi-cashbook-drop-down *ngSwitchCase=\"'select-multi-cashbook'\" [readPermissionDefintion]=\"readPermissionDefintion\" [apiVisa]=\"apiVisa\" [cashbook]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-cashbook-drop-down>\n\n              <app-select-multi-tax-code-drop-down *ngSwitchCase=\"'select-multi-tax-code'\" [readPermissionDefintion]=\"readPermissionDefintion\" [apiVisa]=\"apiVisa\" [taxCode]=\"advForm.controls[x[0]]\" [taxType]=\"'SST-SVC-OUTPUT'\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-tax-code-drop-down>\n\n              <app-select-multi-drop-down *ngSwitchCase=\"'select-multi-gl-dimension'\" [key]= \"'gl-dimension'\" [apiVisa]=\"apiVisa\" [form]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-drop-down>\n\n              <app-select-multi-drop-down *ngSwitchCase=\"'select-multi-profit-center'\" [key]= \"'profit-center'\" [apiVisa]=\"apiVisa\" [form]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-drop-down>\n\n              <app-select-multi-drop-down *ngSwitchCase=\"'select-multi-segment'\" [key]= \"'segment'\" [apiVisa]=\"apiVisa\" [form]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-drop-down>\n\n              <app-select-multi-drop-down *ngSwitchCase=\"'select-multi-project'\" [key]= \"'project'\" [apiVisa]=\"apiVisa\" [form]=\"advForm.controls[x[0]]\"\n                [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100\"></app-select-multi-drop-down>\n\n            </div>\n        </div>\n        </ng-container>\n        <div [ngSwitch]=\"advForm.controls.dateOption.value\" *ngIf=\"advForm.controls.dateOption\">\n\n          <!-- Day selection -->\n          <div *ngSwitchCase=\"'DAY'\">\n            <!-- Add the day picker controls -->\n            <mat-form-field appearance=\"outline\" fxFlex=\"50\">\n              <mat-label>{{advSearchModel.label.dateFrom}}</mat-label>\n              <input matInput [matDatepicker]=\"start_day_picker\" [formControl]=\"advForm.controls.date.controls.from\" readonly (click)=\"start_day_picker.open()\" />\n              <mat-datepicker-toggle matSuffix [for]=\"start_day_picker\"></mat-datepicker-toggle>\n              <mat-datepicker touchUi=\"true\" #start_day_picker></mat-datepicker>\n            </mat-form-field>\n            <mat-form-field appearance=\"outline\" fxFlex=\"50\">\n              <mat-label>{{advSearchModel.label.dateTo}}</mat-label>\n              <input matInput [matDatepicker]=\"end_day_picker\" [formControl]=\"advForm.controls.date.controls.to\" readonly (click)=\"end_day_picker.open()\" />\n              <mat-datepicker-toggle matSuffix [for]=\"end_day_picker\"></mat-datepicker-toggle>\n              <mat-datepicker touchUi=\"true\" #end_day_picker></mat-datepicker>\n            </mat-form-field>\n          </div>\n\n          <!-- Month selection -->\n          <div *ngSwitchCase=\"'MONTH'\">\n            <app-month-year-picker [label]=\"advSearchModel.label.monthFrom\" [date]=\"advForm.controls.date.controls.from\" fxFlex=\"50\"></app-month-year-picker>\n            <app-month-year-picker [label]=\"advSearchModel.label.monthTo\" [date]=\"advForm.controls.date.controls.to\" fxFlex=\"50\"></app-month-year-picker>\n          </div>\n\n          <!-- Quarter selection -->\n          <mat-form-field appearance=\"outline\" *ngSwitchCase=\"'quarter'\" fxFlex=\"50\">\n            <mat-label>{{advSearchModel.label.quarterFrom}}</mat-label>\n            <mat-select [formControl]=\"advForm.controls['quarterFrom']\" placeholder=\"Select Quarter From\">\n              <mat-option *ngFor=\"let quarter of quarterOptions\" [value]=\"quarter\">{{ quarter }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n\n          <mat-form-field appearance=\"outline\" *ngSwitchCase=\"'quarter'\" fxFlex=\"50\">\n            <mat-label>{{advSearchModel.label.quarterTo}}</mat-label>\n            <mat-select [formControl]=\"advForm.controls['quarterTo']\" placeholder=\"Select Quarter To\">\n              <mat-option *ngFor=\"let quarter of quarterOptions\" [value]=\"quarter\">{{ quarter }}</mat-option>\n            </mat-select>\n          </mat-form-field>\n\n\n        </div>\n      </div>\n      <div style=\"padding-top: 15px;\" fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n        <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n          RESET\n        </button>\n        <button color=\"primary\" mat-raised-button type=\"submit\" [disabled]=\"advForm.invalid\">\n          SEARCH\n        </button>\n      </div>\n    </form>\n  </div>\n</ng-template>\n","styles":[".search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important;width:600px}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"basicInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["basic",{"static":true}]}]}],"containerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":["container",{"static":false}]}]}],"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"showAdv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"appletSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":50,"character":35},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":52,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":53,"character":22}]}],"onEscPressed":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":60,"character":3},"arguments":["document:keydown.escape",["$event"]]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"setContainerWidth":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"filterObject":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"basicSearch":[{"__symbolic":"method"}],"advancedSearch":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isCheckbox":[{"__symbolic":"method"}],"isTrue":[{"__symbolic":"method"}],"addCheckbox":[{"__symbolic":"method"}],"customWidth":[{"__symbolic":"method"}],"checkForScrollBar":[{"__symbolic":"method"}],"onCompanySelected":[{"__symbolic":"method"}],"onDateOptionChange":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}]}},"ɵew":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-select-multi-label-list-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"labelList\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Label List Code/Name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option [value]=\"null\">\n      None / Clear Selection\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}} | {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"labelList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"labelListSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵex":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-select-multi-item-category-level-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ labelName }}</mat-label>\n  <mat-select [formControl]=\"itemCategoryLevel\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Item Category Level Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\" [formControl]=\"serverSideFiltering\" ngDefaultControl>\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}} | {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Item Category Level <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"itemCategoryLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"itemCategoryLevelSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"getLevel":[{"__symbolic":"method"}],"getLabelListRowData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵey":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-recurrence-editor-component","template":"<form [formGroup]=\"recurrenceForm\" class=\"recurrence-form\">\n  <mat-form-field>\n    <mat-label>Recurrence Pattern</mat-label>\n    <mat-select formControlName=\"recurrencePattern\" (valueChange)=\"generateRRule()\">\n      <mat-option *ngFor=\"let pattern of recurrencePatternOptions\" [value]=\"pattern.value\">{{ pattern.label }}</mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <div *ngIf=\"recurrenceForm.get('recurrencePattern').value === 'weekly'\">\n    <mat-form-field>\n      <mat-label>Recurrence Days</mat-label>\n      <mat-select formControlName=\"recurrenceDays\" (valueChange)=\"generateRRule()\" multiple>\n        <mat-option *ngFor=\"let day of recurrenceDaysOptions\" [value]=\"day.value\">{{ day.label }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div *ngIf=\"recurrenceForm.get('recurrencePattern').value === 'monthly'\">\n    <mat-form-field>\n      <mat-label>Recurrence Month Days</mat-label>\n      <mat-select formControlName=\"recurrenceMonthDays\" (valueChange)=\"generateRRule()\" multiple>\n        <mat-option *ngFor=\"let monthDay of recurrenceMonthDaysOptions\" [value]=\"monthDay\">{{ monthDay }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <!-- <mat-form-field>\n      <mat-label>Recurrence Days</mat-label>\n      <mat-select formControlName=\"recurrenceDays\" (valueChange)=\"generateRRule()\" multiple>\n        <mat-option *ngFor=\"let day of recurrenceDaysOptions\" [value]=\"day.value\">{{ day.label }}</mat-option>\n      </mat-select>\n    </mat-form-field> -->\n  </div>\n\n  <!-- Conditional Rendering for Yearly -->\n  <div *ngIf=\"recurrenceForm.get('recurrencePattern').value === 'yearly'\">\n    <mat-form-field>\n      <mat-label>Yearly Month</mat-label>\n      <mat-select formControlName=\"yearlyMonth\" (valueChange)=\"generateRRule()\">\n        <!-- Options for selecting the month -->\n        <mat-option *ngFor=\"let month of yearlyMonthOptions\" [value]=\"month.value\">{{ month.label }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field>\n      <mat-label>Yearly Day</mat-label>\n      <mat-select formControlName=\"yearlyDay\" (valueChange)=\"generateRRule()\">\n        <!-- Options for selecting the day -->\n        <mat-option *ngFor=\"let day of recurrenceMonthDaysOptions\" [value]=\"day\">{{ day }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n<!--  <mat-form-field>-->\n<!--    <mat-label>End Date</mat-label>-->\n<!--    <input matInput [matDatepicker]=\"endDatePicker\" formControlName=\"endDate\" (dateChange)=\"generateRRule()\">-->\n<!--    <mat-datepicker-toggle matSuffix [for]=\"endDatePicker\"></mat-datepicker-toggle>-->\n<!--    <mat-datepicker #endDatePicker></mat-datepicker>-->\n<!--  </mat-form-field>-->\n\n<!--  <mat-form-field>-->\n<!--    <mat-label>Recurrence Count</mat-label>-->\n<!--    <input matInput type=\"number\" formControlName=\"recurrenceCount\" (input)=\"generateRRule()\">-->\n<!--  </mat-form-field>-->\n\n  <!-- Radio buttons to select either End Date or Recurrence Count -->\n  <mat-radio-group formControlName=\"endOrCount\">\n    <mat-radio-button value=\"end\">End Date</mat-radio-button>\n    <mat-radio-button value=\"count\">Recurrence Count</mat-radio-button>\n  </mat-radio-group>\n\n  <!-- Conditional Rendering for End Date -->\n  <mat-form-field *ngIf=\"recurrenceForm.get('endOrCount').value === 'end'\">\n    <mat-label>End Date</mat-label>\n    <input matInput [matDatepicker]=\"endDatePicker\" formControlName=\"endDate\" (dateChange)=\"generateRRule()\">\n    <mat-datepicker-toggle matSuffix [for]=\"endDatePicker\"></mat-datepicker-toggle>\n    <mat-datepicker #endDatePicker></mat-datepicker>\n  </mat-form-field>\n\n  <!-- Conditional Rendering for Recurrence Count -->\n  <mat-form-field *ngIf=\"recurrenceForm.get('endOrCount').value === 'count'\">\n    <mat-label>Recurrence Count</mat-label>\n    <input matInput type=\"number\" formControlName=\"recurrenceCount\" (input)=\"generateRRule()\">\n  </mat-form-field>\n</form>\n","styles":[".mat-radio-button{margin-right:10px}"]}]}],"members":{"existingRRule":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"rruleGenerated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":46,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"initForm":[{"__symbolic":"method"}],"bindExistingRRule":[{"__symbolic":"method"}],"generateRRule":[{"__symbolic":"method"}],"getFrequencyString":[{"__symbolic":"method"}],"getFrequencyNumber":[{"__symbolic":"method"}],"getWeekdayNumber":[{"__symbolic":"method"}],"getWeekdayString":[{"__symbolic":"method"}]}},"ɵez":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-e-invoice-recurrence-editor-component","template":"<form [formGroup]=\"recurrenceForm\" class=\"recurrence-form\">\n  <div fxLayout=\"column\" class=\"view-col-forms\">\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n  <mat-form-field class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex=\"100\" appearance=\"outline\">\n    <mat-label>Recurrence Pattern</mat-label>\n    <mat-select formControlName=\"recurrencePattern\" (valueChange)=\"generateRRule()\">\n      <mat-option *ngFor=\"let pattern of recurrencePatternOptions\" [value]=\"pattern.value\">{{ pattern.label }}</mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <div *ngIf=\"recurrenceForm.get('recurrencePattern').value === 'weekly'\" style=\"width: 100%;\">\n    <mat-form-field class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex=\"100\" appearance=\"outline\">\n      <mat-label>Recurrence Days</mat-label>\n      <mat-select formControlName=\"recurrenceDays\" (valueChange)=\"generateRRule()\" multiple>\n        <mat-option *ngFor=\"let day of recurrenceDaysOptions\" [value]=\"day.value\">{{ day.label }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div *ngIf=\"recurrenceForm.get('recurrencePattern').value === 'monthly'\" style=\"width: 100%;\">\n    <mat-form-field class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex=\"100\" appearance=\"outline\">\n      <mat-label>Recurrence Month Days</mat-label>\n      <mat-select formControlName=\"recurrenceMonthDays\" (valueChange)=\"generateRRule()\" multiple>\n        <mat-option *ngFor=\"let monthDay of recurrenceMonthDaysOptions\" [value]=\"monthDay\">{{ monthDay }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <!-- <mat-form-field>\n      <mat-label>Recurrence Days</mat-label>\n      <mat-select formControlName=\"recurrenceDays\" (valueChange)=\"generateRRule()\" multiple>\n        <mat-option *ngFor=\"let day of recurrenceDaysOptions\" [value]=\"day.value\">{{ day.label }}</mat-option>\n      </mat-select>\n    </mat-form-field> -->\n  </div>\n\n  <!-- Conditional Rendering for Yearly -->\n  <div *ngIf=\"recurrenceForm.get('recurrencePattern').value === 'yearly'\" style=\"width: 100%;\">\n    <mat-form-field class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex=\"100\" appearance=\"outline\">\n      <mat-label>Yearly Month</mat-label>\n      <mat-select formControlName=\"yearlyMonth\" (valueChange)=\"generateRRule()\">\n        <!-- Options for selecting the month -->\n        <mat-option *ngFor=\"let month of yearlyMonthOptions\" [value]=\"month.value\">{{ month.label }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <mat-form-field class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex=\"100\" appearance=\"outline\">\n      <mat-label>Yearly Day</mat-label>\n      <mat-select formControlName=\"yearlyDay\" (valueChange)=\"generateRRule()\">\n        <!-- Options for selecting the day -->\n        <mat-option *ngFor=\"let day of recurrenceMonthDaysOptions\" [value]=\"day\">{{ day }}</mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n<!--  <mat-form-field>-->\n<!--    <mat-label>End Date</mat-label>-->\n<!--    <input matInput [matDatepicker]=\"endDatePicker\" formControlName=\"endDate\" (dateChange)=\"generateRRule()\">-->\n<!--    <mat-datepicker-toggle matSuffix [for]=\"endDatePicker\"></mat-datepicker-toggle>-->\n<!--    <mat-datepicker #endDatePicker></mat-datepicker>-->\n<!--  </mat-form-field>-->\n\n<!--  <mat-form-field>-->\n<!--    <mat-label>Recurrence Count</mat-label>-->\n<!--    <input matInput type=\"number\" formControlName=\"recurrenceCount\" (input)=\"generateRRule()\">-->\n<!--  </mat-form-field>-->\n\n  <!-- Radio buttons to select either End Date or Recurrence Count -->\n  <mat-radio-group formControlName=\"endOrCount\" class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex=\"100\" appearance=\"outline\">\n    <mat-radio-button value=\"end\">End Date</mat-radio-button>\n    <mat-radio-button value=\"count\">Recurrence Count</mat-radio-button>\n  </mat-radio-group>\n\n  <!-- Conditional Rendering for End Date -->\n  <mat-form-field *ngIf=\"recurrenceForm.get('endOrCount').value === 'end'\" class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex=\"100\" appearance=\"outline\">\n    <mat-label>End Date</mat-label>\n    <input matInput [matDatepicker]=\"endDatePicker\" formControlName=\"endDate\" (dateChange)=\"generateRRule()\">\n    <mat-datepicker-toggle matSuffix [for]=\"endDatePicker\"></mat-datepicker-toggle>\n    <mat-datepicker #endDatePicker></mat-datepicker>\n  </mat-form-field>\n\n  <!-- Conditional Rendering for Recurrence Count -->\n  <mat-form-field *ngIf=\"recurrenceForm.get('endOrCount').value === 'count'\" class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex=\"100\" appearance=\"outline\">\n    <mat-label>Recurrence Count</mat-label>\n    <input matInput type=\"number\" formControlName=\"recurrenceCount\" (input)=\"generateRRule()\">\n  </mat-form-field>\n  </div>\n  </div>\n</form>\n","styles":[".mat-radio-button{margin-right:10px}"]}]}],"members":{"existingRRule":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"rruleGenerated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":46,"character":35}]}],"ngOnInit":[{"__symbolic":"method"}],"initForm":[{"__symbolic":"method"}],"bindExistingRRule":[{"__symbolic":"method"}],"generateRRule":[{"__symbolic":"method"}],"getFrequencyString":[{"__symbolic":"method"}],"getFrequencyNumber":[{"__symbolic":"method"}],"getWeekdayNumber":[{"__symbolic":"method"}],"getWeekdayString":[{"__symbolic":"method"}]}},"ɵfa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"status-component","template":"\n    <div class=\"p-10\">\n      <mat-checkbox [formControl]=\"checkboxSummary\">Summary</mat-checkbox>\n      <button mat-icon-button aria-label=\"Export to PDF\" matTooltip=\"Export to PDF\" (click)=\"onExportPdf()\">\n        <mat-icon>description</mat-icon>\n      </button>\n      <button mat-icon-button aria-label=\"Export to XLS\" matTooltip=\"Export to XLS\" (click)=\"onExportXls()\">\n        <mat-icon>insert_drive_file</mat-icon>\n      </button>\n      <button mat-icon-button aria-label=\"Printable\" matTooltip=\"Printable\" (click)=\"onPrintable()\">\n        <mat-icon>print</mat-icon>\n      </button>\n    </div>\n    ","styles":["\n    .toast-spinner {\n      display: flex;\n      align-items: center;\n      font-size: 16px;\n    }\n\n    .toast-spinner .tspinner {\n      border: 4px solid #f3f3f3;\n      border-top: 4px solid #3498db; /* Blue color */\n      border-radius: 50%;\n      width: 20px;\n      height: 20px;\n      animation: spin 1s linear infinite;\n      margin-right: 8px; /* Space between spinner and text */\n    }\n\n    @keyframes spin {\n      0% {\n        transform: rotate(0deg);\n      }\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n  "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":55,"character":17},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":73,"character":30}]}],"agInit":[{"__symbolic":"method"}],"getPrintParams":[{"__symbolic":"method"}],"onExportPdf":[{"__symbolic":"method"}],"onExportXls":[{"__symbolic":"method"}],"onPrintable":[{"__symbolic":"method"}],"openHtmlInNewPage":[{"__symbolic":"method"}],"getStyle":[{"__symbolic":"method"}],"isObjectEmpty":[{"__symbolic":"method"}],"getScript":[{"__symbolic":"method"}],"setTitle":[{"__symbolic":"method"}],"setSubTitle":[{"__symbolic":"method"}],"setFilename":[{"__symbolic":"method"}],"setPageOritentation":[{"__symbolic":"method"}],"setRowBold":[{"__symbolic":"method"}],"setRowPercentage":[{"__symbolic":"method"}],"setRowTotal":[{"__symbolic":"method"}],"setNotShowingGroupTotal":[{"__symbolic":"method"}],"setHideGroupColumn":[{"__symbolic":"method"}],"convertToNumber":[{"__symbolic":"method"}]}},"ɵfb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-export-button","template":"<div class=\"p-10\">  \n    <button *ngIf=\"showPDF\" mat-raised-button color=\"primary\" (click)=\"onExportPdf()\">Export PDF</button>\n    &nbsp;&nbsp;\n    <button *ngIf=\"showXLS\" mat-raised-button color=\"primary\" (click)=\"onExportXls()\">Export XLS</button>\n</div>","styles":[""]}]}],"members":{"agGridReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"filename":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"pageOritentation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"pivotMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"showPDF":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"showXLS":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"rowBold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"rowPercentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onExportPdf":[{"__symbolic":"method"}],"onExportXls":[{"__symbolic":"method"}]}},"ɵfc":{"parse":{"dateInput":"MMMM YYYY"},"display":{"dateInput":"MMMM YYYY","monthYearLabel":"MMM YYYY","dateA11yLabel":"LL","monthYearA11yLabel":"MMMM YYYY"}},"ɵfd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"app-month-year-picker","providers":[{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"DateAdapter","line":40,"character":15},"useClass":{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MomentDateAdapter","line":41,"character":16},"deps":[{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_LOCALE","line":42,"character":13},{"__symbolic":"reference","module":"@angular/material-moment-adapter","name":"MAT_MOMENT_DATE_ADAPTER_OPTIONS","line":42,"character":30}]},{"provide":{"__symbolic":"reference","module":"@angular/material/core","name":"MAT_DATE_FORMATS","line":45,"character":14},"useValue":{"__symbolic":"reference","name":"ɵfc"}}],"template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{label}}</mat-label>\n  <input matInput [matDatepicker]=\"dp\" [formControl]=\"date\" [required]=\"isRequired()\" readonly (click)=\"dp.open()\">\n  <mat-datepicker-toggle matSuffix [for]=\"dp\"></mat-datepicker-toggle>\n  <mat-datepicker #dp\n                  startView=\"multi-year\"\n                  touchUi=\"true\"\n                  (yearSelected)=\"chosenYearHandler($event)\"\n                  (monthSelected)=\"chosenMonthHandler($event, dp)\"\n                  panelClass=\"example-month-picker\">\n  </mat-datepicker>\n</mat-form-field>","styles":[".example-month-picker .mat-calendar-period-button{pointer-events:none}.example-month-picker .mat-calendar-arrow{display:none}"]}]}],"members":{"date":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"chosenYearHandler":[{"__symbolic":"method"}],"chosenMonthHandler":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}]}},"ɵfe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-select-parent-printable","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Printable</mat-label>\n  <mat-select [formControl]=\"printable\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_prt_printable_format_hdr.guid\">\n      {{opt.bl_prt_printable_format_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Printable <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"txnType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"printable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"hideNone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"printableSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PrintableFormatService","line":30,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"filterPrintable":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"onPatchValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵff":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-select-email-template","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Email Template</mat-label>\n  <mat-select [formControl]=\"emailTemplate\" (selectionChange)=\"onSelectionChange($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" \n      [value]=\"opt.bl_applet_notification_template_hdr.guid\">\n      {{opt.bl_applet_notification_template_hdr.code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Email Template is <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"emailTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"txn_type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectedEmailTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppletNotificationTemplateService","line":27,"character":44}]}],"ngOnInit":[{"__symbolic":"method"}],"filterEmailTemplates":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"app-advanced-search-cashbook","template":"<mat-form-field\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  appearance=\"outline\"\n  class=\"search-box\"\n>\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input\n    #basic\n    matInput\n    type=\"text\"\n    [(ngModel)]=\"basicSearchQuery\"\n    (keyup.enter)=\"basicSearch(basic.value)\"\n  />\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix>\n    <div matSuffix>\n      <button\n        class=\"blg-small-button-icon\"\n        mat-icon-button\n        (click)=\"searchToggle()\"\n      >\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isAdvanced\"\n  (overlayOutsideClick)=\"toggleDropdown()\"\n>\n  <div [id]=\"id\" class=\"advanced-search-container\">\n    <form [formGroup]=\"advForm\" (ngSubmit)=\"advancedSearch()\">\n      <div\n        class=\"advanced-search-form\"\n        fxLayout=\"column\"\n        fxFlexAlign=\"space-between center\"\n      >\n        <ng-container *ngFor=\"let x of inputArray\">\n          <div [ngSwitch]=\"x[1]\">\n            <mat-form-field\n              *ngSwitchCase=\"'string'\"\n              appearance=\"outline\"\n              type=\"text\"\n            >\n              <mat-label>{{ advSearchModel.label[x[0]] }}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" />\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n              <mat-label>{{ advSearchModel.label[x[0]] }}</mat-label>\n              <input\n                matInput\n                [formControl]=\"advForm.controls[x[0]]\"\n                type=\"number\"\n              />\n            </mat-form-field>\n\n            <company-v2\n            *ngSwitchCase=\"'company'\"\n            [companyControl]=\"advForm.controls[x[0]]\"\n            [viewModelStore]=\"viewModelStore\"\n            [ColumnViewActions]=\"ColumnViewActions\"\n            [ColumnViewSelectors]=\"ColumnViewSelectors\"\n            >\n          </company-v2>\n\n            \n            <app-select-gl-code-v2\n              *ngSwitchCase=\"'glcode'\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n                    >\n            </app-select-gl-code-v2>\n\n            <select-vehicles-drop-down\n              *ngSwitchCase=\"'vehicle'\"\n              [vehicleControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n              >\n            </select-vehicles-drop-down>\n\n            <select-drivers-drop-down\n              *ngSwitchCase=\"'driver'\"\n              [driverControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n              >\n            </select-drivers-drop-down>\n\n            <select-trips-drop-down\n              *ngSwitchCase=\"'trip'\"\n              [tripControl]=\"advForm.controls[x[0]]\"\n              [viewModelStore]=\"viewModelStore\"\n              [ColumnViewActions]=\"ColumnViewActions\"\n              [ColumnViewSelectors]=\"ColumnViewSelectors\"\n              >\n            </select-trips-drop-down>\n\n\n            <mat-form-field\n              *ngSwitchCase=\"'select'\"\n              appearance=\"outline\"\n              type=\"text\"\n            >\n              <mat-label>{{ advSearchModel.label[x[0]] }}</mat-label>\n              <mat-select\n                [placeholder]=\"advSearchModel.label[x[0]]\"\n                [formControl]=\"advForm.controls[x[0]]\"\n              >\n                <mat-option>\n                  <ngx-mat-select-search\n                    [id]=\"x[0]\"\n                    (keyup)=\"optionSearchFilter($event)\"\n                    [placeholderLabel]=\"advSearchModel.label[x[0]]\"\n                    [noEntriesFoundLabel]=\"'No matching records found'\"\n                    [(ngModel)]=\"filter\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                  >\n                  </ngx-mat-select-search>\n                </mat-option>\n                <mat-option\n                  *ngFor=\"let item of optionArray[x[0]]\"\n                  [value]=\"item\"\n                >\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <div *ngSwitchCase=\"'date'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{ advSearchModel.label[x[0]] }} From</mat-label>\n                <input\n                  matInput\n                  [matDatepicker]=\"start_modified_range\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\"\n                  readonly\n                  (click)=\"start_modified_range.open()\"\n                />\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"start_modified_range\"\n                ></mat-datepicker-toggle>\n                <mat-datepicker\n                  touchUi=\"true\"\n                  #start_modified_range\n                ></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{ advSearchModel.label[x[0]] }} To</mat-label>\n                <input\n                  matInput\n                  [matDatepicker]=\"end_modified_range\"\n                  [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly\n                  (click)=\"end_modified_range.open()\"\n                />\n                <mat-datepicker-toggle\n                  matSuffix\n                  [for]=\"end_modified_range\"\n                ></mat-datepicker-toggle>\n                <mat-datepicker\n                  touchUi=\"true\"\n                  #end_modified_range\n                ></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div\n              *ngSwitchCase=\"'numberRange'\"\n              fxLayout=\"row wrap\"\n              fxLayoutGap=\"4%\"\n            >\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label\n                  >{{ advSearchModel.label[x[0]] }} Start Range</mat-label\n                >\n                <input\n                  matInput\n                  [formControl]=\"advForm.controls[x[0]].controls.from\"\n                />\n              </mat-form-field>\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label\n                  >{{ advSearchModel.label[x[0]] }} End Range</mat-label\n                >\n                <input\n                  matInput\n                  [formControl]=\"advForm.controls[x[0]].controls.to\"\n                />\n              </mat-form-field>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n      <div\n        style=\"padding-top: 15px\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"end start\"\n        fxLayoutGap=\"5px\"\n      >\n        <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n          RESET\n        </button>\n        <button color=\"primary\" mat-raised-button type=\"submit\">SEARCH</button>\n      </div>\n    </form>\n  </div>\n</ng-template>\n\n","styles":["@import \"~ag-grid-community/dist/styles/ag-grid.css\";@import \"~ag-grid-community/dist/styles/ag-theme-balham.css\";.search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0;font-size:11px}.advanced-search-container .mat-chip{font-size:11px}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:auto!important}.advanced-search-form{max-height:40vh}.advanced-search-form,.entity-search-form{overflow:auto;padding-right:15px}.entity-search-container .mat-form-field-wrapper{padding-bottom:0}.entity-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc}"]}]}],"members":{"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"selectGLCodeV2Component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵfh"}]}]}],"companyV2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵej"}]}]}],"onEscPressed":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":68,"character":3},"arguments":["document:keydown.escape",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"truncate":[{"__symbolic":"method"}],"basicSearch":[{"__symbolic":"method"}],"advancedSearch":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"app-select-gl-code-v2","template":"<form [formGroup]=\"form\">\n      <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n        <mat-label>GL Code</mat-label>\n        <mat-select formControlName=\"selectedGLCodeGuid\">\n            <mat-option>\n                <ngx-mat-select-search (keyup)=\"applyGLCodeFilter($event.target.value)\" [placeholderLabel]=\"'GL Code'\" [noEntriesFoundLabel]=\"\n                  'No matching records found'\" formControlName=\"glCode\" ngDefaultControl>\n                </ngx-mat-select-search>\n            </mat-option>\n            <mat-option *ngFor=\"let glCode of searchGLCodes\" [value]=\"glCode.guid\" (onSelectionChange)=\"onSelectGLCode(glCode, $event)\">\n                {{ glCode.name }}\n            </mat-option>\n        </mat-select>\n\n    </mat-form-field>\n\n    <!-- <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n      <mat-label>Status</mat-label>\n      <mat-select formControlName=\"status\">\n          <mat-option *ngFor=\"let status of statuses\" [value]=\"status\" (onSelectionChange)=\"onSelectStatus(status, $event)\">\n              {{ status }} \n          </mat-option>\n      </mat-select>\n  </mat-form-field> -->\n\n</form>","styles":[".mat-chip{font-size:11px}::ng-deep .custom-mat-option .mat-option-text{overflow:auto;text-overflow:unset}"]}]}],"members":{"companyControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":42,"character":16},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GlcodeService","line":43,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"onSelectGLCode":[{"__symbolic":"method"}],"applyGLCodeFilter":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"agNumericCellEditor","template":"\n    <input\n      #input\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"value\"\n    >\n  "}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":30,"character":30}}]}]}],"agInit":[{"__symbolic":"method"}],"setInitialState":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"isCancelBeforeStart":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"isCharNumeric":[{"__symbolic":"method"}],"isCharTheFirstDecimal":[{"__symbolic":"method"}],"isKeyPressedNumeric":[{"__symbolic":"method"}],"isBackspace":[{"__symbolic":"method"}],"isLeftOrRight":[{"__symbolic":"method"}],"finishedEditingPressed":[{"__symbolic":"method"}]}},"ɵfj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"agWholeNumberCellEditor","template":"\n    <input\n      #input\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"value\"\n    >\n  "}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["input",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":30,"character":30}}]}]}],"agInit":[{"__symbolic":"method"}],"setInitialState":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"isCancelBeforeStart":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"isCharNumeric":[{"__symbolic":"method"}],"isCharTheFirstDecimal":[{"__symbolic":"method"}],"isKeyPressedNumeric":[{"__symbolic":"method"}],"isBackspace":[{"__symbolic":"method"}],"isLeftOrRight":[{"__symbolic":"method"}],"finishedEditingPressed":[{"__symbolic":"method"}]}},"ɵfk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-select-multi-customer-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n    [formControl]=\"customer\"\n    (selectionChange)=\"onSelect($event.value)\"\n    [required]=\"isRequired()\"\n    [multiple]=\"isMultiple()\"\n  >\n    <mat-option>\n      <ngx-mat-select-search\n        [placeholderLabel]=\"'Key in Customer Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\"\n        ngDefaultControl\n      >\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option\n      *ngFor=\"let eachOption of filteredOptions$ | async\"\n      [value]=\"eachOption.guid\"\n    >\n      {{ eachOption.name }}\n    </mat-option>\n  </mat-select>\n  <mat-error> Customer <strong>not valid</strong> </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"customerSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-select-multi-customer-category-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"customerCategories\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Customer Category Code/Name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}} | {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Customer Category(s) <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"customerCategories":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"customerCategorySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"select-employee-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{fieldLabel}}</mat-label>\n  <mat-select [formControl]=\"employeeControl\" (selectionChange)=\"selectionChange.emit()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_entity_hdr.guid\">\n      {{opt.bl_fi_mst_entity_hdr.employee_code}} | {{opt.bl_fi_mst_entity_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{fieldLabel}} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"employeeControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"salesAgentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityHeaderService","line":31,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"filterEmployee":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"select-warehouse-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{fieldLabel}}</mat-label>\n  <mat-select [formControl]=\"warehouseControl\" (selectionChange)=\"selectionChange.emit()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_wms_warehouse_hdr.guid\">\n      {{opt.bl_wms_warehouse_hdr.code}} | {{opt.bl_wms_warehouse_hdr.title}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{fieldLabel}} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"warehouseControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"WarehouseService","line":30,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"filterWarehouse":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"company-workflow-dropdown","template":"\n<mat-form-field appearance=\"outline\">\n    <mat-label>{{processName}}</mat-label>\n    <mat-select [formControl]=\"processGuid\" (selectionChange)=\"onProcessChange()\">\n      <mat-option>\n        <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n          [formControl]=\"filterControl\"></ngx-mat-select-search>\n      </mat-option>\n      <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_comp_workflow_gendoc_process_template_hdr.process_hdr_guid\">\n        {{opt.bl_fi_comp_workflow_gendoc_process_template_hdr.process_hdr_code}}\n      </mat-option>\n    </mat-select>\n    <mat-error>\n      Company Process Linking <strong>not valid</strong>\n    </mat-error>\n  </mat-form-field>\n  ","styles":[".mat-chip{font-size:11px}::ng-deep .custom-mat-option .mat-option-text{overflow:auto;text-overflow:unset}"]}]}],"members":{"processGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"processName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"processChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyWorkflowGendocProcessService","line":30,"character":50}]}],"ngOnInit":[{"__symbolic":"method"}],"filterApplet":[{"__symbolic":"method"}],"onProcessChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"app-pricing-scheme-access-v2","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":19},"member":"Default"},"template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Pricing Scheme</mat-label>\n  <mat-select\n    [formControl]=\"pricingScheme\"\n    (selectionChange)=\"onPriceSelected($event.value)\"\n    [disabled]=\"selectFieldDisabled\"\n    class=\"highlightable\"\n  >\n    <mat-option>\n      <ngx-mat-select-search\n        [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"pricingSchemefilterControl\"\n      ></ngx-mat-select-search>\n    </mat-option>\n\n    <mat-option *ngFor=\"let price of filteredPricingSchemes\" [value]=\"price\">\n      {{ price.price_amount_incl_tax }} ({{ price.price_name }})\n    </mat-option>\n  </mat-select>\n  <mat-error> Pricing Scheme <strong>not valid</strong> </mat-error>\n</mat-form-field>\n","styles":["::ng-deep.highlightable{transition:background-color .3s ease}::ng-deep.highlightable:enabled{background-color:#90ee90}"]}]}],"members":{"postingStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"currentPrice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"unitPriceType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"companyGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"selectedPricingScheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"customerGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"supplierGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"branchGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PricingSchemeLinkService","line":84,"character":38},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CustomerService","line":87,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"SupplierService","line":88,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyService","line":89,"character":28},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TaxCodeCfgService","line":90,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"getSalesSidePricingScheme":[{"__symbolic":"method"}],"validStatus":[{"__symbolic":"method"}],"canEmitPriceSelected":[{"__symbolic":"method"}],"getPurchaseSidePricingScheme":[{"__symbolic":"method"}],"onPriceSelected":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-refresh","styles":[],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<button\n  mat-icon-button\n  class=\"blg-small-button-icon\"\n  matTooltip=\"Refresh\"\n  (click)=\"refresh.emit()\">\n  <mat-icon>refresh</mat-icon>\n</button>"}]}],"members":{"refresh":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵfr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"app-uom-v2","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":31,"character":19},"member":"Default"},"template":"<mat-form-field appearance=\"outline\">\n  <mat-label>UOM</mat-label>\n  <mat-select [formControl]=\"uom\" (selectionChange)=\"onUOMSelected($event.value)\" [(value)]=\"selectedUOM\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"uomfilterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let l of filteredUOM$ | async\" [value]=\"l.uom\">\n      {{l.uom}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    UOM <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"uom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"uomChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"selectedUomModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"unitPrice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":55,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"filterUOM":[{"__symbolic":"method"}],"onUOMSelected":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-require-delivery-cell-renderer","template":"<mat-form-field appearance=\"outline\">\n  <mat-select [(ngModel)]=\"deliveryRequired\" (ngModelChange)=\"onSelectionChange()\">\n    <mat-option *ngFor=\"let s of requireDelivery\" [value]=\"s.value\">\n      {{ s.viewValue }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":22,"character":32}]}],"agInit":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"agAfterViewInit":[{"__symbolic":"method"}]}},"ɵft":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-delivery-type-cell-renderer","template":"<mat-form-field appearance=\"outline\">\n    <mat-select [(ngModel)]=\"deliveryType\" (ngModelChange)=\"onSelectionChange()\">\n      <mat-option *ngFor=\"let s of deliveryTypes\" [value]=\"s.value\">\n        {{ s.viewValue }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":32}]}],"refresh":[{"__symbolic":"method"}],"agInit":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"isPopup":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"agAfterViewInit":[{"__symbolic":"method"}]}},"ɵfu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-select-multi-currency-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select #multiSelect [formControl]=\"currency\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in currency'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"showValue(eachOption)\">\n      {{eachOption.display_short}} - {{ eachOption.display_main }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Currency <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"currency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"currencySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"isSelectObject":[{"__symbolic":"method"}],"showValue":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-uom-wms-item","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"Default"},"template":"<mat-form-field appearance=\"outline\">\n  <mat-label>UOM</mat-label>\n  <mat-select [formControl]=\"uom\" (selectionChange)=\"onUOMSelected($event.value)\" [(value)]=\"selectedUOM\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"uomfilterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let l of filteredUOM$ | async\" [value]=\"l.uom\">\n      {{l.uom}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    UOM <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"uom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"wmsItem$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"uomChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"selectedUomModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"unitPrice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":40,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"filterUOM":[{"__symbolic":"method"}],"onUOMSelected":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-custom-tooltip","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<div class=\"tooltip\">\n  <ng-content></ng-content>\n  <div class=\"tooltip-content\">\n    <ul>\n      <li *ngFor=\"let item of tooltipItems\">\n        <span class=\"bullet\">&bull;</span> {{ item }}\n      </li>\n    </ul>\n  </div>\n</div>\n\n","styles":[".tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;background-color:#dc143c;color:#fff;font-size:small;padding:5px;border-radius:5px;visibility:visible;opacity:0;transition:opacity .2s;z-index:1;max-height:400px;max-width:400px;overflow-y:auto}.tooltip:hover .tooltip-content{visibility:visible;opacity:1}.tooltip-content ul{list-style-type:circle;padding:0}.tooltip-content li{margin-bottom:5px}"]}]}],"members":{"tooltipItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵfx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-custom-loading-overlay","template":"\n    <div\n      class=\"ag-overlay-loading-center\"\n      style=\"background-color: rgb(242, 65, 65);\"\n    >\n      <b>{{ params.loadingMessage }}</b>\n    </div>\n  "}]}],"members":{"agInit":[{"__symbolic":"method"}]}},"ɵfy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-pagination-client-side-v3","template":"<div class=\"container\" fxLayout=\"column\">\n  <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" fxFlex.gt-md=\"50\">\n    <div fxLayoutAlign=\"end center\">\n      <div class=\"hideDisplay\">\n        <mat-form-field style=\"width: 58px;\">\n          <mat-label>Rows</mat-label>\n          <mat-select [value]=\"rowPerPage\" (selectionChange)=\"onRowChange($event.value)\">\n            <!-- <mat-option [value]=\"5\">5</mat-option> -->\n            <mat-option [value]=\"10\">10</mat-option>\n            <mat-option [value]=\"20\">20</mat-option>\n            <mat-option [value]=\"25\">25</mat-option>\n            <mat-option [value]=\"50\">50</mat-option>\n            <!-- <mat-option [value]=\"75\">75</mat-option>\n            <mat-option [value]=\"100\">100</mat-option> -->\n          </mat-select>\n        </mat-form-field>\n      </div>\n        <button mat-icon-button\n          class=\"icon-display\"\n          (click)=\"previousPage()\"\n          [disabled]=\"disablePreviousButton\">\n          <mat-icon>chevron_left</mat-icon>\n        </button>\n        <div style=\"white-space: nowrap;\">\n          Page <span style=\"font-size: larger;\"><strong>{{currentPage}}</strong></span>\n          of <strong>{{totalPage | async}}</strong>\n        </div>\n      <button mat-icon-button\n        class=\"icon-display\"\n        (click)=\"nextPage();\"\n        [disabled]=\"disableNextButton\"\n        >\n        <mat-icon>chevron_right</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"agGridReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"totalRecords$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"onMorePageClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"nextListing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"onRowsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"previousListing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":42,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"onRowChange":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"updateButtonStates":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵfz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-advanced-search-wms-items","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":8,"character":17},"member":"None"},"template":"<mat-form-field #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin appearance=\"outline\" class=\"search-box\">\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input #basic matInput type=\"text\" [(ngModel)]=\"basicSearchQuery\"\n    (keyup.enter)=\"basicSearch(basic.value)\" />\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix>\n    <div matSuffix>\n      <button class=\"blg-small-button-icon\" mat-icon-button (click)=\"searchToggle()\">\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"isAdvanced\">\n  <div [id]=\"id\" class=\"advanced-search-container\">\n    <form [formGroup]=\"advForm\" (ngSubmit)=\"advancedSearch()\">\n      <div class=\"advanced-search-form\" fxLayout=\"column\" fxFlexAlign=\"space-between center\">\n        <ng-container *ngFor=\"let x of inputArray\">\n          <div [ngSwitch]=\"x[1]\">\n\n            <mat-form-field *ngSwitchCase=\"'string'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" />\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" type=\"number\" />\n            </mat-form-field>\n\n<!--            <div *ngSwitchCase=\"'select_company'\" appearance=\"outline\">-->\n<!--              <blg-select-company-drop-down [apiVisa]=\"apiVisa\" [(company)]=\"advForm.controls[x[0]]\"></blg-select-company-drop-down>-->\n<!--            </div>-->\n\n            <mat-form-field *ngSwitchCase=\"'select'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\">\n                <mat-option>\n                  <ngx-mat-select-search [id]=\"x[0]\" (keyup)=\"optionSearchFilter($event)\"\n                    [placeholderLabel]=\"advSearchModel.label[x[0]]\" [noEntriesFoundLabel]=\"'No matching records found'\"\n                    [(ngModel)]='filter' [ngModelOptions]=\"{standalone: true}\">\n                  </ngx-mat-select-search>\n                </mat-option>\n                <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'selectEntity'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\" multiple>\n                <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <div *ngSwitchCase=\"'date'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} From</mat-label>\n                <input matInput [matDatepicker]=\"start_modified_range\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\" readonly (click)=\"start_modified_range.open()\" />\n                <mat-datepicker-toggle matSuffix [for]=\"start_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #start_modified_range></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} To</mat-label>\n                <input matInput [matDatepicker]=\"end_modified_range\" [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly (click)=\"end_modified_range.open()\" />\n                <mat-datepicker-toggle matSuffix [for]=\"end_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #end_modified_range></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'numberRange'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} Start Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.from\"/>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} End Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.to\"/>\n              </mat-form-field>\n            </div>\n\n          </div>\n        </ng-container>\n      </div>\n      <div style=\"padding-top: 15px;\" fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n        <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n          RESET\n        </button>\n        <button color=\"primary\" mat-raised-button type=\"submit\">\n          SEARCH\n        </button>\n      </div>\n    </form>\n  </div>\n</ng-template>\n","styles":[".search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onEscPressed":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":30,"character":3},"arguments":["document:keydown.escape",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"buildQueryString":[{"__symbolic":"method"}],"advancedSearch":[{"__symbolic":"method"}],"queryBuilder":[{"__symbolic":"method"}],"basicSearch":[{"__symbolic":"method"}]}},"ɵga":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"select-intercompany-branch-drop-down","template":"<mat-form-field appearance=\"outline\" class=\"example-full-width p-10\">\n    <mat-label>{{fieldLabel}}</mat-label>\n    <mat-select [formControl]=\"intercompanyBranchControl\" (selectionChange)=\"selectionChange.emit()\" class=\"temp\">\n      <mat-option class=\"opt\">\n        <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n          [formControl]=\"filterControl\"></ngx-mat-select-search>\n      </mat-option>\n      <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_entity_branch_hdr.guid\">\n        {{opt.bl_fi_mst_entity_branch_hdr.code}} | {{opt.bl_fi_mst_entity_branch_hdr.name}}\n      </mat-option>\n    </mat-select>\n    <mat-error>\n      {{fieldLabel}} <strong>not valid</strong>\n    </mat-error>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"intercompanyBranchControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"entityGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"IntercompanyBranchService","line":30,"character":39}]}],"ngOnInit":[{"__symbolic":"method"}],"filterWarehouse":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-select-glcategory-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>GL Category</mat-label>\n  <mat-select [formControl]=\"glCategory\" (selectionChange)=\"onSelect($event.value)\" [required]=\"required\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in GL Category Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_gl_category_list_hdr.guid\">\n      {{eachOption.bl_fi_mst_gl_category_list_hdr.code}} | {{eachOption.bl_fi_mst_gl_category_list_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    GL Category <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"glCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"glCategoryChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"glCategorySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GlcategorylistService","line":32,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"getGLCategory":[{"__symbolic":"method"}],"filterglCategory":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-util-line-item-serial-number-optional","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":19},"member":"OnPush"},"template":"<div class=\"view-col-forms\">\n  <div class=\"inner-tab\" fxLayout=\"column\" fxLayoutGap=\"5px\">\n    <div fxLayout=\"column\">\n      <mat-tab-group\n        mat-stretch-tabs\n        [dynamicHeight]=\"true\"\n        [selectedIndex]=\"selectedIndex$ | async\"\n      >\n        <mat-tab label=\"Scan\">\n          <app-util-serial-number-scan-optional\n            (serialNumber)=\"addSerialNumberFromScan($event)\"\n            (serialNumberList)=\"uploadSerialNumberList($event)\"\n            [postingStatus]=\"postingStatus\"\n            [noDefaultValue]=\"noDefaultValue\"\n          ></app-util-serial-number-scan-optional>\n        </mat-tab>\n        <mat-tab label=\"Import\">\n          <app-util-serial-number-import-optional\n            (serialNumber)=\"uploadSerialNumberList($event)\"\n            [postingStatus]=\"postingStatus\"\n            [noDefaultValue]=\"noDefaultValue\"\n          ></app-util-serial-number-import-optional>\n        </mat-tab>\n      </mat-tab-group>\n\n      <div style=\"margin-top: 20px; margin-bottom: 20px\">\n        <span style=\"float: left\"\n          >Quantity: {{ (serialNumberListing$ | async)?.length }}</span\n        >\n        <span style=\"text-align: center; color: red\" *ngIf=\"hasInvalid\"\n          >There are invalid serial numbers in the list</span\n        >\n      </div>\n      <div style=\"height: 100%\">\n        <ag-grid-angular\n          #agGrid\n          style=\"width: 100%; height: 400px\"\n          class=\"ag-theme-balham\"\n          [gridOptions]=\"gridOptions\"\n          [rowData]=\"serialNumberListing$ | async\"\n          [columnDefs]=\"columnsDefs\"\n          rowSelection=\"multiple\"\n          [getRowStyle]=\"getRowStyle\"\n          (gridReady)=\"onGridReady($event)\"\n        >\n        </ag-grid-angular>\n      </div>\n      <div\n        style=\"text-align: right; margin-top: 10px\"\n        *ngIf=\"postingStatus !== 'FINAL'\"\n      >\n        <button\n          mat-raised-button\n          color=\"warn\"\n          type=\"button\"\n          (click)=\"onRemove()\"\n        >\n          REMOVE\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"serverDocType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"selectedIndex$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"txnType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"postingStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"serialNumberListing$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"draft$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"invItem$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"lineItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"hdr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":81,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":81,"character":13},{"static":true}]}]}],"matList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":82,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/list","name":"MatSelectionList","line":82,"character":13},{"static":true}]}]}],"scan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵgd"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":87,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"getRowStyle":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"onSelectAll":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"addSerialNumberFromScan":[{"__symbolic":"method"}],"uploadSerialNumberList":[{"__symbolic":"method"}],"checkExceedKO":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-util-serial-number-scan-optional","template":"<form [formGroup]=\"form\">\n\t<div class=\"view-col-forms\" style=\"max-height: 40vh;\">\n\t\t<div class=\"inner-tab\" fxLayout=\"column\">\n\t\t\t<div id=\"camera\"></div>\n\t\t\t<div fxLayout=\"row wrap\" fxLayoutAlign=\"start center\">\n\t\t\t\t\n\t\t\t\t<mat-form-field fxFlex=\"80\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t\t\t<mat-label>Delimiter</mat-label>\n\t\t\t\t\t<mat-select [formControl]=\"form.controls['delimiter']\" (selectionChange)=\"onDelimiterSelected($event.value)\">\n\t\t\t\t\t\t<mat-option value=null>None</mat-option>\n\t\t\t\t\t\t<mat-option value=\" \">Space</mat-option>\n\t\t\t\t\t\t<mat-option value=\",\">Comma</mat-option>\n\t\t\t\t\t\t<mat-option value=\";\">Semicolon</mat-option>\n\t\t\t\t\t\t<mat-option value=\":\">Colon</mat-option>\n\t\t\t\t\t\t<mat-option value=\"|\">Pipe</mat-option>\n\t\t\t\t\t</mat-select>\n\t\t\t\t</mat-form-field>\n\t\t\t\t<mat-form-field fxFlex=\"80\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t\t\t<mat-label>Serial Number</mat-label>\n\t\t\t\t\t<input matInput [formControl]=\"form.controls['serialNumber']\" (keydown.enter)=\"onAdd($event.target.value)\">\n\t\t\t\t\t<mat-hint class=\"text-danger\" *ngIf=\"invalid\">The serial number is invalid</mat-hint>\n\t\t\t\t</mat-form-field>\n\t\t\t\t<div fxFlex=\"20\" fxFlex.lt-sm=\"30\" style=\"margin-bottom: 20px;\">\n\t\t\t\t\t<button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAdd()\">ADD</button>\n\t\t\t\t</div>\n\t\t\t\t<mat-form-field fxFlex=\"40\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t\t\t<mat-label>From</mat-label>\n\t\t\t\t\t<input matInput [formControl]=\"form.controls['from']\" pattern=\"[A-Z0-9]*\">\n\t\t\t\t</mat-form-field>\n\t\t\t\t<mat-form-field fxFlex=\"40\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t\t\t<mat-label>To</mat-label>\n\t\t\t\t\t<input matInput [formControl]=\"form.controls['to']\" pattern=\"[A-Z0-9]*\">\n\t\t\t\t</mat-form-field>\n\t\t\t\t<div fxFlex=\"20\" fxFlex.lt-sm=\"30\" style=\"margin-bottom: 20px;\">\n\t\t\t\t\t<button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAddRange()\">ADD</button>\n\t\t\t\t</div>\n\t\t\t\t<mat-form-field fxFlex=\"80\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n\t\t\t\t\t<mat-label>Serial Number Type</mat-label>\n\t\t\t\t\t<mat-select [formControl]=\"form.controls['readers']\">\n\t\t\t\t\t\t<mat-option value=\"code_128_reader\">Code 128</mat-option>\n\t\t\t\t\t\t<mat-option value=\"ean_reader\">EAN</mat-option>\n\t\t\t\t\t\t<mat-option value=\"ean_8_reader\">EAN-8</mat-option>\n\t\t\t\t\t\t<mat-option value=\"code_39_reader\">Code 39</mat-option>\n\t\t\t\t\t\t<mat-option value=\"code_39_vin_reader\">Code 39 VIN</mat-option>\n\t\t\t\t\t\t<mat-option value=\"codabar_reader\">Codabar</mat-option>\n\t\t\t\t\t\t<mat-option value=\"upc_reader\">UPC</mat-option>\n\t\t\t\t\t\t<mat-option value=\"upc_e_reader\">UPC-E</mat-option>\n\t\t\t\t\t\t<mat-option value=\"i2of5_reader\">I2of5</mat-option>\n\t\t\t\t\t\t<mat-option value=\"2of5_reader\">standard 2 of 5</mat-option>\n\t\t\t\t\t\t<mat-option value=\"code_93_reader\">Code 93</mat-option>\n\t\t\t\t\t</mat-select>\n\t\t\t\t\t<mat-hint>Cannot be changed once scanning starts</mat-hint>\n\t\t\t\t</mat-form-field>\n\t\t\t\t<div fxFlex=\"20\" fxFlex.lt-sm=\"30\" style=\"margin-bottom: 20px;\">\n\t\t\t\t\t<ng-container [ngSwitch]=\"quaggaStatus$ | async\">\n\t\t\t\t\t\t<button *ngSwitchCase=\"'idle'\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"onScan()\">\n\t\t\t\t\t\t\tSCAN\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button *ngSwitchCase=\"'initializing'\" style=\"margin-top: 4px;\" mat-raised-button color=\"primary\" type=\"button\" disabled>\n\t\t\t\t\t\t\t<mat-spinner style=\"margin: 8px;\" diameter=\"20\" mode=\"indeterminate\"></mat-spinner>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t<button *ngSwitchCase=\"'ready'\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"onStop()\">\n\t\t\t\t\t\t\tSTOP\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</form>","styles":[""]}]}],"members":{"noDefaultValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"postingStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"serialNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"serialNumberList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onScan":[{"__symbolic":"method"}],"onStop":[{"__symbolic":"method"}],"onDelimiterSelected":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"onAddRange":[{"__symbolic":"method"}],"mapToSerialNumberObject":[{"__symbolic":"method"}],"addSingleSNToList":[{"__symbolic":"method"}],"addMultiSNToList":[{"__symbolic":"method"}],"disableAdd":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵge":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-util-serial-number-import-optional","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"Default"},"template":"<div class=\"view-col-forms no-tab\" fxLayout=\"column\" style=\"max-height: 50vh;\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n          <mat-form-field fxFlex=\"80\" fxFlex.lt-sm=\"70\" appearance=\"outline\">\n              <mat-label>Delimiter</mat-label>\n              <mat-select [formControl]=\"form.controls['delimiter']\"\n                  (selectionChange)=\"onDelimiterSelected($event.value)\">\n                  <mat-option value=\"none\">None</mat-option>\n                  <mat-option value=\"newline\">New Line</mat-option>\n                  <mat-option value=\" \">Space</mat-option>\n                  <mat-option value=\",\">Comma</mat-option>\n                  <mat-option value=\";\">Semicolon</mat-option>\n                  <mat-option value=\":\">Colon</mat-option>\n                  <mat-option value=\"|\">Pipe</mat-option>\n              </mat-select>\n        <mat-hint>Delimiter is used by csv file</mat-hint>\n          </mat-form-field>\n  \n      <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAdd()\">ADD</button>\n  \n    </div>\n      <div class=\"main-container\">\n        <div appDragDrop (dropEvent)=\"onChange($event.dataTransfer.files)\" class=\"drop-zone\">\n          <input hidden #input type=\"file\"  (change)=\"onChange($event.target.files)\">\n          <h3>\n            Drag and drop your file anywhere or\n          </h3>\n          <label for=\"input\" (click)=\"input.click()\">Upload File</label>\n  \n          <div style=\"margin-top: 30px;\" fxFlexAlign=\"end\"><p class=\"file-name\">{{fileName}}</p></div>\n        </div>\n        \n      </div>\n  \n    \n    </div>\n    ","styles":["h3{font-size:17px}input{width:100%;height:100%}label{color:#fff;width:183px;height:44px;border-radius:10px;border:1px solid #1e88e5;background-color:#1e88e5;padding:8px 16px;cursor:pointer}label:hover{color:#1e88e5;background-color:#fff}.main-container{padding:2rem}.drop-zone{width:100%;height:200px;padding:3rem;text-align:center;border:1px dashed #d3d3d3;position:relative;transition:.3s}.grid-container{display:flex;margin:10px;overflow:auto}.img-container{position:relative;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);width:125px;height:100px;margin:10px}.file-preview{width:125px;height:75px}.file-name{margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"noDefaultValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"postingStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"locationFieldColor$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"serialNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"matList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/list","name":"MatSelectionList","line":25,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":33,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"onDelimiterSelected":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"mapToSerialNumberObject":[{"__symbolic":"method"}],"addToList":[{"__symbolic":"method"}],"disableAdd":[{"__symbolic":"method"}],"onSelectAll":[{"__symbolic":"method"}],"onDeleteFile":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-select-multi-glcode-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"glCode\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in GL Code/Name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{ displayRow(eachOption) }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"glCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"coaGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"glCategoryGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"storeSession":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"glCodeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"displayRow":[{"__symbolic":"method"}]}},"ɵgg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-select-multi-device-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"device\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Device'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_pos_terminal_device.guid\">\n      {{eachOption.bl_pos_terminal_device.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"device":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"deviceSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PosTerminalService","line":41,"character":29},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-select-multi-chart-of-account-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"chartOfAccount\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Chart of Account Code'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"chartOfAccount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"chartOfAccountSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}]}},"ɵgi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-select-multi-glcategory-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"glCategory\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in GL Category Code/Name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}} | {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"glCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"glCategorySelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}]}},"ɵgj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-button-renderer","template":"<div fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"start\" fxLayoutGap=\"10px\">\n  <button id=\"create\" *ngIf=\"showCreate\" mat-icon-button class=\"blg-small-button-icon\" (click)=\"onButtonClick($event)\" [disabled]=\"disabledCreate\">\n    <mat-icon matTooltip=\"Create\">shopping_basket</mat-icon>\n  </button>\n  <button id=\"link\" *ngIf=\"showLink\" mat-icon-button class=\"blg-small-button-icon\" (click)=\"onButtonClick($event)\" [disabled]=\"disabledLink\">\n    <mat-icon matTooltip=\"Link\">sync_alt</mat-icon>\n  </button>\n  <button id=\"email\" *ngIf=\"showEmail\" mat-icon-button class=\"blg-small-button-icon\" (click)=\"onButtonClick($event)\" [disabled]=\"disabledEmail\">\n    <mat-icon matTooltip=\"Send Email\">mail</mat-icon>\n  </button>\n  <button id=\"sms\" *ngIf=\"showSMS\" mat-icon-button class=\"blg-small-button-icon\" (click)=\"onButtonClick($event)\" [disabled]=\"disabledSMS\">\n    <mat-icon matTooltip=\"Send SMS\">textsms</mat-icon>\n  </button>\n  <button id=\"edit\" *ngIf=\"showEdit\" mat-icon-button class=\"blg-small-button-icon\" (click)=\"onButtonClick($event)\" [disabled]=\"disabledDelete\">\n    <mat-icon matTooltip=\"Edit\">edit</mat-icon>\n  </button>\n  <button id=\"delete\" *ngIf=\"showDelete\" mat-icon-button class=\"blg-small-button-icon\" (click)=\"onButtonClick($event)\" [disabled]=\"disabledEdit\">\n    <mat-icon matTooltip=\"Delete\">delete</mat-icon>\n  </button>\n  <button id=\"download\" *ngIf=\"showDownload\" mat-icon-button class=\"blg-small-button-icon\" (click)=\"onButtonClick($event)\" [disabled]=\"disabledDownload\">\n    <mat-icon matTooltip=\"Download\">download</mat-icon>\n  </button>\n</div>\n"}]}],"members":{"agInit":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}]}},"ɵgk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-confirm-dialog","template":"<div class=\"row\">\n  <div\n    class=\"col-12 header\"\n    style=\"display: flex; justify-content: center; align-items: center;\"\n  >\n    <h3 style=\"color: rgb(153, 1, 1);\">{{ title }}</h3>\n  </div>\n  <hr>\n  <div class=\"col-12 cen\">\n    <p>\n      {{confirmMessage}}\n    </p>\n  </div>\n  <hr>\n  <div fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5px\">\n    <button class=\"button\" mat-raised-button color=\"warn\" (click)=\"dialogRef.close(true)\">Yes</button>\n    <button class=\"button\" mat-raised-button color=\"primary\" (click)=\"dialogRef.close(false)\">No</button>\n  </div>\n</div>\n\n","styles":[".header{font-weight:700}.col-12,.header{display:flex;justify-content:center;align-items:center}.cen,.col-12{flex-direction:column}.cen{display:flex;align-items:center;text-align:center}.cen p{margin:0;padding:0}.button-container{display:flex;justify-content:center;align-items:center}.button{margin-top:10px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵgk"}]}]}],"onNoClick":[{"__symbolic":"method"}]}},"ɵgl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-confirm-dialog","template":"<div class=\"row\">\n  <div class=\"col-12 header\">\n    <h3>{{headerMessage}}</h3>\n    <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"dialogRef.close()\">\n      <span aria-hidden=\"true\">&times;</span>\n    </button>\n  </div>\n  <hr>\n  <div class=\"col-12 cen\">\n    <p>\n      {{confirmMessage}}\n    </p>\n    <button mat-raised-button color=\"primary\" type=\"button\" class=\"button\" align=\"center\" aria-label=\"Close\" (click)=\"onNoClick()\">\n      OK\n    </button>\n  </div>\n  <hr>\n\n</div>\n\n","styles":[".cen{text-align:center;margin-bottom:20px}.right{text-align:right;font-size:10px;size:10px}h3{display:inline-block!important;margin-top:8px!important;margin-bottom:8px!important}.mat-icon-button{text-align:right;right:1px;float:right}.mat-stroked-button{float:right}.yesButton{float:left!important}.close{text-align:right;float:right;background-color:#fff;border:none;cursor:pointer;font-size:25px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵgl"}]}]}],"onNoClick":[{"__symbolic":"method"}]}},"ɵgm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"app-advanced-search-wms-container-dropdown","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>Warehouse Containers</mat-label>\n    <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Warehouse Container selection\">\n      <mat-chip *ngFor=\"let container of wmsContainers\" (removed)=\"remove(container)\">\n        {{ container.code + \" - \" + container.name }}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n      <input\n        #wmsContainerInput\n        [formControl]=\"wmsContainerControl\"\n        [matAutocomplete]=\"auto\"\n        [matChipInputFor]=\"chipList\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"false\"\n        (matChipInputTokenEnd)=\"add($event)\"\n      />\n    </mat-chip-list>\n    <mat-autocomplete #auto=\"matAutocomplete\">\n      <mat-option\n        *ngFor=\"let cont of filteredWmsContainers$ | async\"\n        [value]=\"cont\" class=\"custom-mat-option\"\n      >\n        <div (click)=\"optionClicked($event, cont)\">\n          <mat-checkbox\n            [checked]=\"cont.selected\"\n            (change)=\"toggleSelection(cont)\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ cont.code + \" - \" + cont.name }}\n          </mat-checkbox>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"wmsContainerControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"wmsContainerInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":3},"arguments":["wmsContainerInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"WarehouseContainerService","line":50,"character":33},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterWmsContainers":[{"__symbolic":"method"}],"searchWmsContainers":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-advanced-search-wms-layout-node-dropdown","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>Warehouse Space</mat-label>\n    <mat-chip-list [multiple]=\"true\" #chipList aria-label=\"Warehouse Space Selection\">\n      <mat-chip *ngFor=\"let container of layoutNodes\" (removed)=\"remove(container)\">\n        {{ container.name }}\n        <mat-icon matChipRemove>cancel</mat-icon>\n      </mat-chip>\n      <input\n        #layoutNodeInput\n        [formControl]=\"layoutNodeControl\"\n        [matAutocomplete]=\"auto\"\n        [matChipInputFor]=\"chipList\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n        [matChipInputAddOnBlur]=\"false\"\n        (matChipInputTokenEnd)=\"add($event)\"\n      />\n    </mat-chip-list>\n    <mat-autocomplete #auto=\"matAutocomplete\">\n      <mat-option\n        *ngFor=\"let cont of filteredWmsLayoutNodes$ | async\"\n        [value]=\"cont\" class=\"custom-mat-option\"\n      >\n        <div (click)=\"optionClicked($event, cont)\">\n          <mat-checkbox\n            [checked]=\"cont.selected\"\n            (change)=\"toggleSelection(cont)\"\n            (click)=\"$event.stopPropagation()\"\n          >\n            {{ cont.name }}\n          </mat-checkbox>\n        </div>\n      </mat-option>\n    </mat-autocomplete>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"layoutNodeControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"layoutNodeInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":["layoutNodeInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"WarehouseLayoutNodeHdrService","line":51,"character":31},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}],"filterWmsContainers":[{"__symbolic":"method"}],"searchWmsContainers":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"toggleSelection":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-timezone-dropdown","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"timezoneControl\" (selectionChange)=\"selectionChange.emit($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of finalDropdown$ | async\" [value]=\"opt\">{{ opt }}</mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>","styles":[""]}]}],"members":{"timezoneControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-printable-page","template":"<button mat-raised-button color=\"primary\" (click)=\"onPrintable()\">Printable</button>","styles":["table.printable{width:100%;font-size:12px;border-spacing:0}table.printable tbody tr:hover{background-color:#ffd}table.printable th{color:#000;background-color:#ddd;font-size:100%;text-align:center}table.printable td,table.printable th{border:1px solid grey;padding:3px;vertical-align:top;word-wrap:break-word}table.printable tr.maincontent,table.printable tr.summary{font-weight:700;font-size:100%}"]}]}],"members":{"agGridReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"subTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"pivotMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"rowBold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"rowPercentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onPrintable":[{"__symbolic":"method"}],"openHtmlInNewPage":[{"__symbolic":"method"}],"getStyle":[{"__symbolic":"method"}],"isObjectEmpty":[{"__symbolic":"method"}],"getScript":[{"__symbolic":"method"}]}},"ɵgq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-util-pricebook","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>Pricebook</mat-label>\n    <mat-select [formControl]=\"priceBook\" (selectionChange)=\"onSelect($event.value)\">\n      <mat-option>\n        <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n          [formControl]=\"filterControl\"></ngx-mat-select-search>\n      </mat-option>\n      <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_price_book_hdr.guid\">\n        {{opt.bl_fi_mst_price_book_hdr.code}} | {{opt.bl_fi_mst_price_book_hdr.name}}\n      </mat-option>\n    </mat-select>\n    <mat-error>\n      Pricebook <strong>not valid</strong>\n    </mat-error>\n  </mat-form-field>","styles":[""]}]}],"members":{"priceBook":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"priceBookSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PriceBookService","line":28,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-select-multi-glsection-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"glSection\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in GL Section Code/Name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}} | {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"glSection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"glSectionSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}]}},"ɵgs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"blg-select-location-drop-down-latest","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ controlName ? controlName : 'Location' }}</mat-label>\n  <mat-select\n    [formControl]=\"location\"\n    (selectionChange)=\"onSelect($event.value)\"\n    [required]=\"required\"\n  >\n    <mat-option>\n      <ngx-mat-select-search\n        [placeholderLabel]=\"'Key in Location Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\"\n        ngDefaultControl\n      >\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option\n      *ngFor=\"let eachOption of filteredOptions$ | async\"\n      [value]=\"eachOption.guid\"\n    >\n      {{ eachOption.code }} |\n      {{ eachOption.name }}\n    </mat-option>\n  </mat-select>\n  <mat-error *ngIf=\"location.hasError('required') && location.touched\">\n    <strong>Please select location</strong>\n  </mat-error>   \n  <mat-error *ngIf=\"unlinkedLocation\">\n    Selected location not linked to branch\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"branchSelectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"controlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"locationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"locationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":49,"character":25},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchLocationLinkService","line":50,"character":39},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":51,"character":27},{"__symbolic":"reference","name":"ɵbz"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setDefaultLocation":[{"__symbolic":"method"}],"getAllLocations":[{"__symbolic":"method"}],"LocationFiltering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-select-nsti-drop-down","template":"<mat-form-field class=\"full-width\" appearance=\"outline\">\n  <mat-label>Trade-In Item {{!isTradeIn?\"*\":\"\"}}</mat-label>\n  <mat-select [formControl]=\"nsti\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_nsti_stock_hdr.guid\">\n      {{eachOption.bl_fi_nsti_stock_hdr.name}}  SN#: {{eachOption.bl_fi_nsti_stock_hdr.serial_no}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    NSTI <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"nsti":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"guid_fi_item_hdr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"isTradeIn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"isReturn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"nstiSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"nstiChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"NstiStockService","line":35,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"filterNSTI":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-select-printable-format-with-filter","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>Printable Format</mat-label>\n    <mat-select [formControl]=\"printableFormat\" (selectionChange)=\"onSelectionChange($event.value)\" [disabled]=\"disabled\">\n      <mat-option>\n        <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n          [formControl]=\"filterControl\"></ngx-mat-select-search>\n      </mat-option>\n      <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_prt_printable_format_hdr.guid\">\n        {{opt.bl_prt_printable_format_hdr.name}}\n      </mat-option>\n    </mat-select>\n    <mat-error>\n      Printable Format Method <strong>not valid</strong>\n    </mat-error>\n  </mat-form-field>","styles":["::ng-deep .mat-form-field-wrapper{padding:0;margin:0}"]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"printableFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"txn_type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"printableFormatChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"selectedPrintableFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PrintableFormatService","line":34,"character":46}]}],"ngOnInit":[{"__symbolic":"method"}],"filterPrintable":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-select-budget-votebook-gen-doc","template":"<mat-form-field class=\"example-full-width\" appearance=\"outline\">\n  <mat-label>Budget Votebook</mat-label>\n  <mat-select [formControl]=\"budgetVotebook\">\n    <mat-option>\n      <ngx-mat-select-search\n        (keyup)=\"applyBudgetVotebookFilter($event.target.value)\"\n        [placeholderLabel]=\"'Budget Votebook'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n      >\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option\n      *ngFor=\"let budgetVotebook of searchBudgetVotebooks\"\n      [value]=\"budgetVotebook.guid\"\n    >\n      {{ budgetVotebook.name }} | {{ budgetVotebook.code }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>\n","styles":[""]}]}],"members":{"budgetVotebook":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BudgetVotebookService","line":30,"character":45}]}],"ngOnInit":[{"__symbolic":"method"}],"applyBudgetVotebookFilter":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-select-budget-register-gen-doc","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":19},"member":"OnPush"},"template":"<mat-form-field class=\"example-full-width\" appearance=\"outline\">\n    <mat-label>Budget Register</mat-label>\n    <mat-select [formControl]=\"budgetRegister\">\n      <mat-option>\n        <ngx-mat-select-search\n          (keyup)=\"applyBudgetRegisterFilter($event.target.value)\"\n          [placeholderLabel]=\"'Budget Register'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n        >\n        </ngx-mat-select-search>\n      </mat-option>\n      <mat-option\n        *ngFor=\"let budgetRegister of searchBudgetRegisters\"\n        [value]=\"budgetRegister.guid\"\n      >\n        {{ budgetRegister.name }} | {{ budgetRegister.code }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"budgetRegister":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"budgetVotebookGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"budgetFiscalYearGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"budgetFiscalPeriodGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"budgetItemGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BudgetRegisterService","line":39,"character":45}]}],"ngOnChanges":[{"__symbolic":"method"}],"applyBudgetRegisterFilter":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"app-select-budget-fiscal-period-gen-doc","template":"<mat-form-field class=\"example-full-width\" appearance=\"outline\">\n    <mat-label>Budget Fiscal Period</mat-label>\n    <mat-select [formControl]=\"budgetFiscalPeriod\">\n      <mat-option>\n        <ngx-mat-select-search\n          (keyup)=\"applyBudgetFiscalPeriodFilter($event.target.value)\"\n          [placeholderLabel]=\"'Budget Fiscal Period'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n        >\n        </ngx-mat-select-search>\n      </mat-option>\n      <mat-option\n        *ngFor=\"let budgetFiscalPeriod of searchBudgetFiscalPeriods\"\n        [value]=\"budgetFiscalPeriod.guid\"\n      >\n        {{ budgetFiscalPeriod.fiscal_period_name }} | {{ budgetFiscalPeriod.fiscal_period_code }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"budgetFiscalPeriod":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"budgetVotebookGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BudgetFiscalYearPeriodService","line":40,"character":43}]}],"ngOnChanges":[{"__symbolic":"method"}],"applyBudgetFiscalPeriodFilter":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"app-select-budget-item-gen-doc","template":"<mat-form-field class=\"example-full-width\" appearance=\"outline\">\n    <mat-label>Budget Item</mat-label>\n    <mat-select [formControl]=\"budgetItem\">\n      <mat-option>\n        <ngx-mat-select-search\n          (keyup)=\"applyBudgetItemFilter($event.target.value)\"\n          [placeholderLabel]=\"'Budget Item'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n        >\n        </ngx-mat-select-search>\n      </mat-option>\n      <mat-option\n        *ngFor=\"let budgetItem of searchBudgetItems\"\n        [value]=\"budgetItem.guid\"\n      >\n        {{ budgetItem.name }} | {{ budgetItem.code }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"budgetItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"budgetVotebookGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BudgetItemService","line":41,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BudgetLineService","line":42,"character":31}]}],"ngOnChanges":[{"__symbolic":"method"}],"applyBudgetItemFilter":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵgz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-select-budget-fiscal-year-gen-doc","template":"<mat-form-field class=\"example-full-width\" appearance=\"outline\">\n    <mat-label>Budget Fiscal Year</mat-label>\n    <mat-select [formControl]=\"budgetFiscalYear\">\n      <mat-option>\n        <ngx-mat-select-search\n          (keyup)=\"applyBudgetFiscalYearFilter($event.target.value)\"\n          [placeholderLabel]=\"'Budget Fiscal Year'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n        >\n        </ngx-mat-select-search>\n      </mat-option>\n      <mat-option\n        *ngFor=\"let budgetFiscalYear of searchBudgetFiscalYears\"\n        [value]=\"budgetFiscalYear.guid\"\n      >\n        {{ budgetFiscalYear.name }} | {{ budgetFiscalYear.code }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"budgetFiscalYear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"budgetVotebookGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BudgetFiscalYearService","line":25,"character":47}]}],"ngOnChanges":[{"__symbolic":"method"}],"applyBudgetFiscalYearFilter":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵha":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-advanced-search-client-side","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"template":"<mat-form-field #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin appearance=\"outline\" class=\"search-box\">\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input #basic matInput type=\"text\" (keyup.enter)=\"onBasicSearch(basic.value)\" />\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix>\n    <div matSuffix>\n      <button class=\"blg-small-button-icon\" mat-icon-button (click)=\"searchToggle()\">\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"isAdvanced\">\n  <div [id]=\"id\" class=\"advanced-search-container\">\n    <form [formGroup]=\"advForm\" (ngSubmit)=\"onAdvancedSearch()\">\n      <div class=\"advanced-search-form\" fxLayout=\"column\" fxFlexAlign=\"space-between center\">\n        <ng-container *ngFor=\"let x of inputArray\">\n          <div [ngSwitch]=\"x[1]\">\n\n            <mat-form-field *ngSwitchCase=\"'string'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" />\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" type=\"number\" />\n            </mat-form-field>\n            \n         <app-select-company-drop-down *ngSwitchCase=\"'company'\"  [apiVisa]=\"apiVisa\" [company]=\"advForm.controls[x[0]]\" ></app-select-company-drop-down> \n            \n          <app-select-location-drop-down *ngSwitchCase=\"'loc'\"  [apiVisa]=\"apiVisa\" [location]=\"advForm.controls[x[0]]\" ></app-select-location-drop-down> \n\n            <mat-form-field *ngSwitchCase=\"'select'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\">\n                <mat-option>\n                  <ngx-mat-select-search [id]=\"x[0]\" (keyup)=\"optionSearchFilter($event)\"\n                    [placeholderLabel]=\"advSearchModel.label[x[0]]\" [noEntriesFoundLabel]=\"'No matching records found'\"\n                    [(ngModel)]='filter' [ngModelOptions]=\"{standalone: true}\">\n                  </ngx-mat-select-search>\n                </mat-option>\n                <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <div *ngSwitchCase=\"'date'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} From</mat-label>\n                <input matInput [matDatepicker]=\"start_modified_range\" (dateChange)=\"dateChange($event.value, advForm.controls[x[0]].controls.from, selectedTz)\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\" readonly (click)=\"start_modified_range.open()\" />\n                <mat-datepicker-toggle matSuffix [for]=\"start_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #start_modified_range></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} To</mat-label>\n                <input matInput [matDatepicker]=\"end_modified_range\" [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly (click)=\"end_modified_range.open()\" (dateChange)=\"dateChange($event.value, advForm.controls[x[0]].controls.to, selectedTz)\"/>\n                <mat-datepicker-toggle matSuffix [for]=\"end_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #end_modified_range></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'specificDate'\">\n              <mat-form-field fxFlex=\"100\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <input matInput [matDatepicker]=\"selectedDate\" [formControl]=\"advForm.controls[x[0]]\" readonly (click)=\"selectedDate.open()\" \n                  (dateChange)=\"dateChange($event.value, advForm.controls[x[0]], selectedTz)\"/>\n                <mat-datepicker-toggle matSuffix [for]=\"selectedDate\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #selectedDate></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'numberRange'\" fxLayout=\"row wrap\" fxLayoutGap=\"4%\">\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} Start Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.from\"/>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} End Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.to\"/>\n              </mat-form-field>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n      <div style=\"padding-top: 15px;\" fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n        <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n          RESET\n        </button>\n        <button color=\"primary\" mat-raised-button type=\"submit\">\n          SEARCH\n        </button>\n      </div>\n    </form>\n  </div>\n</ng-template>\n","styles":[".search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"enableTimezone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"selectedTz":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"advancedSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"onAdvancedSearch":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onBasicSearch":[{"__symbolic":"method"}],"dateChange":[{"__symbolic":"method"}]}},"ɵhb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"default-language-select-drop-down","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>{{ controlName ? controlName : 'Applet Language' }}</mat-label>\n    <mat-select [formControl]=\"languageControl\">\n      <mat-option *ngFor=\"let eachOption of languageList\" [value]=\"eachOption.bl_applet_language_hdr.guid\">\n        {{ eachOption.bl_applet_language_hdr.code }} | {{ eachOption.bl_applet_language_hdr.name }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"language":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"controlName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"languageData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppletLanguageHdrTenantService","line":24,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-akaun-discard-dialog","template":"<div class=\"row\">\n  <div\n    class=\"col-12 header\"\n    style=\"display: flex; justify-content: center; align-items: center\"\n  >\n    <h3>{{ title }}</h3>\n  </div>\n  <hr />\n  <div class=\"col-12 cen\">\n    <p>{{ confirmMessage }} <b>{{ docNo }}</b>?</p>\n    <p>Please enter the document number to confirm:</p>\n    <input type=\"text\" [(ngModel)]=\"enteredDocNo\" (input)=\"checkDocNo()\" />\n  </div>\n  <hr />\n  <div class=\"col-12 button-container\">\n    <button class=\"button\" mat-raised-button color=\"warn\" (click)=\"onNoClick()\">\n      Cancel\n    </button>\n  </div>\n</div>\n","styles":[".header{font-weight:700}.col-12,.header{display:flex;justify-content:center;align-items:center}.cen,.col-12{flex-direction:column}.cen{display:flex;align-items:center;text-align:center}.cen p{margin:0;padding:0}.button-container{display:flex;justify-content:center;align-items:center}.button{margin-top:10px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵhc"}]}]}],"onNoClick":[{"__symbolic":"method"}],"checkDocNo":[{"__symbolic":"method"}]}},"ɵhd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-einvoice-uom","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"Default"},"template":"<mat-form-field appearance=\"outline\">\n  <mat-label>EInvoice UOM</mat-label>\n  <mat-select [formControl]=\"uom\" (selectionChange)=\"onUOMSelected($event.value)\" [(value)]=\"selectedUOM\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\" [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"uomfilterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let l of filteredUOM$ | async\" [value]=\"l.uom\">\n      {{l.uom}} | {{l.einvoiceUomDesc}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    EInvoice UOM <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"uom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"uomChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"selectedEInvoiceUomModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"unitPrice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"viewModelStore":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"ColumnViewActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"ColumnViewSelectors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":54,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"filterUOM":[{"__symbolic":"method"}],"onUOMSelected":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-select-multi-employee-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n    [formControl]=\"employee\"\n    (selectionChange)=\"onSelect($event.value)\"\n    [required]=\"isRequired()\"\n    [multiple]=\"isMultiple()\"\n  >\n    <mat-option>\n      <ngx-mat-select-search\n        [placeholderLabel]=\"'Key in Employee Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\"\n        ngDefaultControl\n      >\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option\n      *ngFor=\"let eachOption of filteredOptions$ | async\"\n      [value]=\"eachOption.guid\"\n    >\n      {{ eachOption.name }}\n    </mat-option>\n  </mat-select>\n  <mat-error> Employee <strong>not valid</strong> </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"employee":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"employeeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵhf"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵhf"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isShowAll":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhf":{"__symbolic":"interface"},"ɵhg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-akaun-void-dialog","template":"<div class=\"row\">\n  <div\n    class=\"col-12 header\"\n    style=\"display: flex; justify-content: center; align-items: center;\"\n  >\n    <h3 style=\"color: rgb(153, 1, 1);\">{{ title }}</h3>\n  </div>\n  <hr />\n  <div class=\"col-12 cen\">\n    <p>{{ confirmMessage }} <b>{{ docNo }}</b>?</p>\n    <p>Please enter the document number to confirm:</p>\n    <br>\n    <input type=\"text\" [(ngModel)]=\"enteredDocNo\" (keydown.enter)=\"checkDocNo()\"/>\n  </div>\n  <hr />\n  <p style=\"color: rgb(153, 1, 1); text-align: center;\">{{  error   }}</p>\n  <div fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5px\">\n    <button class=\"button\" mat-raised-button color=\"warn\" (click)=\"checkDocNo()\">\n      Confirm\n    </button>\n    <button class=\"button\" mat-raised-button color=\"primary\" (click)=\"onNoClick()\">\n      Cancel\n    </button>\n  </div>\n</div>\n","styles":[".header{font-weight:700}.col-12,.header{display:flex;justify-content:center;align-items:center}.cen,.col-12{flex-direction:column}.cen{display:flex;align-items:center;text-align:center}.cen p{margin:0;padding:0}.button-container{display:flex;justify-content:center;align-items:center}.button{margin-top:10px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵhg"}]}]}],"onNoClick":[{"__symbolic":"method"}],"checkDocNo":[{"__symbolic":"method"}]}},"ɵhh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-select-multi-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select #multiSelect [formControl]=\"form\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in code/name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{ displayRow(eachOption.code, eachOption.name) }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"key":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"defaultRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"formSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"displayRow":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-select-multi-fi-item-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"fiItem\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Item Code/Name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{ displayRow(eachOption.code, eachOption.name) }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"fiItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"defaultRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"fiItemSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"displayRow":[{"__symbolic":"method"}]}},"ɵhj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-close-confirm-dialog","template":"<div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <h1 mat-dialog-title>Confirm Close</h1>\n\n  <div mat-dialog-content>\n    <p>Are you sure you want to CLOSE this item? This action cannot be undone.</p>\n  </div>\n\n  <div fxLayout=\"row wrap\" fxLayoutAlign=\"center\">\n    <button mat-raised-button color=\"primary\" (click)=\"onYesClick()\" type=\"button\" style=\"margin-right: 10px\">YES</button>\n\n    <button mat-raised-button color=\"warn\" (click)=\"onNoClick()\" type=\"button\">NO</button>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵhj"}]}]}],"onNoClick":[{"__symbolic":"method"}],"onYesClick":[{"__symbolic":"method"}]}},"ɵhk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-rejection-reason-popup","template":"<div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n  <div fxFlex=\"100\" style=\"padding-left: 2rem; padding-top: 1rem;\">\n    <div fxLayout=\"row\">\n      <h2>Select Rejection Reason</h2>\n    </div>\n    <div fxLayout=\"row\">\n      <div fxFlex=\"100\" fxLayout=\"column\">\n        <div *ngFor=\"let reason of defaultRejectionReasons\" fxLayout=\"row\" style=\"margin-bottom: 15px;\">\n          <mat-radio-group [(ngModel)]=\"selectedReason\">\n            <mat-radio-button [value]=\"reason\">{{ reason }}</mat-radio-button>\n          </mat-radio-group>\n        </div>\n      </div>\n    </div>\n    <div fxLayout=\"row\" fxLayoutAlign=\"end center\" style=\"margin-bottom: 30px;\">\n      <button style=\"font-size: 20px;\" mat-button (click)=\"onCancel()\">Cancel</button>\n      <button style=\"font-size: 20px;\" mat-button [disabled]=\"!selectedReason\" [color]=\"selectedReason ? 'primary' : ''\" (click)=\"onSubmit()\">Submit</button>\n    </div>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":36,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵhk"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"MyEInvoiceRequestRejectionService","line":34,"character":37},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":35,"character":21},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"MyEInvoiceToIrbContainerContainerModel","line":36,"character":42}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onCloseDialog":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"handleRejectionRequest":[{"__symbolic":"method"}]}},"ɵhl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-select-multi-pricing-scheme-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"pricingScheme\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Pricing Scheme Code/Name'\"\n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}} | {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"pricingScheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"pricingSchemeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}]}},"ɵhm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-select-multi-location-label-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"locationLabel\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Location Label Code/Name'\" \n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"showValue(eachOption)\">\n      {{eachOption.code}} | {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"locationLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"locationLabelSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isSelectObject":[{"__symbolic":"method"}],"showValue":[{"__symbolic":"method"}]}},"ɵhn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-select-customer-dropdown","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>{{ label }}</mat-label>\n    <mat-select\n      [formControl]=\"customer\"\n      (selectionChange)=\"onSelect($event.value)\"\n    >\n      <mat-option>\n        <ngx-mat-select-search\n          [placeholderLabel]=\"'Key in Customer Code/Name'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n          [formControl]=\"serverSideFiltering\"\n          ngDefaultControl\n        >\n        </ngx-mat-select-search>\n      </mat-option>\n      <mat-option\n        *ngFor=\"let eachOption of filteredOptions$ | async\"\n        [value]=\"eachOption.guid\"\n      >\n        {{ eachOption.name }}\n      </mat-option>\n    </mat-select>\n    <mat-error> Customer <strong>not valid</strong> </mat-error>\n  </mat-form-field>\n  ","styles":[""]}]}],"members":{"customer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"customerSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵho":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-role-dropdown","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Role</mat-label>\n  <mat-select [formControl]=\"role\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.app_mst_role.guid\">\n      {{opt.app_mst_role.code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Role <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"roleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":27,"character":36}]}],"ngOnInit":[{"__symbolic":"method"}],"filterApplet":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-advanced-search-lines-v2","template":"<mat-form-field #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin appearance=\"outline\" class=\"search-box\">\n    <mat-label>Search...</mat-label>\n    <mat-icon matPrefix>search</mat-icon>\n    <input #basic matInput type=\"text\" (keyup.enter)=\"onBasicSearch(basic.value)\" />\n    <div role=\"group\" fxLayout=\"row wrap\" matSuffix>\n      <div matSuffix>\n        <button class=\"blg-small-button-icon\" mat-icon-button (click)=\"searchToggle()\">\n          <mat-icon>filter_list</mat-icon>\n        </button>\n      </div>\n    </div>\n  </mat-form-field>\n  <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"isAdvanced\">\n    <div [id]=\"id\" class=\"advanced-search-container\">\n      <form [formGroup]=\"advForm\" (ngSubmit)=\"onAdvancedSearch()\">\n        <div class=\"advanced-search-form\" fxLayout=\"column\" fxFlexAlign=\"space-between center\">\n          <ng-container *ngFor=\"let x of inputArray\">\n            <div [ngSwitch]=\"x[1]\">\n  \n              <mat-form-field *ngSwitchCase=\"'string'\" appearance=\"outline\" type=\"text\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]]\" />\n              </mat-form-field>\n  \n              <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]]\" type=\"number\" />\n              </mat-form-field>\n              \n           <app-select-company-drop-down *ngSwitchCase=\"'company'\"  [apiVisa]=\"apiVisa\" [company]=\"advForm.controls[x[0]]\" ></app-select-company-drop-down> \n              \n            <app-select-location-drop-down *ngSwitchCase=\"'loc'\"  [apiVisa]=\"apiVisa\" [location]=\"advForm.controls[x[0]]\" ></app-select-location-drop-down> \n\n            <blg-select-multi-item-category-drop-down *ngSwitchCase=\"'select-multi-item-category-level'\" [apiVisa]=\"apiVisa\" [itemCategoryLevel]=\"advForm.controls[x[0]]\" \n            [label]=\"advSearchModel.label[x[0]]\" [options]=\"advSearchModel.options[x[0]]\" fxFlex=\"100%\"></blg-select-multi-item-category-drop-down>\n  \n              <mat-form-field *ngSwitchCase=\"'select'\" appearance=\"outline\" type=\"text\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\">\n                  <mat-option>\n                    <ngx-mat-select-search [id]=\"x[0]\" (keyup)=\"optionSearchFilter($event)\"\n                      [placeholderLabel]=\"advSearchModel.label[x[0]]\" [noEntriesFoundLabel]=\"'No matching records found'\"\n                      [(ngModel)]='filter' [ngModelOptions]=\"{standalone: true}\">\n                    </ngx-mat-select-search>\n                  </mat-option>\n                  <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                    {{ item }}\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n  \n              <div *ngSwitchCase=\"'date'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n                <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                  <mat-label>{{advSearchModel.label[x[0]]}} From</mat-label>\n                  <input matInput [matDatepicker]=\"start_modified_range\" (dateChange)=\"dateChange($event.value, advForm.controls[x[0]].controls.from, selectedTz)\"\n                    [formControl]=\"advForm.controls[x[0]].controls.from\" readonly (click)=\"start_modified_range.open()\" />\n                  <mat-datepicker-toggle matSuffix [for]=\"start_modified_range\"></mat-datepicker-toggle>\n                  <mat-datepicker touchUi=\"true\" #start_modified_range></mat-datepicker>\n                </mat-form-field>\n                <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                  <mat-label>{{advSearchModel.label[x[0]]}} To</mat-label>\n                  <input matInput [matDatepicker]=\"end_modified_range\" [formControl]=\"advForm.controls[x[0]].controls.to\"\n                    readonly (click)=\"end_modified_range.open()\" (dateChange)=\"dateChange($event.value, advForm.controls[x[0]].controls.to, selectedTz)\"/>\n                  <mat-datepicker-toggle matSuffix [for]=\"end_modified_range\"></mat-datepicker-toggle>\n                  <mat-datepicker touchUi=\"true\" #end_modified_range></mat-datepicker>\n                </mat-form-field>\n              </div>\n  \n              <div *ngSwitchCase=\"'specificDate'\">\n                <mat-form-field fxFlex=\"100\" appearance=\"outline\">\n                  <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                  <input matInput [matDatepicker]=\"selectedDate\" [formControl]=\"advForm.controls[x[0]]\" readonly (click)=\"selectedDate.open()\" \n                    (dateChange)=\"dateChange($event.value, advForm.controls[x[0]], selectedTz)\"/>\n                  <mat-datepicker-toggle matSuffix [for]=\"selectedDate\"></mat-datepicker-toggle>\n                  <mat-datepicker touchUi=\"true\" #selectedDate></mat-datepicker>\n                </mat-form-field>\n              </div>\n  \n              <div *ngSwitchCase=\"'numberRange'\" fxLayout=\"row wrap\" fxLayoutGap=\"4%\">\n                <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                  <mat-label>{{advSearchModel.label[x[0]]}} Start Range</mat-label>\n                  <input matInput [formControl]=\"advForm.controls[x[0]].controls.from\"/>\n                </mat-form-field>\n                <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                  <mat-label>{{advSearchModel.label[x[0]]}} End Range</mat-label>\n                  <input matInput [formControl]=\"advForm.controls[x[0]].controls.to\"/>\n                </mat-form-field>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n        <div style=\"padding-top: 15px;\" fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n          <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n            RESET\n          </button>\n          <button color=\"primary\" mat-raised-button type=\"submit\">\n            SEARCH\n          </button>\n        </div>\n      </form>\n    </div>\n  </ng-template>\n  ","styles":[".search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"enableTimezone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"selectedTz":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"advancedSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"onAdvancedSearch":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onBasicSearch":[{"__symbolic":"method"}],"dateChange":[{"__symbolic":"method"}]}},"ɵhq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"blg-select-multi-item-category-drop-down","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>{{ labelName }}</mat-label>\n    <mat-select [formControl]=\"itemCategoryLevel\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n      <mat-option>\n        <ngx-mat-select-search [placeholderLabel]=\"'Key in Item Category Code/Name'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\" [formControl]=\"serverSideFiltering\" ngDefaultControl>\n        </ngx-mat-select-search>\n      </mat-option>\n      <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n        {{eachOption.code}} | {{eachOption.name}}\n      </mat-option>\n    </mat-select>\n    <mat-error>\n      Item Category <strong>not valid</strong>\n    </mat-error>\n  </mat-form-field>","styles":[""]}]}],"members":{"itemCategoryLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"itemCategoryLevelSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LabelService","line":40,"character":26},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"getLevel":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-consultation-no-dropdown","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"control\" (selectionChange)=\"selectionChange.emit($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search to load more...'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option>--None--</mat-option>\n    <mat-option *ngFor=\"let opt of finalDropdown$ | async\" [value]=\"opt.value\">\n      {{ opt.viewValue }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AsvConsultationHdrService","line":37,"character":42}]}],"ngOnInit":[{"__symbolic":"method"}],"getBasePagination":[{"__symbolic":"method"}],"getInitPagination":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-consultation-name-dropdown","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"control\" (selectionChange)=\"selectionChange.emit($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search to load more...'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option>--None--</mat-option>\n    <mat-option *ngFor=\"let opt of finalDropdown$ | async\" [value]=\"opt.value\">\n      {{ opt.viewValue }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AsvConsultationHdrService","line":38,"character":42}]}],"ngOnInit":[{"__symbolic":"method"}],"getBasePagination":[{"__symbolic":"method"}],"getInitPagination":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵht":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-vehicle-no-dropdown","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"control\" (selectionChange)=\"selectionChange.emit($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search to load more...'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option>--None--</mat-option>\n    <mat-option *ngFor=\"let opt of finalDropdown$ | async\" [value]=\"opt.value\">\n      {{ opt.viewValue }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"VehicleService","line":38,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"getBasePagination":[{"__symbolic":"method"}],"getInitPagination":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-vehicle-brand-name-dropdown","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"control\" (selectionChange)=\"selectionChange.emit($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search to load more...'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option>--None--</mat-option>\n    <mat-option *ngFor=\"let opt of finalDropdown$ | async\" [value]=\"opt.value\">\n      {{ opt.viewValue }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"VehicleService","line":38,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"getBasePagination":[{"__symbolic":"method"}],"getInitPagination":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-vehicle-capacity-dropdown","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"control\" (selectionChange)=\"selectionChange.emit($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search to load more...'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option>--None--</mat-option>\n    <mat-option *ngFor=\"let opt of finalDropdown$ | async\" [value]=\"opt.value\">\n      {{ opt.viewValue }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"VehicleService","line":38,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"getBasePagination":[{"__symbolic":"method"}],"getInitPagination":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-vehicle-model-year-dropdown","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"control\" (selectionChange)=\"selectionChange.emit($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search to load more...'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option>--None--</mat-option>\n    <mat-option *ngFor=\"let opt of finalDropdown$ | async\" [value]=\"opt.value\">\n      {{ opt.viewValue }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"VehicleService","line":38,"character":38}]}],"ngOnInit":[{"__symbolic":"method"}],"getBasePagination":[{"__symbolic":"method"}],"getInitPagination":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-select-multi-cashbook-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"cashbook\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Cashbook Code'\"\n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"cashbook":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"companyGuidList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"cashbookSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityLoginEpService","line":52,"character":34},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"isSelectObject":[{"__symbolic":"method"}],"showValue":[{"__symbolic":"method"}],"isFilterCompany":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵhy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"escapeHtml","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":5,"character":33}]}],"transform":[{"__symbolic":"method"}]}},"ɵhz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"app-select-item-gl-code","template":"<mat-form-field appearance=\"outline\">\n    <mat-label>GL Code</mat-label>\n    <mat-select [formControl]=\"guid_glcode\" (selectionChange)=\"onSelect($event.value)\" [required]=\"required\">\n      <mat-option>\n        <ngx-mat-select-search [placeholderLabel]=\"'Key in GL Code Code/Name'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\"\n          [formControl]=\"serverSideFiltering\"></ngx-mat-select-search>\n      </mat-option>\n      <mat-option [value]=\"null\">None</mat-option>\n      <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_glcode.guid\">\n        {{eachOption.bl_fi_mst_glcode.gl_code_1}} | {{eachOption.bl_fi_mst_glcode.name}}\n      </mat-option>\n    </mat-select>\n    <mat-error>\n      GL Code <strong>not valid</strong>\n    </mat-error>\n  </mat-form-field>","styles":[""]}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"guid_glcode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"coaGuid$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"compGuid$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"itemGuid$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"txn_code":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GlcodeService","line":42,"character":27},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyGLCodeLinkService","line":43,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"FinancialItemGLCodeLinkService","line":44,"character":44},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"FinancialItemService","line":45,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"getGLCodes":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"fetchGLCodeByGuid":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵia":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-select-multi-tax-code-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"taxCode\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Tax Code'\"\n                               [showToggleAllCheckbox]=\"true\"\n                               [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n                               [toggleAllCheckboxChecked]=\"isChecked\"\n                               (toggleAll)=\"toggleSelectAll($event)\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.tax_code\">\n      {{eachOption.tax_code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"taxCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"readPermissionDefintion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"companyGuidList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"taxType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"taxCodeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityLoginEpService","line":53,"character":34},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"isSelectObject":[{"__symbolic":"method"}],"showValue":[{"__symbolic":"method"}],"isFilterCompany":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵib":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-advanced-search-einvoice","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"template":"<mat-form-field #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin appearance=\"outline\" class=\"search-box\">\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input #basic matInput type=\"text\" (keyup.enter)=\"onBasicSearch(basic.value)\" />\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix>\n    <div matSuffix>\n      <button class=\"blg-small-button-icon\" mat-icon-button (click)=\"searchToggle()\">\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"isAdvanced\">\n  <div [id]=\"id\" class=\"advanced-search-container\">\n    <form [formGroup]=\"advForm\" (ngSubmit)=\"onAdvancedSearch()\">\n      <div class=\"advanced-search-form\" fxLayout=\"column\" fxFlexAlign=\"space-between center\">\n        <ng-container *ngFor=\"let x of inputArray\">\n          <div [ngSwitch]=\"x[1]\">\n\n            <mat-form-field *ngSwitchCase=\"'string'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" />\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" type=\"number\" />\n            </mat-form-field>\n            \n         <app-select-company-drop-down *ngSwitchCase=\"'company'\"  [apiVisa]=\"apiVisa\" [company]=\"advForm.controls[x[0]]\" ></app-select-company-drop-down> \n            \n          <app-select-location-drop-down *ngSwitchCase=\"'loc'\"  [apiVisa]=\"apiVisa\" [location]=\"advForm.controls[x[0]]\" ></app-select-location-drop-down> \n\n            <mat-form-field *ngSwitchCase=\"'select'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\" [multiple]=\"isMultiple(x)\">\n                <mat-option>\n                  <ngx-mat-select-search [id]=\"x[0]\" (keyup)=\"optionSearchFilter($event)\"\n                    [placeholderLabel]=\"advSearchModel.label[x[0]]\" [noEntriesFoundLabel]=\"'No matching records found'\"\n                    [(ngModel)]='filter' [ngModelOptions]=\"{standalone: true}\">\n                  </ngx-mat-select-search>\n                </mat-option>\n                <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <div *ngSwitchCase=\"'date'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} From</mat-label>\n                <input matInput [matDatepicker]=\"start_modified_range\" (dateChange)=\"dateChange($event.value, advForm.controls[x[0]].controls.from, selectedTz)\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\" readonly (click)=\"start_modified_range.open()\" />\n                <mat-datepicker-toggle matSuffix [for]=\"start_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #start_modified_range></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} To</mat-label>\n                <input matInput [matDatepicker]=\"end_modified_range\" [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly (click)=\"end_modified_range.open()\" (dateChange)=\"dateChange($event.value, advForm.controls[x[0]].controls.to, selectedTz)\"/>\n                <mat-datepicker-toggle matSuffix [for]=\"end_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #end_modified_range></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'specificDate'\">\n              <mat-form-field fxFlex=\"100\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <input matInput [matDatepicker]=\"selectedDate\" [formControl]=\"advForm.controls[x[0]]\" readonly (click)=\"selectedDate.open()\" \n                  (dateChange)=\"dateChange($event.value, advForm.controls[x[0]], selectedTz)\"/>\n                <mat-datepicker-toggle matSuffix [for]=\"selectedDate\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #selectedDate></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'numberRange'\" fxLayout=\"row wrap\" fxLayoutGap=\"4%\">\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} Start Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.from\"/>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} End Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.to\"/>\n              </mat-form-field>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n      <div style=\"padding-top: 15px;\" fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n        <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n          RESET\n        </button>\n        <button color=\"primary\" mat-raised-button type=\"submit\">\n          SEARCH\n        </button>\n      </div>\n    </form>\n  </div>\n</ng-template>\n","styles":[".search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"enableTimezone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"selectedTz":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"advancedSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"resetEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"onAdvancedSearch":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isTrue":[{"__symbolic":"method"}],"onBasicSearch":[{"__symbolic":"method"}],"dateChange":[{"__symbolic":"method"}]}},"ɵic":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-advanced-search-einvoice-portal","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"template":"<mat-form-field #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin appearance=\"outline\" class=\"search-box\">\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input #basic matInput type=\"text\" (click)=\"searchToggle()\" />\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix>\n    <div matSuffix>\n      <button class=\"blg-small-button-icon\" mat-icon-button (click)=\"searchToggle()\">\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"isAdvanced\">\n  <div [id]=\"id\" class=\"advanced-search-container\">\n\n    <div class=\"search-toggle-container\">\n      <mat-button-toggle-group [(ngModel)]=\"selectedToggle\" aria-label=\"Search Mode\">\n        <mat-button-toggle value=\"byDateAmount\">By Date Amount</mat-button-toggle>\n        <mat-button-toggle value=\"byPin\">By Pin</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n\n    <form [formGroup]=\"searchForm\" (ngSubmit)=\"onAdvancedSearch()\">\n      <div *ngIf=\"selectedToggle === 'byDateAmount'\">\n        <mat-form-field appearance=\"outline\">\n          <mat-label>Invoice No</mat-label>\n          <input matInput formControlName=\"invoiceNo\" />\n        </mat-form-field>\n\n        <mat-form-field appearance=\"outline\">\n          <mat-label>Amount</mat-label>\n          <input matInput formControlName=\"amount\" type=\"number\" />\n        </mat-form-field>\n\n        <mat-form-field appearance=\"outline\">\n          <mat-label>Transaction Date</mat-label>\n          <input matInput formControlName=\"transactionDate\" [matDatepicker]=\"datePicker\" />\n          <mat-datepicker-toggle matSuffix [for]=\"datePicker\"></mat-datepicker-toggle>\n          <mat-datepicker #datePicker></mat-datepicker>\n        </mat-form-field>\n      </div>\n\n      <div *ngIf=\"selectedToggle === 'byPin'\">\n        <mat-form-field appearance=\"outline\">\n          <mat-label>Invoice No</mat-label>\n          <input matInput formControlName=\"invoiceNo\" />\n        </mat-form-field>\n\n        <mat-form-field appearance=\"outline\">\n          <mat-label>Pin</mat-label>\n          <input matInput formControlName=\"pin\" type=\"password\" />\n        </mat-form-field>\n      </div>\n\n      <div style=\"margin-top: 15px;\" fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"10px\">\n        <button mat-raised-button type=\"button\" (click)=\"resetForm()\">Reset</button>\n        <button mat-raised-button color=\"primary\" type=\"submit\">Search</button>\n      </div>\n    </form>\n  </div>\n</ng-template>\n","styles":[".search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"advancedSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"resetEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":18,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"initializeForm":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"updateFormValidators":[{"__symbolic":"method"}],"onAdvancedSearch":[{"__symbolic":"method"}],"resetForm":[{"__symbolic":"method"}]}},"ɵid":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-branch-dropdown-simple","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"control\" (selectionChange)=\"selectionChange.emit($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search to load more...'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option>--None--</mat-option>\n    <mat-option *ngFor=\"let opt of finalDropdown$ | async\" [value]=\"opt.value\">\n      {{ opt.viewValue }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"resource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"company":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"loadBranchDropdown":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵie":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-customer-dropdown-simple","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"control\" (selectionChange)=\"selectionChange.emit($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search to load more...'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option>--None--</mat-option>\n    <mat-option *ngFor=\"let opt of finalDropdown$ | async\" [value]=\"opt.value\">\n      {{ opt.viewValue }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"resource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵif":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"export-data-dialog","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":21},"member":"OnPush"},"template":"<h2 mat-dialog-title>Export Data</h2>\n  <form [formGroup]=\"form\">\n  <mat-dialog-content>\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n      <div fxFlex=\"45%\" fxLayout=\"column\" fxLayoutAlign=\"center start\">\n        <b>Source Fields</b>\n        <mat-form-field>\n          <select matNativeControl formControlName=\"selectSource\" multiple size=\"15\" style=\"width:450px;\">\n            <option *ngFor=\"let field of sourceFields\" [value]=\"field\">\n              {{field}}\n            </option>\n          </select>\n        </mat-form-field>\n      </div>\n\n      <div fxFlex=\"10%\" fxLayout=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"10px\">\n        <button mat-flat-button color=\"primary\" [disabled]=\"disabledAddRemove('selectSource')\" (click)=\"addField()\">Add &raquo;</button>\n        <button mat-flat-button color=\"warn\" [disabled]=\"disabledAddRemove('selectTarget')\" (click)=\"removeField()\">&laquo; Remove</button>\n      </div>\n\n      <div fxFlex=\"45%\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <b>Target Fields</b>\n        <mat-form-field>\n          <select matNativeControl multiple size=\"15\" formControlName=\"selectTarget\">\n            <option *ngFor=\"let field of targetFields\" [value]=\"field\" [disabled]=\"disabledField(field)\">\n              {{field}}\n            </option>\n          </select>\n        </mat-form-field>\n      </div>\n    </div>\n</mat-dialog-content>\n</form>\n\n<mat-dialog-actions align=\"end\">\n  <button mat-button mat-dialog-close>Cancel</button>\n  <button mat-button [disabled]=\"disabledExport()\" color=\"primary\" (click)=\"onExport()\" cdkFocusInitial>Export</button>\n</mat-dialog-actions>\n\n\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":23,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵif"}]},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"disabledExport":[{"__symbolic":"method"}],"onExport":[{"__symbolic":"method"}],"addField":[{"__symbolic":"method"}],"removeField":[{"__symbolic":"method"}],"disabledField":[{"__symbolic":"method"}],"disabledAddRemove":[{"__symbolic":"method"}]}},"ɵig":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"app-select-supplier-dropdown","template":"<div>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{label}}</mat-label>\n\n    <mat-select [formControl]=\"supplier\">\n\n      <mat-option>\n        <ngx-mat-select-search [placeholderLabel]=\"'Key in Supplier Code/Name'\"\n          [noEntriesFoundLabel]=\"'No matching records found'\" [formControl]=\"serverSideFiltering\" ngDefaultControl>\n        </ngx-mat-select-search>\n      </mat-option>\n\n      <mat-option *ngFor=\"let option of filteredOptions$ | async\" [value]=\"option.guid\">\n        {{ option.name }}\n      </mat-option>\n\n    </mat-select>\n  </mat-form-field>\n</div>","styles":[""]}]}],"members":{"supplier":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"selectedGuids":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"supplierSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵih":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"app-select-multi-location-dropdown","template":"<div>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{label}}</mat-label>\n  \n      <mat-select [formControl]=\"location\" multiple>\n  \n        <mat-option>\n          <ngx-mat-select-search [placeholderLabel]=\"'Key in Location Code/Name'\"\n            [noEntriesFoundLabel]=\"'No matching records found'\" [formControl]=\"serverSideFiltering\" ngDefaultControl>\n          </ngx-mat-select-search>\n        </mat-option>\n  \n        <mat-option *ngFor=\"let option of filteredOptions$ | async\" [value]=\"option.guid\">\n          {{ option.name }}\n        </mat-option>\n  \n      </mat-select>\n    </mat-form-field>\n  </div>","styles":[""]}]}],"members":{"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"selectedGuids":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"locationSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵii":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-pagination-v2-entity","template":"<div class=\"container\" fxLayout=\"column\">\n    <div fxFlex=\"100\" fxFlex.gt-sm=\"50\" fxFlex.gt-md=\"50\">\n      <div fxLayoutAlign=\"end center\">\n        <div class=\"hideDisplay\">\n          <mat-form-field style=\"width: 58px;\">\n            <mat-label>Rows</mat-label>\n            <mat-select [value]=\"rowPerPage\" (selectionChange)=\"onRowChange($event.value)\">\n              <mat-option [value]=\"5\">5</mat-option>\n              <mat-option [value]=\"10\">10</mat-option>\n              <mat-option [value]=\"20\">20</mat-option>\n              <mat-option [value]=\"25\">25</mat-option>\n              <mat-option [value]=\"50\">50</mat-option>\n              <mat-option [value]=\"75\">75</mat-option>\n              <mat-option [value]=\"100\">100</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n        <button mat-icon-button\n          class=\"icon-display\"\n          (click)=\"previousPage()\"\n          [disabled]=\"currentPage == 1\">\n          <mat-icon>chevron_left</mat-icon>\n        </button>\n        <div style=\"white-space: nowrap;\">\n          page\n          <span style=\"font-size: larger;\"><strong>{{currentPage}}</strong></span>\n        </div>\n        <button mat-icon-button\n          class=\"icon-display\"\n          (click)=\"nextPage();\"\n          [disabled]=\"currentPage == (totalPage | async)\">\n          <mat-icon>chevron_right</mat-icon>\n        </button>\n      </div>\n    </div>\n  </div>\n  ","styles":[".container{font-size:small;position:relative;top:10px}.icon-display{transform:scale(1.5)}"]}]}],"members":{"showTotalObservable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"agGridReference":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"totalRecords$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"onMorePageClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"displayPage":[{"__symbolic":"method"}],"onRowChange":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"previousPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"showNextPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"morePage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵij":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"app-akaun-gen-doc-lock-dialog","template":"<div class=\"row warning-dialog\">\n    <div class=\"col-12 header\">\n        <h3 class=\"text-center\">Warning</h3>\n    </div>\n\n    <!-- Divider for separation -->\n    <hr>\n\n    <div class=\"col-12 cen\">\n        <p class=\"warning-message\" [innerHTML]=\"warningMessage\"></p>\n\n        <!-- Button group -->\n        <div class=\"button-group\">\n            <button mat-raised-button color=\"primary\" class=\"ok-button\" (click)=\"dialogRef.close(true)\">\n                OK\n            </button>\n            <button type=\"button\" color=\"warn\" class=\"close-button\" (click)=\"dialogRef.close()\">\n                Cancel\n            </button>\n        </div>\n    </div>\n\n    <!-- Bottom margin for better spacing -->\n    <div class=\"col-12 footer\">\n        <hr>\n    </div>\n</div>\n","styles":[".warning-dialog{padding:20px;border-radius:8px;background-color:#fff;max-width:400px;margin:auto}.header h3{font-size:1.5em;color:#d9534f;margin-bottom:10px}.warning-message{font-size:1.1em;color:#555;text-align:center;margin-bottom:20px}.button-group{display:flex;justify-content:center;gap:10px}.close-button,.ok-button{min-width:100px}.close-button{background:#f5f5f5;border:none;color:#333;padding:8px 16px;border-radius:4px;cursor:pointer}.close-button:hover{background-color:#e6e6e6}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ɵij"}]}]}],"onNoClick":[{"__symbolic":"method"}]}},"ɵik":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-util-multi-level-discount","providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":19,"character":16}],"template":"\n\n  <form [formGroup]=\"form\">\n    <div fxLayout=\"column\">\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"left\" class=\"view-col-forms\">\n      <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <mat-form-field appearance=\"outline\">\n          <mat-label>Discount %</mat-label>\n            <input matInput [formControl]=\"form.controls['discPercentage']\" autocomplete=\"off\" type=\"text\"\n            (keydown.enter)=\"onAddPercentage()\">\n          </mat-form-field>\n         \n          <div fxFlex=\"20\" fxFlex.lt-sm=\"30\" style=\"margin-top: 20px;text-align: right;\">\n            <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAddPercentage()\">\n              ADD \n            </button>\n          </div>\n         \n      </div>\n\n      <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <mat-form-field appearance=\"outline\">\n          <mat-label>Discount Amount</mat-label>\n            <input matInput [formControl]=\"form.controls['discAmt']\" autocomplete=\"off\" type=\"text\"\n            (keydown.enter)=\"onAddAmount()\">\n          </mat-form-field>\n           <div fxFlex=\"20\" fxFlex.lt-sm=\"30\" style=\"margin-top: 20px;text-align: right;\">\n            <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onAddAmount()\">\n              ADD \n            </button>\n          </div>\n      </div> \n\n    </div>\n  </div>\n  </form>\n\n  <div fxLayout=\"column\" style=\"margin:10px\">\n\n    <div style=\"height: calc(80vh - 150px);padding:5px; margin-top:10px\">\n\n      <ag-grid-angular #agGridPoints style=\"height: 50%; width: 100%;\" class=\"ag-theme-balham\"\n        [columnDefs]=\"columnsDefs\" [rowData]=\"rowData\"\n        [animateRows]=\"true\" [defaultColDef]=\"defaultColDef\" [sideBar]=\"true\"\n        (gridReady)=\"onGridReady($event)\" >\n      </ag-grid-angular>\n      <div style=\"text-align: center; margin-top: 10px;\">\n        <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onRemove()\">REMOVE ALL DISCOUNT</button>\n      </div>\n    </div>\n \n  </div>\n\n","styles":[""]}]}],"members":{"updateMainPrice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"resetMainPrice":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"unitPriceAfterDisc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"line$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":80,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"showPercentage":[{"__symbolic":"method"}],"onAddPercentage":[{"__symbolic":"method"}],"onAddAmount":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵil":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵim":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-util-generic-document-view-main","template":"<form [formGroup]=\"form\" #formDirectives=\"ngForm\">\n  <div class=\"view-col-forms\">\n    <div fxLayout=\"row\" fxLayoutGap=\"5px\">\n      <div fxFlex=\"50\" fxLayout=\"column\">\n        \n        <div *ngFor=\"let x of leftColControls; let i = index\">\n          <mat-form-field *ngIf=\"x.readonly;else input\" appearance=\"outline\">\n            <mat-label>{{x.label}}</mat-label>\n            <input  matInput readonly [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\">\n          </mat-form-field>\n          <ng-template #input>\n            <ng-container [ngSwitch]=\"x.type\">\n              <mat-form-field *ngSwitchCase=\"'text'\" appearance=\"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"text\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'number'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'text-area'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <textarea #remarks matInput [formControl]=\"form.controls[x.formControl]\"></textarea>\n                <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'date'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [matDatepicker]=\"datepicker\" [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" readonly (click)=\"datepicker.open()\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n                <mat-datepicker-toggle matSuffix [for]=\"datepicker\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #datepicker></mat-datepicker>\n              </mat-form-field>\n             \n             \n             \n            </ng-container>\n          </ng-template>\n        </div>\n      </div>\n      <div fxFlex=\"50\" fxLayout=\"column\">\n       \n        <div *ngFor=\"let x of rightColControls; let i = index\">\n          <mat-form-field *ngIf=\"x.readonly;else input\" appearance=\"outline\">\n            <mat-label>{{x.label}}</mat-label>\n            <input  matInput readonly [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\">\n          </mat-form-field>\n          <ng-template #input>\n            <ng-container [ngSwitch]=\"x.type\">\n              <mat-form-field *ngSwitchCase=\"'text'\" appearance=\"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"text\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'number'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'text-area'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <textarea #remarks matInput [formControl]=\"form.controls[x.formControl]\"></textarea>\n                <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'date'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [matDatepicker]=\"datepicker\" [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" readonly (click)=\"datepicker.open()\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n                <mat-datepicker-toggle matSuffix [for]=\"datepicker\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #datepicker></mat-datepicker>\n              </mat-form-field>\n           \n             \n            </ng-container>\n          </ng-template>\n        </div>\n      </div>\n    </div>\n    <mat-form-field appearance = \"outline\">\n      <mat-label>Remarks</mat-label>\n      <textarea #remarks matInput [formControl]=\"form.controls['remarks']\"></textarea>\n      <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n    </mat-form-field>\n  </div>\n</form>\n","styles":[""]}]}],"members":{"genericDoc$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":35,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":36,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵin":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-util-generic-document-view-line","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n  <div fxLayout=\"row wrap\" fxLayoutAlign=\"end\">\n    <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n      <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n    </div>\n  </div>\n  <div style=\"text-align: right\">\n    Total: <strong>{{total.toFixed(2)}}</strong>\n     <span style=\"color: #1e88e5\"><strong> {{ccyCode}}</strong></span>\n    </div>\n  <div style=\"text-align: right\">\n     Tax: <strong>{{tax.toFixed(2)}}</strong>\n     <span style=\"color: #1e88e5\"><strong> {{ccyCode}}</strong></span>\n  </div>\n\n  <div style=\"height: 100%;\">\n    <ag-grid-angular #agGrid\n    style=\"height: 100%;\"\n    class=\"ag-theme-balham\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [rowData]=\"rowData\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [animateRows]=\"true\"\n    [defaultColDef]=\"defaultColDef\"\n    [suppressRowClickSelection]=\"false\"\n    [sideBar]=\"true\"\n    (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"genericDoc$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵio":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-util-generic-document-view-settlement","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n  <div fxLayout=\"row wrap\" fxLayoutAlign=\"end\">\n    <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n      <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n    </div>\n  </div>\n  <div style=\"text-align: right\">\n    Total: <strong>{{total.toFixed(2)}}</strong>\n     <span style=\"color: #1e88e5\"><strong> {{ccyCode}}</strong></span>\n    </div>\n  <div style=\"text-align: right\">\n     Tax: <strong>{{tax.toFixed(2)}}</strong>\n     <span style=\"color: #1e88e5\"><strong> {{ccyCode}}</strong></span>\n  </div>\n\n  <div style=\"height: 100%;\">\n    <ag-grid-angular #agGrid\n    style=\"height: 100%;\"\n    class=\"ag-theme-balham\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [rowData]=\"rowData\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [animateRows]=\"true\"\n    [defaultColDef]=\"defaultColDef\"\n    [suppressRowClickSelection]=\"false\"\n    [sideBar]=\"true\"\n    (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"genericDoc$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"app-util-generic-document-view-export","template":"<div class=\"view-col-forms\">\n    <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n        <app-select-printable-format [(printableFormat)]=\"printableFormat\" [txn_type]=\"txn_type\" [apiVisa]=\"apiVisa\"\n            (selectedPrintableFormat)=\"onPrintableFormatChange($event)\">\n        </app-select-printable-format>\n        <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onPrint()\">EXPORT AS PDF</button>\n    </div>\n</div>\n","styles":[""]}]}],"members":{"genericDoc$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"draft$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"print":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":41,"character":20},{"__symbolic":"reference","name":"ɵiq"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchDefaultPrintableFormatHdrService","line":43,"character":36},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"createPagination":[{"__symbolic":"method"}],"onPrintableFormatChange":[{"__symbolic":"method"}],"onPrint":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵiq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":18,"character":20}]}],"getApiUrl":[{"__symbolic":"method"}],"getApiUrl2":[{"__symbolic":"method"}],"getHttpHeaderBlob":[{"__symbolic":"method"}],"printJasperPdf":[{"__symbolic":"method"}],"batchPrintCashDocument":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵir":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-util-cash-document-view-main","template":"<form [formGroup]=\"form\" #formDirectives=\"ngForm\">\n  <div class=\"view-col-forms\">\n    <div fxLayout=\"row\" fxLayoutGap=\"5px\">\n      <div fxFlex=\"50\" fxLayout=\"column\">\n        \n        <div *ngFor=\"let x of leftColControls; let i = index\">\n          <mat-form-field *ngIf=\"x.readonly;else input\" appearance=\"outline\">\n            <mat-label>{{x.label}}</mat-label>\n            <input  matInput readonly [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\">\n          </mat-form-field>\n          <ng-template #input>\n            <ng-container [ngSwitch]=\"x.type\">\n              <mat-form-field *ngSwitchCase=\"'text'\" appearance=\"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"text\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'number'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'text-area'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <textarea #remarks matInput [formControl]=\"form.controls[x.formControl]\"></textarea>\n                <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'date'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [matDatepicker]=\"datepicker\" [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" readonly (click)=\"datepicker.open()\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n                <mat-datepicker-toggle matSuffix [for]=\"datepicker\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #datepicker></mat-datepicker>\n              </mat-form-field>\n             \n             \n             \n            </ng-container>\n          </ng-template>\n        </div>\n      </div>\n      <div fxFlex=\"50\" fxLayout=\"column\">\n       \n        <div *ngFor=\"let x of rightColControls; let i = index\">\n          <mat-form-field *ngIf=\"x.readonly;else input\" appearance=\"outline\">\n            <mat-label>{{x.label}}</mat-label>\n            <input  matInput readonly [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\">\n          </mat-form-field>\n          <ng-template #input>\n            <ng-container [ngSwitch]=\"x.type\">\n              <mat-form-field *ngSwitchCase=\"'text'\" appearance=\"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"text\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'number'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" type=\"number\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'text-area'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <textarea #remarks matInput [formControl]=\"form.controls[x.formControl]\"></textarea>\n                <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n              </mat-form-field>\n              <mat-form-field *ngSwitchCase=\"'date'\" appearance = \"outline\">\n                <mat-label>{{x.label}}</mat-label>\n                <input matInput [matDatepicker]=\"datepicker\" [formControl]=\"form.controls[x.formControl]\" autocomplete=\"off\" readonly (click)=\"datepicker.open()\">\n                <mat-error>{{x.label}} is <strong>not valid</strong></mat-error>\n                <mat-datepicker-toggle matSuffix [for]=\"datepicker\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #datepicker></mat-datepicker>\n              </mat-form-field>\n           \n             \n            </ng-container>\n          </ng-template>\n        </div>\n      </div>\n    </div>\n    <mat-form-field appearance = \"outline\">\n      <mat-label>Remarks</mat-label>\n      <textarea #remarks matInput [formControl]=\"form.controls['remarks']\"></textarea>\n      <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n    </mat-form-field>\n  </div>\n</form>\n","styles":[""]}]}],"members":{"cashDoc$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyService","line":34,"character":28},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":35,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵis":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"app-util-cash-document-view-line","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n  <div fxLayout=\"row wrap\" fxLayoutAlign=\"end\">\n    <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n      <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n    </div>\n  </div>\n\n  <div style=\"height: 100%;\">\n    <ag-grid-angular #agGrid\n    style=\"height: 100%;\"\n    class=\"ag-theme-balham\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [rowData]=\"rowData\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [animateRows]=\"true\"\n    [defaultColDef]=\"defaultColDef\"\n    [suppressRowClickSelection]=\"false\"\n    [sideBar]=\"true\"\n    (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"cashDoc$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵit":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-util-cash-document-posting","template":"<mat-tab-group\n  [dynamicHeight]=\"true\"\n  [selectedIndex]=\"selectedIndex\"\n>\n  <mat-tab label=\"Journal Txn\">\n    <ng-template matTabContent>\n      <app-cash-document-posting-journal-txn [cashDoc]=\"cashDoc\"></app-cash-document-posting-journal-txn>\n    </ng-template>\n  </mat-tab>\n\n  <mat-tab label=\"Cashbook Txn\">\n    <ng-template matTabContent>\n      <app-cash-document-posting-cashbook-txn [cashDoc]=\"cashDoc\"></app-cash-document-posting-cashbook-txn>\n    </ng-template>\n  </mat-tab>\n</mat-tab-group>\n","styles":[".expanded-subpanel{border:2px solid #35caf7}"]}]}],"members":{"cashDoc$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":21,"character":13}]}]}],"journalTxnComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵiu"},{"static":false}]}]}],"cashbookTxnComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵiv"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵiu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-cash-document-posting-journal-txn","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n  <div fxLayout=\"row wrap\" fxLayoutAlign=\"end\">\n    <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n      <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n    </div>\n  </div>\n  <div style=\"text-align: right\">\n    Total Debit: <strong>{{totalDebit.toFixed(2)}} </strong>\n     <span style=\"color: #1e88e5\"><strong>{{ccyCode}}</strong></span>\n    </div>\n  <div style=\"text-align: right\">\n     Total Credit: <strong>{{totalCredit.toFixed(2)}} </strong>\n     <span style=\"color: #1e88e5\"><strong>{{ccyCode}}</strong></span>\n  </div>\n\n  <div style=\"height: 100%;\">\n    <ag-grid-angular #agGrid\n    style=\"height: 100%;\"\n    class=\"ag-theme-balham\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"[]\"\n    [columnDefs]=\"columnsDefs\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [animateRows]=\"true\"\n    [suppressRowClickSelection]=\"false\"\n    [sideBar]=\"true\"\n    (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"cashDoc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"JournalService","line":59,"character":30},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GlcodeService","line":60,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityService","line":61,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵiv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-cash-document-posting-cashbook-txn","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"end\">\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n      </div>\n    </div>\n\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"[]\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [animateRows]=\"true\"\n      [suppressRowClickSelection]=\"false\"\n      [sideBar]=\"true\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  </div>\n","styles":[""]}]}],"members":{"cashDoc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CashbookTxnLineService","line":56,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CashbookService","line":57,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵiw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"app-util-cash-document-view-export","template":"<div class=\"view-col-forms\">\n    <div fxLayout=\"column\" fxLayoutGap=\"10px\">\n        <app-select-printable-format [(printableFormat)]=\"printableFormat\" [txn_type]=\"txn_type\" [apiVisa]=\"apiVisa\"\n            (selectedPrintableFormat)=\"onPrintableFormatChange($event)\">\n        </app-select-printable-format>\n        <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onPrint()\">EXPORT AS PDF</button>\n    </div>\n</div>\n","styles":[""]}]}],"members":{"cashDoc$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"draft$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"print":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":37,"character":20},{"__symbolic":"reference","name":"ɵiq"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchDefaultPrintableFormatHdrService","line":39,"character":36},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onPrintableFormatChange":[{"__symbolic":"method"}],"onPrint":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵix":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-supplier-dropdown-simple","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ fieldLabel }}</mat-label>\n  <mat-select [formControl]=\"control\" (selectionChange)=\"selectionChange.emit($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search to load more...'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option>--None--</mat-option>\n    <mat-option *ngFor=\"let opt of finalDropdown$ | async\" [value]=\"opt.value\">\n      {{ opt.viewValue }}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ fieldLabel }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"fieldLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"resource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵiy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-cell-click-handler","template":""}]}],"members":{"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CashTransferService","line":25,"character":42},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":27,"character":20},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"GenericDocAllService","line":28,"character":33}]}],"onCellClicked":[{"__symbolic":"method"}],"getGenericDoc":[{"__symbolic":"method"}],"getCashDoc":[{"__symbolic":"method"}],"onNextItem":[{"__symbolic":"method"}]}},"ɵiz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-util-generic-document-view","template":"<mat-card-title class=\"column-title\">\n  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\">\n    <div>\n      <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n        (click)=\"onReturn()\">\n        <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n      </button>\n      <span>\n        {{ docNo }}\n      </span>\n    </div>\n  </div>\n</mat-card-title>\n<mat-tab-group [dynamicHeight]=\"true\" [selectedIndex]=\"0\">\n  <mat-tab label=\"Main\">\n    <app-util-generic-document-view-main [genericDoc$]=\"genericDoc$\"></app-util-generic-document-view-main>\n  </mat-tab>\n\n  <mat-tab label=\"Line Items\">\n    <app-util-generic-document-view-line [genericDoc$]=\"genericDoc$\"></app-util-generic-document-view-line>\n  </mat-tab>\n\n  <mat-tab label=\"Settlement\">\n    <app-util-generic-document-view-settlement [genericDoc$]=\"genericDoc$\"></app-util-generic-document-view-settlement>\n  </mat-tab>\n\n  <mat-tab label=\"Export\">\n    <app-util-generic-document-view-export [genericDoc$]=\"genericDoc$\"></app-util-generic-document-view-export>\n  </mat-tab>\n\n  <mat-tab label=\"Posting\">\n    <app-generic-document-posting [genericDoc$]=\"genericDoc$\"></app-generic-document-posting>\n  </mat-tab>\n</mat-tab-group>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵja"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵja"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵja":{"__symbolic":"interface"},"ɵjb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-util-select-rounding-item","template":"<mat-form-field class=\"full-width\" appearance=\"outline\">\n  <mat-label>Rounding Item</mat-label>\n  <mat-select [formControl]=\"rounding\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Item Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_item_hdr.guid\">\n      {{eachOption.bl_fi_mst_item_hdr.code}} | {{eachOption.bl_fi_mst_item_hdr.name}}  \n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Rounding Item <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"rounding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"roundingSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"roundingChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"FinancialItemService","line":32,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"filterRounding":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵjc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"app-util-select-group-discount-item","template":"<mat-form-field class=\"full-width\" appearance=\"outline\">\n  <mat-label>Group Discount Item</mat-label>\n  <mat-select [formControl]=\"groupDiscount\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Item Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.bl_fi_mst_item_hdr.guid\">\n      {{eachOption.bl_fi_mst_item_hdr.code}} | {{eachOption.bl_fi_mst_item_hdr.name}}  \n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Group Discount Item <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"groupDiscount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"groupDiscountSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"groupDiscountChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"FinancialItemService","line":32,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"filterGroupDiscount":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵjd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-util-select-default-settlement-method","template":"<mat-form-field class=\"full-width\" appearance=\"outline\">\n  <mat-label>{{settlementMethodType}}</mat-label>\n  <mat-select [formControl]=\"defaultSettlement\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\" [searching]=\"serverSideSearching\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.code\">\n    {{eachOption.code}} |  {{eachOption.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Settlement Method <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"defaultSettlement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"settlementMethodType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"branchGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"defaultSettlementSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"defaultSettlementChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"filterDefaultSettlement":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵje":{"__symbolic":"interface"},"ɵjf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-util-pricing-scheme-hdr","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>Pricing Scheme</mat-label>\n  <mat-select [formControl]=\"pricingScheme\" (selectionChange)=\"onSelect($event.value)\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Search'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"filterControl\"></ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let opt of filteredOptions$ | async\" [value]=\"opt.bl_fi_mst_pricing_scheme_hdr.guid\">\n      {{opt.bl_fi_mst_pricing_scheme_hdr.code}} | {{opt.bl_fi_mst_pricing_scheme_hdr.name}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    Pricing Scheme <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"pricingScheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"pricingSchemeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PricingSchemeService","line":28,"character":45}]}],"ngOnInit":[{"__symbolic":"method"}],"filterCurrency":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵjg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-select-pos-card-terminal-drop-down","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"cardTerminal\" (selectionChange)=\"onSelect($event.value)\" [required]=\"isRequired()\" [multiple]=\"isMultiple()\">\n    <mat-option>\n      <ngx-mat-select-search [placeholderLabel]=\"'Key in POS Card Terminal Code/Name'\"\n                               [formControl]=\"serverSideFiltering\">\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option *ngFor=\"let eachOption of filteredOptions$ | async\" [value]=\"eachOption.guid\">\n      {{eachOption.code}}\n    </mat-option>\n  </mat-select>\n  <mat-error>\n    {{ label }} <strong>not valid</strong>\n  </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"cardTerminal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"cardTerminalSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}]}},"ɵjh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-currency-rate","template":"<div fxLayout=\"column\" fxLayoutAlign=\"start stretch\" class=\"currency-rate-container\">\n  <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n    <mat-label>1 {{ baseCurrency }} =</mat-label>\n    <input matInput placeholder=\"Currency Rate\" [formControl]=\"formCurrencyRate\" type=\"number\" \n        (change)=\"onRateChange($event, 1)\"/>\n    <span matSuffix>{{ forexCurrency }}</span>\n    <button\n      [disabled]=\"isFinal\"\n      mat-icon-button\n      matSuffix\n      color=\"primary\"\n      matTooltip=\"Get Currency Live Rate\"\n      (click)=\"getCurrencyRate(baseCurrency, forexCurrency, 1)\"\n    >\n      <mat-icon>settings_backup_restore</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n    <mat-label>1 {{ forexCurrency }} =</mat-label>\n    <input matInput placeholder=\"Currency Rate\" [formControl]=\"formCurrencyRate2\" type=\"number\" \n      (change)=\"onRateChange($event, 2)\"/>\n    <span matSuffix>{{ baseCurrency }}</span>\n    <button\n      [disabled]=\"isFinal\"\n      mat-icon-button\n      matSuffix\n      color=\"primary\"\n      matTooltip=\"Get Currency Live Rate\"\n      (click)=\"getCurrencyRate(forexCurrency, baseCurrency, 2)\"\n    >\n      <mat-icon>settings_backup_restore</mat-icon>\n    </button>\n  </mat-form-field>\n</div>\n"}]}],"members":{"formCurrencyRate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"formCurrencyRate2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"baseCurrency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"forexCurrency":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"isFinal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵji"}]}],"ngOnInit":[{"__symbolic":"method"}],"onRateChange":[{"__symbolic":"method"}],"getCurrencyRate":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵji":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":14,"character":28}]}],"getCurrencyRate":[{"__symbolic":"method"}],"search":[{"__symbolic":"method"}],"daily":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵjj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"app-select-multi-employee-drop-down-v2","template":"<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select\n    [formControl]=\"employee\"\n    (selectionChange)=\"onSelect($event.value)\"\n    [required]=\"isRequired()\"\n    [multiple]=\"isMultiple()\"\n  >\n    <mat-option>\n      <ngx-mat-select-search\n        [placeholderLabel]=\"'Key in Employee Code/Name'\"\n        [noEntriesFoundLabel]=\"'No matching records found'\"\n        [formControl]=\"serverSideFiltering\"\n        ngDefaultControl\n      >\n      </ngx-mat-select-search>\n    </mat-option>\n    <mat-option\n      *ngFor=\"let eachOption of filteredOptions$ | async\"\n      [value]=\"eachOption.guid\"\n    >\n    {{ displayRow(eachOption, eachOption.name) }}\n    </mat-option>\n  </mat-select>\n  <mat-error> Employee <strong>not valid</strong> </mat-error>\n</mat-form-field>\n","styles":[""]}]}],"members":{"employee":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"apiVisa":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"selectedGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"branchGuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"employeeSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵhf"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵhf"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getRowData":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"displayRow":[{"__symbolic":"method"}],"filtering":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"isRequired":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isShowAll":[{"__symbolic":"method"}],"toggleSelectAll":[{"__symbolic":"method"}],"setToggleAllCheckboxState":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵjk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"app-advanced-search-perm-set","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":12,"character":17},"member":"None"},"template":"<mat-form-field #trigger=\"cdkOverlayOrigin\" cdkOverlayOrigin appearance=\"outline\" class=\"search-box\">\n  <mat-label>Search...</mat-label>\n  <mat-icon matPrefix>search</mat-icon>\n  <input #basic matInput type=\"text\" (keyup.enter)=\"onBasicSearch(basic.value)\" />\n  <div role=\"group\" fxLayout=\"row wrap\" matSuffix>\n    <div matSuffix>\n      <button class=\"blg-small-button-icon\" mat-icon-button (click)=\"searchToggle()\">\n        <mat-icon>filter_list</mat-icon>\n      </button>\n    </div>\n  </div>\n</mat-form-field>\n<ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"isAdvanced\">\n  <div [id]=\"id\" class=\"advanced-search-container\">\n    <form [formGroup]=\"advForm\" (ngSubmit)=\"onAdvancedSearch()\">\n      <div class=\"advanced-search-form\" fxLayout=\"column\" fxFlexAlign=\"space-between center\">\n        <ng-container *ngFor=\"let x of inputArray\">\n          <div [ngSwitch]=\"x[1]\">\n\n            <mat-form-field *ngSwitchCase=\"'string'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" />\n            </mat-form-field>\n\n            <mat-form-field *ngSwitchCase=\"'number'\" appearance=\"outline\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <input matInput [formControl]=\"advForm.controls[x[0]]\" type=\"number\" />\n            </mat-form-field>\n            \n         <app-select-company-drop-down *ngSwitchCase=\"'company'\"  [apiVisa]=\"apiVisa\" [company]=\"advForm.controls[x[0]]\" ></app-select-company-drop-down> \n            \n          <app-select-location-drop-down *ngSwitchCase=\"'loc'\"  [apiVisa]=\"apiVisa\" [location]=\"advForm.controls[x[0]]\" ></app-select-location-drop-down> \n\n            <mat-form-field *ngSwitchCase=\"'select'\" appearance=\"outline\" type=\"text\">\n              <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n              <mat-select [placeholder]=\"advSearchModel.label[x[0]]\" [formControl]=\"advForm.controls[x[0]]\" [multiple]=\"isMultiple(x)\">\n                <mat-option>\n                  <ngx-mat-select-search [id]=\"x[0]\" (keyup)=\"optionSearchFilter($event)\"\n                    [placeholderLabel]=\"advSearchModel.label[x[0]]\" [noEntriesFoundLabel]=\"'No matching records found'\"\n                    [(ngModel)]='filter' [ngModelOptions]=\"{standalone: true}\">\n                  </ngx-mat-select-search>\n                </mat-option>\n                <mat-option *ngFor=\"let item of optionArray[x[0]]\" [value]=\"item\">\n                  {{ item }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n\n            <div *ngSwitchCase=\"'date'\" fxLayout=\"row wrap\" fxLayoutGap=\"10%\">\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} From</mat-label>\n                <input matInput [matDatepicker]=\"start_modified_range\" (dateChange)=\"dateChange($event.value, advForm.controls[x[0]].controls.from, selectedTz)\"\n                  [formControl]=\"advForm.controls[x[0]].controls.from\" readonly (click)=\"start_modified_range.open()\" />\n                <mat-datepicker-toggle matSuffix [for]=\"start_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #start_modified_range></mat-datepicker>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"45\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} To</mat-label>\n                <input matInput [matDatepicker]=\"end_modified_range\" [formControl]=\"advForm.controls[x[0]].controls.to\"\n                  readonly (click)=\"end_modified_range.open()\" (dateChange)=\"dateChange($event.value, advForm.controls[x[0]].controls.to, selectedTz)\"/>\n                <mat-datepicker-toggle matSuffix [for]=\"end_modified_range\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #end_modified_range></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'specificDate'\">\n              <mat-form-field fxFlex=\"100\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}}</mat-label>\n                <input matInput [matDatepicker]=\"selectedDate\" [formControl]=\"advForm.controls[x[0]]\" readonly (click)=\"selectedDate.open()\" \n                  (dateChange)=\"dateChange($event.value, advForm.controls[x[0]], selectedTz)\"/>\n                <mat-datepicker-toggle matSuffix [for]=\"selectedDate\"></mat-datepicker-toggle>\n                <mat-datepicker touchUi=\"true\" #selectedDate></mat-datepicker>\n              </mat-form-field>\n            </div>\n\n            <div *ngSwitchCase=\"'numberRange'\" fxLayout=\"row wrap\" fxLayoutGap=\"4%\">\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} Start Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.from\"/>\n              </mat-form-field>\n              <mat-form-field fxFlex=\"48\" appearance=\"outline\">\n                <mat-label>{{advSearchModel.label[x[0]]}} End Range</mat-label>\n                <input matInput [formControl]=\"advForm.controls[x[0]].controls.to\"/>\n              </mat-form-field>\n            </div>\n          </div>\n        </ng-container>\n      </div>\n      <div style=\"padding-top: 15px;\" fxLayout=\"row\" fxLayoutAlign=\"end start\" fxLayoutGap=\"5px\">\n        <button color=\"basic\" mat-raised-button type=\"button\" (click)=\"reset()\">\n          RESET\n        </button>\n        <button color=\"primary\" mat-raised-button type=\"submit\">\n          SEARCH\n        </button>\n      </div>\n    </form>\n  </div>\n</ng-template>\n","styles":[".search-box .mat-form-field-wrapper{padding-bottom:0;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"advSearchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"enableTimezone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"selectedTz":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"advancedSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"resetEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"searchToggle":[{"__symbolic":"method"}],"optionSearchFilter":[{"__symbolic":"method"}],"onAdvancedSearch":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"isMultiple":[{"__symbolic":"method"}],"isTrue":[{"__symbolic":"method"}],"onBasicSearch":[{"__symbolic":"method"}],"dateChange":[{"__symbolic":"method"}]}},"ɵjl":"genericDocCashbookViewModel","ɵjm":{"column1ViewModel":{"__symbolic":"reference","name":"ɵjo"}},"ɵjn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":6,"character":51},"arguments":[{"__symbolic":"reference","name":"ɵjp"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjq"},"member":"setGenericDocCashbookListing_State"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":77,"module":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-cashbook-view-model-controller/reducers/column_1_view_model.reducers"}]}]},"ɵjo":{"__symbolic":"function","parameters":["state","action"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵjn"},"arguments":[{"__symbolic":"reference","name":"state"},{"__symbolic":"reference","name":"action"}]}},"ɵjp":{"genericDocCashbookListingState":null},"ɵjq":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./column_1_view_model.actions"}},"ɵjr":"genericDocJournalViewModel","ɵjs":{"column1ViewModel":{"__symbolic":"reference","name":"ɵju"}},"ɵjt":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":6,"character":50},"arguments":[{"__symbolic":"reference","name":"ɵjv"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjw"},"member":"setGenericDocJournalListing_State"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":75,"module":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-journal-view-model-controller/reducers/column_1_view_model.reducers"}]}]},"ɵju":{"__symbolic":"function","parameters":["state","action"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵjt"},"arguments":[{"__symbolic":"reference","name":"state"},{"__symbolic":"reference","name":"action"}]}},"ɵjv":{"genericDocJournalListingState":null},"ɵjw":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./column_1_view_model.actions"}},"ɵjx":"genericDocPointsViewModel","ɵjy":{"column1ViewModel":{"__symbolic":"reference","name":"ɵka"}},"ɵjz":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":6,"character":49},"arguments":[{"__symbolic":"reference","name":"ɵkb"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵkc"},"member":"setGenericDocPointsListing_State"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":73,"module":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-points-view-model-controller/reducers/column_1_view_model.reducers"}]}]},"ɵka":{"__symbolic":"function","parameters":["state","action"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵjz"},"arguments":[{"__symbolic":"reference","name":"state"},{"__symbolic":"reference","name":"action"}]}},"ɵkb":{"genericDocPointsListingState":null},"ɵkc":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./column_1_view_model.actions"}},"ɵkd":"genericDocTaxViewModel","ɵke":{"column1ViewModel":{"__symbolic":"reference","name":"ɵkg"}},"ɵkf":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":6,"character":46},"arguments":[{"__symbolic":"reference","name":"ɵkh"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵki"},"member":"setGenericDocTaxListing_State"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":67,"module":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-tax-view-model-controller/reducers/column_1_view_model.reducers"}]}]},"ɵkg":{"__symbolic":"function","parameters":["state","action"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵkf"},"arguments":[{"__symbolic":"reference","name":"state"},{"__symbolic":"reference","name":"action"}]}},"ɵkh":{"genericDocTaxListingState":null},"ɵki":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./column_1_view_model.actions"}},"ɵkj":"genericDocInvViewModel","ɵkk":{"column1ViewModel":{"__symbolic":"reference","name":"ɵkm"}},"ɵkl":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":6,"character":46},"arguments":[{"__symbolic":"reference","name":"ɵkn"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵko"},"member":"setGenericDocInvListing_State"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":67,"module":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-inv-view-model-controller/reducers/column_1_view_model.reducers"}]}]},"ɵkm":{"__symbolic":"function","parameters":["state","action"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵkl"},"arguments":[{"__symbolic":"reference","name":"state"},{"__symbolic":"reference","name":"action"}]}},"ɵkn":{"genericDocInvListingState":null},"ɵko":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./column_1_view_model.actions"}},"ɵkp":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":19,"character":39},"member":"withComponents"},"arguments":[[]]},"ɵkq":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":20,"character":38},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵlk"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵlm"},"member":"agingPeriod"}]},"ɵkr":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"EffectsModule","line":21,"character":40},"member":"forFeature"},"arguments":[[{"__symbolic":"reference","name":"ɵlp"}]]},"ɵks":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":23,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵkt"},{"__symbolic":"reference","name":"ɵky"},{"__symbolic":"reference","name":"ɵla"},{"__symbolic":"reference","name":"ɵlb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":31,"character":4},{"__symbolic":"reference","name":"ɵld"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":35,"character":4},{"__symbolic":"reference","name":"ɵkp"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":37,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":38,"character":4},{"__symbolic":"reference","name":"ɵkq"},{"__symbolic":"reference","name":"ɵkr"}],"providers":[{"__symbolic":"reference","name":"ɵkw"}]}]}],"members":{}},"ɵkt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"template":{"__symbolic":"reference","name":"ɵku"},"animations":{"__symbolic":"reference","name":"ɵbs"},"providers":[{"__symbolic":"reference","name":"ɵkv"}]}]}],"members":{"firstColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵck"},{"static":true}]}]}],"secondColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵkw"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":34,"character":38},{"__symbolic":"reference","name":"ɵkv"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵku":"<app-breadcrumb fxHide.gt-sm [breadCrumbs]=\"breadCrumbs\" (crumb)=\"goToIndex($event)\"></app-breadcrumb>\n<table fxLayout=\"row\" ngClass.lt-sm=\"card-table-mobile\" class=\"card-table\">\n  <ng-container *ngIf=\"leftDrawer.length > 0\" >\n    <th fxHide.lt-md (click)=\"goBackIndex(col.index)\" class=\"collapse-cols-header view-col\" *ngFor=\"let col of leftDrawer; let i = index\">\n      <span class=\"collapsed-col-container\">\n        <p class=\"collapse-cols-index\">{{i+1}}</p>\n        <p class=\"collapse-cols-text\">{{col.compName}}</p>\n      </span>\n    </th>\n  </ng-container>\n  <th [fxFlex]=\"!secondCol ? 100 - (leftDrawer.length * 2) - (rightDrawer.length * 2) : 50 - (leftDrawer.length * 2) - (rightDrawer.length * 2)\" ngClass.lt-sm=\"view-col-mobile\" class=\"view-col\">\n    <ng-template firstColumnHost></ng-template>\n  </th>\n  <th fxFlex [@openClose]=\"secondCol ? 'open' : 'close'\" class=\"view-col\">\n    <ng-template secondColumnHost></ng-template>\n  </th>\n  <ng-container *ngIf=\"rightDrawer.length > 0\" >\n    <th fxHide.lt-md (click)=\"goForwardIndex(col.index)\" class=\"collapse-cols-header view-col\" *ngFor=\"let col of rightDrawer; let i = index\">\n      <span class=\"collapsed-col-container\">\n        <p class=\"collapse-cols-index\">{{i + 1 + leftDrawer.length + (secondCol ? 2 : 1)}}</p>\n        <p class=\"collapse-cols-text\">{{col.compName}}</p>\n      </span>\n    </th>\n  </ng-container>\n</table>\n","ɵkv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵkw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵkx"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵkx"}]},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":31,"character":20}]}],"setViewColState":[{"__symbolic":"method"}],"saveAgingPeriodState":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onNextAndReset":[{"__symbolic":"method"}],"onPrev":[{"__symbolic":"method"}],"updateInstance":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"resetIndex":[{"__symbolic":"method"}],"toggleColumn":[{"__symbolic":"method"}],"selectLocalState":[{"__symbolic":"method"}],"gotoFourOhFour":[{"__symbolic":"method"}]}},"ɵkx":{"__symbolic":"interface"},"ɵky":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"app-aging-period-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":42,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n<mat-card-title class=\"column-title\">\n<div style=\"margin-top: 20px\">Aging Period Listing</div>\n<div\n  fxLayout=\"row wrap\"\n  fxLayoutAlign=\"space-between end\"\n  fxLayoutGap=\"10px\"\n>\n  <div fxFlex=\"3 0 0\">\n    <div\n      fxLayout=\"row\"\n      fxLayoutAlign=\"space-between center\"\n      fxLayoutGap=\"3px\"\n    >\n      <button\n        ngClass.xs=\"blg-button-mobile\"\n        #navBtn\n        class=\"blg-button-icon\"\n        mat-button\n        matTooltip=\"Create\"\n        type=\"button\"\n        [disabled]=\"deactivateAdd$ | async\"\n        (click)=\"onAdd()\"\n      >\n        <img\n          [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\"\n          src=\"assets/images/add.png\"\n          alt=\"add\"\n          width=\"40px\"\n          height=\"40px\"\n        />\n      </button>\n      <app-advanced-search-general\n        fxFlex\n        fxFlex.lt-sm=\"100\"\n        [id]=\"'sales-invoice-listing'\"\n        [advSearchModel]=\"searchModel\"\n        (search)=\"onSearch($event)\"\n      ></app-advanced-search-general>\n    </div>\n  </div>\n\n  <div\n    class=\"blg-accent\"\n    fxFlex=\"1 0 25\"\n    fxLayout=\"row\"\n    fxLayoutAlign=\"space-between center\"\n  >\n    <app-pagination-v2 fxFlex #pagination [agGridReference]=\"agGrid\" [rowPerPage]=\"limit\" (onMorePageClick)=\"onMorePage()\"></app-pagination-v2>\n  </div>\n</div>\n<div *ngIf=\"!AGING_PERIOD_HDR_GUID\" style=\"color: red;\">Please select the default aging period for this applet</div>\n</mat-card-title>\n<div style=\"height: 100%\">\n<ag-grid-angular\n  #agGrid\n  style=\"height: 100%\"\n  class=\"ag-theme-balham\"\n  [columnDefs]=\"columnsDefs\"\n  [rowData]=\"[]\"\n  [pagination]=\"true\"\n  [paginationPageSize]=\"pagination.rowPerPage\"\n  [gridOptions]=\"gridOptions\"\n  (firstDataRendered)=\"onFirstDataRendered($event)\"\n  (rowClicked)=\"onRowClicked($event.data)\"\n  (gridReady)=\"onGridReady($event)\"\n  (selectionChanged)=\"onSelectionChange($event)\"\n>\n</ag-grid-angular>\n</div>\n</div>\n","styles":[""]}]}],"members":{"advancedSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵev"}]}]}],"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵep"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵkz"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵkz"}]},{"__symbolic":"reference","name":"ɵkw"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":142,"character":20},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"getTotalData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onFirstDataRendered":[{"__symbolic":"method"}],"onSortChanged":[{"__symbolic":"method"}],"onFilterChanged":[{"__symbolic":"method"}],"onMorePage":[{"__symbolic":"method"}],"onSelectionChange":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵkz":{"__symbolic":"interface"},"ɵla":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"app-aging-period-create","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":27,"character":14}],"template":"<mat-card-title class=\"column-title\">\n  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\">\n    <div>\n      <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n        (click)=\"onReturn()\">\n        <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n      </button>\n      <span>\n        Create Aging Period\n      </span>\n    </div>\n    <div fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutGap=\"5px\">\n      <button mat-raised-button color=\"primary\" type=\"button\"\n      [disabled]=\"disableButton()\"\n      (click)=\"onCreate()\">CREATE</button>\n    </div>\n  </div>\n</mat-card-title>\n<mat-tab-group [dynamicHeight]=\"true\" [selectedIndex]=\"0\">\n  <mat-tab label=\"Details\">\n    <form [formGroup]=\"form\">\n      <div fxLayout=\"column\">\n        <div fxLayout=\"row wrap\" fxFlexAlign=\"left\">\n<!--           <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field appearance=\"outline\">\n              <mat-label>Code</mat-label>\n              <input matInput [required]=\"true\" placeholder=\"Code\" [formControl]=\"form.controls['code']\" required>\n            </mat-form-field>\n          </div> -->\n          <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field appearance=\"outline\">\n              <mat-label>Name</mat-label>\n              <input matInput placeholder=\"Name\" [required]=\"true\" [formControl]=\"form.controls['name']\" required>\n              <mat-hint *ngIf=\"form.controls['name'].hasError('required') && form.controls['name'].touched\"\n                class=\"text-danger font-14\">Please insert aging period name\n              </mat-hint>\n            </mat-form-field>\n          </div>\n          <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field appearance=\"outline\">\n              <mat-label>Type</mat-label>\n              <mat-select [placeholder]=\"'Type'\" [formControl]=\"form.controls['period_type']\" [required]=\"true\" (selectionChange)=\"onSelectType($event.value)\">\n                <mat-option value=\"DAY\">DAY</mat-option>\n                <mat-option value=\"MONTH\">MONTH</mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\" *ngIf=\"showNumMonth\">\n              <mat-label>Specify Number of Month</mat-label>\n              <input matInput placeholder=\"Specify Number of Month\" [formControl]=\"form.controls['num_months']\" type=\"number\" min=\"1\">\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n    </form>\n  </mat-tab>\n</mat-tab-group>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":35,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵkz"}]},{"__symbolic":"reference","name":"ɵkw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onCreate":[{"__symbolic":"method"}],"disableButton":[{"__symbolic":"method"}],"onSelectType":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵlb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-aging-period-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":31,"character":14}],"template":"<mat-card-title class=\"column-title\">\n  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\">\n    <div>\n      <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n        (click)=\"onReturn()\">\n        <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n      </button>\n      <span>\n        Edit Aging Period\n      </span>\n    </div>\n    <div fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutGap=\"5px\">\n      <button mat-raised-button color=\"primary\" type=\"button\"\n      [disabled]=\"disableButton()\"\n      (click)=\"onSave()\">SAVE</button>\n    </div>\n  </div>\n</mat-card-title>\n<mat-tab-group [dynamicHeight]=\"true\" [selectedIndex]=\"0\">\n  <mat-tab label=\"Details\">\n    <form [formGroup]=\"form\">\n      <div fxLayout=\"column\">\n        <div fxLayout=\"row wrap\" fxFlexAlign=\"left\">\n          <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field appearance=\"outline\">\n              <mat-label>Name</mat-label>\n              <input matInput placeholder=\"Name\" [required]=\"true\" [formControl]=\"form.controls['name']\" required>\n            </mat-form-field>\n          </div>\n          <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field appearance=\"outline\">\n              <mat-label>Type</mat-label>\n              <mat-select [placeholder]=\"'Type'\" [formControl]=\"form.controls['period_type']\" [required]=\"true\">\n                <mat-option value=\"DAY\">DAY</mat-option>\n                <mat-option value=\"MONTH\">MONTH</mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\" *ngIf=\"showNumMonth\">\n              <mat-label>Specify Number of Month</mat-label>\n              <input matInput placeholder=\"Specify Number of Month\" [formControl]=\"form.controls['num_months']\" type=\"number\" min=\"1\">\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n    </form>\n  </mat-tab>\n  <mat-tab *ngIf=\"periodType==='DAY'\" label=\"Lines\">\n    <div class=\"view-col-table no-tab\" fxLayout=\"column\">\n      <mat-card-title class=\"column-title\">\n        <div\n          fxLayout=\"row wrap\"\n          fxLayoutAlign=\"space-between end\"\n          fxLayoutGap=\"10px\"\n        >\n          <div fxFlex=\"3 0 0\">\n            <div\n              fxLayout=\"row\"\n              fxLayoutAlign=\"space-between center\"\n              fxLayoutGap=\"3px\"\n            >\n            <mat-form-field appearance=\"outline\">\n              <mat-label>Start</mat-label>\n              <input matInput placeholder=\"Start\" [formControl]=\"formLine.controls['range_from']\" required  type=\"number\" min=\"0\">\n            </mat-form-field>\n            <mat-form-field appearance=\"outline\">\n              <mat-label>End</mat-label>\n              <input matInput placeholder=\"End\" [required]=\"true\" [formControl]=\"formLine.controls['range_to']\" required  type=\"number\" min=\"0\">\n            </mat-form-field>\n            <button mat-raised-button color=\"primary\" type=\"button\"\n            [disabled]=\"disableButtonAdd()\"\n            (click)=\"onAdd()\">ADD</button>\n\n            </div>\n          </div>\n\n        </div>\n\n      </mat-card-title>\n      <div style=\"height: 100%\">\n        <ag-grid-angular\n          #agGrid\n          style=\"height: 100%\"\n          class=\"ag-theme-balham\"\n          [columnDefs]=\"columnsDefs\"\n          [rowData]=\"rowData\"\n          [gridOptions]=\"gridOptions\"\n          (gridReady)=\"onGridReady($event)\"\n        >\n        </ag-grid-angular>\n        </div>\n    </div>\n  </mat-tab>\n</mat-tab-group>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":39,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":110,"character":20},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵkz"}]},{"__symbolic":"reference","name":"ɵkw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onDeleteRow":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"disableButton":[{"__symbolic":"method"}],"disableButtonAdd":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵlc":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":8,"character":37},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵle"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵlh"},"member":"agingPeriodViewCache"}]},"ɵld":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵlc"}],"providers":[{"__symbolic":"reference","name":"ɵkw"}]}]}],"members":{}},"ɵle":"agingPeriodViewCache","ɵlf":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":6,"character":32},"arguments":[{"__symbolic":"reference","name":"ɵli"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵlj"},"member":"cacheAgingPeriod"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":51,"module":"./lib/shared-utilities/modules/aging-period/view-cache-controller/store/reducers/view-cache.reducers"}]}]},"ɵlg":{"__symbolic":"function","parameters":["state","action"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵlf"},"arguments":[{"__symbolic":"reference","name":"state"},{"__symbolic":"reference","name":"action"}]}},"ɵlh":{"agingPeriodViewCache":{"__symbolic":"reference","name":"ɵlg"}},"ɵli":{"agingPeriod":null},"ɵlj":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./view-cache.actions"}},"ɵlk":"agingPeriod","ɵll":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":7,"character":34},"arguments":[{"__symbolic":"reference","name":"ɵln"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":9,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵlo"},"member":"deleteLine"},{"__symbolic":"error","message":"Lambda not supported","line":9,"character":38,"module":"./lib/shared-utilities/modules/aging-period/aging-period-controller/reducers/aging-period.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":29,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵlo"},"member":"addLine"},{"__symbolic":"error","message":"Lambda not supported","line":29,"character":35,"module":"./lib/shared-utilities/modules/aging-period/aging-period-controller/reducers/aging-period.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":33,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵlo"},"member":"selectAgingPeriodSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":33,"character":52,"module":"./lib/shared-utilities/modules/aging-period/aging-period-controller/reducers/aging-period.reducers"}]}]},"ɵlm":{"agingPeriod":{"__symbolic":"reference","name":"ɵll"}},"ɵln":{"selectedAgingPeriod":null,"lines":[]},"ɵlo":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./aging-period.actions"}},"ɵlp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":111,"character":24},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":112,"character":22},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AgingPeriodService","line":113,"character":34},{"__symbolic":"reference","name":"ɵkw"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵkz"}]}]}]}},"ɵlq":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":37,"character":42},"member":"withComponents"},"arguments":[[]]},"ɵlr":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":38,"character":41},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵnd"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnf"},"member":"branchSettings"}]},"ɵls":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"EffectsModule","line":39,"character":43},"member":"forFeature"},"arguments":[[{"__symbolic":"reference","name":"ɵni"}]]},"ɵlt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":41,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵlu"},{"__symbolic":"reference","name":"ɵly"},{"__symbolic":"reference","name":"ɵlz"},{"__symbolic":"reference","name":"ɵmc"},{"__symbolic":"reference","name":"ɵmd"},{"__symbolic":"reference","name":"ɵme"},{"__symbolic":"reference","name":"ɵmf"},{"__symbolic":"reference","name":"ɵmg"},{"__symbolic":"reference","name":"ɵmh"},{"__symbolic":"reference","name":"ɵmi"},{"__symbolic":"reference","name":"ɵmj"},{"__symbolic":"reference","name":"ɵmk"},{"__symbolic":"reference","name":"ɵml"},{"__symbolic":"reference","name":"ɵmm"},{"__symbolic":"reference","name":"ɵmn"},{"__symbolic":"reference","name":"ɵmo"},{"__symbolic":"reference","name":"ɵmp"},{"__symbolic":"reference","name":"ɵmq"},{"__symbolic":"reference","name":"ɵmr"},{"__symbolic":"reference","name":"ɵms"},{"__symbolic":"reference","name":"ɵmt"},{"__symbolic":"reference","name":"ɵmu"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":67,"character":4},{"__symbolic":"reference","name":"ɵmw"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":70,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":71,"character":4},{"__symbolic":"reference","name":"ɵlq"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":73,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":74,"character":4},{"__symbolic":"reference","name":"ɵlr"},{"__symbolic":"reference","name":"ɵls"}],"providers":[{"__symbolic":"reference","name":"ɵlw"}]}]}],"members":{}},"ɵlu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"template":{"__symbolic":"reference","name":"ɵku"},"animations":{"__symbolic":"reference","name":"ɵbs"},"providers":[{"__symbolic":"reference","name":"ɵlv"}]}]}],"members":{"firstColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵck"},{"static":true}]}]}],"secondColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":34,"character":38},{"__symbolic":"reference","name":"ɵlv"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵlv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵlw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵlx"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵlx"}]},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":32,"character":20}]}],"setViewColState":[{"__symbolic":"method"}],"saveBranchSettingsState":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onNextAndReset":[{"__symbolic":"method"}],"onPrev":[{"__symbolic":"method"}],"updateInstance":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"resetIndex":[{"__symbolic":"method"}],"toggleColumn":[{"__symbolic":"method"}],"selectLocalState":[{"__symbolic":"method"}],"gotoFourOhFour":[{"__symbolic":"method"}]}},"ɵlx":{"__symbolic":"interface"},"ɵly":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"app-branch-settings-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":40,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":41,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n<mat-card-title class=\"column-title\">\n<div style=\"margin-top: 20px\">Branch Listing</div>\n<div\n  fxLayout=\"row wrap\"\n  fxLayoutAlign=\"space-between end\"\n  fxLayoutGap=\"10px\"\n>\n  <div fxFlex=\"3 0 0\">\n    <div\n      fxLayout=\"row\"\n      fxLayoutAlign=\"space-between center\"\n      fxLayoutGap=\"3px\"\n    >\n\n      <app-advanced-search-general\n        fxFlex\n        fxFlex.lt-sm=\"100\"\n        [id]=\"'branch-listing'\"\n        [advSearchModel]=\"searchModel\"\n        (search)=\"onSearch($event)\"\n      ></app-advanced-search-general>\n    </div>\n  </div>\n\n  <div\n    class=\"blg-accent\"\n    fxFlex=\"1 0 25\"\n    fxLayout=\"row\"\n    fxLayoutAlign=\"space-between center\"\n  >\n    <app-pagination-v2 fxFlex #pagination [agGridReference]=\"agGrid\" [rowPerPage]=\"limit\" [showPageNumberOption]=\"true\" (onMorePageClick)=\"onMorePage()\"></app-pagination-v2>\n  </div>\n</div>\n\n</mat-card-title>\n<div style=\"height: 100%\">\n<ag-grid-angular\n  #agGrid\n  style=\"height: 100%\"\n  class=\"ag-theme-balham\"\n  [columnDefs]=\"columnsDefs\"\n  [rowData]=\"[]\"\n  [pagination]=\"true\"\n  [paginationPageSize]=\"pagination.rowPerPage\"\n  [gridOptions]=\"gridOptions\"\n  (firstDataRendered)=\"onFirstDataRendered($event)\"\n  (rowClicked)=\"onRowClicked($event.data)\"\n  (gridReady)=\"onGridReady($event)\"\n>\n</ag-grid-angular>\n</div>\n</div>\n","styles":[""]}]}],"members":{"advancedSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵev"}]}]}],"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵep"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":150,"character":20},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"getTotalData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onFirstDataRendered":[{"__symbolic":"method"}],"onSortChanged":[{"__symbolic":"method"}],"onFilterChanged":[{"__symbolic":"method"}],"onMorePage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵlz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"app-util-branch-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":23,"character":14}],"template":"\n<mat-card-title class=\"column-title\">\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n    <div>\n      <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n        (click)=\"onReturn()\"\n        [disabled]=\"deactivateReturn$ | async\">\n        <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n      </button>\n      <span style=\"font-size: 15px; margin-top: 10px;\">\n        View Branch Settings\n      </span>\n    </div>\n\n  </div>\n</mat-card-title>\n<mat-tab-group [selectedIndex]=\"selectedIndex$ | async\">\n  <mat-tab label=\"Branch Details\">\n    <app-util-branch-details></app-util-branch-details>\n  </mat-tab>\n  <mat-tab label=\"Item Category Filter\">\n    <app-util-item-category-filter> </app-util-item-category-filter>\n  </mat-tab>\n  <mat-tab *ngIf=\"appletCode==='posGeneral'\" label=\"Menu List\">\n    <app-util-menu-list> </app-util-menu-list>\n  </mat-tab>\n <mat-tab label=\"Pricing Scheme\">\n    <app-util-branch-pricing-scheme-listing> </app-util-branch-pricing-scheme-listing>\n  </mat-tab>\n <mat-tab label=\"Printable Format\">\n    <app-branch-printable-listing></app-branch-printable-listing>\n  </mat-tab>\n  <mat-tab label=\"Printable Image\">\n    <app-branch-printable-image-listing></app-branch-printable-image-listing>\n  </mat-tab>\n  <mat-tab label=\"Default Settlement Method\">\n    <app-util-default-settlement-method></app-util-default-settlement-method>\n  </mat-tab>\n  <mat-tab label=\"Employee\">\n    <app-branch-employee-link-listing></app-branch-employee-link-listing>\n  </mat-tab>\n</mat-tab-group>\n\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":27,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":47,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":50,"character":52,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/branch-edit/branch-edit.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵma":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵmb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵmb"}]},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":40,"character":20}]}],"setViewColState":[{"__symbolic":"method"}],"saveClientSidePermissionState":[{"__symbolic":"method"}],"saveFieldConfigurationState":[{"__symbolic":"method"}],"saveUserPermissionState":[{"__symbolic":"method"}],"saveTeamPermissionState":[{"__symbolic":"method"}],"saveRolePermissionState":[{"__symbolic":"method"}],"saveAuditTrailState":[{"__symbolic":"method"}],"savePermissionSetState":[{"__symbolic":"method"}],"savePermissionWizardState":[{"__symbolic":"method"}],"saveRolePricingSchemeLinkState":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onNextAndReset":[{"__symbolic":"method"}],"onPrev":[{"__symbolic":"method"}],"updateInstance":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"resetIndex":[{"__symbolic":"method"}],"toggleColumn":[{"__symbolic":"method"}],"selectLocalState":[{"__symbolic":"method"}],"gotoFourOhFour":[{"__symbolic":"method"}]}},"ɵmb":{"__symbolic":"interface"},"ɵmc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-util-branch-details","template":"<form [formGroup]=\"form\">\n  <mat-card-title class=\"column-title\">\n    <div style=\"text-align: right; margin-top: 16px;\" fxLayoutGap=\"3px\">\n      <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onReset()\">RESET</button>\n      &nbsp;&nbsp;\n      <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onSubmit()\">SAVE</button>\n    </div>\n  </mat-card-title>\n  <div fxLayout=\"column\">\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"left\">\n      <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>Branch Name</mat-label>\n          <input matInput placeholder=\"Branch Name\" [formControl]=\"form.controls['name']\" type=\"text\"  style=\"color: grey\" readonly>\n        </mat-form-field>\n      </div>\n      <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Branch Code</mat-label>\n            <input matInput placeholder=\"Branch Code\" [formControl]=\"form.controls['code']\" type=\"text\" style=\"color: grey\" readonly>\n          </mat-form-field>\n      </div>\n      <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>Company</mat-label>\n          <input matInput placeholder=\"Company\" [formControl]=\"form.controls['company']\" type=\"text\" style=\"color: grey\" readonly>\n        </mat-form-field>\n      </div>\n      <div class=\"p-l-10 p-r-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n        <app-select-multi-employee-drop-down [(employee)]=\"form.controls['salesAgent']\"\n        [options]=\"{'required': false, 'multiple': false}\"\n        [apiVisa]=\"apiVisa\"\n        >\n        </app-select-multi-employee-drop-down>\n      </div>\n      <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\" style=\"text-align: left;\">\n        <mat-checkbox (change)=\"enableRounding()\" [formControl]=\"form.controls['rounding_five_cent']\">Rounding Five Cent</mat-checkbox>\n      </div>\n      <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\" *ngIf=\"showRounding\">\n        <app-util-select-rounding-item  [(rounding)]=\"form.controls['rounding_item_guid']\"></app-util-select-rounding-item>\n      </div>\n\n      <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n        <app-util-select-group-discount-item  [(groupDiscount)]=\"form.controls['group_discount_item_guid']\"></app-util-select-group-discount-item>\n      </div>\n    </div>\n  </div>\n</form>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyService","line":25,"character":28},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"enableRounding":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵmd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":3},"arguments":[{"selector":"app-util-item-category-filter","template":"<div fxLayout=\"column\" class=\"p-10\">\n  <div style=\"text-align: right; margin-top: 16px;\">\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onReset()\">RESET</button>\n    &nbsp;&nbsp;\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onSave()\">SAVE</button>\n  </div>\n\n  <ng-container *ngFor=\"let i of [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"dropdown-container\">\n      <app-select-multi-item-category-level-drop-down\n        [apiVisa]=\"apiVisa\"\n        [itemCategoryLevel]=\"form.controls['ITEM_CATEGORY_' + i]\"\n        [label]=\"'Category ' + i\"\n        [options]=\"{ 'level': i, 'multiple': true }\"\n        class=\"dropdown\"\n      ></app-select-multi-item-category-level-drop-down>\n      <mat-checkbox\n        [formControl]=\"form.controls['ITEM_CATEGORY_CHECKBOX_' + i]\"\n        style=\"margin-left: 16px;\"\n      >\n        Exclude\n      </mat-checkbox>\n    </div>\n  </ng-container>\n</div>\n","styles":[".dropdown-container{width:100%}.dropdown{flex:1;min-width:300px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}]}},"ɵme":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":3},"arguments":[{"selector":"app-util-menu-list","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":19},"member":"None"},"template":"<div style=\"text-align: right; margin-top: 16px;\">\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onReset()\">RESET</button>\n    &nbsp;&nbsp;\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onSave()\">SAVE</button>\n    \n  </div>\n<app-select-multi-label-list-drop-down\n            [apiVisa]=\"apiVisa\"\n            [labelList]=\"form.get(getDynamicControlName())\"\n            [label]=\"'Item Category Group '\"\n            [options]=\"{}\">\n</app-select-multi-label-list-drop-down>\n        \n\n  ","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"getDynamicControlName":[{"__symbolic":"method"}]}},"ɵmf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"app-util-branch-pricing-scheme-listing","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":26,"character":19},"member":"None"},"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n    <mat-card-title class=\"column-title\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n            <div fxFlex=\"3 0 0\">\n              <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"3px\">\n                <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\"\n                  (click)=\"onAdd()\">\n                  <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n                </button>\n              \n              </div>\n            </div>\n            <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n              <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n            </div>\n          </div>\n    </mat-card-title>\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n    style=\"height: 100%;\"\n    class=\"ag-theme-balham\"\n    rowSelection=\"single\"\n    rowModelType=\"serverSide\"\n    serverSideStoreType=\"partial\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [rowData]=\"[]\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [cacheBlockSize]=\"pagination.rowPerPage\"\n    [pagination]=\"true\"\n    [animateRows]=\"true\"\n    [suppressRowClickSelection]=\"false\"\n    [sideBar]=\"true\"\n    [rowSelection]=\"'single'\" \n    (gridReady)=\"onGridReady($event)\"\n    (rowClicked)=\"onRowClicked($event.data)\">\n    </ag-grid-angular>\n    </div>\n  </div>","styles":[""]}]}],"members":{"paginationComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbn"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PricingSchemeService","line":45,"character":36},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":46,"character":29},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchPricingSchemeHdrLinkService","line":48,"character":36},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"quickSearch":[{"__symbolic":"method"}]}},"ɵmg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"app-util-branch-pricing-schme-create","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":24,"character":14}],"template":"<form [formGroup]=\"form\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n          (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span style=\"font-size: 15px; margin-top: 10px;\">\n          Add Pricing Scheme\n        </span>\n      </div>\n      <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onSave()\">ADD</button>\n    </div>\n  </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\" style=\"min-height: 100vh\">\n      <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <app-util-pricing-scheme-hdr [(pricingScheme)]=\"form.controls['pricingScheme']\"></app-util-pricing-scheme-hdr>\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>Priority</mat-label>\n          <input  matInput placeholder=\"Level\" [formControl]=\"form.controls['level']\" type=\"number\">\n        </mat-form-field>\n      </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":39,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}]}},"ɵmh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"app-util-branch-pricing-schme-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":24,"character":14}],"template":"<form [formGroup]=\"form\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n          (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span style=\"font-size: 15px; margin-top: 10px;\">\n          Edit Pricing Scheme\n        </span>\n      </div>\n      <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onSave()\">SAVE</button>\n    </div>\n  </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\" style=\"min-height: 100vh\">\n      <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <app-util-pricing-scheme-hdr [(pricingScheme)]=\"form.controls['pricingScheme']\"></app-util-pricing-scheme-hdr>\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>Level</mat-label>\n          <input  matInput placeholder=\"Level\" [formControl]=\"form.controls['level']\" type=\"number\">\n        </mat-form-field>\n      </div>\n      <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <button mat-raised-button color=\"warn\" (click)=\"onDelete()\"\n        type=\"button\">\n        DELETE\n        </button>\n    </div>\n    </div>\n\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":39,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}]}},"ɵmi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":3},"arguments":[{"selector":"app-util-default-settlement-method","template":"<div fxLayout=\"column\" class=\"p-10\">\n  <div style=\"text-align: right; margin-top: 16px;\" fxLayoutGap=\"3px\">\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onReset()\">RESET</button>\n    &nbsp;&nbsp;\n    <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onSubmit()\">SAVE</button>\n  </div>\n\n\n    <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n      <app-util-select-default-settlement-method [(defaultSettlement)]=\"form.controls['default_settlement_cash']\"  [branchGuid]=\"branchGuid\" [settlementMethodType]=\"'CASH'\"></app-util-select-default-settlement-method>\n      <app-util-select-default-settlement-method [(defaultSettlement)]=\"form.controls['default_settlement_credit_card']\"  [branchGuid]=\"branchGuid\" [settlementMethodType]=\"'CREDIT_CARD'\"></app-util-select-default-settlement-method>\n      <app-util-select-default-settlement-method [(defaultSettlement)]=\"form.controls['default_settlement_debit_card']\"  [branchGuid]=\"branchGuid\" [settlementMethodType]=\"'DEBIT_CARD'\"></app-util-select-default-settlement-method>\n      <app-util-select-default-settlement-method [(defaultSettlement)]=\"form.controls['default_settlement_voucher']\"  [branchGuid]=\"branchGuid\" [settlementMethodType]=\"'VOUCHER'\"></app-util-select-default-settlement-method>\n      <app-util-select-default-settlement-method [(defaultSettlement)]=\"form.controls['default_settlement_bank_transfer']\"  [branchGuid]=\"branchGuid\" [settlementMethodType]=\"'BANK_TRANSFER'\"></app-util-select-default-settlement-method>\n      <app-util-select-default-settlement-method [(defaultSettlement)]=\"form.controls['default_settlement_cheque']\"  [branchGuid]=\"branchGuid\" [settlementMethodType]=\"'CHEQUE'\"></app-util-select-default-settlement-method>\n      <app-util-select-default-settlement-method [(defaultSettlement)]=\"form.controls['default_settlement_others']\"  [branchGuid]=\"branchGuid\" [settlementMethodType]=\"'OTHERS'\"></app-util-select-default-settlement-method>\n      <app-util-select-default-settlement-method [(defaultSettlement)]=\"form.controls['default_settlement_ewallet']\"  [branchGuid]=\"branchGuid\" [settlementMethodType]=\"'E_WALLET'\"></app-util-select-default-settlement-method>\n      <app-util-select-default-settlement-method [(defaultSettlement)]=\"form.controls['default_settlement_membership_point_currency']\"  [branchGuid]=\"branchGuid\" [settlementMethodType]=\"'MEMBERSHIP_POINT_CURRENCY'\"></app-util-select-default-settlement-method>\n    </div>\n\n  </div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}]}},"ɵmj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"app-branch-printable-listing","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"3px\">\n          <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\"\n            (click)=\"onNext()\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <app-advanced-search-general class=\"mobile\" fxFlex fxFlex.lt-sm=\"100\" [id]=\"'querycashbook'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination-v2 fxFlex #pagination [agGridReference]=\"agGrid\" [rowPerPage]=\"limit\" (onMorePageClick)=\"onMorePage()\" [showPageNumberOption]=\"true\"></app-pagination-v2>\n      </div>\n    </div>\n  </mat-card-title>\n\n  <div style=\"height: 80%;\">\n    <ag-grid-angular #agGrid\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [rowData]=\"rowData\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":108,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵep"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":114,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getTotalData":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onMorePage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵmk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"app-branch-printable-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":23,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n            (click)=\"onReturn()\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            Add Printable\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onSave()\">ADD</button>\n      </div>\n    </mat-card-title>\n      <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\" style=\"min-height: 100vh\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <app-select-parent-printable  [(printable)]=\"form.controls['printableFormatHdr']\" [txnType]=\"'INTERNAL_SALES_CASHBILL'\" [hideNone]=true></app-select-parent-printable>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Header</mat-label>\n            <textarea #remarks matInput placeholder=\"Remarks\" [formControl]=\"form.controls['header']\"></textarea>\n            <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Footer</mat-label>\n            <textarea #remarks matInput placeholder=\"Remarks\" [formControl]=\"form.controls['footer']\"></textarea>\n            <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Priority</mat-label>\n            <input  matInput placeholder=\"Priority\" [formControl]=\"form.controls['priority']\" type=\"number\">\n          </mat-form-field>\n        </div>\n      </div>\n  </form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":38,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}]}},"ɵml":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"app-branch-printable-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":26,"character":14}],"template":"<form [formGroup]=\"form\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n          (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span style=\"font-size: 15px; margin-top: 10px;\">\n          Edit Printable\n        </span>\n      </div>\n      <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onSave()\">SAVE</button>\n    </div>\n  </mat-card-title>\n  <mat-tab-group>\n    <mat-tab label=\"Printable Format\">\n      <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\" style=\"min-height: 100vh\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <app-select-parent-printable  [(printable)]=\"form.controls['printableFormatHdr']\" [txnType]=\"'INTERNAL_SALES_CASHBILL'\" [hideNone]=true></app-select-parent-printable>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Header</mat-label>\n            <textarea #remarks matInput placeholder=\"Remarks\" [formControl]=\"form.controls['header']\"></textarea>\n            <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Footer</mat-label>\n            <textarea #remarks matInput placeholder=\"Remarks\" [formControl]=\"form.controls['footer']\"></textarea>\n            <mat-hint align=\"end\">{{remarks.value.length}} characters</mat-hint>\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Priority</mat-label>\n            <input  matInput placeholder=\"Priority\" [formControl]=\"form.controls['priority']\" type=\"number\">\n          </mat-form-field>\n        </div>\n        <div style=\"padding: 5px;\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onDelete()\">\n            <span>{{ (deleteConfirmation$ | async) ? 'CLICK AGAIN TO CONFIRM' : 'DELETE'}}</span>\n          </button>\n        </div>\n      </div>\n    </mat-tab>\n    <mat-tab label=\"Printable Image\">\n      <app-branch-printable-image-link-listing></app-branch-printable-image-link-listing>\n    </mat-tab>\n  </mat-tab-group>\n\n\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":43,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}]}},"ɵmm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":3},"arguments":[{"selector":"app-branch-printable-image-listing","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"3px\">\n            <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\"\n              (click)=\"onNext()\">\n              <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n            </button>\n            <app-advanced-search-general class=\"mobile\" fxFlex fxFlex.lt-sm=\"100\" [id]=\"'querycashbook'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination-v2 fxFlex #pagination [agGridReference]=\"agGrid\" [rowPerPage]=\"limit\" (onMorePageClick)=\"onMorePage()\" [showPageNumberOption]=\"true\"></app-pagination-v2>\n        </div>\n      </div>\n    </mat-card-title>\n\n    <div style=\"height: 80%;\">\n      <ag-grid-angular #agGrid\n        style=\"height: 100%;\"\n        class=\"ag-theme-balham\"\n        [gridOptions]=\"gridOptions\"\n        [columnDefs]=\"columnsDefs\"\n        [paginationPageSize]=\"pagination.rowPerPage\"\n        [rowData]=\"rowData\"\n        [cacheBlockSize]=\"pagination.rowPerPage\"\n        (rowClicked)=\"onRowClicked($event.data)\"\n        (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  </div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":99,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵep"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":105,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getTotalData":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onMorePage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵmn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"app-branch-printable-image-link-listing","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"3px\">\n          <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\"\n            (click)=\"onNext()\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <app-advanced-search-general class=\"mobile\" fxFlex fxFlex.lt-sm=\"100\" [id]=\"'querycashbook'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination-v2 fxFlex #pagination [agGridReference]=\"agGrid\" [rowPerPage]=\"limit\" (onMorePageClick)=\"onMorePage()\" [showPageNumberOption]=\"true\"></app-pagination-v2>\n      </div>\n    </div>\n  </mat-card-title>\n\n  <div style=\"height: 80%;\">\n    <ag-grid-angular #agGrid\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [rowData]=\"rowData\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":93,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵep"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":99,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getTotalData":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onMorePage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵmo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"app-branch-printable-image-link-add","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <!-- Top Row: Back Button, Select Image Text, and Add Button -->\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" style=\"margin: 10px 20px;\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\" (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"back\" width=\"40px\" height=\"40px\">\n        </button>\n        <span style=\"font-size: 15px; margin-left: 10px;\">Select Image</span>\n      </div>\n      <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onAdd()\">ADD</button>\n    </div>\n\n    <!-- Second Row: Search Bar and Pagination -->\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" style=\"margin: 10px 20px;\">\n      <div fxFlex=\"1\">\n        <app-advanced-search-general class=\"mobile\" fxFlex [id]=\"'querycashbook'\"\n          [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\">\n        </app-advanced-search-general>\n      </div>\n      <div fxFlex=\"0 1 auto\">\n        <app-pagination-v2 fxFlex #pagination [agGridReference]=\"agGrid\" [rowPerPage]=\"limit\"\n          (onMorePageClick)=\"onMorePage()\" [showPageNumberOption]=\"true\">\n        </app-pagination-v2>\n      </div>\n    </div>\n  </mat-card-title>\n\n  <!-- Table Section -->\n  <div style=\"height: 80%;\">\n    <ag-grid-angular #agGrid\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [rowData]=\"rowData\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":101,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵep"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":107,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getTotalData":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onMorePage":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵmp":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-branch-printable-image-link-edit","providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":30,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n          (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n            alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span>\n          View Printable Image Link\n        </span>\n      </div>\n    </div>\n\n    <form [formGroup]=\"form\">\n      <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Code</mat-label>\n            <input readonly matInput placeholder=\"Code\" [formControl]=\"form.controls['imageCode']\" type=\"text\">\n          </mat-form-field>\n\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Name</mat-label>\n            <input readonly matInput placeholder=\"Name\" [formControl]=\"form.controls['imageName']\" type=\"text\">\n          </mat-form-field>\n\n          <!-- Add fixed dimensions using a class -->\n          <img class=\"file-preview fixed-size-image\" [src]=\"src\" alt=\"Preview Image\">\n        </div>\n      </div>\n    </form>\n  </mat-card-title>\n\n  <div style=\"padding: 5px;\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n    <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onDelete()\">\n      <span>{{ (deleteConfirmation$ | async) ? 'CLICK AGAIN TO CONFIRM' : 'DELETE'}}</span>\n    </button>\n  </div>\n</div>\n","styles":[".fixed-size-image{width:150px;height:150px;object-fit:cover;border:1px solid #ccc;display:block;margin:auto}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":48,"character":18},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"downloadImage":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}]}},"ɵmq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-branch-printable-image-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"Default"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":31,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n           (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n            alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span>\n          Add Printable Image\n        </span>\n      </div>\n      <button mat-raised-button color=\"primary\" type=\"button\" [disabled]=\"disableAdd()\" (click)=\"onAdd()\">ADD</button>\n    </div>\n\n\n    <form [formGroup]=\"form\">\n      <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Image Code</mat-label>\n            <input matInput placeholder=\"Image Code\" [formControl]=\"form.controls['imageCode']\" type=\"text\">\n          </mat-form-field>\n\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Image Name</mat-label>\n            <input matInput placeholder=\"Image Name\" [formControl]=\"form.controls['imageName']\" type=\"text\">\n          </mat-form-field>\n\n        </div>\n      </div>\n    </form>\n\n\n  </mat-card-title>\n  <div class=\"main-container\">\n    <div appDragDrop (dropEvent)=\"onChange($event.dataTransfer.files)\" class=\"drop-zone\">\n      <input hidden #input type=\"file\" single (change)=\"onChange($event.target.files)\">\n      <h3>\n        Drag and drop your files anywhere or\n      </h3>\n      <label for=\"input\" (click)=\"input.click()\">Upload File(s)</label>\n    </div>\n  </div>\n  <div class=\"grid-container\">\n    <div *ngIf=\"attachment\" class=\"img-container\">\n      <button style=\"position: absolute;\" mat-icon-button color=\"warn\" type=\"button\" (click)=\"onDeleteFile()\">\n        <mat-icon>delete</mat-icon>\n      </button>\n      <ng-container *ngIf=\"attachment.fileSRC === 'icon'; else preview\">\n        <mat-icon style=\"transform: translate(0px, 30px);\" class=\"file-preview\">description</mat-icon>\n      </ng-container>\n      <ng-template #preview>\n        <img class=\"file-preview\" [src]=\"attachment.fileSRC\">\n      </ng-template>\n      <p class=\"file-name\">{{attachment.fileAttributes.fileName}}</p>\n    </div>\n  </div>\n\n</div>\n","styles":["h3{font-size:17px}input{width:100%;height:100%}label{color:#fff;width:183px;height:44px;border-radius:10px;border:1px solid #1e88e5;background-color:#1e88e5;padding:8px 16px;cursor:pointer}label:hover{color:#1e88e5;background-color:#fff}.main-container{padding:2rem}.drop-zone{width:100%;height:200px;padding:3rem;text-align:center;border:1px dashed #d3d3d3;position:relative;transition:.3s}.grid-container{display:flex;margin:10px;overflow:auto}.img-container{position:relative;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);width:125px;height:100px;margin:10px}.file-preview{width:125px;height:75px}.file-name{margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":47,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"disableAdd":[{"__symbolic":"method"}],"onDeleteFile":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}]}},"ɵmr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"app-branch-printable-image-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":19},"member":"Default"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":36,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n          (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n            alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span>\n          Edit Image\n        </span>\n      </div>\n      <button mat-raised-button color=\"primary\" type=\"button\" [disabled]=\"disableSave()\"\n        (click)=\"onSave()\">Save</button>\n    </div>\n\n\n    <form [formGroup]=\"form\">\n      <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Code</mat-label>\n            <input matInput placeholder=\"Code\" [formControl]=\"form.controls['imageCode']\" type=\"text\">\n          </mat-form-field>\n\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Name</mat-label>\n            <input matInput placeholder=\"Name\" [formControl]=\"form.controls['imageName']\" type=\"text\">\n          </mat-form-field>\n\n\n        </div>\n      </div>\n    </form>\n\n\n  </mat-card-title>\n  <div class=\"main-container\">\n    <div appDragDrop (dropEvent)=\"onChange($event.dataTransfer.files)\" class=\"drop-zone\">\n      <input hidden #input type=\"file\" single (change)=\"onChange($event.target.files)\">\n      <h3>\n        Drag and drop your files anywhere or\n      </h3>\n      <label for=\"input\" (click)=\"input.click()\">Upload File(s)</label>\n    </div>\n  </div>\n  <div class=\"grid-container\">\n    <div *ngIf=\"attachment\" class=\"img-container\">\n      <button style=\"position: absolute;\" mat-icon-button color=\"warn\" type=\"button\" (click)=\"onDeleteFile()\">\n        <mat-icon>delete</mat-icon>\n      </button>\n\n\n      <img class=\"file-preview\" [src]=\"src\" alt=\"Preview Image\">\n\n      <p class=\"file-name\">{{attachment.fileAttributes?.fileName}}</p>\n    </div>\n  </div>\n\n  <div style=\"padding: 5px;\">\n    <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onDelete()\">\n      <span>{{ (deleteConfirmation$ | async) ? 'CLICK AGAIN TO CONFIRM' : 'DELETE'}}</span>\n    </button>\n  </div>\n\n</div>\n","styles":["h3{font-size:17px}input{width:100%;height:100%}label{color:#fff;width:183px;height:44px;border-radius:10px;border:1px solid #1e88e5;background-color:#1e88e5;padding:8px 16px;cursor:pointer}label:hover{color:#1e88e5;background-color:#fff}.main-container{padding:2rem}.drop-zone{width:100%;height:200px;padding:3rem;text-align:center;border:1px dashed #d3d3d3;position:relative;transition:.3s}.grid-container{display:flex;margin:10px;overflow:auto}.img-container{position:relative;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);width:125px;height:100px;margin:10px}.file-preview{width:125px;height:75px}.file-name{margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":59,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":62,"character":18},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"downloadImage":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"disableSave":[{"__symbolic":"method"}],"onDeleteFile":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"updateFileAttributes":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}]}},"ɵms":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"app-branch-employee-link-listing","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"3px\">\n          <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\"\n            (click)=\"onNext()\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <app-advanced-search-general class=\"mobile\" fxFlex fxFlex.lt-sm=\"100\" [id]=\"'querycashbook'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination-v2 fxFlex #pagination [agGridReference]=\"agGrid\" [rowPerPage]=\"limit\" (onMorePageClick)=\"onMorePage()\" [showPageNumberOption]=\"true\"></app-pagination-v2>\n      </div>\n    </div>\n  </mat-card-title>\n\n  <div style=\"height: 80%;\">\n    <ag-grid-angular #agGrid\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [rowData]=\"rowData\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":89,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵep"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":95,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getTotalData":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onMorePage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵmt":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"app-branch-employee-link-add","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <!-- Top Row: Back Button, Select Image Text, and Add Button -->\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" style=\"margin: 10px 20px;\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n        <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\" (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"back\" width=\"40px\" height=\"40px\">\n        </button>\n        <span style=\"font-size: 15px; margin-left: 10px;\">Select Employee</span>\n      </div>\n      <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onAdd()\">ADD</button>\n    </div>\n\n    <!-- Second Row: Search Bar and Pagination -->\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" style=\"margin: 10px 20px;\">\n      <div fxFlex=\"1\">\n        <app-advanced-search-general class=\"mobile\" fxFlex [id]=\"'querycashbook'\"\n          [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\">\n        </app-advanced-search-general>\n      </div>\n      <div fxFlex=\"0 1 auto\">\n        <app-pagination-v2 fxFlex #pagination [agGridReference]=\"agGrid\" [rowPerPage]=\"limit\"\n          (onMorePageClick)=\"onMorePage()\" [showPageNumberOption]=\"true\">\n        </app-pagination-v2>\n      </div>\n    </div>\n  </mat-card-title>\n\n  <!-- Table Section -->\n  <div style=\"height: 80%;\">\n    <ag-grid-angular #agGrid\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [rowData]=\"rowData\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":["h3{font-size:17px}input{width:100%;height:100%}label{color:#fff;width:183px;height:44px;border-radius:10px;border:1px solid #1e88e5;background-color:#1e88e5;padding:8px 16px;cursor:pointer}label:hover{color:#1e88e5;background-color:#fff}.main-container{padding:2rem}.drop-zone{width:100%;height:200px;padding:3rem;text-align:center;border:1px dashed #d3d3d3;position:relative;transition:.3s}.grid-container{display:flex;margin:10px;overflow:auto}.img-container{position:relative;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);width:125px;height:100px;margin:10px}.file-preview{width:125px;height:75px}.file-name{margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":92,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵep"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":98,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getTotalData":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onMorePage":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵmu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"app-branch-employee-link-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":19},"member":"Default"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":36,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n          (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n            alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span>\n          Edit Employee Link\n        </span>\n      </div>\n    </div>\n\n\n    <form [formGroup]=\"form\">\n      <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Code</mat-label>\n            <input readonly matInput placeholder=\"Code\" [formControl]=\"form.controls['code']\" type=\"text\">\n          </mat-form-field>\n\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Name</mat-label>\n            <input readonly matInput placeholder=\"Name\" [formControl]=\"form.controls['name']\" type=\"text\">\n          </mat-form-field>\n\n\n        </div>\n      </div>\n    </form>\n\n\n  </mat-card-title>\n\n\n  <div style=\"padding: 5px;\">\n    <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onDelete()\">\n      <span>{{ (deleteConfirmation$ | async) ? 'CLICK AGAIN TO CONFIRM' : 'DELETE'}}</span>\n    </button>\n  </div>\n\n</div>\n","styles":["h3{font-size:17px}input{width:100%;height:100%}label{color:#fff;width:183px;height:44px;border-radius:10px;border:1px solid #1e88e5;background-color:#1e88e5;padding:8px 16px;cursor:pointer}label:hover{color:#1e88e5;background-color:#fff}.main-container{padding:2rem}.drop-zone{width:100%;height:200px;padding:3rem;text-align:center;border:1px dashed #d3d3d3;position:relative;transition:.3s}.grid-container{display:flex;margin:10px;overflow:auto}.img-container{position:relative;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);width:125px;height:100px;margin:10px}.file-preview{width:125px;height:75px}.file-name{margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":59,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":62,"character":18},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}]}},"ɵmv":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":8,"character":38},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵmx"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵna"},"member":"branchSettingsViewCache"}]},"ɵmw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","name":"ɵmv"}],"providers":[{"__symbolic":"reference","name":"ɵlw"}]}]}],"members":{}},"ɵmx":"branchSettingsViewCache","ɵmy":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":6,"character":32},"arguments":[{"__symbolic":"reference","name":"ɵnb"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnc"},"member":"cacheBranchSettings"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":43,"module":"./lib/shared-utilities/modules/branch-settings/view-cache-controller/store/reducers/view-cache.reducers"}]}]},"ɵmz":{"__symbolic":"function","parameters":["state","action"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵmy"},"arguments":[{"__symbolic":"reference","name":"state"},{"__symbolic":"reference","name":"action"}]}},"ɵna":{"branchSettingsViewCache":{"__symbolic":"reference","name":"ɵmz"}},"ɵnb":{"branchSettings":null},"ɵnc":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./view-cache.actions"}},"ɵnd":"branchSettings","ɵne":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":7,"character":37},"arguments":[{"__symbolic":"reference","name":"ɵng"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":9,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"selectEmployeeLinkSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":9,"character":56,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":19,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"selectEmployeeLink"},{"__symbolic":"error","message":"Lambda not supported","line":19,"character":49,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":21,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"selectDefaultPrintableFormatSucess"},{"__symbolic":"error","message":"Lambda not supported","line":21,"character":65,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":22,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"selectPrintableImageLink"},{"__symbolic":"error","message":"Lambda not supported","line":22,"character":55,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":24,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"selectFileSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":24,"character":48,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":26,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"selectPrintableImage"},{"__symbolic":"error","message":"Lambda not supported","line":26,"character":51,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":28,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"selectPrintable"},{"__symbolic":"error","message":"Lambda not supported","line":28,"character":46,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":30,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"selectBranchSettlementMethodListSucess"},{"__symbolic":"error","message":"Lambda not supported","line":30,"character":69,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":31,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"selectBranch"},{"__symbolic":"error","message":"Lambda not supported","line":31,"character":43,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":33,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"resetSettingItemFilter"},{"__symbolic":"error","message":"Lambda not supported","line":33,"character":53,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":35,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵnh"},"member":"selectSettingItemFilterSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":35,"character":61,"module":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers"}]}]},"ɵnf":{"branchSettings":{"__symbolic":"reference","name":"ɵne"}},"ɵng":{"selectedBranch":null,"selectedItemCategoryFilter":[],"branchSettlementMethodList":[],"selectedPrintable":null,"selectedPrintableImage":null,"selectedPrintableImageFile":null,"selectedPrintableImageLink":null,"selectedDefaultFormat":null,"selectedEmployee":null,"selectedEmployeeLink":[]},"ɵnh":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./branch-settings.actions"}},"ɵni":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":19,"character":1}}],"members":{"processList":[{"__symbolic":"method"}],"displayToasterSuccess":[{"__symbolic":"method"}],"displayToasterError":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":843,"character":24},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":844,"character":22},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":845,"character":29},{"__symbolic":"reference","name":"ɵlw"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵje"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppletSettingFilterItemCategoryLinkService","line":848,"character":40},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchSettlementMethodService","line":849,"character":45},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"FinancialItemService","line":850,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchPricingSchemeHdrLinkService","line":851,"character":36},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchDefaultPrintableFormatHdrService","line":852,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PrintableFormatImageService","line":853,"character":43},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PrintableFormatImageLinkService","line":854,"character":47},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EmployeeBranchLinkingService","line":855,"character":44}]}]}},"ɵnj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵnk"},{"__symbolic":"reference","name":"ɵnl"},{"__symbolic":"reference","name":"ɵnm"},{"__symbolic":"reference","name":"ɵnn"},{"__symbolic":"reference","name":"ɵno"},{"__symbolic":"reference","name":"ɵnp"}],"exports":[{"__symbolic":"reference","name":"ɵnk"},{"__symbolic":"reference","name":"ɵnl"},{"__symbolic":"reference","name":"ɵnm"},{"__symbolic":"reference","name":"ɵno"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderModule","line":26,"character":4},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderRouterModule","line":27,"character":4},{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderHttpModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":29,"character":4},{"__symbolic":"reference","name":"ɵbl"}],"providers":[{"__symbolic":"reference","module":"ngx-ui-loader","name":"NgxUiLoaderService","line":33,"character":4}]}]}],"members":{}},"ɵnn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"filter"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵno":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-layout","animations":[{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbp"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":21,"character":17},"member":"None"},"template":"<!-- ============================================================== -->\n<!-- Main wrapper - style you can find in pages.scss -->\n<!-- ============================================================== -->\n<div>\n  <button id=\"snav-hamburger\" fxHide.gt-sm mat-icon-button style=\"position: absolute; top: 12px; left: 10px; z-index: 10000; color: white;\" type=\"button\" (click)=\"onToggle(!sidebar.opened); snav.toggle()\">\n    <mat-icon>\n    dehaze\n    </mat-icon>\n  </button>\n</div>\n<div class=\"main-container\" [dir]=\"dir\">\n  <!-- ============================================================== -->\n  <!-- Topbar - style you can find in header.scss -->\n  <!-- ============================================================== -->\n  <!-- ============================================================== -->\n  <!-- End Topbar - style you can find in pages.scss -->\n  <!-- ============================================================== -->\n  <mat-sidenav-container class=\"example-sidenav-container\">\n    <!-- ============================================================== -->\n    <!-- Sidebar - style you can find in sidebar.scss -->\n    <!-- ============================================================== -->\n\n    <mat-sidenav #snav\n    [opened]=\"mobileQuery.matches ? ((sideNavState$ | async) ? 'true' : 'false') : true\"\n    [@onSideNavChange]=\"(sideNavState$ | async) ? 'open': 'close'\"\n    id=\"snav\" [fixedInViewport]=\"true\"\n    fixedTopGap=\"64\"\n    [mode]=\"mobileQuery.matches ? 'over' : 'side'\">\n        <app-sidebar class=\"app-sidebar\" #sidebar\n        [mainPath]=\"mainPath\"\n        [menuItems]=\"menuItems\"\n        [groupMenuItems]=\"groupMenuItems\"\n        [appletName]=\"appletName\"\n        [settingLabel]=\"settingLabel\"\n        [personalizationLabel]=\"personalizationLabel\"\n        [opened]=\"sideNavState$ | async\"\n        (toggle)=\"onToggle($event)\"\n        (menuClick)=\"menuClick.emit($event)\"\n        (childMenuClick)=\"childMenuClick.emit($event)\"></app-sidebar>\n    </mat-sidenav>\n\n    <!-- ============================================================== -->\n    <!-- Page container - style you can find in pages.scss -->\n    <!-- ============================================================== -->\n    <mat-sidenav-content class=\"page-wrapper\"\n    [@onMainContentChange]=\"!mobileQuery.matches ? ((sideNavState$ | async) ? 'open' : 'close'): 'mobile'\" style=\"background-color: white\">\n      <div\n      class=\"page-content\"\n      [ngStyle.lt-md]=\"{'margin-left.px': 5, 'margin-right.px': 5}\"\n      [ngStyle.gt-sm]=\"{'margin-left.px': 40, 'margin-right.px': 20}\"\n      >\n        <router-outlet message=\"\">\n        </router-outlet>\n        <ngx-ui-loader></ngx-ui-loader>\n      </div>\n\n    </mat-sidenav-content>\n    <!-- ============================================================== -->\n    <!-- Page container - style you can find in pages.scss -->\n    <!-- ============================================================== -->\n  </mat-sidenav-container>\n</div>\n","styles":["mat-card-title{text-align:left}button,mat-icon.mat-icon.notranslate.material-icons.mat-icon-no-color:hover{transition:all .3s ease-in-out}.card-table{width:100%;border-collapse:collapse}.view-col{transition:all .3s ease-in-out;padding-left:2px;padding-right:2px;font-weight:400;border-right:1px solid #d3d3d3;border-left:1px solid #d3d3d3}.card-table-mobile{box-shadow:none}.view-col-mobile{border:none}.view-col-forms{max-height:75vh;padding:10px;overflow-y:auto;overflow-x:hidden}.view-col-forms .inner-tab{max-height:65vh}.view-col-forms .inner-tab .with-delete{max-height:57vh}.view-col-forms .with-delete{max-height:65vh}.view-col-forms.no-tab{max-height:86vh}.view-col-table{height:77vh}.view-col-table.with-delete{height:69vh}.view-col-table-button-wrap,.view-col-table.no-tab{height:86vh}.collapse-cols-header{cursor:pointer}.collapse-cols-header:hover{background:linear-gradient(180deg,#f5f5f5,transparent);padding-left:.5%;padding-right:.5%;color:#8a2be2}.collapsed-col-container{display:flex;flex-direction:column;align-items:center;font-size:13px;margin:auto}.collapse-cols-index{font-weight:bolder}.collapse-cols-text{writing-mode:vertical-rl;font-variant:all-petite-caps;margin:auto}.column-title{font-size:smaller;display:block}.ag-paging-panel{display:none}.ag-grid-odd-rows{background-color:#f5f5f5!important}.ag-row-selected{background-color:#b7e4ff!important}.ag-row-hover{background-color:#87cefa!important}.ag-header-viewport{background-color:#d3d3d3}.ag-header-cell:hover,.mat-tab-label:hover{background:linear-gradient(180deg,transparent,#eeebf2)}.ag-header-icon:hover{color:#7b68ee}.blg-small-button-icon{width:22px!important;height:22px!important;line-height:22px!important}.blg-button-icon{margin:0 5px!important;padding:0!important;min-width:40px!important;border:1px solid rgba(202,183,214,.3607843137)!important;border-radius:25px!important;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.blg-small-button-icon:hover{background-color:#f5f5f5;color:#7b68ee}.blg-button-disabled{filter:grayscale(1)}.blg-button-mobile{position:absolute!important;bottom:2vh;right:22px;z-index:5}.blg-accent{background:linear-gradient(270deg,#f5f5f5,transparent)}.mat-ink-bar{background:linear-gradient(90deg,#1e88e3,#7b68ee)}.mat-snack-bar-container{color:#000;background:#fff}"]}]}],"members":{"appletName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"menuItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"groupMenuItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"mainPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"settingLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"personalizationLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":3}}]}],"childMenuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/layout","name":"MediaMatcher","line":42,"character":11},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵja"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}]}},"ɵnp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"app-sidebar","animations":[{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbr"}],"template":"<mat-nav-list disableRipple=\"true\" style=\"overflow: hidden;\" appAccordion fxLayout=\"column wrap\"\n  [ngStyle]=\"sidebarBgColor$ | async\">\n  <button [ngStyle]=\"logoBgColor$ | async\" [ngClass]=\"opened ? 'opened' : 'closed'\" fxHide.lt-md mat-icon-button\n  (click)=\"onToggle()\" style=\"\n  position: fixed;\n  top: 87px;\n  background: mediumslateblue;\n  color: white;\n  \">\n    <mat-icon style=\"font-size: 29px;\">menu_open</mat-icon>\n  </button>\n  <app-applet-logo [opened]=\"opened\" [appletName]=\"appletName\" [logoBgColor$]=\"logoBgColor$\"></app-applet-logo>\n  <mat-list-item appAccordionLink *ngFor=\"let menu of menuItems\">\n    <table *ngIf=\"menu.type === 'tenant'\">\n      <tr>\n        <td rowspan=\"2\">\n          <img src=\"assets/images/blglogo.jpg\" alt=\"logo\" width=\"50px\" height=\"50px\">\n        </td>\n      </tr>\n      <tr>\n        <td><span class=\"tenant\" [@animateText]=\"opened ? 'show' : 'hide'\" style=\"font-size: small;\">{{ menu.name }}</span></td>\n      </tr>\n    </table>\n    <span *ngIf=\"!menu.children || menu.children.length === 0\">\n      <a appAccordionToggle [matTooltip]=\"menu.name\" [routerLink]=\"mainPath + '/' + menu.state\"\n        *ngIf=\"menu.type === 'link'\"  routerLinkActive=\"active-link\">\n        <mat-icon>{{menu.icon}}</mat-icon>\n        <span [@animateText]=\"opened ? 'show' : 'hide'\" class=\"menu-name\">{{ menu.name }}</span>\n     </a>\n    </span>\n    <span *ngIf=\"menu.children && menu.children.length > 0\">\n      <mat-accordion class=\"app-nav-accordion\">\n        <mat-expansion-panel class=\"mat-elevation-z0\">\n          <mat-expansion-panel-header [collapsedHeight]=\"'40px'\" [expandedHeight]=\"'40px'\" style=\"padding: 0px; padding-right: 3px\">\n            <mat-panel-title>\n              <a appAccordionToggle [matTooltip]=\"menu.name\">\n                <mat-icon>{{menu.icon}}</mat-icon>\n                <span [@animateText]=\"opened ? 'show' : 'hide'\" class=\"menu-name\">{{ menu.name }}</span>\n              </a>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <mat-list-item appAccordionLink *ngFor=\"let child of menu.children\">\n\n            <!-- Child accepts toggle options -->\n            <div *ngIf=\"child.type === 'toggle'\" class=\"toggle-buttons-container\">\n              <mat-button-toggle-group vertical class=\"centered-toggle-buttons\">\n                <mat-button-toggle *ngFor=\"let user of child.options\" [value]=\"user.value\" class=\"custom-toggle-button\"\n                (click)=\"childMenuClick.emit({ entity: user, link: menu.state })\" [matTooltip]=\"user.label\">\n                  {{ user.label }}\n                </mat-button-toggle>\n              </mat-button-toggle-group>\n            </div>\n\n            <a appAccordionToggle [matTooltip]=\"child.name\" [routerLink]=\"mainPath + '/' + child.state\"\n                *ngIf=\"child.type === 'link'\" [routerLinkActive]=\"['active-child']\" [routerLinkActiveOptions]=\"{exact:\n                true}\">\n              <mat-icon>{{child.icon}}</mat-icon>\n              <span [@animateText]=\"opened ? 'show' : 'hide'\" class=\"menu-name\">{{ child.name }}</span>\n            </a>\n          </mat-list-item>\n        </mat-expansion-panel>\n      </mat-accordion>\n    </span>\n  </mat-list-item>\n\n  <ng-container style=\"margin-top: auto;\">\n    <mat-list-item\n      appAccordionLink\n      routerLinkActive=\"active-link\" style=\"margin-top: auto;\">\n      <a *ngIf=\"userRank==='OWNER'||userRank==='ADMIN'\" [matTooltip]=\"settingLabel ? settingLabel : 'Settings'\" appAccordionToggle [routerLink]=\"mainPath + '/settings'\">\n        <mat-icon>settings</mat-icon>\n        <span [@animateText]=\"opened ? 'show' : 'hide'\" style=\"font-size: small;\">{{settingLabel ? settingLabel : \"Settings\"}}</span>\n      </a>\n    </mat-list-item>\n    <mat-list-item\n      appAccordionLink\n      routerLinkActive=\"active-link\">\n      <a [matTooltip]=\"personalizationLabel ? personalizationLabel : 'Personalization'\" appAccordionToggle [routerLink]=\"mainPath + '/personalization'\">\n        <img style=\"width: 24px; height: 24px; border-radius: 50%;\" [src]=\"src$ | async\" alt=\"profile\">\n        <span [@animateText]=\"opened ? 'show' : 'hide'\" style=\"font-size: small;\">{{personalizationLabel ? personalizationLabel : \"Personalization\"}}</span>\n      </a>\n    </mat-list-item>\n  </ng-container>\n</mat-nav-list>\n","styles":["@import url(\"https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700\");.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option.mat-active,.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled),.mat-option:hover:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#1e88e5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#e91e63}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox:after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#1e88e5}.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate,.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#e91e63}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-elevation-z1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.mat-elevation-z2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-elevation-z3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.mat-elevation-z4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mat-elevation-z5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.mat-elevation-z6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.mat-elevation-z7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.mat-elevation-z8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mat-elevation-z9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.mat-elevation-z10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.mat-elevation-z11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.mat-elevation-z12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.mat-elevation-z13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.mat-elevation-z14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.mat-elevation-z15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.mat-elevation-z16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.mat-elevation-z17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.mat-elevation-z18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.mat-elevation-z19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.mat-elevation-z20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.mat-elevation-z21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.mat-elevation-z22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.mat-elevation-z23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.mat-elevation-z24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge-content{color:#fff;background:#1e88e5}.cdk-high-contrast-active .mat-badge-content{outline:1px solid;border-radius:0}.mat-badge-accent .mat-badge-content{background:#3f51b5;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#e91e63}.mat-badge{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform .2s ease-in-out;transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.mat-badge-content._mat-animation-noopable,.ng-animate-disabled .mat-badge-content{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-bottom-sheet-container{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#1e88e5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#3f51b5}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#e91e63}.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#1e88e5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#e91e63}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:initial}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-fab,.mat-flat-button,.mat-mini-fab,.mat-raised-button{color:rgba(0,0,0,.87);background-color:#fff}.mat-fab.mat-accent,.mat-fab.mat-primary,.mat-fab.mat-warn,.mat-flat-button.mat-accent,.mat-flat-button.mat-primary,.mat-flat-button.mat-warn,.mat-mini-fab.mat-accent,.mat-mini-fab.mat-primary,.mat-mini-fab.mat-warn,.mat-raised-button.mat-accent,.mat-raised-button.mat-primary,.mat-raised-button.mat-warn{color:#fff}.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{background-color:#1e88e5}.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{background-color:#3f51b5}.mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn{background-color:#e91e63}.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-fab.mat-accent .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-flat-button.mat-primary .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element{background-color:hsla(0,0%,100%,.1)}.mat-flat-button:not([class*=mat-elevation-z]),.mat-stroked-button:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-button-toggle-group,.mat-button-toggle-standalone{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:1px solid rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:1px solid rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:1px solid rgba(0,0,0,.12)}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{border:1px solid rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card:not([class*=mat-elevation-z]){box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa!important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-checked.mat-primary .mat-checkbox-background,.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background{background-color:#1e88e5}.mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-checked.mat-warn .mat-checkbox-background,.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background{background-color:#e91e63}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#1e88e5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#e91e63}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip:after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#1e88e5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:hsla(0,0%,100%,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#e91e63;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:hsla(0,0%,100%,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:hsla(0,0%,100%,.1)}.mat-table{background:#fff}.mat-table-sticky,.mat-table tbody,.mat-table tfoot,.mat-table thead,[mat-footer-row],[mat-header-row],[mat-row],mat-footer-row,mat-header-row,mat-row{background:inherit}mat-footer-row,mat-header-row,mat-row,td.mat-cell,td.mat-footer-cell,th.mat-header-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button,.mat-datepicker-toggle{color:rgba(0,0,0,.54)}.mat-calendar-table-header{color:rgba(0,0,0,.38)}.mat-calendar-table-header-divider:after{background:rgba(0,0,0,.12)}.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range:before{background:rgba(30,136,229,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start:before,[dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(90deg,rgba(30,136,229,.2) 50%,rgba(249,171,0,.2) 0)}.mat-calendar-body-comparison-bridge-end:before,[dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(270deg,rgba(30,136,229,.2) 50%,rgba(249,171,0,.2) 0)}.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#1e88e5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(30,136,229,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(30,136,229,.3)}.mat-datepicker-content{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before{background:rgba(63,81,181,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(90deg,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 0)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(270deg,rgba(63,81,181,.2) 50%,rgba(249,171,0,.2) 0)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before{background:rgba(233,30,99,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before{background:linear-gradient(90deg,rgba(233,30,99,.2) 50%,rgba(249,171,0,.2) 0)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before{background:linear-gradient(270deg,rgba(233,30,99,.2) 50%,rgba(249,171,0,.2) 0)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#e91e63;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(233,30,99,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(233,30,99,.3)}.mat-datepicker-content-touch{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-datepicker-toggle-active{color:#1e88e5}.mat-datepicker-toggle-active.mat-accent{color:#3f51b5}.mat-datepicker-toggle-active.mat-warn{color:#e91e63}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media (hover:none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-indicator:after,.mat-expansion-panel-header-description{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label,.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#1e88e5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#e91e63}.mat-focused .mat-form-field-required-marker{color:#3f51b5}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#1e88e5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#e91e63}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after{color:#1e88e5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after,.mat-form-field.mat-form-field-invalid .mat-form-field-label,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#e91e63}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#e91e63}.mat-error{color:#e91e63}.mat-form-field-appearance-legacy .mat-form-field-label,.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline:before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before{background-color:initial}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#1e88e5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#e91e63}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#1e88e5}.mat-icon.mat-accent{color:#3f51b5}.mat-icon.mat-warn{color:#e91e63}.mat-form-field-type-mat-native-select .mat-form-field-infix:after{color:rgba(0,0,0,.54)}.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after,.mat-input-element:disabled{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#1e88e5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#3f51b5}.mat-form-field-invalid .mat-input-element,.mat-form-field.mat-warn .mat-input-element{caret-color:#e91e63}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after{color:#e91e63}.mat-list-base .mat-list-item,.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-item-disabled{background-color:#eee}.mat-action-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-list-option:focus,.mat-list-option:hover,.mat-nav-list .mat-list-item:focus,.mat-nav-list .mat-list-item:hover{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:focus,.mat-list-single-selected-option:hover{background:rgba(0,0,0,.12)}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-icon-no-color,.mat-menu-item[disabled]:after{color:rgba(0,0,0,.38)}.mat-menu-item-submenu-trigger:after,.mat-menu-item .mat-icon-no-color{color:rgba(0,0,0,.54)}.mat-menu-item-highlighted:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item:hover:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#bbdefb}.mat-progress-bar-buffer{background-color:#bbdefb}.mat-progress-bar-fill:after{background-color:#1e88e5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#c5cae9}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#c5cae9}.mat-progress-bar.mat-accent .mat-progress-bar-fill:after{background-color:#3f51b5}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f8bbd0}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f8bbd0}.mat-progress-bar.mat-warn .mat-progress-bar-fill:after{background-color:#e91e63}.mat-progress-spinner circle,.mat-spinner circle{stroke:#1e88e5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#3f51b5}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#e91e63}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#1e88e5}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#1e88e5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#e91e63}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#e91e63}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#1e88e5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-warn .mat-select-arrow,.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#e91e63}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{color:rgba(0,0,0,.87)}.mat-drawer,.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.mat-drawer-side{border-right:1px solid rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end,[dir=rtl] .mat-drawer-side{border-left:1px solid rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:1px solid rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#1e88e5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(30,136,229,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#1e88e5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#e91e63}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(233,30,99,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#e91e63}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label,.mat-primary .mat-slider-track-fill{background-color:#1e88e5}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-primary .mat-slider-focus-ring{background-color:rgba(30,136,229,.2)}.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label,.mat-accent .mat-slider-track-fill{background-color:#3f51b5}.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-accent .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label,.mat-warn .mat-slider-track-fill{background-color:#e91e63}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-warn .mat-slider-focus-ring{background-color:rgba(233,30,99,.2)}.cdk-focused .mat-slider-track-background,.mat-slider:hover .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider-disabled .mat-slider-thumb,.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:initial}.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper:after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);background-image:-moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}@media (hover:none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#1e88e5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#e91e63;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:initial;color:#e91e63}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#e91e63}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line:before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header:after,.mat-horizontal-stepper-header:before,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px}.mat-stepper-vertical-line:before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before,.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-header,.mat-tab-nav-bar{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-header,.mat-tab-group-inverted-header .mat-tab-nav-bar{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(187,222,251,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#1e88e5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(248,187,208,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#e91e63}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(187,222,251,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container{background-color:#1e88e5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:hsla(0,0%,100%,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator:before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:hsla(0,0%,100%,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element{background-color:hsla(0,0%,100%,.12)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container{background-color:#3f51b5}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:hsla(0,0%,100%,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator:before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:hsla(0,0%,100%,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element{background-color:hsla(0,0%,100%,.12)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(248,187,208,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container{background-color:#e91e63}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:hsla(0,0%,100%,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,.mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator:before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:hsla(0,0%,100%,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element{background-color:hsla(0,0%,100%,.12)}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#1e88e5;color:#fff}.mat-toolbar.mat-accent{background:#3f51b5;color:#fff}.mat-toolbar.mat-warn{background:#e91e63;color:#fff}.mat-toolbar .mat-focused .mat-form-field-ripple,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-form-field-underline{background-color:currentColor}.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-select-value{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media (max-width:599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-nested-tree-node,.mat-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:hsla(0,0%,100%,.7);background:#323232;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.mat-simple-snackbar-action{color:#3f51b5}img{width:30px;height:30px;margin-right:10px}::ng-deep #snav .mat-nav-list,::ng-deep .mat-list-item-content,::ng-deep .mat-list-item.selected,::ng-deep .sub-item,::ng-deep a.selected{color:#8f999e}::ng-deep .bottom-link{margin-top:auto}::ng-deep #snav .mat-drawer-inner-container{height:100%!important;overflow-x:hidden}::ng-deep #snav .mat-drawer-inner-container mat-nav-list[appAccordion]{min-height:100%;width:fit-content!important;justify-content:start}button,mat-nav-list{transition:all .3s ease-in-out}.opened{left:194px;transform:rotate(0deg)}.closed{left:54px;transform:rotate(-180deg)}.active-link a{background-color:#26c6da!important;border-radius:4px}.active-link a,.active-link a mat-icon{color:#fff!important}.tenant{text-transform:uppercase;font-size:12px;font-weight:500}a:hover{background:#26c6da!important;border-radius:4px}a:hover,a:hover mat-icon{color:#fff!important}a:active{background-color:#7b68ee!important}.mat-expansion-panel{box-shadow:none!important}.toggle-buttons-container{display:flex;justify-content:center;align-items:center}.centered-toggle-buttons{flex-direction:column}.centered-toggle-buttons,.custom-toggle-button{display:flex;justify-content:center;align-items:center;min-width:200px}.custom-toggle-button{font-size:10px}.custom-toggle-button,.menu-name{white-space:normal;word-wrap:break-word}.menu-name{overflow-wrap:break-word;display:inline-block;font-size:small;flex:1}"]}]}],"members":{"appletName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"logoBgColor$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"sidebarBgColor$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"menuItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"groupMenuItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"mainPath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"settingLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"personalizationLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"menuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"childMenuClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}]}},"ɵnq":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/effects","name":"EffectsModule","line":26,"character":39},"member":"forFeature"},"arguments":[[{"__symbolic":"reference","name":"ɵte"},{"__symbolic":"reference","name":"ɵtf"},{"__symbolic":"reference","name":"ɵtg"},{"__symbolic":"reference","name":"ɵth"},{"__symbolic":"reference","name":"ɵti"},{"__symbolic":"reference","name":"ɵtj"},{"__symbolic":"reference","name":"ɵtk"},{"__symbolic":"reference","name":"ɵtl"}]]},"ɵnr":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":27,"character":37},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","name":"ɵcz"}]},"ɵns":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":31,"character":4},{"__symbolic":"reference","name":"ɵnu"},{"__symbolic":"reference","name":"ɵnr"},{"__symbolic":"reference","name":"ɵnq"}]}]}],"members":{}},"ɵnt":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":16,"character":42},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵru"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrx"},"member":"permissionViewCache"}]},"ɵnu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","name":"ɵnv"},{"__symbolic":"reference","name":"ɵoh"},{"__symbolic":"reference","name":"ɵoq"},{"__symbolic":"reference","name":"ɵpl"},{"__symbolic":"reference","name":"ɵpx"},{"__symbolic":"reference","name":"ɵqr"},{"__symbolic":"reference","name":"ɵqx"},{"__symbolic":"reference","name":"ɵqz"},{"__symbolic":"reference","name":"ɵrh"},{"__symbolic":"reference","name":"ɵnt"}],"providers":[{"__symbolic":"reference","name":"ɵma"}]}]}],"members":{}},"ɵnv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵnw"},{"__symbolic":"reference","name":"ɵny"},{"__symbolic":"reference","name":"ɵnz"},{"__symbolic":"reference","name":"ɵoa"},{"__symbolic":"reference","name":"ɵob"},{"__symbolic":"reference","name":"ɵoc"},{"__symbolic":"reference","name":"ɵod"},{"__symbolic":"reference","name":"ɵoe"},{"__symbolic":"reference","name":"ɵof"},{"__symbolic":"reference","name":"ɵog"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":4},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":35,"character":4},{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":37,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":38,"character":4}]}]}],"members":{}},"ɵnw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"template":{"__symbolic":"reference","name":"ɵku"},"animations":{"__symbolic":"reference","name":"ɵbs"},"providers":[{"__symbolic":"reference","name":"ɵnx"}]}]}],"members":{"firstColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵck"},{"static":true}]}]}],"secondColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":38},{"__symbolic":"reference","name":"ɵnx"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":42,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵnx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵny":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-perm-set-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n  <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button [matTooltip]=\"create_button\" type=\"button\"\n            [disabled]=\"deactivateAdd$ | async\"\n            (click)=\"onNext()\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <app-advanced-search-perm-set class=\"mobile\" fxFlex fxFlex.lt-sm=\"100\" [advSearchModel]=\"searchModel\"\n            (search)=\"onSearch($event)\" (advancedSearch)=\"onAdvancedSearch($event)\"\n            (resetEmitter)=\"onReset()\"></app-advanced-search-perm-set>\n          <app-column-toggle fxHide.lt-sm [currentToggle]=\"toggleColumn$ | async\" (toggleColumn)=\"onToggle($event)\"></app-column-toggle>\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n  <div style=\"height: 100%;\">\n    <ag-grid-angular #agGrid\n    id=\"grid\"\n    style=\"height: 100%; width: 100%\"\n    class=\"ag-theme-balham\"\n    [gridOptions]=\"gridOptions\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [cacheBlockSize]=\"pagination.rowPerPage\"\n    [rowSelection]=\"rowSelection\"\n    (rowClicked)=\"onRowClicked($event.data)\"\n    (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":67,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":77,"character":34},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":80,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-listing.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":81,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onAdvancedSearch":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵnz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-perm-set-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":31,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_set_name_text}}</mat-label>\n              <input matInput [placeholder]=\"perm_set_name_text\" [formControl]=\"form.controls['name']\" type=\"text\" required>\n              <mat-hint *ngIf=\"form.controls['name'].hasError('required') && form.controls['name'].touched\"\n                        class=\"text-danger font-14\">{{please_insert_name_text}}\n              </mat-hint>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_set_code_text}}</mat-label>\n              <input matInput [placeholder]=\"perm_set_code_text\" [formControl]=\"form.controls['code']\" type=\"text\" required>\n              <mat-hint>\n                <span style=\"display: block;\">{{code_must_be_unique_text}}</span>\n                <span *ngIf=\"form.controls['code'].hasError('required') && form.controls['code'].touched\"\n                class=\"text-danger font-14\" style=\"display: block;\">{{please_insert_code_text}}</span>\n                <span style=\"display: block;\" *ngIf=\"form.controls['code'].hasError('maxlength')\" class=\"text-danger font-14\">{{code_should_be_less_than_255_characters_text}}</span>\n            </mat-hint>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_template_text}}</mat-label>\n              <mat-select [placeholder]=\"perm_template_text\" [formControl]=\"form.controls['permTemplate']\" required>\n              <mat-option>\n              <ngx-mat-select-search  (keyup)=\"applyPermTemplateFilter($event.target.value)\"\n                                      [placeholderLabel]=\"perm_template_text\"\n                                      [noEntriesFoundLabel]=\"not_a_valid_entry_text\"\n                                      [formControl]=\"form.controls['currPermTemplate']\"\n                                      ngDefaultControl></ngx-mat-select-search></mat-option>\n              <mat-option *ngFor=\"let item of newPermTemplateArr\"\n                          [value]=\"item\">{{item.name}}</mat-option>\n              </mat-select>\n              <mat-hint\n                *ngIf=\"form.controls['permTemplate'].hasError('required') && form.controls['permTemplate'].touched\"\n                class=\"text-danger font-14\">\n                {{please_choose_a_permission_template_text}}\n              </mat-hint>\n          </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{configure_permission_targets_text}}</mat-label>\n                <input matInput [placeholder]=\"please_configure_permission_targets_text\" type=\"text\" [formControl]=\"form.controls['configureTargets']\" readonly required>\n                <div class=\"btn-group\" role=\"group\" matSuffix>\n                    <button style=\"border: none !important; background-color: white !important;\"\n                    (click)=\"selectTemplate()\">\n                      <mat-icon>chevron_right</mat-icon>\n                    </button>\n                </div>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{description_text}}</mat-label>\n              <textarea matInput [formControl]=\"form.controls['description']\" [placeholder]=\"description_text\" rows=8 style=\"resize: none;\">\n              </textarea>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{status_text}}</mat-label>\n                <mat-select [placeholder]=\"status_text\" [formControl]=\"form.controls['status']\" required>\n                <mat-option>\n                <ngx-mat-select-search  (keyup)=\"applyStatusFilter($event.target.value)\"\n                                        [placeholderLabel]=\"status_text\"\n                                        [noEntriesFoundLabel]=\"not_a_valid_entry_text\"\n                                        [formControl]=\"form.controls['currStatus']\"\n                                        ngDefaultControl></ngx-mat-select-search></mat-option>\n                <mat-option *ngFor=\"let item of newStatusArr\"\n                            [value]=\"item.value\">{{item.viewValue}}</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":35,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionTemplateService","line":93,"character":33},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":94,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":95,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":99,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-add/perm-set-add.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":100,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"getPermTemplates":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"applyStatusFilter":[{"__symbolic":"method"}],"applyPermTemplateFilter":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"selectTemplate":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵoa":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"app-perm-set-add-lines","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":24,"character":14}],"template":"<mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n          (click)=\"onReturn()\"\n          [disabled]=\"deactivateReturn$ | async\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span style=\"font-size: 15px; margin-top: 10px;\">\n          {{title}}\n        </span>\n      </div>\n    </div>\n</mat-card-title>\n<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <mat-form-field appearance=\"outline\" class=\"search-box\">\n              <mat-label>{{search_text}}...</mat-label>\n              <mat-icon matPrefix>search</mat-icon>\n              <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" [placeholder]=\"search_text + '...'\" />\n              <div role=\"group\" matSuffix>\n                <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                  <mat-icon>clear</mat-icon>\n                </button>\n              </div>\n            </mat-form-field>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"rowData$\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [rowSelection]=\"rowSelection\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":64,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-add/perm-set-add-lines/perm-set-add-lines.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":65,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵob":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"app-perm-set-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":33,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_set_name_text}}</mat-label>\n              <input matInput [placeholder]=\"perm_set_name_text\" [formControl]=\"form.controls['name']\" type=\"text\" required>\n              <mat-hint *ngIf=\"form.controls['name'].hasError('required') && form.controls['name'].touched\"\n                        class=\"text-danger font-14\">{{please_insert_name_text}}\n              </mat-hint>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_set_code_text}}</mat-label>\n              <input matInput [placeholder]=\"perm_set_code_text\" [formControl]=\"form.controls['code']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{perm_template_text}}</mat-label>\n                <input matInput [placeholder]=\"perm_template_text\" [formControl]=\"form.controls['permTemplate']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{configure_permission_targets_text}}</mat-label>\n                <input matInput [placeholder]=\"please_configure_permission_targets_text\" type=\"text\" [formControl]=\"form.controls['configureTargets']\" readonly required>\n                <div class=\"btn-group\" role=\"group\" matSuffix>\n                    <button style=\"border: none !important; background-color: white !important;\" type=\"button\"\n                    (click)=\"selectTemplate()\">\n                      <mat-icon>chevron_right</mat-icon>\n                    </button>\n                </div>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{description_text}}</mat-label>\n              <textarea matInput [formControl]=\"form.controls['description']\" [placeholder]=\"description_text\" rows=8 style=\"resize: none;\">\n              </textarea>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{status_text}}</mat-label>\n                <mat-select [placeholder]=\"status_text\" [formControl]=\"form.controls['status']\" required>\n                <mat-option>\n                <ngx-mat-select-search  (keyup)=\"applyStatusFilter($event.target.value)\"\n                                        [placeholderLabel]=\"status_text\"\n                                        [noEntriesFoundLabel]=\"not_a_valid_entry_text\"\n                                        [formControl]=\"form.controls['currStatus']\"\n                                        ngDefaultControl></ngx-mat-select-search></mat-option>\n                <mat-option *ngFor=\"let item of newStatusArr\"\n                            [value]=\"item.value\">{{item.viewValue}}</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <button mat-raised-button color=\"warn\" (click)=\"onDelete()\"\n              type=\"button\">\n              {{delete_button}}\n            </button>\n          </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":37,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":88,"character":19},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionTemplateService","line":89,"character":33},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":90,"character":28},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetService","line":91,"character":49},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":92,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":93,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":97,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"getPermTemplate":[{"__symbolic":"method"}],"applyStatusFilter":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"getPermSet":[{"__symbolic":"method"}],"selectTemplate":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"getPermAssigneeTargetGuids":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵoc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-perm-set-edit-lines","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n          (click)=\"onReturn()\"\n          [disabled]=\"deactivateReturn$ | async\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span style=\"font-size: 15px; margin-top: 10px;\">\n          {{title}}\n        </span>\n      </div>\n    </div>\n</mat-card-title>\n<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <mat-form-field appearance=\"outline\" class=\"search-box\">\n              <mat-label>{{search_text}}...</mat-label>\n              <mat-icon matPrefix>search</mat-icon>\n              <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" [placeholder]=\"search_text + '...'\" />\n              <div role=\"group\" matSuffix>\n                <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                  <mat-icon>clear</mat-icon>\n                </button>\n              </div>\n            </mat-form-field>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"rowData$\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [rowSelection]=\"rowSelection\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":76,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵod":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"app-perm-set-add-lines-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":25,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{permission_name_text}}</mat-label>\n              <input matInput [placeholder]=\"permission_name_text\" [formControl]=\"form.controls['name']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{permission_code_text}}</mat-label>\n              <input matInput [placeholder]=\"permission_code_text\" [formControl]=\"form.controls['code']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{permission_targets_text}}</mat-label>\n            <input matInput [placeholder]=\"permission_targets_text\" [formControl]=\"form.controls['all_targets']\" type=\"text\" readonly style=\"color: grey\">\n          </mat-form-field>\n      </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{default_target_text}}</mat-label>\n            <input matInput [placeholder]=\"default_target_text\" [formControl]=\"form.controls['target_hdr_name']\" type=\"text\" readonly style=\"color: grey\">\n          </mat-form-field>\n      </div>\n        <!-- <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Target Table</mat-label>\n              <input matInput placeholder=\"Target Table\" [formControl]=\"form.controls['target_hdr_table']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div> -->\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{select_target_text}}</mat-label>\n                <input matInput [placeholder]=\"please_select_a_target_text\" type=\"text\" [formControl]=\"form.controls['target']\" readonly required>\n                <div class=\"btn-group\" role=\"group\" matSuffix>\n                    <button style=\"border: none !important; background-color: white !important;\"\n                    (click)=\"selectTemplate()\">\n                      <mat-icon>chevron_right</mat-icon>\n                    </button>\n                </div>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{description_text}}</mat-label>\n              <textarea matInput [formControl]=\"form.controls['description']\" [placeholder]=\"description_text\" rows=8 style=\"resize: none;\">\n              </textarea>\n            </mat-form-field>\n        </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":29,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":64,"character":16},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":65,"character":28},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":68,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-add/perm-set-add-lines/perm-set-add-lines-edit/perm-set-add-lines-edit.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":69,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"selectTemplate":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵoe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-perm-set-edit-targets","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<div *ngIf=\"columnsDefs$ | async as columnsDefs\">\n  <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"saveDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n  </mat-card-title>\n  <div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n      <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n          <div fxFlex=\"3 0 0\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n              <mat-form-field appearance=\"outline\" class=\"search-box\">\n                <mat-label>{{search_text}}...</mat-label>\n                <mat-icon matPrefix>search</mat-icon>\n                <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" [placeholder]=\"search_text + '...'\" />\n                <div role=\"group\" matSuffix>\n                  <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                    <mat-icon>clear</mat-icon>\n                  </button>\n                </div>\n              </mat-form-field>\n            </div>\n          </div>\n          <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n            <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n            <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n          </div>\n        </div>\n      </mat-card-title>\n      <div style=\"height: 100%;\">\n        <ag-grid-angular #agGrid\n        id=\"grid\"\n        style=\"height: 100%; width: 100%\"\n        class=\"ag-theme-balham\"\n        [gridOptions]=\"gridOptions\"\n        [rowData]=\"rowData$\"\n        [getRowClass]=\"pagination.getRowClass\"\n        [columnDefs]=\"columnsDefs\"\n        [paginationPageSize]=\"pagination.rowPerPage\"\n        [cacheBlockSize]=\"pagination.rowPerPage\"\n        [rowSelection]=\"rowSelection\"\n        (rowDataChanged) =\"onRowDataChanged()\"\n        (selectionChanged)=\"onSelectionChanged()\"\n        (gridReady)=\"onGridReady($event)\">\n        </ag-grid-angular>\n      </div>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":33,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":77,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-add/perm-set-add-lines/perm-set-add-lines-edit/perm-set-add-lines-edit-targets/perm-set-edit-targets.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":78,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onSelectionChanged":[{"__symbolic":"method"}],"onRowDataChanged":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵof":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"app-perm-set-edit-lines-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":26,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{permission_name_text}}</mat-label>\n              <input matInput [placeholder]=\"permission_name_text\" [formControl]=\"form.controls['name']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{permission_code_text}}</mat-label>\n              <input matInput [placeholder]=\"permission_code_text\" [formControl]=\"form.controls['code']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{permission_targets_text}}</mat-label>\n            <input matInput [placeholder]=\"permission_targets_text\" [formControl]=\"form.controls['all_targets']\" type=\"text\" readonly style=\"color: grey\">\n          </mat-form-field>\n      </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{default_target_text}}</mat-label>\n            <input matInput [placeholder]=\"default_target_text\" [formControl]=\"form.controls['target_hdr_name']\" type=\"text\" readonly style=\"color: grey\">\n          </mat-form-field>\n      </div>\n      <!-- <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Target Table</mat-label>\n            <input matInput placeholder=\"Target Table\" [formControl]=\"form.controls['target_hdr_table']\" type=\"text\" readonly style=\"color: grey\">\n          </mat-form-field>\n      </div> -->\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{select_target_text}}</mat-label>\n                <input matInput [placeholder]=\"please_select_a_target_text\" type=\"text\" [formControl]=\"form.controls['target']\" readonly required>\n                <div class=\"btn-group\" role=\"group\" matSuffix>\n                    <button style=\"border: none !important; background-color: white !important;\" type=\"button\"\n                    (click)=\"selectTemplate()\">\n                      <mat-icon>chevron_right</mat-icon>\n                    </button>\n                </div>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{description_text}}</mat-label>\n              <textarea matInput [formControl]=\"form.controls['description']\" [placeholder]=\"description_text\" rows=8 style=\"resize: none;\">\n              </textarea>\n            </mat-form-field>\n        </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":30,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":65,"character":16},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":66,"character":28},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":70,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"selectTemplate":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵog":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-perm-set-edit-lines-edit-targets","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<div *ngIf=\"columnsDefs$ | async as columnsDefs\">\n  <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"saveDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n  </mat-card-title>\n  <div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <mat-form-field appearance=\"outline\" class=\"search-box\">\n              <mat-label>{{search_text}}...</mat-label>\n              <mat-icon matPrefix>search</mat-icon>\n              <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" [placeholder]=\"search_text + '...'\" />\n              <div role=\"group\" matSuffix>\n                <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                  <mat-icon>clear</mat-icon>\n                </button>\n              </div>\n            </mat-form-field>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n      <div style=\"height: 100%;\">\n        <ag-grid-angular #agGrid\n        id=\"grid\"\n        style=\"height: 100%; width: 100%\"\n        class=\"ag-theme-balham\"\n        [gridOptions]=\"gridOptions\"\n        [rowData]=\"rowData$\"\n        [getRowClass]=\"pagination.getRowClass\"\n        [columnDefs]=\"columnsDefs\"\n        [paginationPageSize]=\"pagination.rowPerPage\"\n        [cacheBlockSize]=\"pagination.rowPerPage\"\n        [rowSelection]=\"rowSelection\"\n        (rowDataChanged) =\"onRowDataChanged()\"\n        (selectionChanged)=\"onSelectionChanged()\"\n        (gridReady)=\"onGridReady($event)\">\n        </ag-grid-angular>\n      </div>\n  </div>\n  </div>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":34,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":79,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-edit/perm-set-edit-lines/perm-set-edit-lines-edit/perm-set-edit-lines-edit-targets/perm-set-edit-lines-edit-targets.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":80,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onSelectionChanged":[{"__symbolic":"method"}],"onRowDataChanged":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵoh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵoi"},{"__symbolic":"reference","name":"ɵok"},{"__symbolic":"reference","name":"ɵol"},{"__symbolic":"reference","name":"ɵom"},{"__symbolic":"reference","name":"ɵon"},{"__symbolic":"reference","name":"ɵoo"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":42,"character":4},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":44,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":45,"character":4},{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":46,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":47,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":48,"character":4}]}]}],"members":{}},"ɵoi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"template":{"__symbolic":"reference","name":"ɵku"},"animations":{"__symbolic":"reference","name":"ɵbs"},"providers":[{"__symbolic":"reference","name":"ɵoj"}]}]}],"members":{"firstColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵck"},{"static":true}]}]}],"secondColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":38},{"__symbolic":"reference","name":"ɵoj"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":42,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵoj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵok":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-permission-wizard-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"\n<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div style=\"margin-bottom: 20px\">\n        {{title}}\n      </div>\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <app-advanced-search class=\"mobile\" fxFlex fxFlex.lt-sm=\"100\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search>\n            <app-column-toggle fxHide.lt-sm [currentToggle]=\"toggleColumn$ | async\" (toggleColumn)=\"onToggle($event)\"></app-column-toggle>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <!-- <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination> -->\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [rowData] = \"rowData\"\n      rowModelType = \"clientSide\"\n      [gridOptions]=\"gridOptions\"\n      [columnDefs]=\"columnsDefs\"\n      [rowSelection]=\"'single'\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  </div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionWizardService","line":87,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionTemplateService","line":88,"character":33},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":91,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/permission-wizard/permission-wizard-listing/permission-wizard-listing.component"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppLoginPrincipalService","line":92,"character":38},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":94,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onRowData":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getUser":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"goToEditPerm":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"getSearchQuery":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵol":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"app-permission-template-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":27,"character":14}],"template":"<mat-card-title class=\"column-title\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n          [disabled]=\"deactivateReturn$ | async\" (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n            alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span>{{title}}</span>\n      </div>\n      <div fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutGap=\"5px\">\n        <button mat-raised-button color=\"primary\" type=\"button\" [disabled]=\"disableSave()\"\n          (click)=\"onSave()\">{{save_button}}</button>\n      </div>\n    </div>\n  </mat-card-title>\n  <br>\n  <mat-tab-group mat-stretch-tabs [dynamicHeight]=\"true\" [selectedIndex]=\"selectedIndex$ | async\">\n\n    <mat-tab [label]=\"main_text\">\n      <app-main-details [editMode]=\"true\" (updateMain)=\"updateMain($event)\"></app-main-details>\n    </mat-tab>\n\n    <mat-tab [label]=\"permission_definitions_text\">\n      <app-permission-defs  (updateMain)=\"updateMain($event)\"></app-permission-defs>\n    </mat-tab>\n\n    <mat-tab [label]=\"targets_text\">\n      <app-targets (updateMain)=\"updateMain($event)\"></app-targets>\n    </mat-tab>\n\n  </mat-tab-group>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":51,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@ngrx/store","name":"Store","line":64,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":65,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"updateMain":[{"__symbolic":"method"}],"disableSave":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"goToAppletDetails":[{"__symbolic":"method"}],"goToAppletAdd":[{"__symbolic":"method"}],"goToUserDetails":[{"__symbolic":"method"}],"goToUserAdd":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵom":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-main-details","template":"<form [formGroup]=\"form\">\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{code_text}}</mat-label>\n              <input matInput [placeholder]=\"code_text\" [formControl]=\"form.controls['code']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{name_text}}</mat-label>\n              <input matInput [placeholder]=\"name_text\" [formControl]=\"form.controls['name']\" type=\"text\" required>\n            </mat-form-field>\n        </div>\n\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{type_text}}</mat-label>\n                <input matInput [placeholder]=\"type_text\" [formControl]=\"form.controls['type']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div>\n\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{status_text}}</mat-label>\n            <mat-select [placeholder]=\"status_text\" [formControl]=\"form.controls['status']\" required>\n              <mat-option>\n                <ngx-mat-select-search [placeholderLabel]=\"'Status'\" [noEntriesFoundLabel]=\"'Not a valid entry'\"\n                  [formControl]=\"form.controls['currStatus']\" ngDefaultControl></ngx-mat-select-search>\n              </mat-option>\n              <mat-option *ngFor=\"let item of newStatusArr\" [value]=\"item.value\">{{item.viewValue}}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{description_text}}</mat-label>\n              <textarea matInput [formControl]=\"form.controls['description']\" [placeholder]=\"description_text\" rows=8 style=\"resize: none;\">\n              </textarea>\n            </mat-form-field>\n            <mat-divider></mat-divider>\n        </div>\n\n\n       <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"50\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>{{created_by_text}}</mat-label>\n          <textarea matInput [formControl]=\"form.controls['createdBy']\" [placeholder]=\"created_by_text\" readonly style=\"color: grey\">\n        </textarea>\n        </mat-form-field>\n       </div>\n\n       <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"50\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>{{updated_by_text}}</mat-label>\n          <textarea matInput [formControl]=\"form.controls['updatedBy']\" [placeholder]=\"updated_by_text\" readonly style=\"color: grey\">\n          </textarea>\n        </mat-form-field>\n       </div>\n\n       <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"50\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>{{created_date_text}}</mat-label>\n          <textarea matInput [formControl]=\"form.controls['createdDate']\" [placeholder]=\"created_date_text\" readonly style=\"color: grey\">\n        </textarea>\n        </mat-form-field>\n       </div>\n\n       <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"50\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>{{updated_date_text}}</mat-label>\n          <textarea matInput [formControl]=\"form.controls['updatedDate']\" [placeholder]=\"updated_date_text\" readonly style=\"color: grey\">\n          </textarea>\n        </mat-form-field>\n       </div>\n\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <button mat-raised-button color=\"warn\" (click)=\"onDelete()\"\n            type=\"button\">\n            {{delete_button}}\n          </button>\n        </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"updateMain":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"onDeleteTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngrx/store","name":"Store","line":55,"character":30},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"StoreService","line":56,"character":26},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionTemplateService","line":57,"character":33},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CatalogService","line":58,"character":30},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppLoginPrincipalService","line":59,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":60,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"getPermTemplate":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"app-permission-defs","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":16,"character":16}],"template":"  <div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin:10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div [ngStyle.gt-md]=\"{'flex-flow': 'row'}\" [ngStyle.lt-lg]=\"{'flex-flow': 'row wrap'}\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"60\" fxFlex.lt-lg=\"100\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <app-advanced-search class=\"mobile\" fxFlex [id]=\"'internal-po'\"  ></app-advanced-search>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 80%\" fxFlex>\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%\"\n      class=\"ag-theme-balham\"\n      [getRowClass]=\"pagination.getRowClass\"\n      rowModelType=\"serverSide\"\n      serverSideStoreType=\"partial\"\n      [columnDefs]=\"columnsDefs\"\n      [defaultColDef]=\"defaultColDef\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [pagination]=\"true\"\n      [animateRows]=\"true\"\n      rowSelection=\"single\"\n      [suppressRowClickSelection]=\"true\"\n      [suppressAggFuncInHeader]=\"true\"\n      (gridReady)=\"onGridReady($event)\"\n      >\n      </ag-grid-angular>\n    </div>\n  </div>","styles":[""]}]}],"members":{"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"permLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngrx/store","name":"Store","line":51,"character":28},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionTemplateService","line":52,"character":39},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppLoginPrincipalService","line":53,"character":38},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":54,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"deletePerms":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵoo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-targets","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":20,"character":16}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin:10px\" >\n    <div  fxLayout=\"row\" fxLayoutAlign=\"space-between\" fxLayoutGap=\"10px\"[style.padding]=\"'5px'\" style=\"font-size: 14px;\">\n      <mat-form-field appearance=\"outline\" fxFlex=\"40\">\n        <mat-label>{{perm_set_prefix_text}}</mat-label>\n        <input matInput [placeholder]=\"perm_set_prefix_text\" [formControl]=\"form.controls['permSetPrefix']\" type=\"text\">\n      </mat-form-field>\n\n        <button class=\"button\" mat-raised-button color=\"primary\" type=\"button\" [style.height]=\"'30px'\" [style.width]=\"'150px'\"\n        (click)=\"onGenerate()\" [disabled]=\"!form.valid\">{{generate_permission_sets_text}}</button>\n      </div>\n\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between\" fxLayoutGap=\"10px\" [style.padding]=\"'5px'\" style=\"font-size: 14px;\">\n        <mat-form-field appearance=\"outline\" fxFlex=\"40\">\n          <mat-label>{{role_prefix_text}}</mat-label>\n          <input matInput [placeholder]=\"role_prefix_text\" [formControl]=\"form.controls['rolePrefix']\" type=\"text\">\n        </mat-form-field>\n        <mat-checkbox style=\"padding-right: 5px;\" (change)=\"checkCheckBoxvalue($event)\">{{auto_create_roles_text}}</mat-checkbox>\n      </div>\n\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n\n      <div [ngStyle.gt-md]=\"{'flex-flow': 'row'}\" [ngStyle.lt-lg]=\"{'flex-flow': 'row wrap'}\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"60\" fxFlex.lt-lg=\"100\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <app-advanced-search-general class=\"mobile\" fxFlex [id]=\"'permission-wizard-targets'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\" [showAdv]=\"false\"></app-advanced-search-general>\n          </div>\n        </div>\n        <!-- <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div> -->\n      </div>\n    <mat-slide-toggle [formControl]=\"form.controls['selectAll']\" (change)=\"selectAllToggle($event);\">\n        <span>{{select_all_text}}</span>\n    </mat-slide-toggle>\n    </mat-card-title>\n    <div style=\"height: 80%\" fxFlex>\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%\"\n      class=\"ag-theme-balham\"\n      rowModelType=\"serverSide\"\n      serverSideStoreType=\"partial\"\n      [columnDefs]=\"columnsDefs\"\n      [defaultColDef]=\"defaultColDef\"\n      [pagination]=\"true\"\n      [animateRows]=\"true\"\n      rowSelection=\"multiple\"\n      [suppressRowClickSelection]=\"true\"\n      [suppressAggFuncInHeader]=\"true\"\n      (gridReady)=\"onGridReady($event)\"\n      >\n      </ag-grid-angular>\n    </div>\n  </div>\n","styles":["::ng-deep.button{height:50px!important;width:180px!important;display:flex;align-items:center;justify-content:center}"]}]}],"members":{"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"permLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"paginationComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngrx/store","name":"Store","line":73,"character":28},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AutomatedPermissionWizardService","line":74,"character":37},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"BranchService","line":75,"character":27},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"CompanyService","line":76,"character":28},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LocationService","line":77,"character":29},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":78,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":79,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"selectAllToggle":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"onGenerate":[{"__symbolic":"method"}],"checkCheckBoxvalue":[{"__symbolic":"method"}],"deletePerms":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵop":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":26,"character":36},"member":"withComponents"},"arguments":[[]]},"ɵoq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵor"},{"__symbolic":"reference","name":"ɵot"},{"__symbolic":"reference","name":"ɵou"},{"__symbolic":"reference","name":"ɵov"},{"__symbolic":"reference","name":"ɵow"},{"__symbolic":"reference","name":"ɵox"},{"__symbolic":"reference","name":"ɵoy"},{"__symbolic":"reference","name":"ɵoz"},{"__symbolic":"reference","name":"ɵpa"},{"__symbolic":"reference","name":"ɵpb"},{"__symbolic":"reference","name":"ɵpc"},{"__symbolic":"reference","name":"ɵpd"},{"__symbolic":"reference","name":"ɵpe"},{"__symbolic":"reference","name":"ɵpf"},{"__symbolic":"reference","name":"ɵpg"},{"__symbolic":"reference","name":"ɵph"},{"__symbolic":"reference","name":"ɵpi"},{"__symbolic":"reference","name":"ɵpj"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":4},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":53,"character":4},{"__symbolic":"reference","name":"ɵop"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":55,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":56,"character":4}]}]}],"members":{}},"ɵor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"template":{"__symbolic":"reference","name":"ɵku"},"animations":{"__symbolic":"reference","name":"ɵbs"},"providers":[{"__symbolic":"reference","name":"ɵos"}]}]}],"members":{"firstColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵck"},{"static":true}]}]}],"secondColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":39,"character":38},{"__symbolic":"reference","name":"ɵos"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":41,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵos":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵot":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-user-permission-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":31,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <app-advanced-search-general class=\"mobile\" fxFlex [id]=\"'user-permission-listing'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n            <app-column-toggle [currentToggle]=\"toggleColumn$ | async\" (toggleColumn)=\"onToggle($event)\" fxHide.lt-sm></app-column-toggle>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 90%\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"[]\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [rowSelection]=\"rowSelection\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n</div>","styles":["::ng-deep .search-box .mat-form-field-wrapper{padding-bottom:0!important;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0!important}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"IdentityUserProfileService","line":74,"character":40},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"UserAppletTenantLoginEPService","line":76,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppLoginSubjectService","line":78,"character":36},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantService","line":79,"character":27},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":82,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-listing/user-permission-listing.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":83,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"getCurrentUser":[{"__symbolic":"method"}],"getOwnProfile":[{"__symbolic":"method"}],"getAppletLoginSubjectLink":[{"__symbolic":"method"}],"getTenant":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getUser":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵou":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"app-user-permission-view","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":28,"character":14}],"template":"<form [formGroup]=\"form\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\" (click)=\"onReturn()\"\n          [disabled]=\"deactivateReturn$ | async\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n            alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span style=\"font-size: 15px; margin-top: 10px;\">\n          {{title}}\n        </span>\n      </div>\n    </div>\n  </mat-card-title>\n  <mat-tab-group [selectedIndex]=\"selectedIndex$ | async\">\n    <mat-tab [label]=\"details_text\">\n      <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{email_text}}</mat-label>\n            <!-- formControl -->\n            <input matInput [placeholder]=\"email_text\" [formControl]=\"form.controls['email']\" type=\"text\" style=\"color: grey\"\n              readonly>\n          </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{mobile_text}}</mat-label>\n            <!-- formControl -->\n            <input matInput [placeholder]=\"mobile_text\" [formControl]=\"form.controls['mobile']\" type=\"text\" style=\"color: grey\"\n              readonly>\n          </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{rank_text}}</mat-label>\n            <input matInput [placeholder]=\"rank_text\" [formControl]=\"form.controls['rank']\" type=\"text\" style=\"color: grey\"\n              readonly>\n          </mat-form-field>\n        </div>\n      </div>\n    </mat-tab>\n    <mat-tab [label]=\"role_text\">\n      <app-user-permission-role [localState]=\"localState$ | async\" (roleEntity)=\"goToRoleDetailAndPermSetList($event)\"></app-user-permission-role>\n    </mat-tab>\n    <mat-tab [label]=\"permission_set_listing_text\">\n      <app-user-permission-set [localState]=\"localState$ | async\" (permissionSetEntity)=\"goToPermissionSetDetailAndPermSetLine($event)\" (toCreatePermissionSet)=\"goToCreatePermSet()\"></app-user-permission-set>\n    </mat-tab>\n    <mat-tab [label]=\"permission_definition_text\">\n      <app-user-permission-definition [localState]=\"localState$ | async\"></app-user-permission-definition>\n    </mat-tab>\n  </mat-tab-group>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":33,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":77,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":81,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"goToRoleDetailAndPermSetList":[{"__symbolic":"method"}],"goToPermissionSetDetailAndPermSetLine":[{"__symbolic":"method"}],"goToCreatePermSet":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵov":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"app-user-permission-role","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <app-advanced-search-general class=\"mobile\" fxFlex [id]=\"'user-permission-role'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 90%\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"[]\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [rowSelection]=\"rowSelection\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n</div>","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":33,"character":15},{"static":true}]}]}],"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"roleEntity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleLoginEPService","line":79,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":80,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵow":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-user-permission-role-details","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\" (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n              alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n      </div>\n    </mat-card-title>\n    <mat-tab-group [selectedIndex]=\"selectedIndex$ | async\">\n      <mat-tab [label]=\"details_text\">\n        <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n          <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{code_text}}</mat-label>\n              <!-- formControl -->\n              <input matInput [placeholder]=\"code_text\" [formControl]=\"form.controls['code']\" type=\"text\" style=\"color: grey\"\n                readonly>\n            </mat-form-field>\n          </div>\n          <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{name_text}}</mat-label>\n              <!-- formControl -->\n              <input matInput [placeholder]=\"name_text\" [formControl]=\"form.controls['name']\" type=\"text\" style=\"color: grey\"\n                readonly>\n            </mat-form-field>\n          </div>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"permission_set_listing_text\">\n        <app-user-permission-role-permissionsetlisting [localState]=\"localState$ | async\" (permSetEntity)=\"goToPermSetDetailAndPermSetLine($event)\" (toCreatePermSet)=\"goToCreatePermSet()\"></app-user-permission-role-permissionsetlisting>\n      </mat-tab>\n    </mat-tab-group>\n  </form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":34,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":76,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":80,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"goToPermSetDetailAndPermSetLine":[{"__symbolic":"method"}],"goToCreatePermSet":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵox":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"app-user-permission-role-permissionsetlisting","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n  <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\"\n            [disabled]=\"localState.deactivateAdd\"\n            (click)=\"onNext()\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <!-- <app-advanced-search class=\"mobile\" fxFlex [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search> -->\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n  <div style=\"height: 90%\">\n    <ag-grid-angular #agGrid\n    id=\"grid\"\n    style=\"height: 100%;\"\n    class=\"ag-theme-balham\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"[]\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [rowSelection]=\"rowSelection\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [cacheBlockSize]=\"100\"\n    (rowClicked)=\"onRowClicked($event.data)\"\n    (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":27,"character":15},{"static":true}]}]}],"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"permSetEntity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"toCreatePermSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":75,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetAssigneeTargetService","line":76,"character":52},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":77,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵoy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-permission-set-listing-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":31,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_set_name_text}}</mat-label>\n              <input matInput [placeholder]=\"perm_set_name_text\" [formControl]=\"form.controls['name']\" type=\"text\" required>\n              <mat-hint *ngIf=\"form.controls['name'].hasError('required') && form.controls['name'].touched\"\n                        class=\"text-danger font-14\">{{please_insert_name_text}}\n              </mat-hint>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_set_code_text}}</mat-label>\n              <input matInput [placeholder]=\"perm_set_code_text\" [formControl]=\"form.controls['code']\" type=\"text\" required>\n              <mat-hint>\n                <span style=\"display: block;\">{{code_must_be_unique_text}}</span>\n                <span *ngIf=\"form.controls['code'].hasError('required') && form.controls['code'].touched\"\n                class=\"text-danger font-14\" style=\"display: block;\">{{please_insert_code_text}}</span>\n                <span style=\"display: block;\" *ngIf=\"form.controls['code'].hasError('maxlength')\" class=\"text-danger font-14\">{{code_should_be_less_than_255_characters_text}}</span>\n            </mat-hint>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_template_text}}</mat-label>\n              <mat-select [placeholder]=\"perm_template_text\" [formControl]=\"form.controls['permTemplate']\" required>\n              <mat-option>\n              <ngx-mat-select-search  (keyup)=\"applyPermTemplateFilter($event.target.value)\"\n                                      [placeholderLabel]=\"perm_template_text\"\n                                      [noEntriesFoundLabel]=\"not_a_valid_entry_text\"\n                                      [formControl]=\"form.controls['currPermTemplate']\"\n                                      ngDefaultControl></ngx-mat-select-search></mat-option>\n              <mat-option *ngFor=\"let item of newPermTemplateArr\"\n                          [value]=\"item\">{{item.name}}</mat-option>\n              </mat-select>\n              <mat-hint\n                *ngIf=\"form.controls['permTemplate'].hasError('required') && form.controls['permTemplate'].touched\"\n                class=\"text-danger font-14\">\n                {{please_choose_a_permission_template_text}}\n              </mat-hint>\n          </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{configure_permission_targets_text}}</mat-label>\n                <input matInput [placeholder]=\"please_configure_permission_targets_text\" type=\"text\" [formControl]=\"form.controls['configureTargets']\" readonly required>\n                <div class=\"btn-group\" role=\"group\" matSuffix>\n                    <button style=\"border: none !important; background-color: white !important;\"\n                    (click)=\"selectTemplate()\">\n                      <mat-icon>chevron_right</mat-icon>\n                    </button>\n                </div>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{description_text}}</mat-label>\n              <textarea matInput [formControl]=\"form.controls['description']\" [placeholder]=\"description_text\" rows=8 style=\"resize: none;\">\n              </textarea>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{status_text}}</mat-label>\n                <mat-select [placeholder]=\"status_text\" [formControl]=\"form.controls['status']\" required>\n                <mat-option>\n                <ngx-mat-select-search  (keyup)=\"applyStatusFilter($event.target.value)\"\n                                        [placeholderLabel]=\"status_text\"\n                                        [noEntriesFoundLabel]=\"not_a_valid_entry_text\"\n                                        [formControl]=\"form.controls['currStatus']\"\n                                        ngDefaultControl></ngx-mat-select-search></mat-option>\n                <mat-option *ngFor=\"let item of newStatusArr\"\n                            [value]=\"item.value\">{{item.viewValue}}</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":35,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionTemplateService","line":95,"character":33},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":96,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":97,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":101,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-add/permission-set-listing-add.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":102,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"getPermTemplates":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"applyStatusFilter":[{"__symbolic":"method"}],"applyPermTemplateFilter":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"selectTemplate":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵoz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"app-permission-set-listing-configure-lines","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":27,"character":14}],"template":"<mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n          (click)=\"onReturn()\"\n          [disabled]=\"deactivateReturn$ | async\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span style=\"font-size: 15px; margin-top: 10px;\">\n          {{title}}\n        </span>\n      </div>\n    </div>\n</mat-card-title>\n<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <mat-form-field appearance=\"outline\" class=\"search-box\">\n              <mat-label>{{search_text}}...</mat-label>\n              <mat-icon matPrefix>search</mat-icon>\n              <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" [placeholder]=\"search_text + '...'\" />\n              <div role=\"group\" matSuffix>\n                <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                  <mat-icon>clear</mat-icon>\n                </button>\n              </div>\n            </mat-form-field>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"rowData$\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [rowSelection]=\"rowSelection\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":67,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-add/permission-set-listing-configure-lines/permission-set-listing-configure-lines.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":68,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpa":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"app-permission-set-listing-configure-lines-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":25,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{permission_name_text}}</mat-label>\n              <input matInput [placeholder]=\"permission_name_text\" [formControl]=\"form.controls['name']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{permission_code_text}}</mat-label>\n              <input matInput [placeholder]=\"permission_code_text\" [formControl]=\"form.controls['code']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{permission_targets_text}}</mat-label>\n            <input matInput [placeholder]=\"permission_targets_text\" [formControl]=\"form.controls['all_targets']\" type=\"text\" readonly style=\"color: grey\">\n          </mat-form-field>\n      </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{default_target_text}}</mat-label>\n            <input matInput [placeholder]=\"default_target_text\" [formControl]=\"form.controls['target_hdr_name']\" type=\"text\" readonly style=\"color: grey\">\n          </mat-form-field>\n      </div>\n        <!-- <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Target Table</mat-label>\n              <input matInput placeholder=\"Target Table\" [formControl]=\"form.controls['target_hdr_table']\" type=\"text\" readonly style=\"color: grey\">\n            </mat-form-field>\n        </div> -->\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{select_target_text}}</mat-label>\n                <input matInput [placeholder]=\"please_select_a_target_text\" type=\"text\" [formControl]=\"form.controls['target']\" readonly required>\n                <div class=\"btn-group\" role=\"group\" matSuffix>\n                    <button style=\"border: none !important; background-color: white !important;\"\n                    (click)=\"selectTemplate()\">\n                      <mat-icon>chevron_right</mat-icon>\n                    </button>\n                </div>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{description_text}}</mat-label>\n              <textarea matInput [formControl]=\"form.controls['description']\" [placeholder]=\"description_text\" rows=8 style=\"resize: none;\">\n              </textarea>\n            </mat-form-field>\n        </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":29,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":64,"character":16},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":65,"character":28},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":68,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-add/permission-set-listing-configure-lines/permission-set-listing-configure-lines-edit/permission-set-listing-configure-lines-edit.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":69,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"selectTemplate":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-permission-set-listing-configure-lines-edit-target","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<div *ngIf=\"columnsDefs$ | async as columnsDefs\">\n    <mat-card-title class=\"column-title\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n          <div>\n            <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n              (click)=\"onReturn()\"\n              [disabled]=\"deactivateReturn$ | async\">\n              <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n            </button>\n            <span style=\"font-size: 15px; margin-top: 10px;\">\n              {{title}}\n            </span>\n          </div>\n          <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"saveDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n        </div>\n    </mat-card-title>\n    <div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n        <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n            <div fxFlex=\"3 0 0\">\n              <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n                <mat-form-field appearance=\"outline\" class=\"search-box\">\n                  <mat-label>{{search_text}}...</mat-label>\n                  <mat-icon matPrefix>search</mat-icon>\n                  <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" [placeholder]=\"search_text + '...'\" />\n                  <div role=\"group\" matSuffix>\n                    <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                      <mat-icon>clear</mat-icon>\n                    </button>\n                  </div>\n                </mat-form-field>\n              </div>\n            </div>\n            <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n              <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n              <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n            </div>\n          </div>\n        </mat-card-title>\n        <div style=\"height: 100%;\">\n          <ag-grid-angular #agGrid\n          id=\"grid\"\n          style=\"height: 100%; width: 100%\"\n          class=\"ag-theme-balham\"\n          [gridOptions]=\"gridOptions\"\n          [rowData]=\"rowData$\"\n          [getRowClass]=\"pagination.getRowClass\"\n          [columnDefs]=\"columnsDefs\"\n          [paginationPageSize]=\"pagination.rowPerPage\"\n          [cacheBlockSize]=\"pagination.rowPerPage\"\n          [rowSelection]=\"rowSelection\"\n          (rowDataChanged) =\"onRowDataChanged()\"\n          (selectionChanged)=\"onSelectionChanged()\"\n          (gridReady)=\"onGridReady($event)\">\n          </ag-grid-angular>\n        </div>\n    </div>\n  </div>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":33,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":77,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-add/permission-set-listing-configure-lines/permission-set-listing-configure-lines-edit/permission-set-listing-configure-lines-edit-target/permission-set-listing-configure-lines-edit-target.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":78,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onSelectionChanged":[{"__symbolic":"method"}],"onRowDataChanged":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-permission-set-listing-detail","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\" (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n              alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n      </div>\n    </mat-card-title>\n    <mat-tab-group [selectedIndex]=\"selectedIndex$ | async\">\n      <mat-tab [label]=\"details_text\">\n        <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n          <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{code_text}}</mat-label>\n              <!-- formControl -->\n              <input matInput [placeholder]=\"code_text\" [formControl]=\"form.controls['code']\" type=\"text\" style=\"color: grey\"\n                readonly>\n            </mat-form-field>\n          </div>\n          <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{name_text}}</mat-label>\n              <!-- formControl -->\n              <input matInput [placeholder]=\"name_text\" [formControl]=\"form.controls['name']\" type=\"text\" style=\"color: grey\"\n                readonly>\n            </mat-form-field>\n          </div>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <button mat-raised-button color=\"warn\" (click)=\"onUnlink()\"\n              type=\"button\">\n              {{unlink_text}}\n            </button>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"permission_set_line_text\">\n        <app-permission-set-line [localState]=\"localState$ | async\" [permSetLine]=\"selectedPermSet\" (permSetLineEntity)=\"goToPermSetLineDetailAndPermDefinition($event)\"></app-permission-set-line>\n      </mat-tab>\n    </mat-tab-group>\n  </form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":34,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":81,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":85,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"goToPermSetLineDetailAndPermDefinition":[{"__symbolic":"method"}],"onUnlink":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"app-permission-set-line","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <!-- <app-advanced-search class=\"mobile\" fxFlex [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search> -->\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 90%\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"rowData\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [rowSelection]=\"rowSelection\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  </div>","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":21,"character":15},{"static":true}]}]}],"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"permSetLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"permSetLineEntity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":57,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetAssigneeTargetService","line":58,"character":52},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":59,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"app-permission-set-line-details","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":26,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\" (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n              alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n      </div>\n    </mat-card-title>\n    <mat-tab-group [selectedIndex]=\"selectedIndex$ | async\">\n      <mat-tab [label]=\"details_text\">\n        <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n          <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{permission_code_text}}</mat-label>\n              <input matInput [placeholder]=\"code_text\" [formControl]=\"form.controls['permCode']\" type=\"text\" style=\"color: grey\"\n                readonly>\n            </mat-form-field>\n          </div>\n          <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{permission_name_text}}</mat-label>\n              <input matInput [placeholder]=\"name_text\" [formControl]=\"form.controls['permName']\" type=\"text\" style=\"color: grey\"\n                readonly>\n            </mat-form-field>\n          </div>\n          <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{target_text}}</mat-label>\n              <input matInput [placeholder]=\"target_text\" [formControl]=\"form.controls['target']\" type=\"text\" style=\"color: grey\"\n                readonly>\n            </mat-form-field>\n          </div>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"permission_definition_text\">\n        <app-permission-definition [localState]=\"localState$ | async\"></app-permission-definition>\n      </mat-tab>\n    </mat-tab-group>\n  </form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":31,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":76,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":80,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"app-permission-definition","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <!-- <app-advanced-search class=\"mobile\" fxFlex [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search> -->\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 90%\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"[]\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [rowSelection]=\"rowSelection\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  </div>","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":30,"character":15},{"static":true}]}]}],"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":64,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetAssigneeTargetService","line":65,"character":52},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetLinkService","line":66,"character":59},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":67,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"app-user-permission-set","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n  <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button [matTooltip]=\"create_button\" type=\"button\"\n            [disabled]=\"localState.deactivateAdd\"\n            (click)=\"onNext()\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <!-- <app-advanced-search class=\"mobile\" fxFlex></app-advanced-search> -->\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n  <div style=\"height: 90%\">\n    <ag-grid-angular #agGrid\n    id=\"grid\"\n    style=\"height: 100%;\"\n    class=\"ag-theme-balham\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"[]\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [rowSelection]=\"rowSelection\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [cacheBlockSize]=\"pagination.rowPerPage\"\n    (rowClicked)=\"onRowClicked($event.data)\"\n    (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":23,"character":15},{"static":true}]}]}],"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"permissionSetEntity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":5}}]}],"toCreatePermissionSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":57,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetAssigneeTargetService","line":58,"character":52},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":59,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵph":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"app-user-permission-set-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":30,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":31,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_set_name_text}}</mat-label>\n              <input matInput [placeholder]=\"perm_set_name_text\" [formControl]=\"form.controls['name']\" type=\"text\" required>\n              <mat-hint *ngIf=\"form.controls['name'].hasError('required') && form.controls['name'].touched\"\n                        class=\"text-danger font-14\">{{please_insert_name_text}}\n              </mat-hint>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_set_code_text}}</mat-label>\n              <input matInput [placeholder]=\"perm_set_code_text\" [formControl]=\"form.controls['code']\" type=\"text\" required>\n              <mat-hint>\n                <span style=\"display: block;\">{{code_must_be_unique_text}}</span>\n                <span *ngIf=\"form.controls['code'].hasError('required') && form.controls['code'].touched\"\n                class=\"text-danger font-14\" style=\"display: block;\">{{please_insert_code_text}}</span>\n                <span style=\"display: block;\" *ngIf=\"form.controls['code'].hasError('maxlength')\" class=\"text-danger font-14\">{{code_should_be_less_than_255_characters_text}}</span>\n            </mat-hint>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{perm_template_text}}</mat-label>\n              <mat-select [placeholder]=\"perm_template_text\" [formControl]=\"form.controls['permTemplate']\" required>\n              <mat-option>\n              <ngx-mat-select-search  (keyup)=\"applyPermTemplateFilter($event.target.value)\"\n                                      [placeholderLabel]=\"perm_template_text\"\n                                      [noEntriesFoundLabel]=\"not_a_valid_entry_text\"\n                                      [formControl]=\"form.controls['currPermTemplate']\"\n                                      ngDefaultControl></ngx-mat-select-search></mat-option>\n              <mat-option *ngFor=\"let item of newPermTemplateArr\"\n                          [value]=\"item\">{{item.name}}</mat-option>\n              </mat-select>\n              <mat-hint\n                *ngIf=\"form.controls['permTemplate'].hasError('required') && form.controls['permTemplate'].touched\"\n                class=\"text-danger font-14\">\n                {{please_choose_a_permission_template_text}}\n              </mat-hint>\n          </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{configure_permission_targets_text}}</mat-label>\n                <input matInput [placeholder]=\"please_configure_permission_targets_text\" type=\"text\" [formControl]=\"form.controls['configureTargets']\" readonly required>\n                <div class=\"btn-group\" role=\"group\" matSuffix>\n                    <button style=\"border: none !important; background-color: white !important;\"\n                    (click)=\"selectTemplate()\">\n                      <mat-icon>chevron_right</mat-icon>\n                    </button>\n                </div>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{description_text}}</mat-label>\n              <textarea matInput [formControl]=\"form.controls['description']\" [placeholder]=\"description_text\" rows=8 style=\"resize: none;\">\n              </textarea>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{status_text}}</mat-label>\n                <mat-select [placeholder]=\"status_text\" [formControl]=\"form.controls['status']\" required>\n                <mat-option>\n                <ngx-mat-select-search  (keyup)=\"applyStatusFilter($event.target.value)\"\n                                        [placeholderLabel]=\"status_text\"\n                                        [noEntriesFoundLabel]=\"not_a_valid_entry_text\"\n                                        [formControl]=\"form.controls['currStatus']\"\n                                        ngDefaultControl></ngx-mat-select-search></mat-option>\n                <mat-option *ngFor=\"let item of newStatusArr\"\n                            [value]=\"item.value\">{{item.viewValue}}</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":35,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionTemplateService","line":95,"character":33},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":96,"character":28},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":97,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":101,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-set/user-permission-set-add/user-permission-set-add.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":102,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"getPermTemplates":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"applyStatusFilter":[{"__symbolic":"method"}],"applyPermTemplateFilter":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"selectTemplate":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-user-permission-set-details","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\" (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n              alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n      </div>\n    </mat-card-title>\n    <mat-tab-group [selectedIndex]=\"selectedIndex$ | async\">\n      <mat-tab [label]=\"details_text\">\n        <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n          <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{code_text}}</mat-label>\n              <!-- formControl -->\n              <input matInput [placeholder]=\"code_text\" [formControl]=\"form.controls['code']\" type=\"text\" style=\"color: grey\"\n                readonly>\n            </mat-form-field>\n          </div>\n          <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{name_text}}</mat-label>\n              <!-- formControl -->\n              <input matInput [placeholder]=\"name_text\" [formControl]=\"form.controls['name']\" type=\"text\" style=\"color: grey\"\n                readonly>\n            </mat-form-field>\n          </div>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <button mat-raised-button color=\"warn\" (click)=\"onUnlink()\"\n              type=\"button\">\n              {{unlink_text}}\n            </button>\n        </div>\n      </mat-tab>\n      <mat-tab [label]=\"permission_set_line_text\">\n        <app-permission-set-line [localState]=\"localState$ | async\" [permSetLine]=\"selectedPermSet\" (permSetLineEntity)=\"goToPermSetLineDetailAndPermDefinition($event)\"></app-permission-set-line>\n      </mat-tab>\n    </mat-tab-group>\n  </form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":33,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":80,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":84,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"goToPermSetLineDetailAndPermDefinition":[{"__symbolic":"method"}],"onUnlink":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"app-user-permission-definition","template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n  <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <!-- <app-advanced-search class=\"mobile\" fxFlex [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search> -->\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n  <div style=\"height: 90%\">\n    <ag-grid-angular #agGrid\n    id=\"grid\"\n    style=\"height: 100%;\"\n    class=\"ag-theme-balham\"\n    [gridOptions]=\"gridOptions\"\n    [rowData]=\"[]\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [rowSelection]=\"rowSelection\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [cacheBlockSize]=\"pagination.rowPerPage\"\n    (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":30,"character":15},{"static":true}]}]}],"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":5},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"localState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":64,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetAssigneeTargetService","line":65,"character":52},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetLinkService","line":66,"character":59},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":67,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpk":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":18,"character":36},"member":"withComponents"},"arguments":[[]]},"ɵpl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵpm"},{"__symbolic":"reference","name":"ɵpo"},{"__symbolic":"reference","name":"ɵpp"},{"__symbolic":"reference","name":"ɵpq"},{"__symbolic":"reference","name":"ɵpr"},{"__symbolic":"reference","name":"ɵps"},{"__symbolic":"reference","name":"ɵpt"},{"__symbolic":"reference","name":"ɵpu"},{"__symbolic":"reference","name":"ɵpv"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":33,"character":4},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":36,"character":4},{"__symbolic":"reference","name":"ɵpk"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":38,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":39,"character":4}]}]}],"members":{}},"ɵpm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"template":{"__symbolic":"reference","name":"ɵku"},"animations":{"__symbolic":"reference","name":"ɵbs"},"providers":[{"__symbolic":"reference","name":"ɵpn"}]}]}],"members":{"firstColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵck"},{"static":true}]}]}],"secondColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":36,"character":38},{"__symbolic":"reference","name":"ɵpn"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵpo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"app-team-permission-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":27,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <mat-form-field appearance=\"outline\" class=\"search-box\">\n              <mat-label>Search...</mat-label>\n              <mat-icon matPrefix>search</mat-icon>\n              <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" placeholder=\"Search team name and code...\" />\n              <div role=\"group\" matSuffix>\n                <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                  <mat-icon>clear</mat-icon>\n                </button>\n              </div>\n            </mat-form-field>\n            <app-column-toggle [currentToggle]=\"toggleColumn$ | async\" (toggleColumn)=\"onToggle($event)\" fxHide.lt-sm></app-column-toggle>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 90%\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%;\"\n      class=\"ag-theme-balham\"\n      [rowData]=\"rowData\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [pagination]=\"true\"\n      [animateRows]=\"true\"\n      [defaultColDef]=\"defaultColDef\"\n      [sideBar]=\"sideBar\"\n      [rowSelection]=\"'single'\"\n      [rowModelType]=\"rowModelType\"\n      [serverSideStoreType]=\"serverSideStoreType\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n</div>\n","styles":["::ng-deep .search-box .mat-form-field-wrapper{padding-bottom:0!important;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0!important}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppLoginSubjectService","line":72,"character":36},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"IdentityUserProfileService","line":73,"character":40},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TeamLoginEPService","line":75,"character":25},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LinkSubjectToTeamService","line":76,"character":38},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":79,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-listing/team-permission-listing.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"pageFiltering":[{"__symbolic":"method"}],"pageSorting":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getMembers":[{"__symbolic":"method"}],"getUser":[{"__symbolic":"method"}],"getCurrentUser":[{"__symbolic":"method"}],"getOwnProfile":[{"__symbolic":"method"}],"getUserTeams":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpp":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"app-team-permission-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":27,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            Edit Team\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">SAVE</button>\n      </div>\n    </mat-card-title>\n    <mat-tab-group [selectedIndex]=\"selectedIndex$ | async\">\n      <mat-tab label=\"Details\">\n        <app-team-permission-details></app-team-permission-details>\n      </mat-tab>\n      <mat-tab label=\"Members\">\n        <app-team-permission-members></app-team-permission-members>\n      </mat-tab>\n      <mat-tab label=\"Role\">\n        <app-team-permission-role></app-team-permission-role>\n      </mat-tab>\n    </mat-tab-group>\n  </form>","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":31,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":59,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":62,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-edit.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"disableForm":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-team-permission-details","template":"<div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\" [formGroup]=\"detailsForm\">\n    <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n      <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n        <mat-label>Team Name</mat-label>\n        <input matInput placeholder=\"Team Name\" [formControl]=\"detailsForm.controls['name']\" type=\"text\" [readonly]=\"isReadOnly | async\" [ngStyle]=\"{'color': (isReadOnly | async) ? 'grey' : 'black'}\">\n      </mat-form-field>\n    </div>\n    <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>Team Code</mat-label>\n          <input matInput placeholder=\"Team Code\" [formControl]=\"detailsForm.controls['code']\" type=\"text\" style=\"color: grey\" readonly>\n        </mat-form-field>\n      </div>\n    <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n      <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n        <mat-label>Description</mat-label>\n        <textarea matInput [formControl]=\"detailsForm.controls['description']\"placeholder=\"Description\" rows=15 style=\"resize: none;\" [readonly]=\"isReadOnly | async\" [ngStyle]=\"{'color': (isReadOnly | async) ? 'grey' : 'black'}\">\n        </textarea>\n      </mat-form-field>\n    </div>\n    <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n      <mat-divider></mat-divider>\n    </div>\n    <div fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\" class=\"p-10\">\n      <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n        <mat-label>Created By</mat-label>\n        <input matInput placeholder=\"Created By\" [formControl]=\"detailsForm.controls['createdBy']\" style=\"color: grey\" readonly />\n      </mat-form-field>\n    </div>\n    <div fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\" class=\"p-10\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>Updated By</mat-label>\n          <input matInput placeholder=\"Updated By\" [formControl]=\"detailsForm.controls['updatedBy']\" style=\"color: grey\" readonly />\n        </mat-form-field>\n      </div>\n    <div fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\" class=\"p-10\">\n      <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n        <mat-label>Created Date</mat-label>\n        <input matInput placeholder=\"Created Date\" [formControl]=\"detailsForm.controls['createdDate']\" style=\"color: grey\" readonly />\n      </mat-form-field>\n    </div>\n    <div fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\" class=\"p-10\">\n      <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n        <mat-label>Modified Date</mat-label>\n        <input matInput placeholder=\"Modified Date\" [formControl]=\"detailsForm.controls['updatedDate']\" style=\"color: grey\" readonly />\n      </mat-form-field>\n    </div>\n  </div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"disableForm":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"app-team-permission-members","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n          <div fxFlex=\"3 0 0\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n              <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\"\n                [disabled]=\"deactivateAdd$ | async\"\n                (click)=\"onNext()\">\n                <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n              </button>\n              <app-advanced-search-general class=\"mobile\" fxFlex fxFlex.lt-sm=\"100\" [id]=\"'team-permission-members'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n            </div>\n          </div>\n          <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n            <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n            <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n          </div>\n        </div>\n    </mat-card-title>\n    <div style=\"height: 80%\" fxFlex>\n        <ag-grid-angular #agGrid\n        id=\"grid\"\n        style=\"height: 100%;\"\n        class=\"ag-theme-balham\"\n        [getRowClass]=\"pagination.getRowClass\"\n        [columnDefs]=\"columnsDefs\"\n        [rowData]=\"rowData\"\n        [paginationPageSize]=\"pagination.rowPerPage\"\n        [cacheBlockSize]=\"pagination.rowPerPage\"\n        [pagination]=\"true\"\n        [animateRows]=\"true\"\n        [defaultColDef]=\"defaultColDef\"\n        [suppressRowClickSelection]=\"true\"\n        [sideBar]=\"'columns'\"\n        [rowModelType]=\"rowModelType\"\n        [serverSideStoreType]=\"serverSideStoreType\"\n        (rowClicked)=\"onRowClicked($event.data)\"\n        (gridReady)=\"onGridReady($event)\">\n        </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LinkSubjectToTeamService","line":98,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppLoginSubjectService","line":100,"character":36},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":103,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-members/team-permission-members.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"pageFiltering":[{"__symbolic":"method"}],"pageSorting":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getUser":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵps":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"app-team-members-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":34,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":35,"character":14}],"template":"<mat-card-title class=\"column-title\">\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n    <div>\n      <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n        (click)=\"onReturn()\"\n        [disabled]=\"deactivateReturn$ | async\">\n        <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n      </button>\n      <span style=\"font-size: 15px; margin-top: 10px;\">\n        Add User\n      </span>\n    </div>\n    <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">SEND INVITE</button>\n  </div>\n</mat-card-title>\n<div class=\"view-col-table\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <mat-form-field appearance=\"outline\" class=\"search-box\">\n            <mat-label>Search...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" placeholder=\"Search email or mobile...\" />\n            <div role=\"group\" matSuffix>\n              <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                <mat-icon>clear</mat-icon>\n              </button>\n            </div>\n          </mat-form-field>\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n  <div style=\"height: 100%\" fxFlex>\n    <ag-grid-angular #agGrid\n    id=\"grid\"\n    style=\"height: 100%\"\n    class=\"ag-theme-balham\"\n    [gridOptions]=\"gridOptions\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [cacheBlockSize]=\"pagination.rowPerPage\"\n    [rowSelection]=\"rowSelection\"\n    (rowSelected)=\"onRowSelected($event)\"\n    [suppressRowClickSelection]=\"true\"\n    [suppressAggFuncInHeader]=\"true\"\n    (gridReady)=\"onGridReady($event)\"\n    >\n    </ag-grid-angular>\n  </div>\n</div>\n<form [formGroup]=\"form\">\n  <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\">\n    <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n      <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>Rank</mat-label>\n          <mat-select placeholder=\"Rank\" [formControl]=\"form.controls['rank']\">\n          <mat-option>\n          <ngx-mat-select-search  (keyup)=\"applyRankFilter($event.target.value)\"\n                                  [placeholderLabel]=\"'Rank'\"\n                                  [noEntriesFoundLabel]=\"'Not a valid entry'\"\n                                  [formControl]=\"form.controls['currRank']\"\n                                  ngDefaultControl></ngx-mat-select-search></mat-option>\n          <mat-option *ngFor=\"let item of newRankArr\"\n                      [value]=\"item\">{{item}}</mat-option>\n          </mat-select>\n      </mat-form-field>\n    </div>\n  </div>\n</form>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":41,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LinkSubjectToTeamService","line":88,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantUserProfileService","line":89,"character":38},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":90,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":93,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-members/team-members-add/team-members-add.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"setRankArray":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getMembers":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"setSelectedNodes":[{"__symbolic":"method"}],"onRowSelected":[{"__symbolic":"method"}],"applyRankFilter":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpt":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"app-team-members-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":30,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            Edit Member\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">SAVE</button>\n      </div>\n    </mat-card-title>\n    <mat-tab-group [selectedIndex]=\"selectedIndex$ | async\">\n      <mat-tab label=\"Details\">\n        <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms\" style=\"margin-left: 10px; margin-right: 10px;\">\n            <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n                <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>Rank</mat-label>\n                <mat-select placeholder=\"Rank\" [formControl]=\"form.controls['rank']\" [disabled]=\"formDisabled\">\n                    <mat-option>\n                    <ngx-mat-select-search  (keyup)=\"applyRankFilter($event.target.value)\"\n                                            [placeholderLabel]=\"'Rank'\"\n                                            [noEntriesFoundLabel]=\"'Not a valid entry'\"\n                                            [formControl]=\"form.controls['currRank']\"\n                                            ngDefaultControl></ngx-mat-select-search></mat-option>\n                    <mat-option *ngFor=\"let item of newRankArr\"\n                                [value]=\"item\">{{item}}</mat-option>\n                </mat-select>\n                </mat-form-field>\n            </div>\n            <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n                <button mat-raised-button color=\"warn\" (click)=\"onDelete()\" [disabled]=\"formDisabled\"\n                type=\"button\">\n                DELETE\n                </button>\n            </div>\n          </div>\n      </mat-tab>\n    </mat-tab-group>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":34,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LinkSubjectToTeamService","line":71,"character":38},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":72,"character":19},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":73,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":76,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-members/team-members-edit/team-members-edit.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"setForm":[{"__symbolic":"method"}],"disableForm":[{"__symbolic":"method"}],"resetRankArray":[{"__symbolic":"method"}],"setRankArray":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"getNumOwners":[{"__symbolic":"method"}],"applyRankFilter":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"app-team-permission-role","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n          <div fxFlex=\"3 0 0\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n              <mat-form-field appearance=\"outline\" class=\"search-box\">\n                <mat-label>Search...</mat-label>\n                <mat-icon matPrefix>search</mat-icon>\n                <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" placeholder=\"Search role code or name...\" />\n                <div role=\"group\" matSuffix>\n                  <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                    <mat-icon>clear</mat-icon>\n                  </button>\n                </div>\n              </mat-form-field>\n            </div>\n          </div>\n          <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n            <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n            <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n          </div>\n        </div>\n    </mat-card-title>\n    <div style=\"height: 80%\" fxFlex>\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"rowData\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [rowSelection]=\"rowSelection\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":75,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantTeamRoleService","line":76,"character":35},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetService","line":77,"character":39},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":80,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-role/team-permission-role.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getPermissionAssigneeTargets":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"getRole":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpv":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"app-team-role-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":26,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            Edit Role\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid\" (click)=\"onSubmit()\">SAVE</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n      <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Name</mat-label>\n            <input matInput placeholder=\"Name\" [formControl]=\"form.controls['name']\" type=\"text\" required>\n            <mat-hint *ngIf=\"form.controls['name'].hasError('required') && form.controls['name'].touched\"\n                      class=\"text-danger font-14\">Please insert name\n            </mat-hint>\n          </mat-form-field>\n      </div>\n      <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>Code</mat-label>\n          <input matInput placeholder=\"Code\" [formControl]=\"form.controls['code']\" type=\"text\" style=\"color: grey\" readonly>\n        </mat-form-field>\n      </div>\n      <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Status</mat-label>\n              <mat-select placeholder=\"Status\" [formControl]=\"form.controls['status']\">\n              <mat-option>\n              <ngx-mat-select-search  (keyup)=\"applyStatusFilter($event.target.value)\"\n                                      [placeholderLabel]=\"'Status'\"\n                                      [noEntriesFoundLabel]=\"'Not a valid entry'\"\n                                      [formControl]=\"form.controls['currStatus']\"\n                                      ngDefaultControl></ngx-mat-select-search></mat-option>\n              <mat-option *ngFor=\"let item of newStatusArr\"\n                          [value]=\"item\">{{item}}</mat-option>\n              </mat-select>\n          </mat-form-field>\n      </div>\n      <!-- <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <button mat-raised-button color=\"warn\" (click)=\"onDelete()\"\n        type=\"button\">\n        Delete\n        </button>\n      </div> -->\n  </div>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":30,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":63,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":66,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-role/team-role-edit/team-role-edit.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"getRole":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"applyStatusFilter":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpw":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":26,"character":36},"member":"withComponents"},"arguments":[[]]},"ɵpx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵpy"},{"__symbolic":"reference","name":"ɵqa"},{"__symbolic":"reference","name":"ɵqb"},{"__symbolic":"reference","name":"ɵqc"},{"__symbolic":"reference","name":"ɵqd"},{"__symbolic":"reference","name":"ɵqe"},{"__symbolic":"reference","name":"ɵqf"},{"__symbolic":"reference","name":"ɵqg"},{"__symbolic":"reference","name":"ɵqh"},{"__symbolic":"reference","name":"ɵqi"},{"__symbolic":"reference","name":"ɵqj"},{"__symbolic":"reference","name":"ɵqk"},{"__symbolic":"reference","name":"ɵql"},{"__symbolic":"reference","name":"ɵqm"},{"__symbolic":"reference","name":"ɵqn"},{"__symbolic":"reference","name":"ɵqo"},{"__symbolic":"reference","name":"ɵqp"},{"__symbolic":"reference","name":"ɵqq"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":4},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":53,"character":4},{"__symbolic":"reference","name":"ɵpw"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":55,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":56,"character":4}]}]}],"members":{}},"ɵpy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"template":{"__symbolic":"reference","name":"ɵku"},"animations":{"__symbolic":"reference","name":"ɵbs"},"providers":[{"__symbolic":"reference","name":"ɵpz"}]}]}],"members":{"firstColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵck"},{"static":true}]}]}],"secondColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":37,"character":38},{"__symbolic":"reference","name":"ɵpz"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵpz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵqa":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-role-permission-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button [matTooltip]=\"create_button\" type=\"button\"\n              [disabled]=\"deactivateAdd$ | async\"\n              (click)=\"onNext()\">\n              <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n            </button>\n            <mat-form-field appearance=\"outline\" class=\"search-box\">\n              <mat-label>{{search_text}}...</mat-label>\n              <mat-icon matPrefix>search</mat-icon>\n              <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" [placeholder]=\"search_placeholder + '...'\" />\n              <div role=\"group\" matSuffix>\n                <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                  <mat-icon>clear</mat-icon>\n                </button>\n              </div>\n            </mat-form-field>\n            <app-column-toggle [currentToggle]=\"toggleColumn$ | async\" (toggleColumn)=\"onToggle($event)\" fxHide.lt-sm></app-column-toggle>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"rowData\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [rowSelection]=\"rowSelection\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n</div>\n","styles":["::ng-deep .search-box .mat-form-field-wrapper{padding-bottom:0!important;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0!important}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppLoginSubjectService","line":87,"character":36},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleLoginEPService","line":89,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantUserRoleService","line":90,"character":35},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantTeamRoleService","line":91,"character":35},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":94,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-listing/role-permission-listing.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":95,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getUsersInRole":[{"__symbolic":"method"}],"getTeamsInRole":[{"__symbolic":"method"}],"getUser":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"app-role-permission-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":24,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{name_text}}</mat-label>\n              <input matInput [placeholder]=\"name_text\" [formControl]=\"form.controls['name']\" type=\"text\" required>\n              <mat-hint *ngIf=\"form.controls['name'].hasError('required') && form.controls['name'].touched\"\n                        class=\"text-danger font-14\">{{please_insert_name_text}}\n              </mat-hint>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{code_text}}</mat-label>\n            <input matInput [placeholder]=\"code_text\" [formControl]=\"form.controls['code']\" type=\"text\" required>\n            <mat-hint>\n                <span style=\"display: block;\">{{code_must_be_unique_text}}</span>\n                <span *ngIf=\"form.controls['code'].hasError('required') && form.controls['code'].touched\"\n                class=\"text-danger font-14\" style=\"display: block;\">{{please_insert_code_text}}</span>\n                <span style=\"display: block;\" *ngIf=\"form.controls['code'].hasError('maxlength')\" class=\"text-danger font-14\">{{code_should_be_less_than_255_characters_text}}</span>\n            </mat-hint>\n          </mat-form-field>\n      </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{status_text}}</mat-label>\n                <mat-select [placeholder]=\"status_text\" [formControl]=\"form.controls['status']\">\n                <mat-option>\n                <ngx-mat-select-search  (keyup)=\"applyStatusFilter($event.target.value)\"\n                                        [placeholderLabel]=\"status_text\"\n                                        [noEntriesFoundLabel]=\"not_a_valid_entry_text\"\n                                        [formControl]=\"form.controls['currStatus']\"\n                                        ngDefaultControl></ngx-mat-select-search></mat-option>\n                <mat-option *ngFor=\"let item of newStatusArr\"\n                            [value]=\"item.value\">{{item.viewValue}}</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":28,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":71,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":74,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-add/role-permission-add.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":75,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"applyStatusFilter":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"app-role-permission-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":27,"character":14}],"template":"\n<mat-card-title class=\"column-title\">\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n    <div>\n      <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n        (click)=\"onReturn()\"\n        [disabled]=\"deactivateReturn$ | async\">\n        <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n      </button>\n      <span style=\"font-size: 15px; margin-top: 10px;\">\n        {{title}}\n      </span>\n    </div>\n    <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n  </div>\n</mat-card-title>\n<mat-tab-group [selectedIndex]=\"currentIndexTab\">\n  <mat-tab [label]=\"details_text\">\n    <app-role-permission-details></app-role-permission-details>\n  </mat-tab>\n  <mat-tab [label]=\"user_text\">\n      <app-role-permission-user></app-role-permission-user>\n  </mat-tab>\n <!--  <mat-tab label=\"Team\">\n      <app-role-permission-team></app-role-permission-team>\n  </mat-tab> -->\n  <mat-tab [label]=\"permission_set_text\">\n    <app-role-permission-set [selectedIndex]=\"selectedIndex$ | async\"></app-role-permission-set>\n  </mat-tab>\n  <mat-tab [label]=\"client_side_permission_text\">\n    <app-client-side-permission></app-client-side-permission>\n  </mat-tab>\n  <mat-tab [label]=\"pricing_scheme_link_text\">\n    <app-pricing-scheme-link></app-pricing-scheme-link>\n  </mat-tab>\n  <mat-tab [label]=\"copy_permission_text\">\n    <app-copy-permission-set></app-copy-permission-set>\n  </mat-tab>\n</mat-tab-group>\n","styles":[""]}]}],"members":{"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":32,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":70,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":73,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-edit.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":74,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"app-role-permission-team","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n          <div fxFlex=\"3 0 0\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n              <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\"\n              [disabled]=\"deactivateAdd$ | async\"\n              (click)=\"onNext()\">\n              <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n              </button>\n              <mat-form-field appearance=\"outline\" class=\"search-box\">\n                <mat-label>Search...</mat-label>\n                <mat-icon matPrefix>search</mat-icon>\n                <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" placeholder=\"Search team name or code...\" />\n                <div role=\"group\" matSuffix>\n                  <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                    <mat-icon>clear</mat-icon>\n                  </button>\n                </div>\n              </mat-form-field>\n            </div>\n          </div>\n          <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n            <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n            <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n          </div>\n        </div>\n    </mat-card-title>\n    <div style=\"height: 80%\" fxFlex>\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"rowData\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n    <div class=\"p-10\">\n      <button mat-raised-button color=\"warn\" (click)=\"onRemove()\"\n        type=\"button\">\n        REMOVE\n      </button>\n    </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantTeamRoleService","line":72,"character":35},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TeamService","line":73,"character":25},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LinkSubjectToTeamService","line":74,"character":38},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":77,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-team/role-permission-team.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getTeam":[{"__symbolic":"method"}],"getMembers":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"app-role-permission-set","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n          <div fxFlex=\"3 0 0\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n              <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button [matTooltip]=\"create_button\" type=\"button\"\n                [disabled]=\"deactivateAdd$ | async\"\n                (click)=\"onNext()\">\n                <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n              </button>\n              <app-advanced-search-general class=\"mobile\" fxFlex fxFlex.lt-sm=\"100\" [id]=\"'role-permission-set'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n            </div>\n          </div>\n          <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n            <!-- <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination> -->\n            <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n          </div>\n        </div>\n    </mat-card-title>\n    <div style=\"height: 80%\" fxFlex>\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"rowData\"\n      [columnDefs]=\"columnsDefs\"\n      [rowSelection]=\"rowSelection\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n    <div class=\"p-10\">\n      <button mat-raised-button color=\"warn\" (click)=\"onRemove()\"\n        type=\"button\">\n        {{remove_button}}\n      </button>\n    </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":92,"character":28},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetService","line":93,"character":49},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionTemplateService","line":94,"character":33},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":98,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-set/role-permission-set.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":99,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"enrichWithPermissionTemplates":[{"__symbolic":"method"}],"getPermSetsInRole":[{"__symbolic":"method"}],"getPermTemplate":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-role-permission-user","template":"<div class=\"view-col-table\" fxLayout=\"column\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n          <div fxFlex=\"3 0 0\">\n            <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n              <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button [matTooltip]=\"create_button\" type=\"button\"\n              [disabled]=\"deactivateAdd$ | async\"\n              (click)=\"onNext()\">\n              <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n              </button>\n              <mat-form-field appearance=\"outline\" class=\"search-box\">\n                <mat-label>{{search_text}}...</mat-label>\n                <mat-icon matPrefix>search</mat-icon>\n                <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" [placeholder]=\"search_name_or_mobile_text + '...'\" />\n                <div role=\"group\" matSuffix>\n                  <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                    <mat-icon>clear</mat-icon>\n                  </button>\n                </div>\n              </mat-form-field>\n            </div>\n          </div>\n          <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n            <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n            <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n          </div>\n        </div>\n    </mat-card-title>\n    <div style=\"height: 80%\" fxFlex>\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [rowData]=\"rowData\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [rowSelection]=\"'multiple'\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n    <div class=\"p-10\">\n      <button mat-raised-button color=\"warn\" (click)=\"onRemove()\"\n        type=\"button\">\n        {{remove_button}}\n      </button>\n    </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantUserRoleService","line":82,"character":35},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppLoginSubjectService","line":84,"character":36},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":87,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-user/role-permission-user.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":88,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getUser":[{"__symbolic":"method"}],"onRemove":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"app-role-perm-user-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":36,"character":14}],"template":"<mat-card-title class=\"column-title\">\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n    <div>\n      <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n        (click)=\"onReturn()\"\n        [disabled]=\"deactivateReturn$ | async\">\n        <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n      </button>\n      <span style=\"font-size: 15px; margin-top: 10px;\">\n        {{title}}\n      </span>\n    </div>\n    <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"formDisabled\" (click)=\"onAdd()\">{{add_button}}</button>\n  </div>\n</mat-card-title>\n<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <mat-form-field appearance=\"outline\" class=\"search-box\">\n            <mat-label>{{search_text}}...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" [placeholder]=\"search_email_or_mobile_text + '...'\" />\n            <div role=\"group\" matSuffix>\n              <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                <mat-icon>clear</mat-icon>\n              </button>\n            </div>\n          </mat-form-field>\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n  <div style=\"height: 100%\" fxFlex>\n    <ag-grid-angular #agGrid\n    id=\"grid\"\n    style=\"height: 100%\"\n    class=\"ag-theme-balham\"\n    [gridOptions]=\"gridOptions\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [cacheBlockSize]=\"pagination.rowPerPage\"\n    [rowSelection]=\"rowSelection\"\n    (rowSelected)=\"onRowSelected($event)\"\n    [suppressRowClickSelection]=\"true\"\n    [suppressAggFuncInHeader]=\"true\"\n    (gridReady)=\"onGridReady($event)\"\n    >\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":["::ng-deep .search-box .mat-form-field-wrapper{padding-bottom:0!important;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0!important}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":42,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantUserProfileService","line":91,"character":38},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantUserRoleService","line":92,"character":35},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":95,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-user/role-perm-user-add/role-perm-user-add.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":96,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getUsersInRole":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"setSelectedNodes":[{"__symbolic":"method"}],"onRowSelected":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-role-perm-team-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<mat-card-title class=\"column-title\">\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n    <div>\n      <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n        (click)=\"onReturn()\"\n        [disabled]=\"deactivateReturn$ | async\">\n        <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n      </button>\n      <span style=\"font-size: 15px; margin-top: 10px;\">\n        Add Team\n      </span>\n    </div>\n    <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"\" (click)=\"onAdd()\">ADD</button>\n  </div>\n</mat-card-title>\n<div class=\"view-col-table\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <mat-form-field appearance=\"outline\" class=\"search-box\">\n            <mat-label>Search...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" placeholder=\"Search team name and code...\" />\n            <div role=\"group\" matSuffix>\n              <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                <mat-icon>clear</mat-icon>\n              </button>\n            </div>\n          </mat-form-field>\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n  <div style=\"height: 100%\" fxFlex>\n    <ag-grid-angular #agGrid\n    id=\"grid\"\n    style=\"height: 100%\"\n    class=\"ag-theme-balham\"\n    [gridOptions]=\"gridOptions\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [cacheBlockSize]=\"pagination.rowPerPage\"\n    [rowSelection]=\"rowSelection\"\n    (rowSelected)=\"onRowSelected($event)\"\n    [suppressRowClickSelection]=\"true\"\n    [suppressAggFuncInHeader]=\"true\"\n    (gridReady)=\"onGridReady($event)\"\n    >\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":["::ng-deep .search-box .mat-form-field-wrapper{padding-bottom:0!important;border-radius:5px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.advanced-search-container .mat-form-field-wrapper{padding-bottom:0!important}.advanced-search-container{padding:15px;background:#fff;border-radius:8px;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border:1px solid #ccc;height:fit-content!important}.advanced-search-form{max-height:40vh;overflow:auto;padding-right:15px}"]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":36,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":36,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TeamLoginEPService","line":77,"character":25},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantTeamRoleService","line":78,"character":35},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":81,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-team/role-perm-team-add/role-perm-team-add.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getTeamsInRole":[{"__symbolic":"method"}],"setSelectedNodes":[{"__symbolic":"method"}],"onRowSelected":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":37,"character":1},"arguments":[{"selector":"app-role-permission-set-add-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":42,"character":14}],"template":"<mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n          (click)=\"onReturn()\"\n          [disabled]=\"deactivateReturn$ | async\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span style=\"font-size: 15px; margin-top: 10px;\">\n          {{title}}\n        </span>\n      </div>\n      <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onAdd()\">{{add_button}}</button>\n    </div>\n</mat-card-title>\n<div class=\"view-col-table\" fxLayout=\"column\" style=\"margin:10px\">\n<mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n    <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <app-advanced-search-general\n          fxFlex\n          fxFlex.lt-sm=\"100\"\n          [id]=\"'sales-invoice-listing'\"\n          [advSearchModel]=\"searchModel\"\n          (search)=\"onSearch($event)\"\n        ></app-advanced-search-general>\n        </div>\n    </div>\n    <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n      <!-- <app-pagination-v2 fxFlex #pagination [agGridReference]=\"agGrid\" [rowPerPage]=\"limit\" (onMorePageClick)=\"onMorePage()\"></app-pagination-v2> -->\n    </div>\n    </div>\n</mat-card-title>\n<div style=\"height: 100%\" fxFlex>\n    <ag-grid-angular #agGrid\n    style=\"height: 100%\"\n    class=\"ag-theme-balham\"\n    [columnDefs]=\"columnsDefs\"\n    [rowData]=\"rowData\"\n    [gridOptions]=\"gridOptions\"\n    (firstDataRendered)=\"onFirstDataRendered($event)\"\n    (gridReady)=\"onGridReady($event)\"\n  >\n  </ag-grid-angular>\n</div>\n</div>\n","styles":[""]}]}],"members":{"aggrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":3},"arguments":["agGrid",{"static":false}]}]}],"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":117,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵep"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":141,"character":20},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":143,"character":34},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":146,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-set/role-permission-set-add-listing/role-permission-set-add-listing.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":147,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"checkboxCellRenderer":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"autoSelectRows":[{"__symbolic":"method"}],"createData":[{"__symbolic":"method"}],"getInputModel":[{"__symbolic":"method"}],"getTotalData":[{"__symbolic":"method"}],"getPermSetsInRole":[{"__symbolic":"method"}],"getInputModelPermSetsInRole":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onFirstDataRendered":[{"__symbolic":"method"}],"onSortChanged":[{"__symbolic":"method"}],"onFilterChanged":[{"__symbolic":"method"}],"onMorePage":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"app-role-permission-details","template":"<div fxLayout=\"column\" class=\"view-col-forms\" *ngIf=\"detailsForm\">\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{role_name_text}}</mat-label>\n    <input matInput [placeholder]=\"role_name_text\" [formControl]=\"detailsForm.controls['name']\" type=\"text\" required>\n  </mat-form-field>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{role_code_text}}</mat-label>\n      <input matInput [placeholder]=\"role_code_text\" [formControl]=\"detailsForm.controls['code']\" type=\"text\" style=\"color: grey\" readonly>\n    </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{description_text}}</mat-label>\n    <textarea matInput [formControl]=\"detailsForm.controls['description']\" [placeholder]=\"description_text\" rows=15 style=\"resize: none;\">\n    </textarea>\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n      <mat-label>{{status_text}}</mat-label>\n      <mat-select [placeholder]=\"status_text\" [formControl]=\"detailsForm.controls['status']\">\n      <mat-option>\n      <ngx-mat-select-search  (keyup)=\"applyStatusFilter($event.target.value)\"\n                              [placeholderLabel]=\"status_text\"\n                              [noEntriesFoundLabel]=\"not_a_valid_entry_text\"\n                              [formControl]=\"detailsForm.controls['currStatus']\"\n                              ngDefaultControl></ngx-mat-select-search></mat-option>\n      <mat-option *ngFor=\"let item of newStatusArr\"\n                  [value]=\"item.value\">{{item.viewValue}}</mat-option>\n      </mat-select>\n  </mat-form-field>\n  <mat-divider></mat-divider>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{created_by_text}}</mat-label>\n    <input matInput [placeholder]=\"created_by_text\" [formControl]=\"detailsForm.controls['createdBy']\" style=\"color: grey\" readonly />\n  </mat-form-field>\n    <mat-form-field appearance=\"outline\">\n      <mat-label>{{updated_by_text}}</mat-label>\n      <input matInput [placeholder]=\"updated_by_text\" [formControl]=\"detailsForm.controls['updatedBy']\" style=\"color: grey\" readonly />\n    </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{created_date_text}}</mat-label>\n    <input matInput [placeholder]=\"created_date_text\" [formControl]=\"detailsForm.controls['createdDate']\" style=\"color: grey\" readonly />\n  </mat-form-field>\n  <mat-form-field appearance=\"outline\">\n    <mat-label>{{modified_date_text}}</mat-label>\n    <input matInput [placeholder]=\"modified_date_text\" [formControl]=\"detailsForm.controls['updatedDate']\" style=\"color: grey\" readonly />\n  </mat-form-field>\n  <div>\n  <button mat-raised-button color=\"warn\" (click)=\"onDelete()\"\n    type=\"button\">\n    {{delete_button}}\n  </button>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":75,"character":19},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetService","line":76,"character":49},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantTeamRoleService","line":77,"character":35},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantUserRoleService","line":78,"character":35},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":81,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-details/role-permission-details.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":82,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"applyStatusFilter":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"getPermAssigneeTargetGuids":[{"__symbolic":"method"}],"getTeamToRoleLinks":[{"__symbolic":"method"}],"getUserToRoleLinks":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"app-client-side-permission","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":38,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n        <div fxFlex=\"3 0 0\">\n          <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n            <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button [matTooltip]=\"create_button\" type=\"button\"\n              [disabled]=\"deactivateAdd$ | async\"\n              (click)=\"onNext()\">\n              <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n            </button>\n            <app-advanced-search-general class=\"mobile\" fxFlex fxFlex.lt-sm=\"100\" [id]=\"'role-client-side-permission'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n            <app-column-toggle fxHide.lt-sm [currentToggle]=\"toggleColumn$ | async\" (toggleColumn)=\"onToggle($event)\"></app-column-toggle>\n          </div>\n        </div>\n        <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n          <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n          <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n        </div>\n      </div>\n    </mat-card-title>\n    <div style=\"height: 100%;\">\n      <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [rowSelection]=\"rowSelection\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\">\n      </ag-grid-angular>\n    </div>\n  </div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":69,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSidePermissionRoleLinksService","line":81,"character":50},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":84,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/client-side-permission/client-side-permission.component"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSideTenantPermissionService","line":85,"character":41},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":86,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":87,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵql":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"app-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":38,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":39,"character":14}],"template":"<mat-card-title class=\"column-title\">\n  <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n    <div>\n      <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n        (click)=\"onReturn()\"\n        [disabled]=\"deactivateReturn$ | async\">\n        <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n      </button>\n      <span style=\"font-size: 15px; margin-top: 10px;\">\n        {{title}}\n      </span>\n    </div>\n    <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"\" (click)=\"onAdd()\">{{add_button}}</button>\n  </div>\n</mat-card-title>\n<div class=\"view-col-table\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <!-- <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <mat-form-field appearance=\"outline\" class=\"search-box\">\n            <mat-label>Search...</mat-label>\n            <mat-icon matPrefix>search</mat-icon>\n            <input matInput type=\"text\" (keyup.enter)=\"onSearch()\" [(ngModel)]=\"searchValue\" placeholder=\"Search client side permission name and code...\" />\n            <div role=\"group\" matSuffix>\n              <button class=\"inline blg-small-button-icon\" mat-icon-button (click)=\"reset()\">\n                <mat-icon>clear</mat-icon>\n              </button>\n            </div>\n          </mat-form-field>\n        </div>\n      </div> -->\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\" [rowPerPage]=\"999\"></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" style=\"margin-bottom: 10px;\">\n    <mat-checkbox (change)=\"onSelectAll($event, $event.checked)\">{{select_all_text}}</mat-checkbox>\n  </div>\n\n  <div style=\"height: 100%\" fxFlex>\n    <ag-grid-angular #agGrid\n    id=\"grid\"\n    style=\"height: 100%\"\n    class=\"ag-theme-balham\"\n    [gridOptions]=\"gridOptions\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [paginationPageSize]=\"999\"\n    [cacheBlockSize]=\"pagination.rowPerPage\"\n    [rowSelection]=\"rowSelection\"\n    (rowSelected)=\"onRowSelected($event)\"\n    [suppressRowClickSelection]=\"true\"\n    [suppressAggFuncInHeader]=\"true\"\n    (gridReady)=\"onGridReady($event)\"\n    >\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"matTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":45,"character":13},{"static":true}]}]}],"aggrid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":3},"arguments":["agGrid",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSideTenantPermissionService","line":128,"character":47},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSidePermissionRoleLinksService","line":129,"character":50},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":130,"character":31},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":134,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/client-side-permission/add/add.component"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":136,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"getClientSidePermsInRole":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"onAdd":[{"__symbolic":"method"}],"setSelectedNodes":[{"__symbolic":"method"}],"onRowSelected":[{"__symbolic":"method"}],"onSelectAll":[{"__symbolic":"method"}],"constructFilterCriteria":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"app-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":33,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":34,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <!-- <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">SAVE</button> -->\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <!-- <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>Role</mat-label>\n                <mat-select placeholder=\"Select Role\" [formControl]=\"form.controls['role']\" required>\n                <mat-option>\n                <ngx-mat-select-search  (keyup)=\"applyRoleFilter($event.target.value)\"\n                                        [placeholderLabel]=\"'Select Role'\"\n                                        [noEntriesFoundLabel]=\"'Not a valid entry'\"\n                                        [formControl]=\"form.controls['currRole']\"\n                                        ngDefaultControl></ngx-mat-select-search></mat-option>\n                <mat-option *ngFor=\"let item of newRoleArr\"\n                            [value]=\"item.guid\">{{item.name}}</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div> -->\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{client_side_permission_text}}</mat-label>\n              <mat-select [placeholder]=\"select_permission_text\" [formControl]=\"form.controls['clientPerm']\" [disabled]=\"true\">\n              <mat-option>\n              <ngx-mat-select-search  (keyup)=\"applyPermFilter($event.target.value)\"\n                                      [placeholderLabel]=\"select_permission_text\"\n                                      [noEntriesFoundLabel]=\"invalid_entry\"\n                                      [formControl]=\"form.controls['currClientPerm']\"\n                                      ngDefaultControl></ngx-mat-select-search></mat-option>\n              <mat-option *ngFor=\"let item of newClientPermArr\"\n                          [value]=\"item.guid\">{{item.perm_name}}</mat-option>\n              </mat-select>\n          </mat-form-field>\n      </div>\n      <div style=\"padding: 5px;\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onDelete()\">\n          <span>{{ (deleteConfirmation$ | async) ? confirmation_button : delete_button}}</span>\n        </button>\n      </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSideTenantPermissionService","line":87,"character":41},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":89,"character":31},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":90,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":94,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"applyRoleFilter":[{"__symbolic":"method"}],"applyPermFilter":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqn":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"app-pricing-scheme-link","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":36,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n  <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px\">\n    <div\n      fxLayout=\"row wrap\"\n      fxLayoutAlign=\"space-between end\"\n      fxLayoutGap=\"10px\"\n    >\n      <div fxFlex=\"3 0 0\">\n        <div\n          fxLayout=\"row\"\n          fxLayoutAlign=\"space-between center\"\n          fxLayoutGap=\"6px\"\n        >\n          <button\n            ngClass.xs=\"blg-button-mobile\"\n            #navBtn\n            class=\"blg-button-icon\"\n            mat-button\n            [matTooltip]=\"create_button\"\n            type=\"button\"\n            [disabled]=\"deactivateAdd$ | async\"\n            (click)=\"onNext()\"\n          >\n            <img\n              [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\"\n              src=\"assets/images/add.png\"\n              alt=\"add\"\n              width=\"40px\"\n              height=\"40px\"\n            />\n          </button>\n          <app-advanced-search\n            class=\"mobile\"\n            fxFlex\n            fxFlex.lt-sm=\"100\"\n            [advSearchModel]=\"searchModel\"\n          ></app-advanced-search>\n          <app-column-toggle\n            fxHide.lt-sm\n            [currentToggle]=\"toggleColumn$ | async\"\n            (toggleColumn)=\"onToggle($event)\"\n          ></app-column-toggle>\n        </div>\n      </div>\n      <div\n        class=\"blg-accent\"\n        fxFlex=\"1 0 25\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"space-between center\"\n      >\n        <app-pagination\n          fxFlex\n          #pagination\n          [agGridReference]=\"agGrid\"\n        ></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n  <div style=\"height: 100%\">\n    <ag-grid-angular\n      #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\"\n      rowModelType=\"serverSide\"\n      serverSideStoreType=\"partial\"\n    >\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":89,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/pricing-scheme-link/pricing-scheme-link.component"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"RolePricingSchemeLinkService","line":90,"character":42},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":92,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PricingSchemeService","line":93,"character":34},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":95,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}]}},"ɵqo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"app-add-pricing-scheme-link","providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":29,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div\n        fxLayout=\"row\"\n        fxLayoutAlign=\"space-between end\"\n        style=\"margin-left: 10px; margin-right: 20px\"\n      >\n        <div>\n          <button\n            #navBtn\n            mat-button\n            class=\"blg-button-icon\"\n            [matTooltip]=\"back_button\"\n            type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\"\n          >\n            <img\n              [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\"\n              src=\"../../../assets/images/backbutton.png\"\n              alt=\"add\"\n              width=\"40px\"\n              height=\"40px\"\n            />\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px\">\n            {{title}}\n          </span>\n        </div>\n        <button\n          mat-raised-button\n          color=\"primary\"\n          type=\"submit\"\n          (click)=\"onSubmit()\"\n        >\n          {{save_button}}\n        </button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n      <!-- <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>Role</mat-label>\n          <mat-select\n            placeholder=\"Select Role\"\n            [formControl]=\"form.controls['role']\"\n            required\n          >\n            <mat-option>\n              <ngx-mat-select-search\n                (keyup)=\"applyRoleFilter($event.target.value)\"\n                [placeholderLabel]=\"'Select Role'\"\n                [noEntriesFoundLabel]=\"'Not a valid entry'\"\n                [formControl]=\"form.controls['currentRole']\"\n                ngDefaultControl\n              ></ngx-mat-select-search\n            ></mat-option>\n            <mat-option *ngFor=\"let item of newRoleArr\" [value]=\"item.guid\">{{\n              item.name\n            }}</mat-option>\n          </mat-select>\n        </mat-form-field>\n      </div> -->\n      <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n          <mat-label>{{pricing_scheme_text}}</mat-label>\n          <mat-select\n            [placeholder]=\"select_pricing_scheme_text\"\n            [formControl]=\"form.controls['pricingScheme']\"\n            required\n          >\n            <mat-option>\n              <ngx-mat-select-search\n                (keyup)=\"applyPricingSchemeFilter($event.target.value)\"\n                [placeholderLabel]=\"select_pricing_scheme_text\"\n                [noEntriesFoundLabel]=\"invalid_entry\"\n                [formControl]=\"form.controls['currPricingScheme']\"\n                ngDefaultControl\n              ></ngx-mat-select-search\n            ></mat-option>\n            <mat-option\n              *ngFor=\"let item of newPricingSchemeArr\"\n              [value]=\"item.guid\"\n              >{{ item.name }}</mat-option\n            >\n          </mat-select>\n        </mat-form-field>\n      </div>\n    </div>\n  </form>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":69,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PricingSchemeService","line":70,"character":34},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":72,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":75,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/pricing-scheme-link/add-pricing-scheme-link/add-pricing-scheme-link.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":76,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"applyRoleFilter":[{"__symbolic":"method"}],"applyPricingSchemeFilter":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqp":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"app-edit-pricing-scheme-link","providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":24,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <!-- <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>Role</mat-label>\n                <mat-select placeholder=\"Select Role\" [formControl]=\"form.controls['role']\" required>\n                <mat-option>\n                <ngx-mat-select-search  (keyup)=\"applyRoleFilter($event.target.value)\"\n                                        [placeholderLabel]=\"'Select Role'\"\n                                        [noEntriesFoundLabel]=\"'Not a valid entry'\"\n                                        [formControl]=\"form.controls['currentRole']\"\n                                        ngDefaultControl></ngx-mat-select-search></mat-option>\n                <mat-option *ngFor=\"let item of newRoleArr\"\n                            [value]=\"item.guid\">{{item.name}}</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div> -->\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{pricing_scheme_text}}</mat-label>\n              <mat-select [placeholder]=\"select_pricing_scheme_text\" [formControl]=\"form.controls['pricingScheme']\" required>\n              <mat-option>\n              <ngx-mat-select-search  (keyup)=\"applyPricingSchemeFilter($event.target.value)\"\n                                      [placeholderLabel]=\"select_pricing_scheme_text\"\n                                      [noEntriesFoundLabel]=\"invalid_entry\"\n                                      [formControl]=\"form.controls['currPricingScheme']\"\n                                      ngDefaultControl></ngx-mat-select-search></mat-option>\n              <mat-option *ngFor=\"let item of newPricingSchemeArr\"\n                          [value]=\"item.guid\">{{item.name}}</mat-option>\n              </mat-select>\n          </mat-form-field>\n      </div>\n      <div style=\"padding: 5px;\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onDelete()\">\n          <span>{{delete_button}}</span>\n        </button>\n      </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":68,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PricingSchemeService","line":69,"character":34},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":71,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":74,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/pricing-scheme-link/edit-pricing-scheme-link/edit-pricing-scheme-link.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":75,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"applyRoleFilter":[{"__symbolic":"method"}],"applyPricingSchemeFilter":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"app-copy-permission-set","template":"<div fxLayout=\"row wrap\" fxFlexAlign=\"center\" style=\"height: 80%; margin-top: 20px; padding:5px\">\n  <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"disableSubmit()\" (click)=\"onSubmit()\">{{copy_text}}</button>\n  <div fxLayout=\"row wrap\" fxFlexAlign=\"center\">\n    <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n      <app-role-dropdown [(role)]=\"form.controls['roleFromGuid']\"></app-role-dropdown>\n    </div>\n    <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n      <app-select-multi-company-drop-down [apiVisa]=\"apiVisa\" [company]=\"form.controls['companies']\"\n      [options]=\"{'required': true, 'multiple': true}\"></app-select-multi-company-drop-down>\n    </div>\n    <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n      <app-select-multi-branch-drop-down [apiVisa]=\"apiVisa\" [branch]=\"form.controls['branches']\"\n      [label]=\"branch_text\" [options]=\"{multiple: true, selectObject: true}\"></app-select-multi-branch-drop-down>\n    </div>\n\n    <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n      <app-select-multi-location-drop-down [apiVisa]=\"apiVisa\" [location]=\"form.controls['locations']\"\n      [label]=\"location_text\" [options]=\"{multiple: true, selectObject: true}\"></app-select-multi-location-drop-down>\n    </div>\n\n\n    <div align=\"left\" fxFlex.gt-sm=\"100\" fxFlex=\"100\" class=\"p-10\">{{select_permission_sets_text}}</div>\n\n    <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"10px\">\n      <app-advanced-search-general class=\"mobile\" [id]=\"'role-permission-set-copy'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n      <app-pagination #pagination [agGridReference]=\"agGrid\"></app-pagination>\n    </mat-card-title>\n  </div>\n\n  <div style=\"height: 300px; overflow-y: auto; width: 100%;\" fxFlex>\n    <ag-grid-angular #agGrid\n      id=\"grid\"\n      style=\"height: 100%; width: 100%\"\n      class=\"ag-theme-balham\"\n      [gridOptions]=\"gridOptions\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [rowSelection]=\"rowSelection\"\n      (rowSelected)=\"onRowSelected($event)\"\n      [suppressRowClickSelection]=\"false\"\n      [suppressAggFuncInHeader]=\"true\"\n      (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[".left-aligned-bold{font-weight:700;text-align:left;display:block}"]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":84,"character":28},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionTemplateService","line":85,"character":33},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AutomatedPermissionWizardService","line":86,"character":37},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":87,"character":20},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":94,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-set-copy/role-permission-set-copy.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":95,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"getPermSetsInRole":[{"__symbolic":"method"}],"getPermTemplate":[{"__symbolic":"method"}],"filterData":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"onCompanySelected":[{"__symbolic":"method"}],"disableSubmit":[{"__symbolic":"method"}],"onRowSelected":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"resetForm":[{"__symbolic":"method"}]}},"ɵqr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵqs"},{"__symbolic":"reference","name":"ɵqu"},{"__symbolic":"reference","name":"ɵqv"},{"__symbolic":"reference","name":"ɵqw"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":23,"character":4},{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":25,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":26,"character":4}]}]}],"members":{}},"ɵqs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"template":{"__symbolic":"reference","name":"ɵku"},"animations":{"__symbolic":"reference","name":"ɵbs"},"providers":[{"__symbolic":"reference","name":"ɵqt"}]}]}],"members":{"firstColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵck"},{"static":true}]}]}],"secondColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":38},{"__symbolic":"reference","name":"ɵqt"},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":42,"character":19}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵqu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":35,"character":1},"arguments":[{"selector":"app-client-side-permission-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":39,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":40,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n  <mat-card-title class=\"column-title\" style=\"margin-bottom: 10px;\">\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <button ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button [matTooltip]=\"create_button\" type=\"button\"\n            [disabled]=\"deactivateAdd$ | async\"\n            (click)=\"onNext()\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <app-advanced-search-general class=\"mobile\" fxFlex fxFlex.lt-sm=\"100\" [id]=\"'client-side-permission-listing'\" [advSearchModel]=\"searchModel\" (search)=\"onSearch($event)\"></app-advanced-search-general>\n          <app-column-toggle fxHide.lt-sm [currentToggle]=\"toggleColumn$ | async\" (toggleColumn)=\"onToggle($event)\"></app-column-toggle>\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n  <div style=\"height: 100%;\">\n    <ag-grid-angular #agGrid\n    id=\"grid\"\n    style=\"height: 100%; width: 100%\"\n    class=\"ag-theme-balham\"\n    [gridOptions]=\"gridOptions\"\n    [getRowClass]=\"pagination.getRowClass\"\n    [columnDefs]=\"columnsDefs\"\n    [paginationPageSize]=\"pagination.rowPerPage\"\n    [cacheBlockSize]=\"pagination.rowPerPage\"\n    [rowSelection]=\"rowSelection\"\n    (rowClicked)=\"onRowClicked($event.data)\"\n    (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"paginationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":71,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSidePermissionRoleLinksService","line":82,"character":50},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSidePermissionTeamLinkService","line":83,"character":49},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":86,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/client-side-permission/client-side-permission-listing/client-side-permission-listing.component"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSideTenantPermissionService","line":87,"character":41},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TeamService","line":88,"character":25},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":89,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":90,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"getDatasource":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"buildSearchCriteria":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqv":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"app-client-side-permission-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":33,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{role_text}}</mat-label>\n                <mat-select [placeholder]=\"select_role_text\" [formControl]=\"form.controls['role']\" required>\n                <mat-option>\n                <ngx-mat-select-search  (keyup)=\"applyRoleFilter($event.target.value)\"\n                                        [placeholderLabel]=\"select_role_text\"\n                                        [noEntriesFoundLabel]=\"invalid_entry\"\n                                        [formControl]=\"form.controls['currRole']\"\n                                        ngDefaultControl></ngx-mat-select-search></mat-option>\n                <mat-option *ngFor=\"let item of newRoleArr\"\n                            [value]=\"item.guid\">{{item.name}}</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{client_side_permission_text}}</mat-label>\n              <mat-select [placeholder]=\"select_permission_text\" [formControl]=\"form.controls['clientPerm']\" (selectionChange)=\"onSelect($event)\" required>\n              <mat-option>\n              <ngx-mat-select-search  (keyup)=\"applyPermFilter($event.target.value)\"\n                                      [placeholderLabel]=\"select_permission_text\"\n                                      [noEntriesFoundLabel]=\"invalid_entry\"\n                                      [formControl]=\"form.controls['currClientPerm']\"\n                                      ngDefaultControl></ngx-mat-select-search></mat-option>\n              <mat-option *ngFor=\"let item of newClientPermArr\"\n                          [value]=\"item.guid\">{{item.perm_name}}</mat-option>\n              </mat-select>\n          </mat-form-field>\n      </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSidePermissionService","line":82,"character":41},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSideTenantPermissionService","line":83,"character":47},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TeamService","line":84,"character":25},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":85,"character":28},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":86,"character":31},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":87,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵhf"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":90,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/client-side-permission/client-side-permissiont-add/client-side-permission-add.component"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":91,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"applyRoleFilter":[{"__symbolic":"method"}],"applyPermFilter":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"app-client-side-permission-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":33,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":34,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" [matTooltip]=\"back_button\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            {{title}}\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid || formDisabled\" (click)=\"onSubmit()\">{{save_button}}</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{role_text}}</mat-label>\n                <mat-select [placeholder]=\"select_role_text\" [formControl]=\"form.controls['role']\" required>\n                <mat-option>\n                <ngx-mat-select-search  (keyup)=\"applyRoleFilter($event.target.value)\"\n                                        [placeholderLabel]=\"select_role_text\"\n                                        [noEntriesFoundLabel]=\"invalid_entry\"\n                                        [formControl]=\"form.controls['currRole']\"\n                                        ngDefaultControl></ngx-mat-select-search></mat-option>\n                <mat-option *ngFor=\"let item of newRoleArr\"\n                            [value]=\"item.guid\">{{item.name}}</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>{{client_side_permission_text}}</mat-label>\n              <mat-select [placeholder]=\"select_permission_text\" [formControl]=\"form.controls['clientPerm']\" required>\n              <mat-option>\n              <ngx-mat-select-search  (keyup)=\"applyPermFilter($event.target.value)\"\n                                      [placeholderLabel]=\"select_permission_text\"\n                                      [noEntriesFoundLabel]=\"invalid_entry\"\n                                      [formControl]=\"form.controls['currClientPerm']\"\n                                      ngDefaultControl></ngx-mat-select-search></mat-option>\n              <mat-option *ngFor=\"let item of newClientPermArr\"\n                          [value]=\"item.guid\">{{item.perm_name}}</mat-option>\n              </mat-select>\n          </mat-form-field>\n      </div>\n      <div style=\"padding: 5px;\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onDelete()\">\n          <span>{{ (deleteConfirmation$ | async) ? confirmation_button : delete_button}}</span>\n        </button>\n      </div>\n    </div>\n</form>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSideTenantPermissionService","line":87,"character":41},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":89,"character":31},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":90,"character":16},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":94,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"applyRoleFilter":[{"__symbolic":"method"}],"applyPermFilter":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵqy"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":20,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":21,"character":4}]}]}],"members":{}},"ɵqy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-field-configuration","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"template":"<div style=\"text-align: right; margin-top: 16px;\">\n  <button mat-raised-button color=\"accent\" type=\"button\" (click)=\"updateSettingsOrientation()\" class=\"toggle-button\" style=\"margin-right: 8px;\">{{change_view_text}}</button>\n  <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onSave()\">{{save_button}}</button>\n</div>\n<div style=\"margin: 10px;\" *ngIf=\"!verticalSettingsOrientation()\">\n  <mat-accordion multi=\"true\">\n    <mat-tab-group mat-stretch-tabs [dynamicHeight]=\"true\">\n      <mat-tab *ngIf=\"appletCode==='posGeneral'\" label=\"POS Settings\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SALES_RETURN_REMARKS_LIST']\">Sales Return Remarks from the\n              list</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_MEMBER']\">Membership</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['READ_MYKAD']\">Read MyKad</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['DISABLE_AUTO_POSTING']\">Disable Auto Post to\n              FINAL</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CC_DETAILS']\">Hide Credit Card\n              Details</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['DEVICE_COMPULSORY']\">Device is compulsory</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['CONTRA_DOCUMENT']\">Contra Document</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['POS_ATTACHMENT']\">Attachment</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['VOID_DOCUMENT']\">Void Document</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_TAX']\">Show Tax</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_RETURN']\">Hide Return</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EMAIL_CUSTOMER']\">Email To Customer</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['GROUP_SETTLEMENT_METHOD']\">Group settlement\n              methods</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['CUSTOMER_DISPLAY']\">Customer Display</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DISCOUNT']\">Disable item discount</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_TRADE_IN']\">Enable Trade In</mat-slide-toggle>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_ITEM_DETAIL_AFTER_SCAN']\">Show Item Details After\n              Scan</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['AUTO_APPLY_MTO']\">Auto Apply MTO</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SESSION_FLOAT_CONTROL']\">Session & Float\n              Control</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_EDIT_SETTLEMENT_FINAL']\">Enable Edit Settlement for Finalized Documents</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['COMBINE_CUSTOMER_MEMBER_LIST']\">Combine Customer and Membership Listing</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_LOCATION_MAIN']\">Show location</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_GROSS_PROFIT']\">Show Gross Profit</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_ADD_CUSTOMER']\">Hide Add Customer</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['COMPULSORY_WARRANTY_SERIAL']\">Serial numbers are compulsory for warranty items</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['POS_HIDE_DOB']\">Hide member DOB</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['POS_RETAIN_ITEM_LIST_CHANGE_CUSTOMER']\">Retain Item List After Change Customer</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['POS_AUTO_SESSION_CODE_NAME']\">Auto create session code and name</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['POS_VIEW_ALL_SALES_AGENT_FROM_PERM']\">Enable View All Sales Agents Cashbill View Based on Permissions</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['POS_WARRANTY_ITEM_FOR_MEMBERS_ONLY']\">Warranty Item Search for Members Only</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['POS_HIDE_KEYPAD']\">Hide Keypad</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['POS_COPY_FROM']\">Copy From Other Document</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['POS_CARD_TERMINAL']\">Card Terminal</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-form-field appearance=\"outline\">\n              <mat-label>Member Class</mat-label>\n              <mat-select [formControl]=\"form.controls['POS_DEFAULT_MEMBERSHIP_CLASS']\">\n                <mat-option *ngFor=\"let class of classList\" [value]=\"class.value\">\n                  {{class.viewValue}}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n              <mat-label>Membership End Date</mat-label>\n              <mat-select [formControl]=\"form.controls['POS_MEMBERSHIP_END_DATE']\">\n                <mat-option value=\"1\">1 Year</mat-option>\n                <mat-option value=\"2\">2 Years</mat-option>\n              </mat-select>\n            </mat-form-field>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n              <mat-label>Theme</mat-label>\n              <mat-select [formControl]=\"form.controls['POS_THEME']\">\n                <mat-option value=\"LEFT_RIGHT\">LEFT RIGHT (DEFAULT)</mat-option>\n                <mat-option value=\"TOP_BOTTOM\">TOP BOTTOM</mat-option>\n              </mat-select>\n            </mat-form-field>\n          </li>\n        </ul>\n\n        <ul>\n          <li>\n            <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n              <mat-label>Z Report Paper Size</mat-label>\n              <mat-select [formControl]=\"form.controls['ZREPORT_PAPER_SIZE']\">\n                <mat-option value=\"DEFAULT\">RECEIPT (DEFAULT)</mat-option>\n                <mat-option value=\"A4\">A4</mat-option>\n              </mat-select>\n            </mat-form-field>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n              <mat-label>MTO Calculation logic</mat-label>\n              <mat-select [formControl]=\"form.controls['MTO_CALCULATION_LOGIC']\">\n                <mat-option value=\"MTO_AMOUNT_LOWEST\">AMOUNT LOWEST</mat-option>\n                <mat-option value=\"MTO_AMOUNT_HIGHEST\">AMOUNT HIGHEST</mat-option>\n              </mat-select>\n            </mat-form-field>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <div fxLayout=\"row wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"flex-start\">\n              <div fxFlex.gt-sm=\"30\" fxFlex=\"30\" class=\"p-10\">Scan Quantity Delimiter</div>\n              <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>Scan Quantity Delimiter</mat-label>\n                <input matInput placeholder=\"Example : * or | or ; \" type=\"text\"\n                  [formControl]=\"form.controls['QTY_DELIMITER']\">\n              </mat-form-field>\n            </div>\n          </li>\n\n        </ul>\n        <ul>\n          <li>\n            Quick Cash Payment\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Option 1</mat-label>\n              <input matInput placeholder=\"10\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION1']\">\n            </mat-form-field>\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Option 2</mat-label>\n              <input matInput placeholder=\"20\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION2']\">\n            </mat-form-field>\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Option 3</mat-label>\n              <input matInput placeholder=\"50\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION3']\">\n            </mat-form-field>\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Option 4</mat-label>\n              <input matInput placeholder=\"100\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION4']\">\n            </mat-form-field>\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Option 5</mat-label>\n              <input matInput placeholder=\"150\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION5']\">\n            </mat-form-field>\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Option 6</mat-label>\n              <input matInput placeholder=\"200\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION6']\">\n            </mat-form-field>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            Customer Naming Scheme\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Customer Naming Scheme</mat-label>\n              <input matInput placeholder=\"Customer Naming Scheme\" type=\"text\"\n                [formControl]=\"form.controls['CUSTOMER_NAMING']\">\n            </mat-form-field>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            Display Pole URL\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Display Pole URL</mat-label>\n              <input matInput placeholder=\"Display Pole URL\" type=\"text\"\n                [formControl]=\"form.controls['DISPLAY_POLE_URL']\">\n            </mat-form-field>\n          </li>\n        </ul>\n      </mat-tab>\n      <mat-tab *ngIf=\"false\" label=\"HIDDEN_ORIENTATION_SETTING\">\n        <mat-slide-toggle type=\"hidden\" [formControl]=\"isVerticalOrientation\">\n          HIDDEN_ORIENTATION_SETTING</mat-slide-toggle>\n      </mat-tab>\n      <mat-tab *ngIf=\"appletCode==='posGeneral'\" label=\"Auto UI\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['AUTO_UI']\">\n              AUTO_UI</mat-slide-toggle>\n          </li>\n        </ul>\n        <fieldset *ngIf=\"form.get('AUTO_UI').value\">\n          <legend>AUTO UI SEQUENCE</legend>\n          <div class=\"form-field-group\">\n            <mat-form-field appearance=\"outline\">\n              <mat-label>ENTITY</mat-label>\n              <input matInput [formControl]=\"form.controls['AUTO_UI_ENTITY_SORT']\" autocomplete=\"off\" type=\"number\" />\n            </mat-form-field>\n\n            <mat-form-field appearance=\"outline\">\n              <mat-label>SALES AGENT</mat-label>\n              <input matInput [formControl]=\"form.controls['AUTO_UI_SALES_AGENT_SORT']\" autocomplete=\"off\"\n                type=\"number\" />\n            </mat-form-field>\n\n            <mat-form-field appearance=\"outline\">\n              <mat-label>LINE ITEM</mat-label>\n              <input matInput [formControl]=\"form.controls['AUTO_UI_LINE_ITEM_SORT']\" autocomplete=\"off\"\n                type=\"number\" />\n            </mat-form-field>\n          </div>\n        </fieldset>\n        <!-- </mat-expansion-panel> -->\n\n      </mat-tab>\n\n      <mat-tab [label]=\"sidebar_menu_text\">\n        <ul>\n          <li *ngIf=\"appletCode==='erp_internal_delivery_order_applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_LINE_ITEMS_MENU']\">\n              HIDE_LINE_ITEMS_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode==='erp_internal_delivery_order_applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_PICK_PACK_QUEUE_MENU']\">\n              HIDE_PICK_PACK_QUEUE_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='salesInvoiceApplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_INVOICE_TEMPLATE_MENU']\">\n              HIDE_SALES_INVOICE_TEMPLATE_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_PURCHASE_ORDER_QUEUE_MENU']\">\n              HIDE_PURCHASE_ORDER_QUEUE_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_MULTI_PURCHASE_ORDER_MENU']\">\n              HIDE_MULTI_PURCHASE_ORDER_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_PURCHASE_ORDER_REPLENISHMENT_MENU']\">\n              HIDE_PURCHASE_ORDER_REPLENISHMENT_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='erp_stock_adjustment_applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERIAL_NUMBER_ADJUSTMENT_MENU']\">\n              HIDE_SERIAL_NUMBER_ADJUSTMENT_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='erp_stock_adjustment_applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_BATCH_NUMBER_ADJUSTMENT_MENU']\">\n              HIDE_BATCH_NUMBER_ADJUSTMENT_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='erp_stock_adjustment_applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERIAL_DATA_FIX_MENU']\">\n              HIDE_SERIAL_DATA_FIX_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='internal-receipt-voucher-applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_IMPORT_RECEIPT_VOUCHER_MENU']\">\n              HIDE_IMPORT_RECEIPT_VOUCHER_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode ==='internalPurchaseOrderApplet' || appletCode === 'internal_purchase_invoice_applet'\n            || appletCode==='erp_stock_adjustment_applet' || appletCode==='internal-purchase-credit-note-applet' || appletCode==='internal-purchase-debit-note-applet'\n            || appletCode==='InternalSalesCreditNote' || appletCode==='InternalSalesDebitNote' || appletCode==='internal-payment-voucher-applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_FILE_IMPORT_MENU']\">\n              HIDE_FILE_IMPORT_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode === 'InternalSalesReturnApplet' || appletCode ==='internalPurchaseOrderApplet'\n            || appletCode==='internal-payment-voucher-applet' || appletCode==='erp_internal_delivery_order_applet'\n            || appletCode==='InternalSalesCreditNote' || appletCode==='InternalSalesDebitNote'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_INTERCOMPANY_MENU']\">\n              HIDE_INTERCOMPANY_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode ==='InternalSalesReturnApplet' || appletCode ==='internalPurchaseOrderApplet'\n            || appletCode === 'internal_purchase_invoice_applet' || appletCode==='internalPurchaseReturn' || appletCode === 'internal-purchase-grn-applet'\n            || appletCode==='internal-payment-voucher-applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_FILE_EXPORT_MENU']\">\n              HIDE_FILE_EXPORT_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='erp_stock_adjustment_applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_RESET_MA_MENU']\">\n              HIDE_RESET_MA_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='erp_stock_adjustment_applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_FILE_IMPORT_RESET_MA_MENU']\">\n              HIDE_FILE_IMPORT_RESET_MA_MENU</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='erp_stock_adjustment_applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_STOCK_ADJUSTMENT_RESET_MA_MENU']\">\n              HIDE_STOCK_ADJUSTMENT_RESET_MA_MENU</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-tab>\n\n      <mat-tab [label]=\"gen_doc_listing_text\">\n        <mat-expansion-panel >\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{gen_doc_listing_settings_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['DISABLE_GEN_DOC_LISTING']\">\n                {{disable_gen_doc_listing_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_GENDOC_FINAL_BUTTON']\">{{hide_final_button_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_GENDOC_DISCARD_BUTTON']\">{{hide_discard_button_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_GENDOC_VOID_BUTTON']\">{{hide_void_button_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_GENDOC_SAVE_BUTTON']\">{{hide_save_button_text}}</mat-slide-toggle>\n            </li>\n            <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_CLOSE_BUTTON']\">{{hide_close_button_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_PRINT_BUTTON']\">{{hide_print_button_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_PRINT_FINAL_GEN_DOC_ONLY']\">{{enable_print_final_gen_doc_only_text}}</mat-slide-toggle>\n          </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_SEND_EMAIL_BUTTON']\">{{hide_send_email_button_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['SEND_EMAIL_TO_FINAL_GEN_DOCS_ONLY']\">{{send_email_to_final_gen_docs_only_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['ENABLE_CREDIT_LIMIT_FILTER']\">{{enable_credit_limit_filter_text}}</mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='erp_internal_delivery_order_applet'\n          || appletCode==='InternalDeliveryApplet'\n          || appletCode==='internalPurchaseOrderApplet'\n          || appletCode==='internal-purchase-grn-applet'\n          || appletCode==='InternalSalesQuotationApplet'\n          || appletCode==='internalPurchaseOrderApplet'\n          || appletCode==='internalPurchaseGRNApplet'\n          \">\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_SERIAL_NUMBER_VALIDATION_FINAL']\">ENABLE_SERIAL_NUMBER_VALIDATION_FINAL</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"(appletCode | lowercase) === 'internalsalesreturnapplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['SALES_RETURN_WITH_PAYMENT']\">SALES_RETURN_WITH_PAYMENT</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_DRAFT_BUTTON']\">{{show_draft_button_text}}</mat-slide-toggle>\n          </li>\n        </ul>\n\n        <mat-form-field appearance=\"outline\">\n          <mat-label>{{default_transaction_date_range_text}}</mat-label>\n          <mat-select\n            [formControl]=\"form.controls['DEFAULT_TRANSACTION_DATE']\">\n            <mat-option value=\"1_day\">{{one_day_text}}</mat-option>\n            <mat-option value=\"1_week\">{{one_week_text}}</mat-option>\n            <mat-option value=\"1_month\">{{one_month_text}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n          <mat-label>{{sorting_order_text}}</mat-label>\n          <mat-select [formControl]=\"form.controls['SORT_ORDER']\">\n            <mat-option value=\"created_date\">{{created_date_text}}</mat-option>\n            <mat-option value=\"updated_date\">{{updated_date_text}}</mat-option>\n            <mat-option value=\"date_txn\">{{transaction_date_text}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n          <mat-label>{{default_posting_status_text}}</mat-label>\n          <mat-select [formControl]=\"form.controls['DEFAULT_POSTING_STATUS']\">\n            <mat-option value=\"ALL\">{{all_text}}</mat-option>\n            <mat-option value=\"DRAFT\">{{draft_text}}</mat-option>\n            <mat-option value=\"FINAL\">{{final_text}}</mat-option>\n            <mat-option value=\"VOID\">{{void_text}}</mat-option>\n            <mat-option value=\"DISCARDED\">{{discarded_text}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n          <mat-label>{{default_status_text}}</mat-label>\n          <mat-select [formControl]=\"form.controls['DEFAULT_STATUS']\">\n            <mat-option value=\"ALL\">{{all_text}}</mat-option>\n            <mat-option value=\"ACTIVE\">{{active_text}}</mat-option>\n          </mat-select>\n        </mat-form-field>\n        <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n          <mat-label>{{fuzzy_search_columns_text}}</mat-label>\n          <input matInput type=\"text\" [formControl]=\"form.controls['FUZZY_SEARCH_COLUMNS']\"/>\n        </mat-form-field>\n      </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{gen_doc_fields_settings_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERVER_DOC_1']\">\n                {{hide_doc_no_tenant_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_SERVER_DOC_2']\">{{hide_doc_no_company_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERVER_DOC_3']\">{{hide_doc_no_branch_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_CLIENT_DOC_TYPE']\">{{hide_client_doc_type_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLIENT_DOC_1']\">{{hide_client_doc_1_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLIENT_DOC_2']\">{{hide_client_doc_2_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLIENT_DOC_3']\">{{hide_client_doc_3_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLIENT_DOC_4']\">{{hide_client_doc_4_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLIENT_DOC_5']\">{{hide_client_doc_5_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DESCRIPTION']\">{{hide_description_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_ARAP_PNS']\">{{hide_arap_pns_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_ARAP_SETTLEMENT']\">{{hide_arap_settlement_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_ARAP_DOC_OPEN']\">{{hide_arap_doc_open_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_ARAP_CONTRA']\">{{hide_arap_contra_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_ARAP_BAL']\">{{hide_arap_bal_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_MARKETPLACE_ORDER_NO']\">{{hide_marketplace_order_no_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_REMARKS_MAIN_LISTING']\">{{show_remarks_main_listing_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_REFERENCE_MAIN_LISTING']\">{{show_reference_main_listing_text}}</mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode!=='internalPurchaseOrderApplet' && appletCode!=='internal-purchase-grn-applet' && appletCode!=='internal-purchase-requisition-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_TXN_MAIN_LISTING']\">HIDE_AMOUNT_TXN_MAIN_LISTING</mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='internalPurchaseOrderApplet' || appletCode==='internal-purchase-grn-applet' || appletCode==='internal-purchase-requisition-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_MAIN_LISTING']\">HIDE_AMOUNT_MAIN_LISTING</mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='internalPurchaseOrderApplet' || appletCode==='internal-purchase-grn-applet' || appletCode==='internal-purchase-requisition-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_QTY_MAIN_LISTING']\">HIDE_QTY_MAIN_LISTING</mat-slide-toggle>\n            </li>\n            <!-- <li *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_AND_OUTSTANDING_FIELDS']\">HIDE_AMOUNT_AND_OUTSTANDING_FIELDS</mat-slide-toggle>\n            </li> -->\n\n            <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n             || appletCode === 'internalPurchaseGRNApplet' \">\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 300px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_QUOTATION']\">\n                  HIDE_QUOTATION\n                </mat-slide-toggle>\n              </div>\n            </li>\n            <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n             || appletCode === 'internalPurchaseGRNApplet' \">\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 300px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_ORDER']\">\n                  HIDE_ORDER\n                </mat-slide-toggle>\n              </div>\n            </li>\n            <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n             || appletCode === 'internalPurchaseGRNApplet' \">\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 300px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_DELIVERY_ORDER']\">\n                  HIDE_DELIVERY_ORDER\n                </mat-slide-toggle>\n              </div>\n            </li>\n            <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n             || appletCode === 'internalPurchaseGRNApplet' \">\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 300px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_INVOICE']\">\n                  HIDE_INVOICE\n                </mat-slide-toggle>\n              </div>\n            </li>\n            <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n             || appletCode === 'internalPurchaseGRNApplet' \">\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 300px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_OTHERS']\">\n                  HIDE_OTHERS\n                </mat-slide-toggle>\n              </div>\n            </li>\n            <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' ||\n                       appletCode === 'internal_purchase_invoice_applet' ||\n                       appletCode === 'internal_purchase_invoice_applet' ||\n                       appletCode === 'LedgerJournalApplet' ||\n                       appletCode === 'salesInvoiceApplet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLONE_BUTTON']\">HIDE_CLONE_BUTTON</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_GL_DIMENSION']\">{{show_gl_dimension_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_SEGMENT']\">{{show_segment_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_PROFIT_CENTER']\">{{show_profit_center_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_PROJECT']\">{{show_project_text}}</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel >\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{create_and_print_documents_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['ENABLE_AUTO_POPUP']\">\n                {{enable_auto_popup_text}}\n              </mat-slide-toggle>\n            </li>\n          </ul>\n          <ul *ngIf=\"appletCode==='salesInvoiceApplet'\">\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['BATCH_PRINT_MULTIPLE_FORMAT']\">\n                BATCH_PRINT_MULTIPLE_FORMAT\n              </mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{vertical_ui_setting_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['VERTICAL_ORIENTATION']\">{{enable_vertical_orientation_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MAIN_DETAILS']\">\n                {{expand_main_details_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_ACCOUNT']\">\n                {{expand_account_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_LINE_ITEMS']\">\n                {{expand_line_items_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_KO_FOR']\">\n                {{expand_ko_for_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DELIVERY_DETAILS']\">\n                {{expand_delivery_details_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MAIN_ARAP']\">\n                {{expand_main_arap_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DEPARTMENT_HDR']\">\n                {{expand_department_hdr_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_TRACE_DOCUMENT']\">\n                {{expand_trace_document_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DOC_LINK']\">\n                {{expand_doc_link_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_ATTACHMENT']\">\n                {{expand_attachment_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_EXPORT']\">\n                {{expand_export_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MAIN_CONTRA']\">\n                {{expand_contra_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_SETTLEMENT']\">\n                {{expand_settlement_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_POSTING']\">\n                {{expand_posting_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DELIVERY_TRIPS']\">\n                {{expand_delivery_trips_text}}</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n      </mat-tab>\n\n      <!-- <mat-tab-group mat-stretch-tabs [dynamicHeight]=\"true\">\n      <mat-tab label=\"Gen Doc Listing\">\n        <ul>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['DISABLE_GEN_DOC_LISTING']\"\n            >\n              DISABLE_GEN_DOC_LISTING</mat-slide-toggle\n            >\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_FINAL_BUTTON']\">HIDE_FINAL_BUTTON</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-tab> -->\n\n\n\n\n      <mat-tab label=\"Search Invoices\" *ngIf=\"(appletCode | lowercase) === 'internalsalesreturnapplet' || (appletCode | lowercase) === 'internal_purchase_return_applet'\">\n        <mat-expansion-panel expanded=\"true\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">Selection Settings</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['WARN_EXCESS_RETURN_QUANTITY']\">\n                WARN_EXCESS_RETURN_QUANTITY\n              </mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n      </mat-tab>\n\n\n      <mat-tab [label]=\"main_details_text\">\n        <mat-expansion-panel >\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{doc_settings_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li *ngIf=\"appletCode==='posGeneral'\">\n              <mat-slide-toggle [formControl]=\"form.controls['FILTER_EMPLOYEE_BY_BRANCH']\">\n                {{filter_employee_by_branch_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_DOCUMENT_DELETE_BUTTON']\">\n                {{show_document_delete_button_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_PREFIX']\">{{hide_prefix_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_GENERATE_BUTTON']\">{{hide_generate_button_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_TRACKING_ID']\">{{hide_tracking_id_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_PERMIT_NO']\">{{hide_permit_no_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_VALIDITY_DATE']\">{{hide_validity_date_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['REQUIRE_VALIDITY_DATE']\">{{require_validity_date_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['SHOW_EMAIL_PAYMENT_URL_BUTTON']\">{{show_email_payment_url_button_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_REASON']\">{{hide_reason_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CREATED_BY_DETAILS']\">{{hide_created_by_details_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SOURCE_DOC_NO']\">{{hide_source_doc_no_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_LOCATION']\">{{hide_location_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_DELIVERY_BRANCH']\">{{hide_delivery_branch_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_DELIVERY_LOCATION']\">{{hide_delivery_location_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['SHOW_FOREX_DATA_SOURCE']\">{{show_forex_data_source_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['CANNOT_EDIT_CURRENCY_RATE']\">{{cannot_edit_currency_rate_text}}</mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'internal-receipt-voucher-applet' ||\n                       appletCode === 'InternalSalesReturnApplet' ||\n                       appletCode === 'salesInvoiceApplet' ||\n                       appletCode === 'InternalSalesDebitNote' ||\n                       appletCode === 'InternalSalesCreditNote'\">\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle\n                  style=\"width: 310px; margin-right: 10px;\"\n                  [formControl]=\"form.controls['HIDE_MAIN_DETAILS_SALES_AGENT']\"\n                  (change)=\"onHideToggleChange()\"> <!-- Add change event -->\n                  HIDE_SALES_AGENT\n                </mat-slide-toggle>\n\n                <!-- Conditionally show the checkbox based on the value of the toggle -->\n                <mat-checkbox\n                  *ngIf=\"!form.controls['HIDE_MAIN_DETAILS_SALES_AGENT'].value\"\n                  [formControl]=\"form.controls['MANDATORY_MAIN_DETAILS_SALES_AGENT']\">\n                  Mandatory\n                </mat-checkbox>\n              </div>\n            </li>\n\n            <li *ngIf=\" appletCode==='InternalJobSheet'||\n            appletCode==='internal_job_sheet' ||\n            appletCode==='salesInvoiceApplet' ||\n            appletCode==='InternalSalesQuotationApplet'\"    >\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CRM_CONTACT']\">HIDE_CRM_CONTACT</mat-slide-toggle>\n            </li>\n            <li *ngIf=\" appletCode==='salesInvoiceApplet' ||\n            appletCode==='InternalSalesReturnApplet' ||\n            appletCode ==='internalPurchaseOrderApplet'||\n            appletCode === 'internal_purchase_invoice_applet' ||\n            appletCode=== 'internalPurchaseReturn' ||\n            appletCode === 'internal-purchase-grn-applet' ||\n            appletCode ==='internal-purchase-credit-note-applet' ||\n            appletCode==='internal-purchase-debit-note-applet' ||\n            appletCode==='InternalSalesCreditNote' ||\n            appletCode==='InternalSalesDebitNote' ||\n            appletCode==='internal-payment-voucher-applet' ||\n            appletCode==='internal-receipt-voucher-applet' \">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_BASE_CURRENCY']\">HIDE_BASE_CURRENCY</mat-slide-toggle>\n            </li>\n            <li *ngIf=\" appletCode==='InternalJobSheet' ||\n            appletCode==='InternalSalesReturnApplet' ||\n            appletCode=== 'internalPurchaseReturn' ||\n            appletCode ==='internalPurchaseOrderApplet'||\n            appletCode==='Internal_job_sheet' ||\n            appletCode==='salesInvoiceApplet' ||\n            appletCode === 'internal_purchase_invoice_applet' ||\n            appletCode === 'internal-purchase-grn-applet' ||\n            appletCode ==='internal-purchase-credit-note-applet' ||\n            appletCode==='internal-purchase-debit-note-applet' ||\n            appletCode==='InternalSalesCreditNote' ||\n            appletCode==='InternalSalesDebitNote' ||\n            appletCode==='internal-payment-voucher-applet' ||\n            appletCode==='internal-receipt-voucher-applet'\n              \">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CURRENCY']\">HIDE_CURRENCY</mat-slide-toggle>\n            </li>\n\n            <li *ngIf=\" appletCode==='InternalJobSheet' ||\n            appletCode==='InternalSalesReturnApplet' ||\n            appletCode==='internalPurchaseOrderApplet'||\n            appletCode==='Internal_job_sheet' ||\n            appletCode==='salesInvoiceApplet' ||\n            appletCode==='internal_purchase_invoice_applet' ||\n            appletCode === 'internal-purchase-grn-applet'||\n            appletCode==='internalPurchaseReturn' ||\n            appletCode ==='internal-purchase-credit-note-applet' ||\n            appletCode==='internal-purchase-debit-note-applet' ||\n            appletCode==='InternalSalesCreditNote'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CREDIT_TERMS']\">HIDE_CREDIT_TERMS</mat-slide-toggle>\n            </li>\n            <li *ngIf=\" appletCode==='InternalSalesDebitNote'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DEBIT_TERMS']\">HIDE_DEBIT_TERMS</mat-slide-toggle>\n            </li>\n            <li *ngIf=\" appletCode==='salesInvoiceApplet' ||\n            appletCode ==='InternalSalesReturnApplet' ||\n            appletCode ==='internalPurchaseOrderApplet' ||\n            appletCode === 'internal_purchase_invoice_applet' ||\n            appletCode === 'internal-purchase-grn-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CREDIT_LIMIT']\">HIDE_CREDIT_LIMIT</mat-slide-toggle>\n            </li>\n            <li *ngIf=\" appletCode==='salesInvoiceApplet' ||\n            appletCode ==='InternalSalesReturnApplet'  ||\n            appletCode==='InternalSalesCreditNote' ||\n            appletCode==='InternalSalesDebitNote'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DUE_DATE']\">HIDE_DUE_DATE</mat-slide-toggle>\n            </li>\n            <li *ngIf=\" appletCode==='salesInvoiceApplet'||\n            appletCode ==='InternalSalesReturnApplet' ||\n            appletCode=== 'internalPurchaseReturn' ||\n            appletCode ==='internalPurchaseOrderApplet' ||\n            appletCode === 'internal_purchase_invoice_applet' ||\n            appletCode === 'internal-purchase-grn-applet' ||\n            appletCode ==='internal-purchase-credit-note-applet' ||\n            appletCode==='internal-purchase-debit-note-applet' ||\n            appletCode==='InternalSalesCreditNote' ||\n            appletCode==='InternalSalesDebitNote' ||\n            appletCode==='internal-receipt-voucher-applet' ||\n            appletCode==='internal-payment-voucher-applet' ||\n            appletCode==='stocktransferapplet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_REMARKS']\">HIDE_REMARKS</mat-slide-toggle>\n            </li>\n            <li *ngIf=\" appletCode==='salesInvoiceApplet' ||\n            appletCode ==='internalPurchaseOrderApplet'  ||\n            appletCode === 'internal-purchase-grn-applet'||\n            appletCode === 'internal_purchase_invoice_applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_EXTERNAL_REMARKS']\">HIDE_EXTERNAL_REMARKS</mat-slide-toggle>\n            </li>\n            <li *ngIf=\" appletCode==='salesInvoiceApplet'||\n            appletCode==='InternalSalesReturnApplet' ||\n            appletCode=== 'internalPurchaseReturn' ||\n            appletCode ==='internalPurchaseOrderApplet' ||\n            appletCode==='internal-purchase-debit-note-applet' ||\n            appletCode==='InternalSalesCreditNote' ||\n            appletCode==='InternalSalesDebitNote' ||\n            appletCode==='internal-receipt-voucher-applet' ||\n            appletCode==='internal-payment-voucher-applet' ||\n            appletCode === 'internal-purchase-grn-applet' ||\n            appletCode === 'internal-purchase-credit-note-applet' ||\n            appletCode==='stocktransferapplet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_REFERENCE']\">HIDE_REFERENCE</mat-slide-toggle>\n            </li>\n\n            <li *ngIf=\"appletCode==='internal_purchase_invoice_applet'\">\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_REFERENCE']\" (change)=\"updateMandatoryCheckboxes()\">\n                  HIDE_REFERENCE\n                </mat-slide-toggle>\n                <mat-checkbox *ngIf=\"!this.form.controls['HIDE_REFERENCE'].value\" [formControl]=\"form.controls['MANDATORY_REFERENCE']\">\n                  Mandatory\n                </mat-checkbox>\n              </div>\n            </li>\n\n            <li *ngIf=\"appletCode==='internal-payment-voucher-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DESC']\">HIDE_DESCRIPTION</mat-slide-toggle>\n            </li>\n\n\n\n            <li *ngIf=\" appletCode==='salesInvoiceApplet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_FOREX_HISTORY']\">HIDE_FOREX_HISTORY</mat-slide-toggle>\n            </li>\n\n            <li *ngIf=\" appletCode==='InternalJobSheet' ||\n            appletCode==='InternalSalesReturnApplet' ||\n            appletCode==='Internal_job_sheet' ||\n            appletCode==='salesInvoiceApplet' ||\n            appletCode==='InternalSalesCreditNote' ||\n            appletCode==='InternalSalesDebitNote' ||\n            appletCode==='InternalSalesQuotationApplet'\n              \">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_MEMBER_CARD']\">HIDE_MEMBER_CARD</mat-slide-toggle>\n            </li>\n\n            <li *ngIf=\" appletCode==='InternalJobSheet'\n              || appletCode==='Internal_job_sheet' || appletCode==='salesInvoiceApplet'\n              \">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_LEAD']\">HIDE_SALES_LEAD</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['ENABLE_EMPLOYEE_LOGIN_AUTO_DETECTION']\">{{enable_employee_login_auto_detection_text}}</mat-slide-toggle>\n            </li>\n            <li *ngIf=\" appletCode==='salesInvoiceApplet' || appletCode==='InternalSalesCreditNote' || appletCode==='InternalSalesDebitNote' ||\n              appletCode==='internal_purchase_invoice_applet' || appletCode==='internal-purchase-credit-note-applet' || appletCode==='internal-purchase-debit-note-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_CUSTOM_DOC_NO']\">SHOW_CUSTOM_DOC_NO</mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'erp_stock_adjustment_applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_GL_CODE']\">SHOW_GL_CODE</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-form-field appearance=\"outline\">\n                <mat-label> {{sales_man_text}} </mat-label>\n                <mat-select placeholder=\"Type\" [formControl]=\"form.controls['salesManLabels']\" multiple>\n                  <mat-option *ngFor=\"let label of salesManLabelList\" [value]=\"label.value\" [disabled]=\"label.selected\">\n                    {{label.viewValue}} </mat-option>\n                </mat-select>\n              </mat-form-field>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n        <mat-expansion-panel *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n        || appletCode === 'internalPurchaseGRNApplet' || appletCode==='salesInvoiceApplet' \">\n          <mat-expansion-panel-header expanded=\"true\">\n            <mat-panel-title>\n              <span class=\"field-header\">External Documents</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_MAIN_DETAILS_QUOTATION']\" (change)=\"updateMandatoryCheckboxes()\">\n                  HIDE_QUOTATION\n                </mat-slide-toggle>\n                <mat-checkbox *ngIf=\"!this.form.controls['HIDE_MAIN_DETAILS_QUOTATION'].value\" [formControl]=\"form.controls['MANDATORY_QUOTATION']\">\n                  Mandatory\n                </mat-checkbox>\n              </div>\n            </li>\n            <li>\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_MAIN_DETAILS_ORDER']\" (change)=\"updateMandatoryCheckboxes()\">\n                  HIDE_ORDER\n                </mat-slide-toggle>\n                <mat-checkbox *ngIf=\"!this.form.controls['HIDE_MAIN_DETAILS_ORDER'].value\" [formControl]=\"form.controls['MANDATORY_ORDER']\">\n                  Mandatory\n                </mat-checkbox>\n              </div>\n            </li>\n            <li>\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_MAIN_DETAILS_DELIVERY_ORDER']\" (change)=\"updateMandatoryCheckboxes()\">\n                  HIDE_DELIVERY_ORDER\n                </mat-slide-toggle>\n                <mat-checkbox *ngIf=\"!this.form.controls['HIDE_MAIN_DETAILS_DELIVERY_ORDER'].value\" [formControl]=\"form.controls['MANDATORY_DELIVERY_ORDER']\">\n                  Mandatory\n                </mat-checkbox>\n              </div>\n            </li>\n            <li>\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_MAIN_DETAILS_INVOICE']\" (change)=\"updateMandatoryCheckboxes()\">\n                  HIDE_INVOICE\n                </mat-slide-toggle>\n                <mat-checkbox *ngIf=\"!this.form.controls['HIDE_MAIN_DETAILS_INVOICE'].value\" [formControl]=\"form.controls['MANDATORY_INVOICE']\">\n                  Mandatory\n                </mat-checkbox>\n              </div>\n            </li>\n            <li>\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_MAIN_DETAILS_OTHERS']\" (change)=\"updateMandatoryCheckboxes()\">\n                  HIDE_OTHERS\n                </mat-slide-toggle>\n                <mat-checkbox *ngIf=\"!this.form.controls['HIDE_MAIN_DETAILS_OTHERS'].value\" [formControl]=\"form.controls['MANDATORY_OTHERS']\">\n                  Mandatory\n                </mat-checkbox>\n              </div>\n            </li>\n\n          </ul>\n        </mat-expansion-panel>\n        <mat-accordion>\n          <mat-expansion-panel>\n            <mat-expansion-panel-header expanded=\"true\">\n              <mat-panel-title>\n                <span class=\"field-header\">{{workflow_selection_text}}</span>\n              </mat-panel-title>\n            </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <company-workflow-dropdown [(processGuid)]=\"form.controls['WORKFLOW_PROCESS_GUID']\"\n                  (processChange)=\"workflowSelected($event)\"></company-workflow-dropdown>\n              </li>\n              <li *ngIf=\"form.controls['WORKFLOW_PROCESS_GUID'].value\">\n                <mat-form-field appearance=\"outline\">\n                  <mat-label>{{final_button_status_text}}</mat-label>\n                  <mat-select [formControl]=\"form.controls['FINAL_STATUS_GUID']\">\n                    <mat-option>\n                      <ngx-mat-select-search [placeholderLabel]=\"final_button_status_text\"\n                        [noEntriesFoundLabel]=\"no_matching_records_found_text\" [formControl]=\"WorkflowStatusFilterCtrl\">\n                      </ngx-mat-select-search>\n                    </mat-option>\n                    <mat-option *ngFor=\"let opt of filteredOptions$ | async\"\n                      [value]=\"opt.bl_wf_md_process_status_link.process_status_guid\">\n                      {{opt.bl_wf_md_process_status_link.name}}\n                    </mat-option>\n                  </mat-select>\n                </mat-form-field>\n              </li>\n            </ul>\n          </mat-expansion-panel>\n        </mat-accordion>\n      </mat-tab>\n      <mat-tab [label]=\"account_text\">\n\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{entity_details_settings_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['ENABLE_BRANCH_FILTER']\">\n                {{enable_branch_filter_text}}</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{billing_settings_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_ACCOUNT_BILLING_CONTACT']\">{{hide_billing_contact_text}}</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{shipping_settings_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_ACCOUNT_SHIPPING_CONTACT']\">{{hide_shipping_contact_text}}</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n\n      </mat-tab>\n      <mat-tab [label]=\"line_items_text\">\n\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{lines_settings_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <!-- <li>\n            <mat-slide-toggle>Unit Discount</mat-slide-toggle>\n          </li> -->\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['DISABLE_ITEM_LISTING']\">\n                {{disable_item_listing_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_AGENT']\">\n                {{hide_sales_agent_or_purchaser_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_STD_PRICING_SCHEME']\">\n                {{hide_unit_price_std_pricing_scheme_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_STD_INCL_TAX']\">\n                {{hide_unit_price_std_incl_tax_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_STD_EXCL_TAX']\">\n                {{hide_unit_price_std_excl_tax_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_STD_UOM_INCL_TAX']\">\n                {{hide_unit_price_std_uom_incl_tax_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_STD_UOM_EXCL_TAX']\">\n                {{hide_unit_price_std_uom_excl_tax_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_NET_UOM_EXCL_TAX']\">\n                {{hide_unit_price_net_uom_excl_tax_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_NET_EXCL_TAX']\">\n                {{hide_unit_price_net_excl_tax_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_DISCOUNT']\">{{hide_unit_discount_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_QTY_BASE']\">{{hide_qty_base_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_QTY_UOM']\">{{hide_qty_uom_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UOM_TO_BASE_RATIO']\">{{hide_uom_to_base_ratio_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_DISCOUNT_UOM_EXCL_TAX']\">\n                {{hide_unit_discount_uom_excl_tax_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_TXN_UOM_INCL_TAX']\">\n                {{hide_unit_price_txn_uom_incl_tax_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_STD_EXCL_TAX']\">{{hide_amount_std_excl_tax_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DISCOUNT_AMOUNT_EXCL_TAX']\">\n                {{hide_discount_amount_excl_tax_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_NET_EXCL_TAX']\">{{hide_amount_net_excl_tax_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_TAX_CONFIG_SELECTION']\">{{hide_tax_config_selection_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_WHT_CONFIG_SELECTION']\">{{hide_wht_config_selection_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_TXN']\">{{hide_unit_price_txn_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_LAST_PURCHASE_PRICE']\">{{hide_last_purchase_price_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_ITEM_STOCK_BALANCE']\">{{disallow_negative_stock_for_basic_item_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['ENABLE_DRAFT_LOCK_SERIAL_NUMBER_CHECKING']\">{{enable_draft_lock_serial_number_checking_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_TOTAL_DISCOUNT_AMOUNT']\">{{hide_total_discount_amount_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_TXN']\">{{hide_amount_txn_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_TOTAL_TXN_AMOUNT']\">{{hide_total_txn_amount_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_SST_VAT_GST_AMOUNT']\">{{hide_sst_vat_gst_amount_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_TOTAL_SST_VAT_GST_AMOUNT']\">{{hide_total_sst_vat_gst_amount_text}}\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='posGeneral' || 'salesInvoiceApplet'\">\n              <mat-slide-toggle\n                [formControl]=\"form.controls['ENABLE_EDITING_UNIT_PRICE_STD']\">ENABLE_EDITING_UNIT_PRICE_STD\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='posGeneral'\">\n              <mat-slide-toggle\n                [formControl]=\"form.controls['ENABLE_EDITING_UNIT_PRICE_TXN']\">ENABLE_EDITING_UNIT_PRICE_TXN\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='posGeneral'\">\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_TARIFF_CODE']\">HIDE_TARIFF_CODE\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='posGeneral'\">\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_UOM']\">HIDE_UOM\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='internal-purchase-grn-applet' || appletCode==='internalPurchaseGRNApplet'\">\n              <mat-slide-toggle\n                [formControl]=\"form.controls['SERIAL_NUMBER_QTY_FOLLOW_BASIC_QTY']\">SERIAL_NUMBER_QTY_FOLLOW_BASIC_QTY\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='posGeneral'\">\n              <mat-slide-toggle\n                [formControl]=\"form.controls['TRADE_IN_BASIC_ITEM']\">TRADE_IN_BASIC_ITEM\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_BUDGET']\">{{show_budget_text}}</mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='posGeneral'\">\n              <mat-slide-toggle\n                [formControl]=\"form.controls['SHOW_MA_COST']\">SHOW_MA_COST\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_LINE_ITEMS_GL_CODE']\">{{hide_gl_code_text}}\n              </mat-slide-toggle>\n            </li>\n            <li>\n              <div style=\"display: flex; flex-direction: column;\">\n                <mat-slide-toggle [formControl]=\"form.controls['ENABLE_ITEM_NAME_MAX_LIMIT']\">{{enable_item_name_max_limit_text}}</mat-slide-toggle>\n                <mat-form-field appearance=\"fill\" style=\"width: 200px;\" *ngIf=\"form.controls['ENABLE_ITEM_NAME_MAX_LIMIT'].value\">\n                  <mat-label>{{item_name_max_limit_text}}</mat-label>\n                  <input matInput type=\"number\" min=\"1\" [formControl]=\"form.controls['ITEM_NAME_MAX_LIMIT']\">\n                  <mat-hint>{{enter_maximum_characters_allowed_text}}</mat-hint>\n                </mat-form-field>\n              </div>\n            </li>\n            <li *ngIf=\"showRebatePrice()\">\n              <mat-slide-toggle\n                [formControl]=\"form.controls['SHOW_REBATE_PRICE']\">{{show_rebate_price_text}}\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='internal_purchase_invoice_applet'\">\n              <mat-slide-toggle\n                [formControl]=\"form.controls['HIDE_LANDED_COST']\">HIDE_LANDED_COST\n              </mat-slide-toggle>\n            </li>\n\n\n            <!-- <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_BUDGET_REGISTER']\">HIDE_BUDGET_REGISTER</mat-slide-toggle>\n            </li> -->\n            <!-- <li>\n            <mat-slide-toggle>Blanket Order</mat-slide-toggle>\n          </li> -->\n          </ul>\n        </mat-expansion-panel>\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{department_settings_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_SEGMENT']\" (change)=\"updateMandatoryCheckboxes()\">\n                  {{hide_segment_text}}\n                </mat-slide-toggle>\n                <mat-checkbox *ngIf=\"!this.form.controls['HIDE_SEGMENT'].value\" [formControl]=\"form.controls['MANDATORY_SEGMENT']\">\n                  {{mandatory_text}}\n                </mat-checkbox>\n              </div>\n            </li>\n            <li>\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_DIMENSION']\" (change)=\"updateMandatoryCheckboxes()\">\n                  {{hide_gl_dimension_text}}\n                </mat-slide-toggle>\n                <mat-checkbox *ngIf=\"!this.form.controls['HIDE_DIMENSION'].value\" [formControl]=\"form.controls['MANDATORY_DIMENSION']\">\n                  {{mandatory_text}}\n                </mat-checkbox>\n              </div>\n            </li>\n            <li>\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_PROFIT_CENTER']\" (change)=\"updateMandatoryCheckboxes()\">\n                  {{hide_profit_center_text}}\n                </mat-slide-toggle>\n                <mat-checkbox *ngIf=\"!this.form.controls['HIDE_PROFIT_CENTER'].value\" [formControl]=\"form.controls['MANDATORY_PROFIT_CENTER']\">\n                  {{mandatory_text}}\n                </mat-checkbox>\n              </div>\n            </li>\n            <li>\n              <div style=\"display: flex; align-items: center;\">\n                <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_PROJECT']\" (change)=\"updateMandatoryCheckboxes()\">\n                  {{hide_project_text}}\n                </mat-slide-toggle>\n                <mat-checkbox *ngIf=\"!this.form.controls['HIDE_PROJECT'].value \" [formControl]=\"form.controls['MANDATORY_PROJECT']\">\n                  {{mandatory_text}}\n                </mat-checkbox>\n              </div>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n        <mat-expansion-panel *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">KO For Purchase Requisition</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_APPROVED_PR_LINE']\">Show Approved\n                Only</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n        <!-- For hiding main line item tabs -->\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{hide_line_item_main_tabs_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERIAL_NUMBER']\">{{hide_serial_number_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_BIN_NUMBER']\">{{hide_bin_number_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_BATCH_NUMBER']\">{{hide_batch_number_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_COSTING_DETAILS']\">{{hide_costing_details_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_PRICING_DETAILS']\">{{hide_pricing_details_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_ISSUE_LINK']\">{{hide_issue_link_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_STOCK_DETAILS']\">{{hide_stock_details_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_HISTORY']\">{{hide_sales_history_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_KO_PACKING_ITEM']\">{{hide_ko_packing_order_item_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SELECT_JOB_ORDER_ITEM']\">{{hide_select_job_order_item_text}}</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n        <!-- end -->\n        <!-- For hiding sub line item tabs -->\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{hide_line_item_sub_tabs_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_MULTI_DISCOUNT']\">{{hide_multi_discount_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DELIVERY_INSTRUCTION']\">{{hide_delivery_instruction_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DEPARTMENT']\">{{hide_department_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DOC_LINK']\">{{hide_doc_link_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_RELATED_DOCUMENTS']\">{{hide_related_documents_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DELIVERY_DETAILS']\">{{hide_delivery_details_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DELIVERY_TRIPS']\">{{hide_delivery_trips_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_ATTACHMENT_TAB']\">{{hide_attachment_tab_text}}</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n        <!-- end -->\n        <!-- Line Permission -->\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{line_permission_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li *ngIf=\"appletCode==='posGeneral' || appletCode==='salesInvoiceApplet'\">\n              <mat-slide-toggle\n                [formControl]=\"form.controls['DISALLOW_SELL_ABOVE_UNIT_PRICE_STD_INCL_TAX']\">DISALLOW_SELL_ABOVE_UNIT_PRICE_STD_INCL_TAX</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['DISALLOW_SELL_BELOW_MIN_PRICE']\" style=\"width: 300px; margin-right: 10px;\">{{disallow_sell_below_min_price_text}}</mat-slide-toggle>\n              <mat-slide-toggle *ngIf=\"appletCode==='posGeneral' || appletCode==='salesInvoiceApplet'\" [formControl]=\"form.controls['HIDE_PRICE_SELL_BELOW_MIN_PRICE']\">HIDE_PRICE</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['DISALLOW_SELL_BELOW_REPLACEMENT_PRICE']\" style=\"width: 300px; margin-right: 10px;\">{{disallow_sell_below_replacement_price_text}}</mat-slide-toggle>\n              <mat-slide-toggle *ngIf=\"appletCode==='posGeneral' || appletCode==='salesInvoiceApplet'\" [formControl]=\"form.controls['HIDE_PRICE_SELL_BELOW_REPLACEMENT_PRICE']\">HIDE_PRICE</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['DISALLOW_SELL_BELOW_MA_COST']\" style=\"width: 300px; margin-right: 10px;\">{{disallow_sell_below_ma_cost_text}}</mat-slide-toggle>\n              <mat-slide-toggle *ngIf=\"appletCode==='posGeneral' || appletCode==='salesInvoiceApplet'\" [formControl]=\"form.controls['HIDE_PRICE_SELL_BELOW_MA_COST']\">HIDE_PRICE</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle\n                [formControl]=\"form.controls['DISALLOW_LINE_ITEM_EDIT']\">{{disallow_line_item_edit_text}}</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n      </mat-tab>\n\n\n        <mat-tab label=\"KO For\" *ngIf=\"showKOTab\">\n\n\n          <mat-expansion-panel *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n            <mat-expansion-panel-header>\n              <mat-panel-title>\n                <span class=\"field-header\">KO For Purchase Requisition</span>\n              </mat-panel-title>\n            </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['SHOW_APPROVED_PR_HDR']\">Show Approved\n                  Only</mat-slide-toggle>\n              </li>\n            </ul>\n          </mat-expansion-panel>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_KO_FOR_TAB']\">\n                HIDE_KO_FOR_TAB</mat-slide-toggle>\n            </li>\n          </ul>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['ENABLE_MULTIPLE_KO']\">\n                ENABLE_MULTIPLE_KO</mat-slide-toggle>\n            </li>\n          </ul>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['DISABLE_ADD_WHEN_KO']\">\n                DISABLE_ADD_WHEN_KO</mat-slide-toggle>\n            </li>\n          </ul>\n          <ul *ngIf=\"appletCode==='salesInvoiceApplet'\">\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['ENABLE_KO_DRAFT']\">\n                ENABLE_KO_DRAFT</mat-slide-toggle>\n            </li>\n          </ul>\n          <ul *ngIf=\"appletCode==='salesInvoiceApplet'\">\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['FILTER_ITEMS_BY_REQUIRED_DELIVERY']\">\n                FILTER_ITEMS_BY_REQUIRED_DELIVERY</mat-slide-toggle>\n            </li>\n          </ul>\n          <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_AUTO_FINAL']\">\n              ENABLE_AUTO_FINAL</mat-slide-toggle>\n          </li>\n          </ul>\n\n\n      </mat-tab>\n      <!-- <mat-tab label=\"ARAP\" *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_ARAP_TAB']\">\n          HIDE_ARAP_TAB</mat-slide-toggle>\n      </mat-tab>\n      <mat-tab label=\"Payment\" *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_PAYMENT_TAB']\">\n          HIDE_PAYMENT_TAB</mat-slide-toggle>\n      </mat-tab> -->\n      <!-- <mat-tab label=\"Contra\" *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_CONTRA_TAB']\">\n          HIDE_CONTRA_TAB</mat-slide-toggle>\n      </mat-tab> -->\n\n      <mat-tab label=\"Payment\" *ngIf=\"showPaymentTab\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_MAIN_PAYMENT_TAB']\">\n              HIDE_MAIN_PAYMENT_TAB</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_EDIT_PAYMENT_DATE']\">\n              ENABLE_EDIT_PAYMENT_DATE</mat-slide-toggle>\n          </li>\n        </ul>\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">Credit Card Settings</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_NO']\">\n                HIDE_CARD_NO</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_NO']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_NAME']\">\n                HIDE_NAME</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_NAME']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_ISSUER']\">\n                HIDE_CARD_ISSUER</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_ISSUER']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_EXPIRY']\">\n                HIDE_CARD_EXPIRY</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_EXPIRY']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_APPROVAL_CODE']\">\n                HIDE_APPROVAL_CODE</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_APPROVAL_CODE']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_BATCH']\">\n                HIDE_BATCH</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_BATCH']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_TYPE']\">\n                HIDE_CARD_TYPE</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_TYPE']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li *ngIf=\"appletCode!=='posGeneral'\" class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CVV']\">\n                HIDE_CVV</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_CVV']\">\n                Mandatory</mat-checkbox>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n      </mat-tab>\n\n      <mat-tab label=\"Search\" *ngIf=\"showSearchTab\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SEARCH_TAB']\">\n              HIDE_SEARCH_TAB</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_PRICE_LISTING']\">\n              HIDE_PRICE_LISTING</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_RETURN_PRICE_LISTING']\">\n              HIDE_RETURN_PRICE_LISTING</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-tab>\n      <mat-tab label=\"Collection\" *ngIf=\"showCollectionTab\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_COLLECTION_TAB']\">\n              HIDE_COLLECTION_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-tab>\n      <mat-tab label=\"Status\" *ngIf=\"showStatusTab\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_STATUS_TAB']\">\n              HIDE_STATUS_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-tab>\n      <mat-tab label=\"Expenses\" *ngIf=\"showExpensesTab\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_EXPENSES_TAB']\">\n              HIDE_EXPENSES_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-tab>\n      <mat-tab label=\"Sales Commission\" *ngIf=\"showsalesCommissionTab\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_COMMISSION_TAB']\">\n              HIDE_SALES_COMMISSION_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-tab>\n      <mat-tab label=\"Convert\" *ngIf=\"showConvertTab\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CONVERT_TAB']\">\n              HIDE_CONVERT_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-tab>\n      <mat-tab label=\"Revenue\" *ngIf=\"showRevenueTab\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_REVENUE_TAB']\">\n              HIDE_REVENUE_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-tab>\n\n      <mat-tab [label]=\"miscellaneous_text\">\n\n        <mat-expansion-panel expanded=\"true\">\n       <!-- HERE -->\n          <mat-expansion-panel-header >\n            <mat-panel-title>{{sidebar_menu_text}}</mat-panel-title>\n          </mat-expansion-panel-header>\n\n          <ul>\n            <li *ngIf=\"appletCode === 'salesInvoiceApplet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_PICK_PACK_QUEUE_MENU']\">\n                HIDE_PICK_PACK_QUEUE_MENU\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'salesInvoiceApplet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_INVOICE_TEMPLATE_MENU']\">\n                HIDE_SALES_INVOICE_TEMPLATE_MENU\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_PURCHASE_ORDER_QUEUE_MENU']\">\n                HIDE_PURCHASE_ORDER_QUEUE_MENU\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_MULTI_PURCHASE_ORDER_MENU']\">\n                HIDE_MULTI_PURCHASE_ORDER_MENU\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'erp_stock_adjustment_applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERIAL_NUMBER_ADJUSTMENT_MENU']\">\n                HIDE_SERIAL_NUMBER_ADJUSTMENT_MENU\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'erp_stock_adjustment_applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_BATCH_NUMBER_ADJUSTMENT_MENU']\">\n                HIDE_BATCH_NUMBER_ADJUSTMENT_MENU\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'internal-receipt-voucher-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_IMPORT_RECEIPT_VOUCHER_MENU']\">\n                HIDE_IMPORT_RECEIPT_VOUCHER_MENU\n              </mat-slide-toggle>\n            </li>\n            <li\n              *ngIf=\"appletCode === 'salesInvoiceApplet' || appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal_purchase_invoice_applet'\n                    || appletCode === 'erp_stock_adjustment_applet' || appletCode === 'internal-purchase-credit-note-applet' || appletCode === 'internal-purchase-debit-note-applet'\n                    || appletCode === 'InternalSalesCreditNote' || appletCode === 'InternalSalesDebitNote' || appletCode === 'internal-payment-voucher-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_FILE_IMPORT_MENU']\">\n                HIDE_FILE_IMPORT_MENU\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'salesInvoiceApplet' || appletCode === 'InternalSalesReturnApplet' || appletCode === 'internalPurchaseOrderApplet'\n                    || appletCode === 'internal-payment-voucher-applet' || appletCode==='InternalSalesCreditNote' || appletCode==='InternalSalesDebitNote'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_INTERCOMPANY_MENU']\">\n                HIDE_INTERCOMPANY_MENU\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'salesInvoiceApplet' || appletCode === 'InternalSalesReturnApplet' || appletCode === 'internalPurchaseOrderApplet'\n                    || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internalPurchaseReturn' || appletCode === 'internal-purchase-grn-applet'\n                    || appletCode === 'internal-payment-voucher-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_FILE_EXPORT_MENU']\">\n                HIDE_FILE_EXPORT_MENU\n              </mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode === 'erp_stock_adjustment_applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_RESET_MA_MENU']\">\n                HIDE_RESET_MA_MENU\n              </mat-slide-toggle>\n            </li>\n          </ul>\n\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"appletCode==='internal-purchase-requisition-applet'||'internal_purchase_requisition'\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{line_items_queue_listing_text}}</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['DISABLE_LINE_ITEM_QUEUE_LISTING']\">\n                  {{disable_line_item_queue_listing_text}}</mat-slide-toggle>\n              </li>\n            </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{server_doc_type_text}}</mat-panel-title>\n          </mat-expansion-panel-header>\n            <mat-expansion-panel expanded=\"true\">\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  <span class=\"field-header\">{{server_doc_type_settings_text}}</span>\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              <ul>\n                <li>\n                  <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERVER_DOC_TYPE']\">\n                    {{hide_server_doc_type_text}}</mat-slide-toggle>\n                </li>\n                <li>\n                  <mat-slide-toggle [formControl]=\"form.controls['HIDE_DOC_SHORT_CODE_PREFIX']\">\n                    {{hide_doc_short_code_prefix_text}}</mat-slide-toggle>\n                </li>\n              </ul>\n            </mat-expansion-panel>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"appletCode === 'salesInvoiceApplet'|| 'internalPurchaseOrderApplet'\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>Search Document</mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SEARCH_BY_DOCUMENT_BUTTON']\">\n                HIDE_SEARCH_BY_DOCUMENT_BUTTON</mat-slide-toggle>\n              </li>\n            </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showDeliveryDetailsTab\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>Deliver Details</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_DELIVERY_DETAILS_TAB']\">\n                  HIDE_DELIVERY_DETAILS_TAB</mat-slide-toggle>\n              </li>\n            </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showDepartmentHdrTab\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>Department Hdr</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_DEPARTMENT_HDR_TAB']\">\n                  HIDE_DEPARTMENT_HDR_TAB</mat-slide-toggle>\n              </li>\n            </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showARAPTab\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>ARAP</mat-panel-title>\n          </mat-expansion-panel-header>\n\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_MAIN_ARAP_TAB']\">\n                  HIDE_MAIN_ARAP_TAB</mat-slide-toggle>\n              </li>\n            </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showTraceDocumentTab\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>Trace Document</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_TRACE_DOCUMENT_TAB']\">\n                  HIDE_TRACE_DOCUMENT_TAB</mat-slide-toggle>\n              </li>\n            </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showDocLinkTab\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>Doc Link</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_DOC_LINK_TAB']\">\n                  HIDE_DOC_LINK_TAB</mat-slide-toggle>\n              </li>\n            </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showAttachmentsTab\">\n\n          <mat-expansion-panel-header>\n            <mat-panel-title>Attachment</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_ATTACHMENT_TAB']\">\n                  HIDE_ATTACHMENT_TAB</mat-slide-toggle>\n              </li>\n            </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showExportTab|| appletCode==='internalSalesRefundNoteApplet'\" >\n          <mat-expansion-panel-header>\n            <mat-panel-title>Export</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_EXPORT_TAB']\">\n                  HIDE_EXPORT_TAB</mat-slide-toggle>\n              </li>\n            </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{email_text}}</mat-panel-title>\n          </mat-expansion-panel-header>\n            <mat-expansion-panel expanded=\"true\">\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  <span class=\"field-header\">{{email_settings_text}}</span>\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{email_sender_text}}</mat-label>\n                <input matInput [placeholder]=\"email_sender_text\" type=\"text\" [formControl]=\"form.controls['EMAIL_SENDER']\">\n              </mat-form-field>\n              <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{email_title_text}}</mat-label>\n                <input matInput [placeholder]=\"email_title_text\" type=\"text\" [formControl]=\"form.controls['EMAIL_TITLE']\">\n              </mat-form-field>\n              <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>{{email_body_text}}</mat-label>\n                <textarea #body matInput [formControl]=\"form.controls['EMAIL_BODY']\"></textarea>\n                <mat-hint align=\"end\">{{body.value.length}} {{characters}}</mat-hint>\n              </mat-form-field>\n            </mat-expansion-panel>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showContraTab\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{contra_text}}</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_MAIN_CONTRA_TAB']\">\n                  {{hide_main_contra_tab_text}}</mat-slide-toggle>\n              </li>\n\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['EDIT_CONTRA_TXN_DATE']\">\n                  {{edit_contra_txn_date_text}}</mat-slide-toggle>\n              </li>\n\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['SHOW_DOCUMENTS_WITH_ZERO_ARAP_BAL']\">\n                  {{show_documents_with_zero_arap_bal_text}}</mat-slide-toggle>\n              </li>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['ALLOW_TO_CONTRA_MORE_THAN_DOC_OPEN_AMOUNT']\">\n                  {{allow_to_contra_more_than_doc_open_amount_text}}</mat-slide-toggle>\n              </li>\n              <li *ngIf=\"appletCode==='payment_voucher_applet' || appletCode==='internal-payment-voucher-applet' ||appletCode==='internal-receipt-voucher-applet'\">\n                <mat-slide-toggle [formControl]=\"form.controls['AUTO_SETTLE_CONTRA']\">\n                  AUTO_SETTLE_CONTRA</mat-slide-toggle>\n              </li>\n              <li *ngIf=\"appletCode==='payment_voucher_applet' || appletCode==='internal-payment-voucher-applet' ||appletCode==='internal-receipt-voucher-applet'\">\n                <mat-slide-toggle [formControl]=\"form.controls['CONTRA_DATE_SAME_AS_DOC_DATE_TXN']\">\n                  CONTRA_DATE_SAME_AS_DOC_DATE_TXN</mat-slide-toggle>\n              </li>\n            </ul>\n\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showSettlementTab\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>Settlement</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_SETTLEMENT_TAB']\">\n                  HIDE_SETTLEMENT_TAB</mat-slide-toggle>\n              </li>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['ENABLE_EDIT_SETTLEMENT_DATE']\">\n                  ENABLE_EDIT_SETTLEMENT_DATE</mat-slide-toggle>\n              </li>\n            </ul>\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  <span class=\"field-header\">Credit Card Settings</span>\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n              <ul>\n                <li class=\"toggle-container\">\n                  <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_NO']\">\n                    HIDE_CARD_NO</mat-slide-toggle>\n                  <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_NO']\">\n                    Mandatory</mat-checkbox>\n                </li>\n                <li class=\"toggle-container\">\n                  <mat-slide-toggle [formControl]=\"form.controls['HIDE_NAME']\">\n                    HIDE_NAME</mat-slide-toggle>\n                  <mat-checkbox [formControl]=\"form.controls['MANDATORY_NAME']\">\n                    Mandatory</mat-checkbox>\n                </li>\n                <li class=\"toggle-container\">\n                  <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_ISSUER']\">\n                    HIDE_CARD_ISSUER</mat-slide-toggle>\n                  <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_ISSUER']\">\n                    Mandatory</mat-checkbox>\n                </li>\n                <li class=\"toggle-container\">\n                  <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_EXPIRY']\">\n                    HIDE_CARD_EXPIRY</mat-slide-toggle>\n                  <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_EXPIRY']\">\n                    Mandatory</mat-checkbox>\n                </li>\n                <li class=\"toggle-container\">\n                  <mat-slide-toggle [formControl]=\"form.controls['HIDE_APPROVAL_CODE']\">\n                    HIDE_APPROVAL_CODE</mat-slide-toggle>\n                  <mat-checkbox [formControl]=\"form.controls['MANDATORY_APPROVAL_CODE']\">\n                    Mandatory</mat-checkbox>\n                </li>\n                <li class=\"toggle-container\">\n                  <mat-slide-toggle [formControl]=\"form.controls['HIDE_BATCH']\">\n                    HIDE_BATCH</mat-slide-toggle>\n                  <mat-checkbox [formControl]=\"form.controls['MANDATORY_BATCH']\">\n                    Mandatory</mat-checkbox>\n                </li>\n                <li class=\"toggle-container\">\n                  <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_TYPE']\">\n                    HIDE_CARD_TYPE</mat-slide-toggle>\n                  <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_TYPE']\">\n                    Mandatory</mat-checkbox>\n                </li>\n                <li *ngIf=\"appletCode!=='posGeneral'\" class=\"toggle-container\">\n                  <mat-slide-toggle [formControl]=\"form.controls['HIDE_CVV']\">\n                    HIDE_CVV</mat-slide-toggle>\n                  <mat-checkbox [formControl]=\"form.controls['MANDATORY_CVV']\">\n                    Mandatory</mat-checkbox>\n                </li>\n              </ul>\n            </mat-expansion-panel>\n\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showPostingTab\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>Posting</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_POSTING_TAB']\">\n                  HIDE_POSTING_TAB</mat-slide-toggle>\n              </li>\n            </ul>\n\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\" *ngIf=\"showDeliveryTripsTab\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>Delivery Trips</mat-panel-title>\n          </mat-expansion-panel-header>\n            <ul>\n              <li>\n                <mat-slide-toggle [formControl]=\"form.controls['HIDE_DELIVERY_TRIPS_TAB']\">\n                  HIDE_DELIVERY_TRIPS_TAB</mat-slide-toggle>\n              </li>\n            </ul>\n        </mat-expansion-panel>\n\n        <mat-expansion-panel expanded=\"true\">\n\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{item_category_group_text}}</mat-panel-title>\n          </mat-expansion-panel-header>\n            <div fxLayout=\"column\" class=\"p-10\" style=\"width: 100%;\">\n              <ul style=\"width: 100%;\">\n                <ng-container *ngFor=\"let i of [1,2,3,4,5,6,7,8,9,10]\">\n                  <li style=\"width: 100%;\">\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"toggle-dropdown\" style=\"width: 100%;\">\n                      <div fxLayout=\"column\" style=\"width: 100%;\">\n                        <!-- Slide Toggle for Hiding/Resetting -->\n                        <mat-slide-toggle\n                          [formControl]=\"form.controls['HIDE_ITEM_CATEGORY_GROUP_' + i]\">\n                          {{ hide_item_category_group_text + i }}\n                        </mat-slide-toggle>\n\n                        <!-- Dropdown that should take the remaining space -->\n                        <ng-container *ngIf=\"!form.controls['HIDE_ITEM_CATEGORY_GROUP_' + i].value\">\n                          <div style=\"flex-grow: 1; margin-top: 8px;\">\n                            <app-select-multi-label-list-drop-down\n                              [apiVisa]=\"apiVisa\"\n                              [labelList]=\"form.controls['ITEM_CATEGORY_GROUP_' + i]\"\n                              [label]=\"item_category_group_text + i\"\n                              [options]=\"'{}'\"\n                              style=\"width: 100%;\">\n                            </app-select-multi-label-list-drop-down>\n                          </div>\n                        </ng-container>\n                      </div>\n                  </div>\n                  </li>\n                </ng-container>\n              </ul>\n            </div>\n\n\n        </mat-expansion-panel>\n\n      </mat-tab>\n\n\n\n      <!-- <mat-tab label=\"Vertical UI\">\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MAIN_DETAILS']\">\n              EXPAND MAIN DETAILS</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_ACCOUNT']\">\n              EXPAND ACCOUNT</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_LINE_ITEMS']\">\n              EXPAND LINE ITEMS</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_KO_FOR']\">\n              EXPAND KO FOR</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DELIVERY_DETAILS']\">\n              EXPAND DELIVERY DETAILS</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MAIN_ARAP']\">\n              EXPAND MAIN ARAP</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DEPARTMENT_HDR']\">\n              EXPAND DEPARTMENT HDR</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_TRACE_DOCUMENT']\">\n              EXPAND TRACE DOCUMENT</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DOC_LINK']\">\n              EXPAND DOC LINK</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_ATTACHMENT']\">\n              EXPAND ATTACHMENT</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_EXPORT']\">\n              EXPAND EXPORT</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MAIN_CONTRA']\">\n              EXPAND CONTRA</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_SETTLEMENT']\">\n              EXPAND SETTLEMENT</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_POSTING']\">\n              EXPAND POSTING</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DELIVERY_TRIPS']\">\n              EXPAND DELIVERY TRIPS</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-tab> -->\n    </mat-tab-group>\n  </mat-accordion>\n</div>\n\n<div style=\"margin: 10px;\" *ngIf=\"verticalSettingsOrientation()\">\n  <!-- <mat-accordion> -->\n\n\n    <mat-expansion-panel expanded=\"true\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>{{tab_expansion_settings_text}}</mat-panel-title>\n      </mat-expansion-panel-header>\n\n      <ul>\n\n        <li *ngIf=\"appletCode==='posGeneral'\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_POS_SETTINGS']\">Expand POS Settings</mat-slide-toggle>\n        </li>\n\n        <li *ngIf=\"appletCode==='posGeneral'\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_AUTO_UI_SETTINGS']\">Expand Auto UI</mat-slide-toggle>\n        </li>\n\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_GEN_DOC_SETTINGS']\">{{expand_gen_doc_listing_text}}</mat-slide-toggle>\n        </li>\n\n        <li\n          *ngIf=\"(appletCode | lowercase) === 'internalsalesreturnapplet' || (appletCode | lowercase) === 'internal_purchase_return_applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_SEARCH_INVOICES_SETTINGS']\">Expand Search\n            Invoices</mat-slide-toggle>\n        </li>\n\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MAIN_DETAILS_SETTINGS']\">{{expand_main_details_text_nocaps}}</mat-slide-toggle>\n        </li>\n\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_ACCOUNT_SETTINGS']\">{{expand_account_text_nocaps}}</mat-slide-toggle>\n        </li>\n\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_LINE_ITEMS_SETTINGS']\">{{expand_line_items_text_nocaps}}</mat-slide-toggle>\n        </li>\n\n        <li *ngIf=\"showPaymentTab\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_PAYMENT_SETTINGS']\">Expand Payment</mat-slide-toggle>\n        </li>\n\n        <li *ngIf=\"showSearchTab\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_SEARCH_SETTINGS']\">Expand Search</mat-slide-toggle>\n        </li>\n\n        <li *ngIf=\"showCollectionTab\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_COLLECTION_SETTINGS']\">Expand Collection</mat-slide-toggle>\n        </li>\n\n\n        <li *ngIf=\"showStatusTab\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_STATUS_SETTINGS']\">Expand Status</mat-slide-toggle>\n        </li>\n\n        <li *ngIf=\"showExpensesTab\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_EXPENSES_SETTINGS']\">Expand Expenses</mat-slide-toggle>\n        </li>\n\n        <li *ngIf=\"showsalesCommissionTab\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_SALES_COMMISSSION_SETTINGS']\">Expand Sales\n            Commission</mat-slide-toggle>\n        </li>\n\n        <li *ngIf=\"showConvertTab\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_CONVERT_SETTINGS']\">Expand Convert</mat-slide-toggle>\n        </li>\n\n\n        <li *ngIf=\"showRevenueTab\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_REVENUE_SETTINGS']\">Expand Revenue</mat-slide-toggle>\n        </li>\n\n        <li *ngIf=\"showKOTab\">\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_KO_FOR_SETTINGS']\">Expand KO For</mat-slide-toggle>\n        </li>\n\n\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MISC_SETTINGS']\">{{expand_miscellaneous_text}}</mat-slide-toggle>\n        </li>\n\n\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['EXPAND_ALL_SETTINGS']\" (change)=\"expandAll()\">{{expand_all_text}}</mat-slide-toggle>\n        </li>\n\n      </ul>\n\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"appletCode==='posGeneral'\"  [expanded]=\"expandPOSSettings()\">\n        <mat-expansion-panel-header expanded=\"true\">\n          <mat-panel-title>POS Settings</mat-panel-title>\n        </mat-expansion-panel-header>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['SALES_RETURN_REMARKS_LIST']\">Sales Return Remarks from the\n            list</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['SHOW_MEMBER']\">Membership</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['READ_MYKAD']\">Read MyKad</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['DISABLE_AUTO_POSTING']\">Disable Auto Post to\n            FINAL</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_CC_DETAILS']\">Hide Credit Card\n            Details</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['DEVICE_COMPULSORY']\">Device is compulsory</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['CONTRA_DOCUMENT']\">Contra Document</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['POS_ATTACHMENT']\">Attachment</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['VOID_DOCUMENT']\">Void Document</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['SHOW_TAX']\">Show Tax</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_RETURN']\">Hide Return</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['EMAIL_CUSTOMER']\">Email To Customer</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['GROUP_SETTLEMENT_METHOD']\">Group settlement\n            methods</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['CUSTOMER_DISPLAY']\">Customer Display</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_DISCOUNT']\">Disable item discount</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['SHOW_TRADE_IN']\">Enable Trade In</mat-slide-toggle>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['SHOW_ITEM_DETAIL_AFTER_SCAN']\">Show Item Details After\n            Scan</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['AUTO_APPLY_MTO']\">Auto Apply MTO</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['SESSION_FLOAT_CONTROL']\">Session & Float\n            Control</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['ENABLE_EDIT_SETTLEMENT_FINAL']\">Enable Edit Settlement for Finalized Documents</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['COMBINE_CUSTOMER_MEMBER_LIST']\">Combine Customer and Membership Listing</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['SHOW_LOCATION_MAIN']\">Show location</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['SHOW_GROSS_PROFIT']\">Show Gross Profit</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_ADD_CUSTOMER']\">Hide Add Customer</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['COMPULSORY_WARRANTY_SERIAL']\">Serial numbers are compulsory for warranty items</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['POS_HIDE_DOB']\">Hide member DOB</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['POS_RETAIN_ITEM_LIST_CHANGE_CUSTOMER']\">Retain Item List After Change Customer</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['POS_AUTO_SESSION_CODE_NAME']\">Auto create session code and name</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['POS_VIEW_ALL_SALES_AGENT_FROM_PERM']\">Enable View All Sales Agents Cashbill View Based on Permissions</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['POS_WARRANTY_ITEM_FOR_MEMBERS_ONLY']\">Warranty Item Search for Members Only</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['POS_HIDE_KEYPAD']\">Hide Keypad</mat-slide-toggle>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['POS_COPY_FROM']\">Copy From Other Document</mat-slide-toggle>\n        </li>\n      </ul>\n\n      <ul>\n        <li>\n          <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n            <mat-label>Theme</mat-label>\n            <mat-select [formControl]=\"form.controls['POS_THEME']\">\n              <mat-option value=\"LEFT_RIGHT\">LEFT RIGHT (DEFAULT)</mat-option>\n              <mat-option value=\"TOP_BOTTOM\">TOP BOTTOM</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </li>\n      </ul>\n\n      <ul>\n        <li>\n          <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n            <mat-label>Z Report Paper Size</mat-label>\n            <mat-select [formControl]=\"form.controls['ZREPORT_PAPER_SIZE']\">\n              <mat-option value=\"DEFAULT\">RECEIPT (DEFAULT)</mat-option>\n              <mat-option value=\"A4\">A4</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n            <mat-label>MTO Calculation logic</mat-label>\n            <mat-select [formControl]=\"form.controls['MTO_CALCULATION_LOGIC']\">\n              <mat-option value=\"MTO_AMOUNT_LOWEST\">AMOUNT LOWEST</mat-option>\n              <mat-option value=\"MTO_AMOUNT_HIGHEST\">AMOUNT HIGHEST</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          <div fxLayout=\"row wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"flex-start\">\n            <div fxFlex.gt-sm=\"30\" fxFlex=\"30\" class=\"p-10\">Scan Quantity Delimiter</div>\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Scan Quantity Delimiter</mat-label>\n              <input matInput placeholder=\"Example : * or | or ; \" type=\"text\"\n                [formControl]=\"form.controls['QTY_DELIMITER']\">\n            </mat-form-field>\n          </div>\n        </li>\n\n      </ul>\n      <ul>\n        <li>\n          Quick Cash Payment\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Option 1</mat-label>\n            <input matInput placeholder=\"10\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION1']\">\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Option 2</mat-label>\n            <input matInput placeholder=\"20\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION2']\">\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Option 3</mat-label>\n            <input matInput placeholder=\"50\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION3']\">\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Option 4</mat-label>\n            <input matInput placeholder=\"100\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION4']\">\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Option 5</mat-label>\n            <input matInput placeholder=\"150\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION5']\">\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Option 6</mat-label>\n            <input matInput placeholder=\"200\" type=\"text\" [formControl]=\"form.controls['CASH_OPTION6']\">\n          </mat-form-field>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          Customer Naming Scheme\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Customer Naming Scheme</mat-label>\n            <input matInput placeholder=\"Customer Naming Scheme\" type=\"text\"\n              [formControl]=\"form.controls['CUSTOMER_NAMING']\">\n          </mat-form-field>\n        </li>\n      </ul>\n      <ul>\n        <li>\n          Display Pole URL\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>Display Pole URL</mat-label>\n            <input matInput placeholder=\"Display Pole URL\" type=\"text\"\n              [formControl]=\"form.controls['DISPLAY_POLE_URL']\">\n          </mat-form-field>\n        </li>\n      </ul>\n    </mat-expansion-panel>\n\n\n    <mat-expansion-panel *ngIf=\"appletCode==='posGeneral'\" [expanded]=\"expandAutoUi()\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>Auto UI</mat-panel-title>\n      </mat-expansion-panel-header>\n      <ul>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['AUTO_UI']\">\n            AUTO_UI</mat-slide-toggle>\n        </li>\n      </ul>\n      <fieldset *ngIf=\"form.get('AUTO_UI').value\">\n        <legend>AUTO UI SEQUENCE</legend>\n        <div class=\"form-field-group\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>ENTITY</mat-label>\n            <input matInput [formControl]=\"form.controls['AUTO_UI_ENTITY_SORT']\" autocomplete=\"off\" type=\"number\" />\n          </mat-form-field>\n\n          <mat-form-field appearance=\"outline\">\n            <mat-label>SALES AGENT</mat-label>\n            <input matInput [formControl]=\"form.controls['AUTO_UI_SALES_AGENT_SORT']\" autocomplete=\"off\"\n              type=\"number\" />\n          </mat-form-field>\n\n          <mat-form-field appearance=\"outline\">\n            <mat-label>LINE ITEM</mat-label>\n            <input matInput [formControl]=\"form.controls['AUTO_UI_LINE_ITEM_SORT']\" autocomplete=\"off\"\n              type=\"number\" />\n          </mat-form-field>\n        </div>\n      </fieldset>\n      <!-- </mat-expansion-panel> -->\n\n    </mat-expansion-panel>\n    <!-- Sidebar Menu Done -->\n    <mat-expansion-panel>\n      <mat-expansion-panel-header>\n        <mat-panel-title>{{sidebar_menu_text}}</mat-panel-title>\n      </mat-expansion-panel-header>\n      <ul>\n        <li *ngIf=\"appletCode==='erp_internal_delivery_order_applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_LINE_ITEMS_MENU']\">\n            HIDE_LINE_ITEMS_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode==='erp_internal_delivery_order_applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_PICK_PACK_QUEUE_MENU']\">\n            HIDE_PICK_PACK_QUEUE_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='salesInvoiceApplet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_INVOICE_TEMPLATE_MENU']\">\n            HIDE_SALES_INVOICE_TEMPLATE_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_PURCHASE_ORDER_QUEUE_MENU']\">\n            HIDE_PURCHASE_ORDER_QUEUE_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_MULTI_PURCHASE_ORDER_MENU']\">\n            HIDE_MULTI_PURCHASE_ORDER_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_PURCHASE_ORDER_REPLENISHMENT_MENU']\">\n            HIDE_PURCHASE_ORDER_REPLENISHMENT_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='erp_stock_adjustment_applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERIAL_NUMBER_ADJUSTMENT_MENU']\">\n            HIDE_SERIAL_NUMBER_ADJUSTMENT_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='erp_stock_adjustment_applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_BATCH_NUMBER_ADJUSTMENT_MENU']\">\n            HIDE_BATCH_NUMBER_ADJUSTMENT_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='internal-receipt-voucher-applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_IMPORT_RECEIPT_VOUCHER_MENU']\">\n            HIDE_IMPORT_RECEIPT_VOUCHER_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode ==='internalPurchaseOrderApplet' || appletCode === 'internal_purchase_invoice_applet'\n          || appletCode==='erp_stock_adjustment_applet' || appletCode==='internal-purchase-credit-note-applet' || appletCode==='internal-purchase-debit-note-applet'\n          || appletCode==='InternalSalesCreditNote' || appletCode==='InternalSalesDebitNote' || appletCode==='internal-payment-voucher-applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_FILE_IMPORT_MENU']\">\n            HIDE_FILE_IMPORT_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode === 'InternalSalesReturnApplet' || appletCode ==='internalPurchaseOrderApplet'\n          || appletCode==='internal-payment-voucher-applet' || appletCode==='erp_internal_delivery_order_applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_INTERCOMPANY_MENU']\">\n            HIDE_INTERCOMPANY_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode ==='InternalSalesReturnApplet' || appletCode ==='internalPurchaseOrderApplet'\n          || appletCode === 'internal_purchase_invoice_applet' || appletCode==='internalPurchaseReturn' || appletCode === 'internal-purchase-grn-applet'\n          || appletCode==='internal-payment-voucher-applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_FILE_EXPORT_MENU']\">\n            HIDE_FILE_EXPORT_MENU</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode==='erp_stock_adjustment_applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_RESET_MA_MENU']\">\n            HIDE_RESET_MA_MENU</mat-slide-toggle>\n        </li>\n      </ul>\n    </mat-expansion-panel>\n\n  <!-- Gen Doc Listing Done -->\n    <mat-expansion-panel [expanded]=\"expandGenDoc()\" >\n        <mat-expansion-panel-header>\n          <mat-panel-title>{{gen_doc_listing_text}}</mat-panel-title>\n        </mat-expansion-panel-header>\n      <mat-expansion-panel >\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{gen_doc_listing_settings_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['DISABLE_GEN_DOC_LISTING']\">\n              {{disable_gen_doc_listing_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_GENDOC_FINAL_BUTTON']\">{{hide_final_button_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_GENDOC_DISCARD_BUTTON']\">{{hide_discard_button_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_GENDOC_VOID_BUTTON']\">{{hide_void_button_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_GENDOC_SAVE_BUTTON']\">{{hide_save_button_text}}</mat-slide-toggle>\n          </li>\n          <li>\n          <mat-slide-toggle\n            [formControl]=\"form.controls['HIDE_CLOSE_BUTTON']\">{{hide_close_button_text}}</mat-slide-toggle>\n        </li>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_PRINT_BUTTON']\">{{hide_print_button_text}}</mat-slide-toggle>\n        </li>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['ENABLE_PRINT_FINAL_GEN_DOC_ONLY']\">{{enable_print_final_gen_doc_only_text}}</mat-slide-toggle>\n        </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_SEND_EMAIL_BUTTON']\">{{hide_send_email_button_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['SEND_EMAIL_TO_FINAL_GEN_DOCS_ONLY']\">{{send_email_to_final_gen_docs_only_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['ENABLE_CREDIT_LIMIT_FILTER']\">{{enable_credit_limit_filter_text}}</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='erp_internal_delivery_order_applet'\n        || appletCode==='InternalDeliveryApplet'\n        || appletCode==='internalPurchaseOrderApplet'\n        || appletCode==='internal-purchase-grn-applet'\n        || appletCode==='InternalSalesQuotationApplet'\n        || appletCode==='internalPurchaseOrderApplet'\n        || appletCode==='internalPurchaseGRNApplet'\n        \">\n          <mat-slide-toggle [formControl]=\"form.controls['ENABLE_SERIAL_NUMBER_VALIDATION_FINAL']\">ENABLE_SERIAL_NUMBER_VALIDATION_FINAL</mat-slide-toggle>\n        </li>\n        <li *ngIf=\"(appletCode | lowercase) === 'internalsalesreturnapplet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['SALES_RETURN_WITH_PAYMENT']\">SALES_RETURN_WITH_PAYMENT</mat-slide-toggle>\n        </li>\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['SHOW_DRAFT_BUTTON']\">{{show_draft_button_text}}</mat-slide-toggle>\n        </li>\n      </ul>\n\n      <mat-form-field appearance=\"outline\">\n        <mat-label>{{default_transaction_date_range_text}}</mat-label>\n        <mat-select\n          [formControl]=\"form.controls['DEFAULT_TRANSACTION_DATE']\">\n          <mat-option value=\"1_day\">{{one_day_text}}</mat-option>\n          <mat-option value=\"1_week\">{{one_week_text}}</mat-option>\n          <mat-option value=\"1_month\">{{one_month_text}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n        <mat-label>{{sorting_order_text}}</mat-label>\n        <mat-select [formControl]=\"form.controls['SORT_ORDER']\">\n          <mat-option value=\"created_date\">{{created_date_text}}</mat-option>\n          <mat-option value=\"updated_date\">{{updated_date_text}}</mat-option>\n          <mat-option value=\"date_txn\">{{transaction_date_text}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n        <mat-label>{{default_posting_status_text}}</mat-label>\n        <mat-select [formControl]=\"form.controls['DEFAULT_POSTING_STATUS']\">\n          <mat-option value=\"ALL\">{{all_text}}</mat-option>\n          <mat-option value=\"DRAFT\">{{draft_text}}</mat-option>\n          <mat-option value=\"FINAL\">{{final_text}}</mat-option>\n          <mat-option value=\"VOID\">{{void_text}}</mat-option>\n          <mat-option value=\"DISCARDED\">{{discarded_text}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n        <mat-label>{{default_status_text}}</mat-label>\n        <mat-select [formControl]=\"form.controls['DEFAULT_STATUS']\">\n          <mat-option value=\"ALL\">{{all_text}}</mat-option>\n          <mat-option value=\"ACTIVE\">{{active_text}}</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1.25em\">\n        <mat-label>{{fuzzy_search_columns_text}}</mat-label>\n        <input matInput type=\"text\" [formControl]=\"form.controls['FUZZY_SEARCH_COLUMNS']\"/>\n      </mat-form-field>\n    </mat-expansion-panel>\n\n      <mat-expansion-panel>\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{gen_doc_fields_settings_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERVER_DOC_1']\">\n              {{hide_doc_no_tenant_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_SERVER_DOC_2']\">{{hide_doc_no_company_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERVER_DOC_3']\">{{hide_doc_no_branch_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_CLIENT_DOC_TYPE']\">{{hide_client_doc_type_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLIENT_DOC_1']\">{{hide_client_doc_1_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLIENT_DOC_2']\">{{hide_client_doc_2_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLIENT_DOC_3']\">{{hide_client_doc_3_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLIENT_DOC_4']\">{{hide_client_doc_4_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLIENT_DOC_5']\">{{hide_client_doc_5_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DESCRIPTION']\">{{hide_description_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_ARAP_PNS']\">{{hide_arap_pns_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_ARAP_SETTLEMENT']\">{{hide_arap_settlement_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_ARAP_DOC_OPEN']\">{{hide_arap_doc_open_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_ARAP_CONTRA']\">{{hide_arap_contra_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_ARAP_BAL']\">{{hide_arap_bal_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_MARKETPLACE_ORDER_NO']\">{{hide_marketplace_order_no_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_REMARKS_MAIN_LISTING']\">{{show_remarks_main_listing_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_REFERENCE_MAIN_LISTING']\">{{show_reference_main_listing_text}}</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode!=='internalPurchaseOrderApplet' && appletCode!=='internal-purchase-grn-applet' && appletCode!=='internal-purchase-requisition-applet'\n              && appletCode!=='internal-purchase-quotation-applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_TXN_MAIN_LISTING']\">HIDE_AMOUNT_TXN_MAIN_LISTING</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='internalPurchaseOrderApplet' || appletCode==='internal-purchase-grn-applet' || appletCode==='internal-purchase-requisition-applet'\n              || appletCode==='internal-purchase-quotation-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_MAIN_LISTING']\">HIDE_AMOUNT_MAIN_LISTING</mat-slide-toggle>\n            </li>\n            <li *ngIf=\"appletCode==='internalPurchaseOrderApplet' || appletCode==='internal-purchase-grn-applet' || appletCode==='internal-purchase-requisition-applet'\n              || appletCode==='internal-purchase-quotation-applet'\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_QTY_MAIN_LISTING']\">HIDE_QTY_MAIN_LISTING</mat-slide-toggle>\n            </li>\n          <!-- <li *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_AND_OUTSTANDING_FIELDS']\">HIDE_AMOUNT_AND_OUTSTANDING_FIELDS</mat-slide-toggle>\n          </li> -->\n\n          <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n           || appletCode === 'internalPurchaseGRNApplet' \">\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 300px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_QUOTATION']\">\n                HIDE_QUOTATION\n              </mat-slide-toggle>\n            </div>\n          </li>\n          <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n           || appletCode === 'internalPurchaseGRNApplet' \">\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 300px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_ORDER']\">\n                HIDE_ORDER\n              </mat-slide-toggle>\n            </div>\n          </li>\n          <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n           || appletCode === 'internalPurchaseGRNApplet' \">\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 300px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_DELIVERY_ORDER']\">\n                HIDE_DELIVERY_ORDER\n              </mat-slide-toggle>\n            </div>\n          </li>\n          <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n           || appletCode === 'internalPurchaseGRNApplet' \">\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 300px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_INVOICE']\">\n                HIDE_INVOICE\n              </mat-slide-toggle>\n            </div>\n          </li>\n          <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n           || appletCode === 'internalPurchaseGRNApplet' \">\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 300px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_OTHERS']\">\n                HIDE_OTHERS\n              </mat-slide-toggle>\n            </div>\n          </li>\n          <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet' ||\n                     appletCode === 'internal_purchase_invoice_applet' ||\n                     appletCode === 'internal_purchase_invoice_applet' ||\n                     appletCode === 'LedgerJournalApplet' ||\n                     appletCode === 'salesInvoiceApplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CLONE_BUTTON']\">HIDE_CLONE_BUTTON</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_GL_DIMENSION']\">{{show_gl_dimension_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_SEGMENT']\">{{show_segment_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_PROFIT_CENTER']\">{{show_profit_center_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_PROJECT']\">{{show_project_text}}</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n\n      <mat-expansion-panel expanded=\"true\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{create_and_print_documents_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_AUTO_POPUP']\">\n              {{enable_auto_popup_text}}\n            </mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n\n      <mat-expansion-panel>\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{vertical_ui_setting_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['VERTICAL_ORIENTATION']\">{{enable_vertical_orientation_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MAIN_DETAILS']\">\n              {{expand_main_details_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_ACCOUNT']\">\n              {{expand_account_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_LINE_ITEMS']\">\n              {{expand_line_items_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_KO_FOR']\">\n              {{expand_ko_for_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DELIVERY_DETAILS']\">\n              {{expand_delivery_details_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MAIN_ARAP']\">\n              {{expand_main_arap_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DEPARTMENT_HDR']\">\n              {{expand_department_hdr_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_TRACE_DOCUMENT']\">\n              {{expand_trace_document_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DOC_LINK']\">\n              {{expand_doc_link_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_ATTACHMENT']\">\n              {{expand_attachment_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_EXPORT']\">\n              {{expand_export_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_MAIN_CONTRA']\">\n              {{expand_contra_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_SETTLEMENT']\">\n              {{expand_settlement_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_POSTING']\">\n              {{expand_posting_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EXPAND_DELIVERY_TRIPS']\">\n              {{expand_delivery_trips_text}}</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"(appletCode | lowercase) === 'internalsalesreturnapplet' || (appletCode | lowercase) === 'internal_purchase_return_applet'\" [expanded]=\"expandSearchInvoice()\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>Search Invoices</mat-panel-title>\n      </mat-expansion-panel-header>\n      <mat-expansion-panel expanded=\"true\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">Selection Settings</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['WARN_EXCESS_RETURN_QUANTITY']\">\n              WARN_EXCESS_RETURN_QUANTITY\n            </mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n    </mat-expansion-panel>\n\n\n      <mat-expansion-panel [expanded]=\"expandMainDetails()\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>{{main_details_text}}</mat-panel-title>\n        </mat-expansion-panel-header>\n      <mat-expansion-panel expanded=\"true\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{doc_settings_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li *ngIf=\"appletCode==='posGeneral'\">\n            <mat-slide-toggle [formControl]=\"form.controls['FILTER_EMPLOYEE_BY_BRANCH']\">\n              FILTER_EMPLOYEE_BY_BRANCH\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_DOCUMENT_DELETE_BUTTON']\">\n              {{show_document_delete_button_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_PREFIX']\">{{hide_prefix_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_GENERATE_BUTTON']\">{{hide_generate_button_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_TRACKING_ID']\">{{hide_tracking_id_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_PERMIT_NO']\">{{hide_permit_no_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_VALIDITY_DATE']\">{{hide_validity_date_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['REQUIRE_VALIDITY_DATE']\">{{require_validity_date_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['SHOW_EMAIL_PAYMENT_URL_BUTTON']\">{{show_email_payment_url_button_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_REASON']\">{{hide_reason_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CREATED_BY_DETAILS']\">{{hide_created_by_details_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SOURCE_DOC_NO']\">{{hide_source_doc_no_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_LOCATION']\">{{hide_location_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_DELIVERY_BRANCH']\">{{hide_delivery_branch_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_DELIVERY_LOCATION']\">{{hide_delivery_location_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['SHOW_FOREX_DATA_SOURCE']\">{{show_forex_data_source_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['CANNOT_EDIT_CURRENCY_RATE']\">{{cannot_edit_currency_rate_text}}</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode === 'internal-receipt-voucher-applet' ||\n                     appletCode === 'InternalSalesReturnApplet' ||\n                     appletCode === 'salesInvoiceApplet' ||\n                     appletCode === 'InternalSalesDebitNote' ||\n                     appletCode === 'InternalSalesCreditNote'\">\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle\n                style=\"width: 310px; margin-right: 10px;\"\n                [formControl]=\"form.controls['HIDE_MAIN_DETAILS_SALES_AGENT']\"\n                (change)=\"onHideToggleChange()\"> <!-- Add change event -->\n                HIDE_SALES_AGENT\n              </mat-slide-toggle>\n\n              <!-- Conditionally show the checkbox based on the value of the toggle -->\n              <mat-checkbox\n                *ngIf=\"!form.controls['HIDE_MAIN_DETAILS_SALES_AGENT'].value\"\n                [formControl]=\"form.controls['MANDATORY_MAIN_DETAILS_SALES_AGENT']\">\n                Mandatory\n              </mat-checkbox>\n            </div>\n          </li>\n\n          <li *ngIf=\" appletCode==='InternalJobSheet'||\n          appletCode==='internal_job_sheet' ||\n          appletCode==='salesInvoiceApplet' ||\n          appletCode==='InternalSalesQuotationApplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CRM_CONTACT']\">HIDE_CRM_CONTACT</mat-slide-toggle>\n          </li>\n          <li *ngIf=\" appletCode==='salesInvoiceApplet' ||\n          appletCode==='InternalSalesReturnApplet' ||\n          appletCode ==='internalPurchaseOrderApplet'||\n          appletCode === 'internal_purchase_invoice_applet' ||\n          appletCode=== 'internalPurchaseReturn' ||\n          appletCode === 'internal-purchase-grn-applet' ||\n          appletCode ==='internal-purchase-credit-note-applet' ||\n          appletCode==='internal-purchase-debit-note-applet' ||\n          appletCode==='InternalSalesCreditNote' ||\n          appletCode==='InternalSalesDebitNote' ||\n          appletCode==='internal-payment-voucher-applet' ||\n          appletCode==='internal-receipt-voucher-applet' \">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_BASE_CURRENCY']\">HIDE_BASE_CURRENCY</mat-slide-toggle>\n          </li>\n          <li *ngIf=\" appletCode==='InternalJobSheet' ||\n          appletCode==='InternalSalesReturnApplet' ||\n          appletCode=== 'internalPurchaseReturn' ||\n          appletCode ==='internalPurchaseOrderApplet'||\n          appletCode==='Internal_job_sheet' ||\n          appletCode==='salesInvoiceApplet' ||\n          appletCode === 'internal_purchase_invoice_applet' ||\n          appletCode === 'internal-purchase-grn-applet' ||\n          appletCode ==='internal-purchase-credit-note-applet' ||\n          appletCode==='internal-purchase-debit-note-applet' ||\n          appletCode==='InternalSalesCreditNote' ||\n          appletCode==='InternalSalesDebitNote' ||\n          appletCode==='internal-payment-voucher-applet' ||\n          appletCode==='internal-receipt-voucher-applet'\n            \">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CURRENCY']\">HIDE_CURRENCY</mat-slide-toggle>\n          </li>\n\n          <li *ngIf=\" appletCode==='InternalJobSheet' ||\n          appletCode==='InternalSalesReturnApplet' ||\n          appletCode==='internalPurchaseOrderApplet'||\n          appletCode==='Internal_job_sheet' ||\n          appletCode==='salesInvoiceApplet' ||\n          appletCode==='internal_purchase_invoice_applet' ||\n          appletCode === 'internal-purchase-grn-applet'||\n          appletCode==='internalPurchaseReturn' ||\n          appletCode ==='internal-purchase-credit-note-applet' ||\n          appletCode==='internal-purchase-debit-note-applet' ||\n          appletCode==='InternalSalesCreditNote'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CREDIT_TERMS']\">HIDE_CREDIT_TERMS</mat-slide-toggle>\n          </li>\n          <li *ngIf=\" appletCode==='InternalSalesDebitNote'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DEBIT_TERMS']\">HIDE_DEBIT_TERMS</mat-slide-toggle>\n          </li>\n          <li *ngIf=\" appletCode==='salesInvoiceApplet' ||\n          appletCode ==='InternalSalesReturnApplet' ||\n          appletCode ==='internalPurchaseOrderApplet' ||\n          appletCode === 'internal_purchase_invoice_applet' ||\n          appletCode === 'internal-purchase-grn-applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_CREDIT_LIMIT']\">HIDE_CREDIT_LIMIT</mat-slide-toggle>\n          </li>\n          <li *ngIf=\" appletCode==='salesInvoiceApplet' ||\n          appletCode ==='InternalSalesReturnApplet'  ||\n          appletCode==='InternalSalesCreditNote' ||\n          appletCode==='InternalSalesDebitNote'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DUE_DATE']\">HIDE_DUE_DATE</mat-slide-toggle>\n          </li>\n          <li *ngIf=\" appletCode==='salesInvoiceApplet'||\n          appletCode ==='InternalSalesReturnApplet' ||\n          appletCode=== 'internalPurchaseReturn' ||\n          appletCode ==='internalPurchaseOrderApplet' ||\n          appletCode === 'internal_purchase_invoice_applet' ||\n          appletCode === 'internal-purchase-grn-applet' ||\n          appletCode ==='internal-purchase-credit-note-applet' ||\n          appletCode==='internal-purchase-debit-note-applet' ||\n          appletCode==='InternalSalesCreditNote' ||\n          appletCode==='InternalSalesDebitNote' ||\n          appletCode==='internal-receipt-voucher-applet' ||\n          appletCode==='internal-payment-voucher-applet' ||\n          appletCode==='stocktransferapplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_REMARKS']\">HIDE_REMARKS</mat-slide-toggle>\n          </li>\n          <li *ngIf=\" appletCode==='salesInvoiceApplet' ||\n          appletCode ==='internalPurchaseOrderApplet'  ||\n          appletCode === 'internal-purchase-grn-applet'||\n          appletCode === 'internal_purchase_invoice_applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_EXTERNAL_REMARKS']\">HIDE_EXTERNAL_REMARKS</mat-slide-toggle>\n          </li>\n          <li *ngIf=\" appletCode==='salesInvoiceApplet'||\n          appletCode==='InternalSalesReturnApplet' ||\n          appletCode=== 'internalPurchaseReturn' ||\n          appletCode ==='internalPurchaseOrderApplet' ||\n          appletCode==='internal-purchase-debit-note-applet' ||\n          appletCode==='InternalSalesCreditNote' ||\n          appletCode==='InternalSalesDebitNote' ||\n          appletCode==='internal-receipt-voucher-applet' ||\n          appletCode==='internal-payment-voucher-applet' ||\n          appletCode === 'internal-purchase-grn-applet' ||\n          appletCode === 'internal-purchase-credit-note-applet' ||\n          appletCode==='stocktransferapplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_REFERENCE']\">HIDE_REFERENCE</mat-slide-toggle>\n          </li>\n\n          <li *ngIf=\"appletCode==='internal_purchase_invoice_applet'\">\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_REFERENCE']\" (change)=\"updateMandatoryCheckboxes()\">\n                HIDE_REFERENCE\n              </mat-slide-toggle>\n              <mat-checkbox *ngIf=\"!this.form.controls['HIDE_REFERENCE'].value\" [formControl]=\"form.controls['MANDATORY_REFERENCE']\">\n                Mandatory\n              </mat-checkbox>\n            </div>\n          </li>\n\n          <li *ngIf=\"appletCode==='internal-payment-voucher-applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DESC']\">HIDE_DESCRIPTION</mat-slide-toggle>\n          </li>\n\n\n\n          <li *ngIf=\" appletCode==='salesInvoiceApplet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_FOREX_HISTORY']\">HIDE_FOREX_HISTORY</mat-slide-toggle>\n          </li>\n\n          <li *ngIf=\" appletCode==='InternalJobSheet' ||\n          appletCode==='InternalSalesReturnApplet' ||\n          appletCode==='Internal_job_sheet' ||\n          appletCode==='salesInvoiceApplet' ||\n          appletCode==='InternalSalesCreditNote' ||\n          appletCode==='InternalSalesDebitNote' ||\n          appletCode==='InternalSalesQuotationApplet'\n            \">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_MEMBER_CARD']\">HIDE_MEMBER_CARD</mat-slide-toggle>\n          </li>\n\n          <li *ngIf=\" appletCode==='InternalJobSheet'\n            || appletCode==='Internal_job_sheet' || appletCode==='salesInvoiceApplet'\n            \">\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_LEAD']\">HIDE_SALES_LEAD</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_EMPLOYEE_LOGIN_AUTO_DETECTION']\">{{enable_employee_login_auto_detection_text}}</mat-slide-toggle>\n          </li>\n          <li *ngIf=\" appletCode==='salesInvoiceApplet' || appletCode==='InternalSalesCreditNote' || appletCode==='InternalSalesDebitNote' ||\n                      appletCode==='internal_purchase_invoice_applet' || appletCode==='internal-purchase-credit-note-applet' || appletCode==='internal-purchase-debit-note-applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_CUSTOM_DOC_NO']\">SHOW_CUSTOM_DOC_NO</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode === 'erp_stock_adjustment_applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_GL_CODE']\">SHOW_GL_CODE</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-form-field appearance=\"outline\">\n              <mat-label> {{sales_man_text}} </mat-label>\n              <mat-select placeholder=\"Type\" [formControl]=\"form.controls['salesManLabels']\" multiple>\n                <mat-option *ngFor=\"let label of salesManLabelList\" [value]=\"label.value\" [disabled]=\"label.selected\">\n                  {{label.viewValue}} </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n      <mat-expansion-panel *ngIf=\"appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal-purchase-grn-applet' || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internal_purchase_invoice_applet'\n      || appletCode === 'internalPurchaseGRNApplet' || appletCode==='salesInvoiceApplet' \">\n        <mat-expansion-panel-header expanded=\"true\">\n          <mat-panel-title>\n            <span class=\"field-header\">External Documents</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_MAIN_DETAILS_QUOTATION']\">\n                HIDE_QUOTATION\n              </mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_QUOTATION']\">\n                Mandatory\n              </mat-checkbox>\n            </div>\n          </li>\n          <li>\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_MAIN_DETAILS_ORDER']\">\n                HIDE_ORDER\n              </mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_ORDER']\">\n                Mandatory\n              </mat-checkbox>\n            </div>\n          </li>\n          <li>\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_MAIN_DETAILS_DELIVERY_ORDER']\">\n                HIDE_DELIVERY_ORDER\n              </mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_DELIVERY_ORDER']\">\n                Mandatory\n              </mat-checkbox>\n            </div>\n          </li>\n          <li>\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_MAIN_DETAILS_INVOICE']\">\n                HIDE_INVOICE\n              </mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_INVOICE']\">\n                Mandatory\n              </mat-checkbox>\n            </div>\n          </li>\n          <li>\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_MAIN_DETAILS_OTHERS']\">\n                HIDE_OTHERS\n              </mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_OTHERS']\">\n                Mandatory\n              </mat-checkbox>\n            </div>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n      <mat-accordion>\n        <mat-expansion-panel>\n          <mat-expansion-panel-header expanded=\"true\">\n            <mat-panel-title>\n              <span class=\"field-header\">{{workflow_selection_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <company-workflow-dropdown [(processGuid)]=\"form.controls['WORKFLOW_PROCESS_GUID']\"\n                (processChange)=\"workflowSelected($event)\"></company-workflow-dropdown>\n            </li>\n            <li *ngIf=\"form.controls['WORKFLOW_PROCESS_GUID'].value\">\n              <mat-form-field appearance=\"outline\">\n                <mat-label>{{final_button_status_text}}</mat-label>\n                <mat-select [formControl]=\"form.controls['FINAL_STATUS_GUID']\">\n                  <mat-option>\n                    <ngx-mat-select-search [placeholderLabel]=\"final_button_status_text\"\n                      [noEntriesFoundLabel]=\"no_matching_records_found_text\" [formControl]=\"WorkflowStatusFilterCtrl\">\n                    </ngx-mat-select-search>\n                  </mat-option>\n                  <mat-option *ngFor=\"let opt of filteredOptions$ | async\"\n                    [value]=\"opt.bl_wf_md_process_status_link.process_status_guid\">\n                    {{opt.bl_wf_md_process_status_link.name}}\n                  </mat-option>\n                </mat-select>\n              </mat-form-field>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n      </mat-accordion>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel [expanded]=\"expandAccount()\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>{{account_text}}</mat-panel-title>\n      </mat-expansion-panel-header>\n      <mat-expansion-panel>\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{entity_details_settings_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_BRANCH_FILTER']\">\n              {{enable_branch_filter_text}}</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n\n      <mat-expansion-panel>\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{billing_settings_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_ACCOUNT_BILLING_CONTACT']\">{{hide_billing_contact_text}}</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n\n      <mat-expansion-panel>\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{shipping_settings_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_ACCOUNT_SHIPPING_CONTACT']\">{{hide_shipping_contact_text}}</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel [expanded]=\"expandLineItem()\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>{{line_items_text}}</mat-panel-title>\n      </mat-expansion-panel-header>\n      <mat-expansion-panel>\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{lines_settings_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <!-- <li>\n          <mat-slide-toggle>Unit Discount</mat-slide-toggle>\n        </li> -->\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['DISABLE_ITEM_LISTING']\">\n              {{disable_item_listing_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_AGENT']\">\n              {{hide_sales_agent_or_purchaser_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_STD_PRICING_SCHEME']\">\n              {{hide_unit_price_std_pricing_scheme_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_STD_INCL_TAX']\">\n              {{hide_unit_price_std_incl_tax_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_STD_EXCL_TAX']\">\n              {{hide_unit_price_std_excl_tax_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_STD_UOM_INCL_TAX']\">\n              {{hide_unit_price_std_uom_incl_tax_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_STD_UOM_EXCL_TAX']\">\n              {{hide_unit_price_std_uom_excl_tax_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_NET_UOM_EXCL_TAX']\">\n              {{hide_unit_price_net_uom_excl_tax_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_NET_EXCL_TAX']\">\n              {{hide_unit_price_net_excl_tax_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_DISCOUNT']\">{{hide_unit_discount_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_QTY_BASE']\">{{hide_qty_base_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_QTY_UOM']\">{{hide_qty_uom_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UOM_TO_BASE_RATIO']\">{{hide_uom_to_base_ratio_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_DISCOUNT_UOM_EXCL_TAX']\">\n              {{hide_unit_discount_uom_excl_tax_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_TXN_UOM_INCL_TAX']\">\n              {{hide_unit_price_txn_uom_incl_tax_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_STD_EXCL_TAX']\">{{hide_amount_std_excl_tax_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DISCOUNT_AMOUNT_EXCL_TAX']\">\n              {{hide_discount_amount_excl_tax_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_NET_EXCL_TAX']\">{{hide_amount_net_excl_tax_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_TAX_CONFIG_SELECTION']\">{{hide_tax_config_selection_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_WHT_CONFIG_SELECTION']\">{{hide_wht_config_selection_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_UNIT_PRICE_TXN']\">{{hide_unit_price_txn_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_LAST_PURCHASE_PRICE']\">{{hide_last_purchase_price_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_ITEM_STOCK_BALANCE']\">{{disallow_negative_stock_for_basic_item_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['ENABLE_DRAFT_LOCK_SERIAL_NUMBER_CHECKING']\">{{enable_draft_lock_serial_number_checking_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_TOTAL_DISCOUNT_AMOUNT']\">{{hide_total_discount_amount_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_AMOUNT_TXN']\">{{hide_amount_txn_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_TOTAL_TXN_AMOUNT']\">{{hide_total_txn_amount_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_SST_VAT_GST_AMOUNT']\">{{hide_sst_vat_gst_amount_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_TOTAL_SST_VAT_GST_AMOUNT']\">{{hide_total_sst_vat_gst_amount_text}}\n            </mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='posGeneral' || 'salesInvoiceApplet'\">\n            <mat-slide-toggle\n              [formControl]=\"form.controls['ENABLE_EDITING_UNIT_PRICE_STD']\">ENABLE_EDITING_UNIT_PRICE_STD\n            </mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='internal-purchase-grn-applet' || appletCode==='internalPurchaseGRNApplet'\">\n            <mat-slide-toggle\n              [formControl]=\"form.controls['SERIAL_NUMBER_QTY_FOLLOW_BASIC_QTY']\">SERIAL_NUMBER_QTY_FOLLOW_BASIC_QTY\n            </mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='posGeneral'\">\n            <mat-slide-toggle\n              [formControl]=\"form.controls['TRADE_IN_BASIC_ITEM']\">TRADE_IN_BASIC_ITEM\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_BUDGET']\">{{show_budget_text}}</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='posGeneral'\">\n            <mat-slide-toggle\n              [formControl]=\"form.controls['SHOW_MA_COST']\">SHOW_MA_COST\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['HIDE_LINE_ITEMS_GL_CODE']\">{{hide_gl_code_text}}\n            </mat-slide-toggle>\n          </li>\n          <li>\n            <div style=\"display: flex; flex-direction: column;\">\n              <mat-slide-toggle [formControl]=\"form.controls['ENABLE_ITEM_NAME_MAX_LIMIT']\">{{enable_item_name_max_limit_text}}</mat-slide-toggle>\n              <mat-form-field appearance=\"fill\" style=\"width: 200px;\" *ngIf=\"form.controls['ENABLE_ITEM_NAME_MAX_LIMIT'].value\">\n                <mat-label>{{item_name_max_limit_text}}</mat-label>\n                <input matInput type=\"number\" min=\"1\" [formControl]=\"form.controls['ITEM_NAME_MAX_LIMIT']\">\n                <mat-hint>{{enter_maximum_characters_allowed_text}}</mat-hint>\n              </mat-form-field>\n            </div>\n          </li>\n          <li *ngIf=\"showRebatePrice()\">\n            <mat-slide-toggle\n              [formControl]=\"form.controls['SHOW_REBATE_PRICE']\">{{show_rebate_price_text}}\n            </mat-slide-toggle>\n          </li>\n          <!-- <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_BUDGET_REGISTER']\">HIDE_BUDGET_REGISTER</mat-slide-toggle>\n          </li> -->\n          <!-- <li>\n          <mat-slide-toggle>Blanket Order</mat-slide-toggle>\n        </li> -->\n        </ul>\n      </mat-expansion-panel>\n      <mat-expansion-panel>\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{department_settings_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_SEGMENT']\" (change)=\"updateMandatoryCheckboxes()\">\n                {{hide_segment_text}}\n              </mat-slide-toggle>\n              <mat-checkbox *ngIf=\"!this.form.controls['HIDE_SEGMENT'].value\" [formControl]=\"form.controls['MANDATORY_SEGMENT']\">\n                {{mandatory_text}}\n              </mat-checkbox>\n            </div>\n          </li>\n          <li>\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_DIMENSION']\" (change)=\"updateMandatoryCheckboxes()\">\n                {{hide_gl_dimension_text}}\n              </mat-slide-toggle>\n              <mat-checkbox *ngIf=\"!this.form.controls['HIDE_DIMENSION'].value\" [formControl]=\"form.controls['MANDATORY_DIMENSION']\">\n                {{mandatory_text}}\n              </mat-checkbox>\n            </div>\n          </li>\n          <li>\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_PROFIT_CENTER']\" (change)=\"updateMandatoryCheckboxes()\">\n                {{hide_profit_center_text}}\n              </mat-slide-toggle>\n              <mat-checkbox *ngIf=\"!this.form.controls['HIDE_PROFIT_CENTER'].value\" [formControl]=\"form.controls['MANDATORY_PROFIT_CENTER']\">\n                {{mandatory_text}}\n              </mat-checkbox>\n            </div>\n          </li>\n          <li>\n            <div style=\"display: flex; align-items: center;\">\n              <mat-slide-toggle style=\"width: 200px; margin-right: 10px;\" [formControl]=\"form.controls['HIDE_PROJECT']\" (change)=\"updateMandatoryCheckboxes()\">\n                {{hide_project_text}}\n              </mat-slide-toggle>\n              <mat-checkbox *ngIf=\"!this.form.controls['HIDE_PROJECT'].value \" [formControl]=\"form.controls['MANDATORY_PROJECT']\">\n                {{mandatory_text}}\n              </mat-checkbox>\n            </div>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n      <mat-expansion-panel *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">KO For Purchase Requisition</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_APPROVED_PR_LINE']\">Show Approved\n              Only</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n      <!-- For hiding main line item tabs -->\n      <mat-expansion-panel>\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{hide_line_item_main_tabs_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERIAL_NUMBER']\">{{hide_serial_number_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_BIN_NUMBER']\">{{hide_bin_number_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_BATCH_NUMBER']\">{{hide_batch_number_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_COSTING_DETAILS']\">{{hide_costing_details_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_PRICING_DETAILS']\">{{hide_pricing_details_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_ISSUE_LINK']\">{{hide_issue_link_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_STOCK_DETAILS']\">{{hide_stock_details_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_HISTORY']\">{{hide_sales_history_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_KO_PACKING_ITEM']\">{{hide_ko_packing_order_item_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SELECT_JOB_ORDER_ITEM']\">{{hide_select_job_order_item_text}}</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n      <!-- end -->\n      <!-- For hiding sub line item tabs -->\n      <mat-expansion-panel>\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{hide_line_item_sub_tabs_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_MULTI_DISCOUNT']\">{{hide_multi_discount_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DELIVERY_INSTRUCTION']\">{{hide_delivery_instruction_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DEPARTMENT']\">{{hide_department_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DOC_LINK']\">{{hide_doc_link_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_RELATED_DOCUMENTS']\">{{hide_related_documents_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DELIVERY_DETAILS']\">{{hide_delivery_details_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DELIVERY_TRIPS']\">{{hide_delivery_trips_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_ATTACHMENT_TAB']\">{{hide_attachment_tab_text}}</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n      <!-- end -->\n      <!-- Line Permission -->\n      <mat-expansion-panel>\n        <mat-expansion-panel-header>\n          <mat-panel-title>\n            <span class=\"field-header\">{{line_permission_text}}</span>\n          </mat-panel-title>\n        </mat-expansion-panel-header>\n        <ul>\n          <li *ngIf=\"appletCode==='posGeneral' || appletCode==='salesInvoiceApplet'\">\n            <mat-slide-toggle\n              [formControl]=\"form.controls['DISALLOW_SELL_ABOVE_UNIT_PRICE_STD_INCL_TAX']\">DISALLOW_SELL_ABOVE_UNIT_PRICE_STD_INCL_TAX</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['DISALLOW_SELL_BELOW_MIN_PRICE']\" style=\"width: 300px; margin-right: 10px;\">{{disallow_sell_below_min_price_text}}</mat-slide-toggle>\n            <mat-slide-toggle *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode==='posGeneral'\" [formControl]=\"form.controls['HIDE_PRICE_SELL_BELOW_MIN_PRICE']\">HIDE_PRICE</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['DISALLOW_SELL_BELOW_REPLACEMENT_PRICE']\" style=\"width: 300px; margin-right: 10px;\">{{disallow_sell_below_replacement_price_text}}</mat-slide-toggle>\n            <mat-slide-toggle *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode==='posGeneral'\" [formControl]=\"form.controls['HIDE_PRICE_SELL_BELOW_REPLACEMENT_PRICE']\">HIDE_PRICE</mat-slide-toggle>\n            </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['DISALLOW_SELL_BELOW_MA_COST']\" style=\"width: 300px; margin-right: 10px;\">{{disallow_sell_below_ma_cost_text}}</mat-slide-toggle>\n            <mat-slide-toggle *ngIf=\"appletCode==='salesInvoiceApplet' || appletCode==='posGeneral'\" [formControl]=\"form.controls['HIDE_PRICE_SELL_BELOW_MA_COST']\">HIDE_PRICE</mat-slide-toggle>\n            </li>\n          <li>\n            <mat-slide-toggle\n              [formControl]=\"form.controls['DISALLOW_LINE_ITEM_EDIT']\">{{disallow_line_item_edit_text}}</mat-slide-toggle>\n          </li>\n        </ul>\n      </mat-expansion-panel>\n    </mat-expansion-panel>\n\n\n    <mat-expansion-panel *ngIf=\"showKOTab\" [expanded]=\"expandKoFor()\">\n\n      <mat-expansion-panel-header>\n        <mat-panel-title>KO For</mat-panel-title>\n      </mat-expansion-panel-header>\n        <mat-expansion-panel *ngIf=\"appletCode==='internalPurchaseOrderApplet'\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">KO For Purchase Requisition</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['SHOW_APPROVED_PR_HDR']\">Show Approved\n                Only</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_KO_FOR_TAB']\">\n              HIDE_KO_FOR_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_MULTIPLE_KO']\">\n              ENABLE_MULTIPLE_KO</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['DISABLE_ADD_WHEN_KO']\">\n              DISABLE_ADD_WHEN_KO</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul *ngIf=\"appletCode==='salesInvoiceApplet'\">\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_KO_DRAFT']\">\n              ENABLE_KO_DRAFT</mat-slide-toggle>\n          </li>\n        </ul>\n        <ul *ngIf=\"appletCode==='salesInvoiceApplet'\">\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['FILTER_ITEMS_BY_REQUIRED_DELIVERY']\">\n              FILTER_ITEMS_BY_REQUIRED_DELIVERY</mat-slide-toggle>\n          </li>\n        </ul>\n        <!-- <ul  *ngIf=\"appletCode==='salesInvoiceApplet'\"> -->\n        <li>\n          <mat-slide-toggle [formControl]=\"form.controls['ENABLE_AUTO_FINAL']\">\n            ENABLE_AUTO_FINAL</mat-slide-toggle>\n        </li>\n        <!-- </ul> -->\n\n\n    </mat-expansion-panel>\n\n\n  <mat-expansion-panel *ngIf=\"showPaymentTab\" [expanded]=\"expandPayment()\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>Payment</mat-panel-title>\n    </mat-expansion-panel-header>\n    <ul>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_MAIN_PAYMENT_TAB']\">\n          HIDE_MAIN_PAYMENT_TAB</mat-slide-toggle>\n      </li>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['ENABLE_EDIT_PAYMENT_DATE']\">\n          ENABLE_EDIT_PAYMENT_DATE</mat-slide-toggle>\n      </li>\n    </ul>\n    <mat-expansion-panel>\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <span class=\"field-header\">Credit Card Settings</span>\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <ul>\n        <li class=\"toggle-container\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_NO']\">\n            HIDE_CARD_NO</mat-slide-toggle>\n          <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_NO']\">\n            Mandatory</mat-checkbox>\n        </li>\n        <li class=\"toggle-container\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_NAME']\">\n            HIDE_NAME</mat-slide-toggle>\n          <mat-checkbox [formControl]=\"form.controls['MANDATORY_NAME']\">\n            Mandatory</mat-checkbox>\n        </li>\n        <li class=\"toggle-container\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_ISSUER']\">\n            HIDE_CARD_ISSUER</mat-slide-toggle>\n          <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_ISSUER']\">\n            Mandatory</mat-checkbox>\n        </li>\n        <li class=\"toggle-container\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_EXPIRY']\">\n            HIDE_CARD_EXPIRY</mat-slide-toggle>\n          <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_EXPIRY']\">\n            Mandatory</mat-checkbox>\n        </li>\n        <li class=\"toggle-container\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_APPROVAL_CODE']\">\n            HIDE_APPROVAL_CODE</mat-slide-toggle>\n          <mat-checkbox [formControl]=\"form.controls['MANDATORY_APPROVAL_CODE']\">\n            Mandatory</mat-checkbox>\n        </li>\n        <li class=\"toggle-container\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_BATCH']\">\n            HIDE_BATCH</mat-slide-toggle>\n          <mat-checkbox [formControl]=\"form.controls['MANDATORY_BATCH']\">\n            Mandatory</mat-checkbox>\n        </li>\n        <li class=\"toggle-container\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_TYPE']\">\n            HIDE_CARD_TYPE</mat-slide-toggle>\n          <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_TYPE']\">\n            Mandatory</mat-checkbox>\n        </li>\n        <li *ngIf=\"appletCode!=='posGeneral'\" class=\"toggle-container\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_CVV']\">\n            HIDE_CVV</mat-slide-toggle>\n          <mat-checkbox [formControl]=\"form.controls['MANDATORY_CVV']\">\n            Mandatory</mat-checkbox>\n        </li>\n      </ul>\n    </mat-expansion-panel>\n  </mat-expansion-panel>\n\n\n  <mat-expansion-panel *ngIf=\"showSearchTab\"  [expanded]=\"expandSearch()\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>Search</mat-panel-title>\n    </mat-expansion-panel-header>\n    <ul>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_SEARCH_TAB']\">\n          HIDE_SEARCH_TAB</mat-slide-toggle>\n      </li>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_PRICE_LISTING']\">\n          HIDE_PRICE_LISTING</mat-slide-toggle>\n      </li>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_RETURN_PRICE_LISTING']\">\n          HIDE_RETURN_PRICE_LISTING</mat-slide-toggle>\n      </li>\n    </ul>\n  </mat-expansion-panel>\n\n  <mat-expansion-panel *ngIf=\"showCollectionTab\" [expanded]=\"expandCollection()\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>Collection</mat-panel-title>\n    </mat-expansion-panel-header>\n    <ul>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_COLLECTION_TAB']\">\n          HIDE_COLLECTION_TAB</mat-slide-toggle>\n      </li>\n    </ul>\n  </mat-expansion-panel>\n\n\n  <mat-expansion-panel *ngIf=\"showStatusTab\" [expanded]=\"expandStatus()\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>Status</mat-panel-title>\n    </mat-expansion-panel-header>\n    <ul>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_STATUS_TAB']\">\n          HIDE_STATUS_TAB</mat-slide-toggle>\n      </li>\n    </ul>\n  </mat-expansion-panel>\n\n  <mat-expansion-panel *ngIf=\"showExpensesTab\" [expanded]=\"expandExpenses()\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>Expenses</mat-panel-title>\n    </mat-expansion-panel-header>\n    <ul>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_EXPENSES_TAB']\">\n          HIDE_EXPENSES_TAB</mat-slide-toggle>\n      </li>\n    </ul>\n  </mat-expansion-panel>\n\n  <mat-expansion-panel *ngIf=\"showsalesCommissionTab\"  [expanded]=\"expandSalesCommision()\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>Sales Commission</mat-panel-title>\n    </mat-expansion-panel-header>\n    <ul>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_COMMISSION_TAB']\">\n          HIDE_SALES_COMMISSION_TAB</mat-slide-toggle>\n      </li>\n    </ul>\n  </mat-expansion-panel>\n\n  <mat-expansion-panel *ngIf=\"showConvertTab\" [expanded]=\"expandConvert()\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>Convert</mat-panel-title>\n    </mat-expansion-panel-header>\n    <ul>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_CONVERT_TAB']\">\n          HIDE_CONVERT_TAB</mat-slide-toggle>\n      </li>\n    </ul>\n  </mat-expansion-panel>\n\n\n  <mat-expansion-panel  *ngIf=\"showRevenueTab\" [expanded]=\"expandRevenue()\">\n    <mat-expansion-panel-header>\n      <mat-panel-title>Revenue</mat-panel-title>\n    </mat-expansion-panel-header>\n    <ul>\n      <li>\n        <mat-slide-toggle [formControl]=\"form.controls['HIDE_REVENUE_TAB']\">\n          HIDE_REVENUE_TAB</mat-slide-toggle>\n      </li>\n    </ul>\n  </mat-expansion-panel>\n\n\n\n  <mat-expansion-panel [expanded]=\"expandMisc()\">\n  <mat-expansion-panel-header>\n    <mat-panel-title>{{miscellaneous_text}}</mat-panel-title>\n  </mat-expansion-panel-header>\n\n\n    <mat-expansion-panel [expanded]=\"expandMisc()\">\n\n      <mat-expansion-panel-header>\n        <mat-panel-title>{{sidebar_menu_text}}</mat-panel-title>\n      </mat-expansion-panel-header>\n\n      <ul>\n        <li *ngIf=\"appletCode === 'salesInvoiceApplet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_PICK_PACK_QUEUE_MENU']\">\n            HIDE_PICK_PACK_QUEUE_MENU\n          </mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode === 'salesInvoiceApplet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_SALES_INVOICE_TEMPLATE_MENU']\">\n            HIDE_SALES_INVOICE_TEMPLATE_MENU\n          </mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_PURCHASE_ORDER_QUEUE_MENU']\">\n            HIDE_PURCHASE_ORDER_QUEUE_MENU\n          </mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode === 'internalPurchaseOrderApplet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_MULTI_PURCHASE_ORDER_MENU']\">\n            HIDE_MULTI_PURCHASE_ORDER_MENU\n          </mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode === 'erp_stock_adjustment_applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERIAL_NUMBER_ADJUSTMENT_MENU']\">\n            HIDE_SERIAL_NUMBER_ADJUSTMENT_MENU\n          </mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode === 'erp_stock_adjustment_applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_BATCH_NUMBER_ADJUSTMENT_MENU']\">\n            HIDE_BATCH_NUMBER_ADJUSTMENT_MENU\n          </mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode === 'internal-receipt-voucher-applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_IMPORT_RECEIPT_VOUCHER_MENU']\">\n            HIDE_IMPORT_RECEIPT_VOUCHER_MENU\n          </mat-slide-toggle>\n        </li>\n        <li\n          *ngIf=\"appletCode === 'salesInvoiceApplet' || appletCode === 'internalPurchaseOrderApplet' || appletCode === 'internal_purchase_invoice_applet'\n                || appletCode === 'erp_stock_adjustment_applet' || appletCode === 'internal-purchase-credit-note-applet' || appletCode === 'internal-purchase-debit-note-applet'\n                || appletCode === 'InternalSalesCreditNote' || appletCode === 'InternalSalesDebitNote' || appletCode === 'internal-payment-voucher-applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_FILE_IMPORT_MENU']\">\n            HIDE_FILE_IMPORT_MENU\n          </mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode === 'salesInvoiceApplet' || appletCode === 'InternalSalesReturnApplet' || appletCode === 'internalPurchaseOrderApplet'\n                || appletCode === 'internal-payment-voucher-applet' || appletCode === 'InternalSalesCreditNote' || appletCode === 'InternalSalesDebitNote'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_INTERCOMPANY_MENU']\">\n            HIDE_INTERCOMPANY_MENU\n          </mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode === 'salesInvoiceApplet' || appletCode === 'InternalSalesReturnApplet' || appletCode === 'internalPurchaseOrderApplet'\n                || appletCode === 'internal_purchase_invoice_applet' || appletCode === 'internalPurchaseReturn' || appletCode === 'internal-purchase-grn-applet'\n                || appletCode === 'internal-payment-voucher-applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_FILE_EXPORT_MENU']\">\n            HIDE_FILE_EXPORT_MENU\n          </mat-slide-toggle>\n        </li>\n        <li *ngIf=\"appletCode === 'erp_stock_adjustment_applet'\">\n          <mat-slide-toggle [formControl]=\"form.controls['HIDE_RESET_MA_MENU']\">\n            HIDE_RESET_MA_MENU\n          </mat-slide-toggle>\n        </li>\n      </ul>\n\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"appletCode==='internal-purchase-requisition-applet'||'internal_purchase_requisition'\" [expanded]=\"expandMisc()\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>{{line_items_queue_listing_text}}</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['DISABLE_LINE_ITEM_QUEUE_LISTING']\">\n              {{disable_line_item_queue_listing_text}}</mat-slide-toggle>\n          </li>\n        </ul>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel [expanded]=\"expandMisc()\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>{{server_doc_type_text}}</mat-panel-title>\n      </mat-expansion-panel-header>\n        <mat-expansion-panel expanded=\"true\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{server_doc_type_settings_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_SERVER_DOC_TYPE']\">\n                {{hide_server_doc_type_text}}</mat-slide-toggle>\n            </li>\n            <li>\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_DOC_SHORT_CODE_PREFIX']\">\n                {{hide_doc_short_code_prefix_text}}</mat-slide-toggle>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showDeliveryDetailsTab\" [expanded]=\"expandMisc()\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>Deliver Details</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DELIVERY_DETAILS_TAB']\">\n              HIDE_DELIVERY_DETAILS_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showDepartmentHdrTab\" [expanded]=\"expandMisc()\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>Department Hdr</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DEPARTMENT_HDR_TAB']\">\n              HIDE_DEPARTMENT_HDR_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showARAPTab\" [expanded]=\"expandMisc()\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>ARAP</mat-panel-title>\n      </mat-expansion-panel-header>\n\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_MAIN_ARAP_TAB']\">\n              HIDE_MAIN_ARAP_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showTraceDocumentTab\" [expanded]=\"expandMisc()\" >\n      <mat-expansion-panel-header>\n        <mat-panel-title>Trace Document</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_TRACE_DOCUMENT_TAB']\">\n              HIDE_TRACE_DOCUMENT_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showDocLinkTab\"  [expanded]=\"expandMisc()\" >\n      <mat-expansion-panel-header>\n        <mat-panel-title>Doc Link</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DOC_LINK_TAB']\">\n              HIDE_DOC_LINK_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showAttachmentsTab\" [expanded]=\"expandMisc()\" >\n\n      <mat-expansion-panel-header>\n        <mat-panel-title>Attachment</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_ATTACHMENT_TAB']\">\n              HIDE_ATTACHMENT_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showExportTab\"  [expanded]=\"expandMisc()\" >\n      <mat-expansion-panel-header>\n        <mat-panel-title>Export</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_EXPORT_TAB']\">\n              HIDE_EXPORT_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel [expanded]=\"expandMisc()\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>{{email_text}}</mat-panel-title>\n      </mat-expansion-panel-header>\n        <mat-expansion-panel expanded=\"true\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">{{email_settings_text}}</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{email_sender_text}}</mat-label>\n            <input matInput [placeholder]=\"email_sender_text\" type=\"text\" [formControl]=\"form.controls['EMAIL_SENDER']\">\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{email_title_text}}</mat-label>\n            <input matInput [placeholder]=\"email_title_text\" type=\"text\" [formControl]=\"form.controls['EMAIL_TITLE']\">\n          </mat-form-field>\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n            <mat-label>{{email_body_text}}</mat-label>\n            <textarea #body matInput [formControl]=\"form.controls['EMAIL_BODY']\"></textarea>\n            <mat-hint align=\"end\">{{body.value.length}} {{characters}}</mat-hint>\n          </mat-form-field>\n        </mat-expansion-panel>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showContraTab\" [expanded]=\"expandMisc()\" >\n      <mat-expansion-panel-header>\n        <mat-panel-title>{{contra_text}}</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_MAIN_CONTRA_TAB']\">\n              {{hide_main_contra_tab_text}}</mat-slide-toggle>\n          </li>\n\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['EDIT_CONTRA_TXN_DATE']\">\n              {{edit_contra_txn_date_text}}</mat-slide-toggle>\n          </li>\n\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['SHOW_DOCUMENTS_WITH_ZERO_ARAP_BAL']\">\n              {{show_documents_with_zero_arap_bal_text}}</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ALLOW_TO_CONTRA_MORE_THAN_DOC_OPEN_AMOUNT']\">\n              {{allow_to_contra_more_than_doc_open_amount_text}}</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='payment_voucher_applet' || appletCode==='internal-payment-voucher-applet' ||appletCode==='internal-receipt-voucher-applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['AUTO_SETTLE_CONTRA']\">\n              AUTO_SETTLE_CONTRA</mat-slide-toggle>\n          </li>\n          <li *ngIf=\"appletCode==='payment_voucher_applet' || appletCode==='internal-payment-voucher-applet' ||appletCode==='internal-receipt-voucher-applet'\">\n            <mat-slide-toggle [formControl]=\"form.controls['CONTRA_DATE_SAME_AS_DOC_DATE_TXN']\">\n              CONTRA_DATE_SAME_AS_DOC_DATE_TXN</mat-slide-toggle>\n          </li>\n        </ul>\n\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showSettlementTab\" [expanded]=\"expandMisc()\" >\n      <mat-expansion-panel-header>\n        <mat-panel-title>Settlement</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_SETTLEMENT_TAB']\">\n              HIDE_SETTLEMENT_TAB</mat-slide-toggle>\n          </li>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['ENABLE_EDIT_SETTLEMENT_DATE']\">\n              ENABLE_EDIT_SETTLEMENT_DATE</mat-slide-toggle>\n          </li>\n        </ul>\n        <mat-expansion-panel>\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              <span class=\"field-header\">Credit Card Settings</span>\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <ul>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_NO']\">\n                HIDE_CARD_NO</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_NO']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_NAME']\">\n                HIDE_NAME</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_NAME']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_ISSUER']\">\n                HIDE_CARD_ISSUER</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_ISSUER']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_EXPIRY']\">\n                HIDE_CARD_EXPIRY</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_EXPIRY']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_APPROVAL_CODE']\">\n                HIDE_APPROVAL_CODE</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_APPROVAL_CODE']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_BATCH']\">\n                HIDE_BATCH</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_BATCH']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CARD_TYPE']\">\n                HIDE_CARD_TYPE</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_CARD_TYPE']\">\n                Mandatory</mat-checkbox>\n            </li>\n            <li *ngIf=\"appletCode!=='posGeneral'\" class=\"toggle-container\">\n              <mat-slide-toggle [formControl]=\"form.controls['HIDE_CVV']\">\n                HIDE_CVV</mat-slide-toggle>\n              <mat-checkbox [formControl]=\"form.controls['MANDATORY_CVV']\">\n                Mandatory</mat-checkbox>\n            </li>\n          </ul>\n        </mat-expansion-panel>\n\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showPostingTab\" [expanded]=\"expandMisc()\" >\n      <mat-expansion-panel-header>\n        <mat-panel-title>Posting</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_POSTING_TAB']\">\n              HIDE_POSTING_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n\n    </mat-expansion-panel>\n\n    <mat-expansion-panel *ngIf=\"showDeliveryTripsTab\" [expanded]=\"expandMisc()\" >\n      <mat-expansion-panel-header>\n        <mat-panel-title>Delivery Trips</mat-panel-title>\n      </mat-expansion-panel-header>\n        <ul>\n          <li>\n            <mat-slide-toggle [formControl]=\"form.controls['HIDE_DELIVERY_TRIPS_TAB']\">\n              HIDE_DELIVERY_TRIPS_TAB</mat-slide-toggle>\n          </li>\n        </ul>\n    </mat-expansion-panel>\n\n    <mat-expansion-panel [expanded]=\"expandMisc()\" >\n\n      <mat-expansion-panel-header>\n        <mat-panel-title>{{item_category_group_text}}</mat-panel-title>\n      </mat-expansion-panel-header>\n        <div fxLayout=\"column\" class=\"p-10\" style=\"width: 100%;\">\n          <ul style=\"width: 100%;\">\n            <ng-container *ngFor=\"let i of [1,2,3,4,5,6,7,8,9,10]\">\n              <li style=\"width: 100%;\">\n                <div fxLayout=\"row\" fxLayoutAlign=\"start start\" class=\"toggle-dropdown\" style=\"width: 100%;\">\n                  <div fxLayout=\"column\" style=\"width: 100%;\">\n                    <!-- Slide Toggle for Hiding/Resetting -->\n                    <mat-slide-toggle\n                      [formControl]=\"form.controls['HIDE_ITEM_CATEGORY_GROUP_' + i]\">\n                      {{ hide_item_category_group_text + i }}\n                    </mat-slide-toggle>\n\n                    <!-- Dropdown that should take the remaining space -->\n                    <ng-container *ngIf=\"!form.controls['HIDE_ITEM_CATEGORY_GROUP_' + i].value\">\n                      <div style=\"flex-grow: 1; margin-top: 8px;\">\n                        <app-select-multi-label-list-drop-down\n                          [apiVisa]=\"apiVisa\"\n                          [labelList]=\"form.controls['ITEM_CATEGORY_GROUP_' + i]\"\n                          [label]=\"item_category_group_text + i\"\n                          [options]=\"'{}'\"\n                          style=\"width: 100%;\">\n                        </app-select-multi-label-list-drop-down>\n                      </div>\n                    </ng-container>\n                  </div>\n              </div>\n              </li>\n            </ng-container>\n          </ul>\n        </div>\n\n\n    </mat-expansion-panel>\n\n  </mat-expansion-panel>\n\n\n\n\n\n\n\n  <!-- </mat-accordion> -->\n</div>\n","styles":[".mat-expansion-panel-header-title{font-size:small}ul li{font-size:smaller}.toggle-container{display:flex;margin-bottom:10px;width:300px}.toggle-button{background-color:#4caf50;color:#fff}.toggle-button:hover{background-color:#43a047}.move-right li{margin-left:15px}.toggle-container mat-slide-toggle{margin-right:18px}.toggle-container mat-checkbox{margin-left:auto}.settings-list{padding-left:40px;position:relative}.settings-list li:before{content:\"•\";color:#000;font-size:20px;position:absolute;left:-18px;top:50%;transform:translateY(-50%)}.settings-list li{display:flex;width:280px;position:relative}.settings-list li mat-checkbox{margin-left:auto}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"MembershipClassHdrService","line":269,"character":36},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"WfMdProcessStatusLinkService","line":272,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"EntityLabelHdrService","line":273,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":274,"character":22}]}],"ngOnInit":[{"__symbolic":"method"}],"shouldHideSetting":[{"__symbolic":"method"}],"hideDepartmentSetting":[{"__symbolic":"method"}],"hideDepartmentHDRTab":[{"__symbolic":"method"}],"getTabValue":[{"__symbolic":"method"}],"workflowSelected":[{"__symbolic":"method"}],"onToggleSalesChange":[{"__symbolic":"method"}],"expandPOSSettings":[{"__symbolic":"method"}],"expandAutoUi":[{"__symbolic":"method"}],"expandSidebar":[{"__symbolic":"method"}],"expandGenDoc":[{"__symbolic":"method"}],"expandLineItemsQueue":[{"__symbolic":"method"}],"expandServerDocType":[{"__symbolic":"method"}],"expandSearchInvoice":[{"__symbolic":"method"}],"expandMainDetails":[{"__symbolic":"method"}],"expandAccount":[{"__symbolic":"method"}],"expandLineItem":[{"__symbolic":"method"}],"expandKoFor":[{"__symbolic":"method"}],"expandPayment":[{"__symbolic":"method"}],"expandDeliveryDetails":[{"__symbolic":"method"}],"expandDepartmentHdr":[{"__symbolic":"method"}],"expandArap":[{"__symbolic":"method"}],"expandTraceDoc":[{"__symbolic":"method"}],"expandDocLink":[{"__symbolic":"method"}],"expandAttachment":[{"__symbolic":"method"}],"expandExport":[{"__symbolic":"method"}],"expandEmail":[{"__symbolic":"method"}],"expandContra":[{"__symbolic":"method"}],"expandSettlement":[{"__symbolic":"method"}],"expandSearch":[{"__symbolic":"method"}],"expandRevenue":[{"__symbolic":"method"}],"expandCollection":[{"__symbolic":"method"}],"expandPosting":[{"__symbolic":"method"}],"expandStatus":[{"__symbolic":"method"}],"expandExpenses":[{"__symbolic":"method"}],"expandSalesCommision":[{"__symbolic":"method"}],"expandConvert":[{"__symbolic":"method"}],"expandDeliveryTrips":[{"__symbolic":"method"}],"expandItemCatGroup":[{"__symbolic":"method"}],"expandMisc":[{"__symbolic":"method"}],"expandAll":[{"__symbolic":"method"}],"updateStatusField":[{"__symbolic":"method"}],"filterApplet":[{"__symbolic":"method"}],"onHideToggleChange":[{"__symbolic":"method"}],"onSave":[{"__symbolic":"method"}],"updateSettingsOrientation":[{"__symbolic":"method"}],"verticalSettingsOrientation":[{"__symbolic":"method"}],"updateMandatoryCheckboxes":[{"__symbolic":"method"}],"showRebatePrice":[{"__symbolic":"method"}],"getClassListing":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵqz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵra"},{"__symbolic":"reference","name":"ɵrc"},{"__symbolic":"reference","name":"ɵrd"},{"__symbolic":"reference","name":"ɵre"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":23,"character":4},{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":25,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":26,"character":4}]}]}],"members":{}},"ɵra":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"template":{"__symbolic":"reference","name":"ɵku"},"animations":{"__symbolic":"reference","name":"ɵbs"},"providers":[{"__symbolic":"reference","name":"ɵrb"}]}]}],"members":{"firstColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵck"},{"static":true}]}]}],"secondColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":37,"character":38},{"__symbolic":"reference","name":"ɵrb"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵrb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵrc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"app-role-pricing-scheme-link-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":33,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":34,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <div\n      fxLayout=\"row wrap\"\n      fxLayoutAlign=\"space-between end\"\n      fxLayoutGap=\"10px\"\n    >\n      <div fxFlex=\"3 0 0\">\n        <div\n          fxLayout=\"row\"\n          fxLayoutAlign=\"space-between center\"\n          fxLayoutGap=\"3px\"\n        >\n          <button\n            ngClass.xs=\"blg-button-mobile\"\n            #navBtn\n            class=\"blg-button-icon\"\n            mat-button\n            matTooltip=\"Create\"\n            type=\"button\"\n            [disabled]=\"deactivateAdd$ | async\"\n            (click)=\"onNext()\"\n          >\n            <img\n              [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\"\n              src=\"assets/images/add.png\"\n              alt=\"add\"\n              width=\"40px\"\n              height=\"40px\"\n            />\n          </button>\n          <app-advanced-search\n            class=\"mobile\"\n            fxFlex\n            fxFlex.lt-sm=\"100\"\n            [id]=\"'company'\"\n            [advSearchModel]=\"searchModel\"\n          ></app-advanced-search>\n          <app-column-toggle\n            [currentToggle]=\"toggleColumn$ | async\"\n            (toggleColumn)=\"onToggle($event)\"\n            fxHide.lt-sm\n          ></app-column-toggle>\n        </div>\n      </div>\n      <div\n        class=\"blg-accent\"\n        fxFlex=\"1 0 25\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"space-between center\"\n      >\n        <app-pagination\n          fxFlex\n          #pagination\n          [agGridReference]=\"agGrid\"\n        ></app-pagination>\n        <app-grid-toggle class=\"blg-button-icon\"></app-grid-toggle>\n      </div>\n    </div>\n  </mat-card-title>\n  <div style=\"height: 80%\">\n    <ag-grid-angular\n      #agGrid\n      id=\"grid\"\n      style=\"height: 100%\"\n      class=\"ag-theme-balham\"\n      [getRowClass]=\"pagination.getRowClass\"\n      [columnDefs]=\"columnsDefs\"\n      [rowData]=\"[]\"\n      [paginationPageSize]=\"pagination.rowPerPage\"\n      [cacheBlockSize]=\"pagination.rowPerPage\"\n      [pagination]=\"true\"\n      [animateRows]=\"true\"\n      [defaultColDef]=\"defaultColDef\"\n      [suppressRowClickSelection]=\"true\"\n      [sideBar]=\"true\"\n      [rowModelType]=\"'serverSide'\"\n      [serverSideStoreType]=\"'partial'\"\n      (rowClicked)=\"onRowClicked($event.data)\"\n      (gridReady)=\"onGridReady($event)\"\n    >\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":115,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-container/role-pricing-scheme-link/role-pricing-scheme-link-listing/role-pricing-scheme-link-listing.component"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"RolePricingSchemeLinkService","line":116,"character":42},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":118,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PricingSchemeService","line":119,"character":34},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onNext":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}]}},"ɵrd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"app-role-pricing-scheme-link-add","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":28,"character":14}],"template":"<form [formGroup]=\"form\">\n  <mat-card-title class=\"column-title\">\n    <div\n      fxLayout=\"row\"\n      fxLayoutAlign=\"space-between end\"\n      style=\"margin-left: 10px; margin-right: 20px\"\n    >\n      <div>\n        <button\n          #navBtn\n          mat-button\n          class=\"blg-button-icon\"\n          matTooltip=\"Back\"\n          type=\"button\"\n          (click)=\"onReturn()\"\n          [disabled]=\"deactivateReturn$ | async\"\n        >\n          <img\n            [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\"\n            src=\"../../../assets/images/backbutton.png\"\n            alt=\"add\"\n            width=\"40px\"\n            height=\"40px\"\n          />\n        </button>\n        <span style=\"font-size: 15px; margin-top: 10px\">\n          Add Role Pricing Scheme Link\n        </span>\n      </div>\n      <button\n        mat-raised-button\n        color=\"primary\"\n        type=\"submit\"\n        (click)=\"onSubmit()\"\n      >\n        SAVE\n      </button>\n    </div>\n  </mat-card-title>\n  <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n    <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n      <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n        <mat-label>Role</mat-label>\n        <mat-select\n          placeholder=\"Select Role\"\n          [formControl]=\"form.controls['role']\"\n          required\n        >\n          <mat-option>\n            <ngx-mat-select-search\n              (keyup)=\"applyRoleFilter($event.target.value)\"\n              [placeholderLabel]=\"'Select Role'\"\n              [noEntriesFoundLabel]=\"'Not a valid entry'\"\n              [formControl]=\"form.controls['currentRole']\"\n              ngDefaultControl\n            ></ngx-mat-select-search\n          ></mat-option>\n          <mat-option *ngFor=\"let item of newRoleArr\" [value]=\"item.guid\">{{\n            item.name\n          }}</mat-option>\n        </mat-select>\n      </mat-form-field>\n    </div>\n    <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n      <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n        <mat-label>Pricing Scheme</mat-label>\n        <mat-select\n          placeholder=\"Select Pricing Scheme\"\n          [formControl]=\"form.controls['pricingScheme']\"\n          required\n        >\n          <mat-option>\n            <ngx-mat-select-search\n              (keyup)=\"applyPricingSchemeFilter($event.target.value)\"\n              [placeholderLabel]=\"'Select Pricing Scheme'\"\n              [noEntriesFoundLabel]=\"'Not a valid entry'\"\n              [formControl]=\"form.controls['currPricingScheme']\"\n              ngDefaultControl\n            ></ngx-mat-select-search\n          ></mat-option>\n          <mat-option\n            *ngFor=\"let item of newPricingSchemeArr\"\n            [value]=\"item.guid\"\n            >{{ item.name }}</mat-option\n          >\n        </mat-select>\n      </mat-form-field>\n    </div>\n  </div>\n</form>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":59,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PricingSchemeService","line":60,"character":34},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":62,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":65,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/role-pricing-scheme-link/role-pricing-scheme-link-add/role-pricing-scheme-link-add.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"applyRoleFilter":[{"__symbolic":"method"}],"applyPricingSchemeFilter":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵre":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"app-role-pricing-scheme-link-edit","providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":28,"character":14}],"template":"<form [formGroup]=\"form\">\n    <mat-card-title class=\"column-title\">\n      <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\" style=\"margin-left: 10px; margin-right: 20px;\">\n        <div>\n          <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n            (click)=\"onReturn()\"\n            [disabled]=\"deactivateReturn$ | async\">\n            <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <span style=\"font-size: 15px; margin-top: 10px;\">\n            Edit Role Pricing Scheme Link\n          </span>\n        </div>\n        <button mat-raised-button color=\"primary\" type=\"submit\" (click)=\"onSubmit()\">SAVE</button>\n      </div>\n    </mat-card-title>\n    <div fxLayout=\"row wrap\" fxFlexAlign=\"center\" class=\"view-col-forms no-tab\">\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n            <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                <mat-label>Role</mat-label>\n                <mat-select placeholder=\"Select Role\" [formControl]=\"form.controls['role']\" required>\n                <mat-option>\n                <ngx-mat-select-search  (keyup)=\"applyRoleFilter($event.target.value)\"\n                                        [placeholderLabel]=\"'Select Role'\"\n                                        [noEntriesFoundLabel]=\"'Not a valid entry'\"\n                                        [formControl]=\"form.controls['currentRole']\"\n                                        ngDefaultControl></ngx-mat-select-search></mat-option>\n                <mat-option *ngFor=\"let item of newRoleArr\"\n                            [value]=\"item.guid\">{{item.name}}</mat-option>\n                </mat-select>\n            </mat-form-field>\n        </div>\n        <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n          <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n              <mat-label>Pricing Scheme</mat-label>\n              <mat-select placeholder=\"Select Pricing Scheme\" [formControl]=\"form.controls['pricingScheme']\" required>\n              <mat-option>\n              <ngx-mat-select-search  (keyup)=\"applyPricingSchemeFilter($event.target.value)\"\n                                      [placeholderLabel]=\"'Select Pricing Scheme'\"\n                                      [noEntriesFoundLabel]=\"'Not a valid entry'\"\n                                      [formControl]=\"form.controls['currPricingScheme']\"\n                                      ngDefaultControl></ngx-mat-select-search></mat-option>\n              <mat-option *ngFor=\"let item of newPricingSchemeArr\"\n                          [value]=\"item.guid\">{{item.name}}</mat-option>\n              </mat-select>\n          </mat-form-field>\n      </div>\n      <div style=\"padding: 5px;\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n        <button mat-raised-button color=\"warn\" type=\"button\" (click)=\"onDelete()\">\n          <span>DELETE</span>\n        </button>\n      </div>\n    </div>\n</form>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":63,"character":31},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PricingSchemeService","line":64,"character":34},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":66,"character":16},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":69,"character":52,"module":"./lib/shared-utilities/modules/permission/permission-container/role-pricing-scheme-link/role-pricing-scheme-link-edit/role-pricing-scheme-link-edit.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"applyRoleFilter":[{"__symbolic":"method"}],"applyPricingSchemeFilter":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"onDelete":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵrf":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":15,"character":33},"member":"withComponents"},"arguments":[[]]},"ɵrg":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":16,"character":32},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵrq"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrr"},"member":"auditTrail"}]},"ɵrh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵri"},{"__symbolic":"reference","name":"ɵrk"},{"__symbolic":"reference","name":"ɵro"},{"__symbolic":"reference","name":"ɵrp"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":28,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":29,"character":4},{"__symbolic":"reference","name":"ɵrf"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":31,"character":4},{"__symbolic":"reference","module":"ngx-mat-select-search","name":"NgxMatSelectSearchModule","line":32,"character":4},{"__symbolic":"reference","name":"ɵrg"}]}]}],"members":{}},"ɵri":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"template":{"__symbolic":"reference","name":"ɵku"},"animations":{"__symbolic":"reference","name":"ɵbs"},"providers":[{"__symbolic":"reference","name":"ɵrj"}]}]}],"members":{"firstColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵck"},{"static":true}]}]}],"secondColumnHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵcl"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":37,"character":38},{"__symbolic":"reference","name":"ɵrj"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadComponent":[{"__symbolic":"method"}],"goBackIndex":[{"__symbolic":"method"}],"goForwardIndex":[{"__symbolic":"method"}],"goToIndex":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵrj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ɵrk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"applet-audit-trail-listing","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":27,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\" style=\"margin: 10px\">\n  <mat-card-title class=\"column-title\" style=\"padding: 10px\">\n    <div style=\"margin-top: 20px\">\n      Audit Trail Listing\n    </div>\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between end\" fxLayoutGap=\"10px\">\n      <div fxFlex=\"3 0 0\">\n        <div fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxLayoutGap=\"6px\">\n          <app-advanced-search-client-side\n          *ngIf=\"searchModel != null\"\n          class=\"mobile\"\n          fxFlex\n          [id]=\"'membership'\"\n          [advSearchModel]=\"searchModel\"\n          (search)=\"onSearch($event)\"\n          (advancedSearch)=\"onAdvancedSearch($event)\"\n        ></app-advanced-search-client-side>  \n          <app-column-toggle fxHide.lt-sm [currentToggle]=\"toggleColumn$ | async\" (toggleColumn)=\"onToggle($event)\"></app-column-toggle>\n        </div>\n      </div>\n      <div class=\"blg-accent\" fxFlex=\"1 0 25\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\">\n        <app-pagination fxFlex #pagination [agGridReference]=\"agGrid\"></app-pagination>\n      </div>\n    </div>\n  </mat-card-title>\n\n\n  <div style=\"height: 80%;\">\n    <ag-grid-angular #agGrid\n                     id=\"grid\"\n                     style=\"height: 100%; width: 100%\"\n                     class=\"ag-theme-balham\"\n                     [getRowClass]=\"pagination.getRowClass\"\n                     [columnDefs]=\"columnsDefs\"\n                     [rowData]=\"[]\"\n                     [paginationPageSize]=\"pagination.rowPerPage\"\n                     [cacheBlockSize]=\"pagination.rowPerPage\"\n                     [pagination]=\"true\"\n                     [animateRows]=\"true\"\n                     [defaultColDef]=\"defaultColDef\"\n                     [suppressRowClickSelection]=\"false\"\n                     [rowSelection]=\"'single'\"\n                     [sideBar]=\"true\"\n                     [rowModelType]=\"'serverSide'\"\n                     [serverSideStoreType]=\"'partial'\"\n                     (rowClicked)=\"onRowClicked($event)\"\n                     (gridReady)=\"onGridReady($event)\">\n    </ag-grid-angular>\n  </div>\n</div>\n","styles":[".square{height:200px;width:300px;border:1px solid #babfc7}.number{font-size:450%}"]}]}],"members":{"paginationComp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":76,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵbn"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"AppletAuditTrailTenantEpService","line":78,"character":38},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵrl"}]},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"setGridData":[{"__symbolic":"method"}],"onGridReady":[{"__symbolic":"method"}],"onRowClicked":[{"__symbolic":"method"}],"onToggle":[{"__symbolic":"method"}],"resetBaseConditionalCriteria":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onAdvancedSearch":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵrl":{"__symbolic":"interface"},"ɵrm":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/entity","name":"createEntityAdapter","line":10,"character":76},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":11,"character":14,"module":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/states/applet-audit-trail.states"}]},"ɵrn":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrm"},"member":"getInitialState"},"arguments":[{"selectAgGrid":null,"selectAuditTrail":null,"errorLog":null,"totalRecords":null}]},"ɵro":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵil"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":47,"character":1},"arguments":[{"selector":"applet-audit-trail-edit","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":51,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@ngrx/component-store","name":"ComponentStore","line":52,"character":14}],"template":"<div class=\"view-col-table no-tab\" fxLayout=\"column\">\n  <mat-card-title class=\"column-title\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-between end\">\n      <div>\n        <button #navBtn mat-button class=\"blg-button-icon\" matTooltip=\"Back\" type=\"button\"\n          [disabled]=\"deactivateReturn$ | async\" (click)=\"onReturn()\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"../../../assets/images/backbutton.png\"\n            alt=\"add\" width=\"40px\" height=\"40px\">\n        </button>\n        <span>\n          Audit Trail View\n        </span>\n      </div>\n    </div>\n    <mat-tab-group mat-stretch-tabs [dynamicHeight]=\"true\" [selectedIndex]=\"selectedIndex$ | async\">\n      <mat-tab label=\"Main Details\">\n        <form [formGroup]=\"form\">\n          <div class=\"view-col-forms\">\n            <div fxLayout=\"row wrap\" class=\"row\">\n              <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n                <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                  <mat-label>Table Name</mat-label>\n                  <input matInput placeholder=\"Table Name\" formControlName=\"table_name\" style=\"color: grey\" readonly />\n                </mat-form-field>\n              </div>\n              <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n                <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                  <mat-label>Action</mat-label>\n                  <input matInput placeholder=\"Action\" formControlName=\"action\" style=\"color: grey\" readonly />\n                </mat-form-field>\n              </div>\n              <div class=\"p-10\" fxFlex.gt-sm=\"50\" fxFlex.gt-xs=\"50\" fxFlex=\"100\">\n                <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                  <mat-label>Action Date</mat-label>\n                  <input matInput placeholder=\"Action Date\" formControlName=\"action_date\" style=\"color: grey\"\n                    readonly />\n                </mat-form-field>\n              </div>\n              <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n                <div class=\"custom-form-field\">\n                  <label for=\"description\" class=\"custom-label\">Description</label>\n                  <div id=\"description\" class=\"custom-input-like\" [innerHTML]=\"formattedDescription | escapeHtml\"></div>\n                </div>\n              </div>\n              <div class=\"p-10\" fxFlex.gt-sm=\"100\" fxFlex.gt-xs=\"100\" fxFlex=\"100\">\n                <mat-form-field class=\"example-full-width\" appearance=\"outline\">\n                  <mat-label>Status</mat-label>\n                  <input matInput placeholder=\"Status\" formControlName=\"status\" style=\"color: grey\" readonly />\n                </mat-form-field>\n              </div>\n            </div>\n          </div>\n        </form>\n      </mat-tab>\n    </mat-tab-group>\n  </mat-card-title>\n</div>","styles":["h3{font-size:17px}input{width:100%;height:100%}label{color:#fff;width:183px;height:44px;border-radius:10px;border:1px solid #1e88e5;background-color:#1e88e5;padding:8px 16px;cursor:pointer}label:hover{color:#1e88e5;background-color:#fff}.main-container{padding:2rem}.drop-zone{width:100%;height:200px;padding:3rem;text-align:center;border:1px dashed #d3d3d3;position:relative;transition:.3s}.grid-container{display:flex;margin:10px;overflow:auto}.img-container{position:relative;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);width:125px;height:100px;margin:10px}.file-preview{width:125px;height:75px}.file-name{margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-form-field{position:relative;padding-top:10px}.custom-label{position:absolute;top:7px;left:10px;background:#fff;padding:0 5px;font-size:12px;color:rgba(0,0,0,.6);width:70px!important;height:unset!important;border-radius:unset!important;border:unset!important}.custom-input-like{border:1px solid #ccc;padding:10px;border-radius:4px;background-color:#fff;color:grey;height:auto;min-height:34px;overflow:auto;white-space:pre-wrap;font-family:inherit;display:block}.custom-form-field:before{content:\"\";position:absolute;top:50%;left:0;right:0;height:1px;background:#ccc;z-index:-1}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","name":"ComponentStore","module":"@ngrx/component-store","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵrl"}]},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"UserProfileService","line":82,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"formatDate":[{"__symbolic":"method"}],"compareData":[{"__symbolic":"method"}],"getName":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isNotNullOrUndefined":[{"__symbolic":"method"}]}},"ɵrp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"escapeHtml","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":6,"character":33}]}],"transform":[{"__symbolic":"method"}]}},"ɵrq":"appletAuditTrail","ɵrr":{"auditTrail":{"__symbolic":"reference","name":"ɵrs"}},"ɵrs":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":5,"character":33},"arguments":[{"__symbolic":"reference","name":"ɵrn"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":7,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrt"},"member":"loadAuditTrailSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":7,"character":46,"module":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/reducers/applet-audit-trail.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":10,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrt"},"member":"updateAgGridDone"},{"__symbolic":"error","message":"Lambda not supported","line":10,"character":41,"module":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/reducers/applet-audit-trail.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":14,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrt"},"member":"selectedAuditTrail"},{"__symbolic":"error","message":"Lambda not supported","line":14,"character":43,"module":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/reducers/applet-audit-trail.reducers"}]}]},"ɵrt":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./applet-audit-trail.actions"}},"ɵru":"permissionViewCache","ɵrv":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":6,"character":32},"arguments":[{"__symbolic":"reference","name":"ɵry"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrz"},"member":"cacheClientSidePermission"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":60,"module":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":9,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrz"},"member":"cachePermissionSet"},{"__symbolic":"error","message":"Lambda not supported","line":9,"character":53,"module":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":10,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrz"},"member":"cachePermissionWizard"},{"__symbolic":"error","message":"Lambda not supported","line":10,"character":56,"module":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":11,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrz"},"member":"cacheUserPermission"},{"__symbolic":"error","message":"Lambda not supported","line":11,"character":54,"module":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":12,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrz"},"member":"cacheTeamPermission"},{"__symbolic":"error","message":"Lambda not supported","line":12,"character":54,"module":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":13,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrz"},"member":"cacheRolePermission"},{"__symbolic":"error","message":"Lambda not supported","line":13,"character":54,"module":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":14,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrz"},"member":"cacheFieldConfiguration"},{"__symbolic":"error","message":"Lambda not supported","line":14,"character":58,"module":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":15,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵrz"},"member":"cacheRolePricingSchemeLink"},{"__symbolic":"error","message":"Lambda not supported","line":15,"character":61,"module":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers"}]}]},"ɵrw":{"__symbolic":"function","parameters":["state","action"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵrv"},"arguments":[{"__symbolic":"reference","name":"state"},{"__symbolic":"reference","name":"action"}]}},"ɵrx":{"permissionViewCache":{"__symbolic":"reference","name":"ɵrw"}},"ɵry":{"clientSidePermssion":null,"userPermission":null,"teamPermission":null,"rolePermission":null,"permissionSet":null,"fieldConfiguration":null,"permissionWizard":null,"rolePricingSchemeLink":null,"auditTrailCache":null},"ɵrz":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./view-cache.actions"}},"ɵsa":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":5,"character":30},"arguments":[{"__symbolic":"reference","name":"ɵsc"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"createPermSetSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":44,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":9,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"createPermSetFailure"},{"__symbolic":"error","message":"Lambda not supported","line":9,"character":44,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":13,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"updatePermSetSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":13,"character":44,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":14,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"updatePermSetFailure"},{"__symbolic":"error","message":"Lambda not supported","line":14,"character":44,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":18,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"updatePermAssigneeTargetLinksFailure"},{"__symbolic":"error","message":"Lambda not supported","line":18,"character":60,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":22,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"deletePermSetSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":22,"character":44,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":23,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"deletePermSetFailure"},{"__symbolic":"error","message":"Lambda not supported","line":23,"character":44,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":27,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"deletePermAssigneeTargetLinksFailure"},{"__symbolic":"error","message":"Lambda not supported","line":27,"character":60,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":30,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"setNewPermSet"},{"__symbolic":"error","message":"Lambda not supported","line":30,"character":37,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":31,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"selectPermSet"},{"__symbolic":"error","message":"Lambda not supported","line":31,"character":37,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":32,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"setPermTemplate"},{"__symbolic":"error","message":"Lambda not supported","line":32,"character":39,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":33,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"selectPermSetLine"},{"__symbolic":"error","message":"Lambda not supported","line":33,"character":41,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":36,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"setUpdatePermSetListing"},{"__symbolic":"error","message":"Lambda not supported","line":36,"character":47,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":38,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"selectGuid"},{"__symbolic":"error","message":"Lambda not supported","line":38,"character":34,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":39,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"setRequiresUpdate"},{"__symbolic":"error","message":"Lambda not supported","line":39,"character":41,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":41,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsd"},"member":"saveViewState"},{"__symbolic":"error","message":"Lambda not supported","line":41,"character":37,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers"}]}]},"ɵsb":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/entity","name":"createEntityAdapter","line":21,"character":75},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":22,"character":14,"module":"./lib/shared-utilities/modules/permission/perm-set-controller/states/perm-set.states"}]},"ɵsc":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsb"},"member":"getInitialState"},"arguments":[{"newPermSet":null,"selectedPermSet":null,"selectedPermTemplate":null,"selectedPermSetLine":null,"updatePermSetListing":false,"selectedGuid":null,"errorLog":[],"totalRecords":0,"requiresUpdate":false,"viewCache":null}]},"ɵsd":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./perm-set.actions"}},"ɵse":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":5,"character":33},"arguments":[{"__symbolic":"reference","name":"ɵsg"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"createPermWizardSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":50,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":9,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"createPermWizardFailure"},{"__symbolic":"error","message":"Lambda not supported","line":9,"character":50,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":13,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"updatePermWizardSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":13,"character":50,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":14,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"updatePermWizardFailure"},{"__symbolic":"error","message":"Lambda not supported","line":14,"character":50,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":18,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"updatePermAssigneeTargetLinksFailure"},{"__symbolic":"error","message":"Lambda not supported","line":18,"character":63,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":22,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"deletePermWizardSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":22,"character":50,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":23,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"deletePermWizardFailure"},{"__symbolic":"error","message":"Lambda not supported","line":23,"character":50,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":27,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"deletePermAssigneeTargetLinksFailure"},{"__symbolic":"error","message":"Lambda not supported","line":27,"character":63,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":30,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"setNewPermWizard"},{"__symbolic":"error","message":"Lambda not supported","line":30,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":31,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"selectPermWizard"},{"__symbolic":"error","message":"Lambda not supported","line":31,"character":43,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":32,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"setPermTemplate"},{"__symbolic":"error","message":"Lambda not supported","line":32,"character":42,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":33,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"selectPermWizardLine"},{"__symbolic":"error","message":"Lambda not supported","line":33,"character":47,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":36,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"setUpdatePermWizardListing"},{"__symbolic":"error","message":"Lambda not supported","line":36,"character":53,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":38,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"selectGuid"},{"__symbolic":"error","message":"Lambda not supported","line":38,"character":37,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":39,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"setRequiresUpdate"},{"__symbolic":"error","message":"Lambda not supported","line":39,"character":44,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":41,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsh"},"member":"saveViewState"},{"__symbolic":"error","message":"Lambda not supported","line":41,"character":40,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers"}]}]},"ɵsf":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/entity","name":"createEntityAdapter","line":21,"character":78},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":22,"character":14,"module":"./lib/shared-utilities/modules/permission/permission-wizard-controller/states/permission-wizard.states"}]},"ɵsg":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsf"},"member":"getInitialState"},"arguments":[{"newPermWizard":null,"selectedPermWizard":null,"selectedPermTemplate":null,"selectedPermWizardLine":null,"updatePermWizardListing":false,"selectedGuid":null,"errorLog":[],"totalRecords":0,"requiresUpdate":false,"viewCache":null}]},"ɵsh":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./permission-wizard.actions"}},"ɵsi":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":5,"character":31},"arguments":[{"__symbolic":"reference","name":"ɵsk"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":9,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"loadUsersSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":9,"character":41,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":10,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"loadUsersFailure"},{"__symbolic":"error","message":"Lambda not supported","line":10,"character":41,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":14,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"loadRolesSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":14,"character":41,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":15,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"loadRolesFailure"},{"__symbolic":"error","message":"Lambda not supported","line":15,"character":41,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":19,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"loadPermissionSetSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":19,"character":49,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":20,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"loadPermissionSetFailure"},{"__symbolic":"error","message":"Lambda not supported","line":20,"character":49,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":24,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"updateUserSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":24,"character":42,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":25,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"updateUserFailure"},{"__symbolic":"error","message":"Lambda not supported","line":25,"character":42,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":28,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"createPermSetSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":28,"character":45,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":29,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"createPermSetFailure"},{"__symbolic":"error","message":"Lambda not supported","line":29,"character":45,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":32,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"addPermSetSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":32,"character":42,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":33,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"addPermSetFailure"},{"__symbolic":"error","message":"Lambda not supported","line":33,"character":42,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":36,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"unlinkPermSetSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":36,"character":45,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":37,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"unlinkPermSetFailure"},{"__symbolic":"error","message":"Lambda not supported","line":37,"character":45,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":40,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"setNewPermSet"},{"__symbolic":"error","message":"Lambda not supported","line":40,"character":38,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":41,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"setPermTemplate"},{"__symbolic":"error","message":"Lambda not supported","line":41,"character":40,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":42,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"selectCreatedPermSet"},{"__symbolic":"error","message":"Lambda not supported","line":42,"character":45,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":43,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"selectCreatedPermSetLine"},{"__symbolic":"error","message":"Lambda not supported","line":43,"character":49,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":45,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"setUpdatePermSetListing"},{"__symbolic":"error","message":"Lambda not supported","line":45,"character":48,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":47,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"setCurrentUser"},{"__symbolic":"error","message":"Lambda not supported","line":47,"character":39,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":48,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"selectUser"},{"__symbolic":"error","message":"Lambda not supported","line":48,"character":35,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":49,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"setUpdateUserListing"},{"__symbolic":"error","message":"Lambda not supported","line":49,"character":45,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":51,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"selectRole"},{"__symbolic":"error","message":"Lambda not supported","line":51,"character":35,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":52,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"selectPermSet"},{"__symbolic":"error","message":"Lambda not supported","line":52,"character":38,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":53,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"selectPermSetLine"},{"__symbolic":"error","message":"Lambda not supported","line":53,"character":42,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":55,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"selectGuid"},{"__symbolic":"error","message":"Lambda not supported","line":55,"character":35,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":56,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsl"},"member":"setRequiresUpdate"},{"__symbolic":"error","message":"Lambda not supported","line":56,"character":42,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers"}]}]},"ɵsj":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/entity","name":"createEntityAdapter","line":22,"character":58},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":23,"character":14,"module":"./lib/shared-utilities/modules/permission/user-permissions-controller/states/user-permissions.states"}]},"ɵsk":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsj"},"member":"getInitialState"},"arguments":[{"currentUser":null,"selectedUser":null,"updateUserListing":false,"updatePermSetListing":false,"selectedRole":null,"selectedPermSet":null,"selectedPermSetLine":null,"newPermSet":null,"selectedPermTemplate":null,"selectedCreatedPermSet":null,"selectedCreatedPermSetLine":null,"selectedGuid":null,"errorLog":[],"totalRecords":0,"requiresUpdate":false}]},"ɵsl":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./user-permissions.actions"}},"ɵsm":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":5,"character":31},"arguments":[{"__symbolic":"reference","name":"ɵso"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":9,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"loadTeamsSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":9,"character":41,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":10,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"loadTeamsFailure"},{"__symbolic":"error","message":"Lambda not supported","line":10,"character":41,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":13,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"loadMembersFailure"},{"__symbolic":"error","message":"Lambda not supported","line":13,"character":43,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":17,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"updateTeamSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":17,"character":42,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":18,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"updateTeamFailure"},{"__symbolic":"error","message":"Lambda not supported","line":18,"character":42,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":22,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"addMembersSucess"},{"__symbolic":"error","message":"Lambda not supported","line":22,"character":41,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":23,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"addMembersFailure"},{"__symbolic":"error","message":"Lambda not supported","line":23,"character":42,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":27,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"updateMemberSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":27,"character":44,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":28,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"updateMemberFailure"},{"__symbolic":"error","message":"Lambda not supported","line":28,"character":44,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":32,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"deleteMemberSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":32,"character":44,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":33,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"deleteMemberFailure"},{"__symbolic":"error","message":"Lambda not supported","line":33,"character":44,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":37,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"updateRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":37,"character":42,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":38,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"updateRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":38,"character":42,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":41,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"setCurrentUser"},{"__symbolic":"error","message":"Lambda not supported","line":41,"character":39,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":42,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"selectTeam"},{"__symbolic":"error","message":"Lambda not supported","line":42,"character":35,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":43,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"selectTeamRole"},{"__symbolic":"error","message":"Lambda not supported","line":43,"character":39,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":44,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"selectDetailsForm"},{"__symbolic":"error","message":"Lambda not supported","line":44,"character":42,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":45,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"selectMember"},{"__symbolic":"error","message":"Lambda not supported","line":45,"character":37,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":46,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"setUpdateMemberListing"},{"__symbolic":"error","message":"Lambda not supported","line":46,"character":47,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":47,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"setUpdateRoleListing"},{"__symbolic":"error","message":"Lambda not supported","line":47,"character":45,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":49,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"selectGuid"},{"__symbolic":"error","message":"Lambda not supported","line":49,"character":35,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":50,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsp"},"member":"setRequiresUpdate"},{"__symbolic":"error","message":"Lambda not supported","line":50,"character":42,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers"}]}]},"ɵsn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/entity","name":"createEntityAdapter","line":21,"character":58},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":22,"character":14,"module":"./lib/shared-utilities/modules/permission/team-permissions-controller/states/team-permissions.states"}]},"ɵso":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsn"},"member":"getInitialState"},"arguments":[{"currentUser":null,"selectedTeam":null,"selectedTeamRole":null,"detailsForm":null,"updateTeamListing":false,"selectedMember":null,"updateMemberListing":false,"updateAddMemberListing":false,"updateRoleListing":false,"selectedGuid":null,"errorLog":[],"totalRecords":0,"requiresUpdate":false,"viewCache":null}]},"ɵsp":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./team-permissions.actions"}},"ɵsq":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":5,"character":31},"arguments":[{"__symbolic":"reference","name":"ɵss"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":9,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"loadRolesSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":9,"character":41,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":10,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"loadRolesFailure"},{"__symbolic":"error","message":"Lambda not supported","line":10,"character":41,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":14,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"createRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":14,"character":42,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":15,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"createRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":15,"character":42,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":19,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"updateRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":19,"character":42,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":20,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"updateRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":20,"character":42,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":24,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"deleteRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":24,"character":42,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":25,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"deleteRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":25,"character":42,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":28,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"deleteRoleWithPermsFailure"},{"__symbolic":"error","message":"Lambda not supported","line":28,"character":51,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":32,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"addUsersToRoleSucess"},{"__symbolic":"error","message":"Lambda not supported","line":32,"character":45,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":33,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"addUsersToRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":33,"character":46,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":37,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"removeUsersFromRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":37,"character":51,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":38,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"removeUsersFromRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":38,"character":51,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":42,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"addTeamsToRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":42,"character":46,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":43,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"addTeamsToRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":43,"character":46,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":47,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"removeTeamsFromRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":47,"character":51,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":48,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"removeTeamsFromRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":48,"character":51,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":52,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"addPermSetsToRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":52,"character":49,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":53,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"addPermSetsToRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":53,"character":49,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":57,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"removePermSetsFromRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":57,"character":54,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":58,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"removePermSetsFromRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":58,"character":54,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":62,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"addClientSidePermsToRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":62,"character":56,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":63,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"addClientSidePermsToRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":63,"character":56,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":67,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"removeClientSidePermsFromRoleSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":67,"character":61,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":68,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"removeClientSidePermsFromRoleFailure"},{"__symbolic":"error","message":"Lambda not supported","line":68,"character":61,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":72,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"selectEntity"},{"__symbolic":"error","message":"Lambda not supported","line":72,"character":37,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":73,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"selectGuid"},{"__symbolic":"error","message":"Lambda not supported","line":73,"character":35,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":74,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"setDetailsForm"},{"__symbolic":"error","message":"Lambda not supported","line":74,"character":39,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":75,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"setUpdateUserRoleListing"},{"__symbolic":"error","message":"Lambda not supported","line":75,"character":49,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":76,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"setUpdateRoleListing"},{"__symbolic":"error","message":"Lambda not supported","line":76,"character":45,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":77,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"setUpdateTeamRoleListing"},{"__symbolic":"error","message":"Lambda not supported","line":77,"character":49,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":78,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"setUpdateAllPermSetListing"},{"__symbolic":"error","message":"Lambda not supported","line":78,"character":51,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":79,"character":4},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵst"},"member":"setUpdateAllClientSideListing"},{"__symbolic":"error","message":"Lambda not supported","line":79,"character":54,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers"}]}]},"ɵsr":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/entity","name":"createEntityAdapter","line":21,"character":58},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":22,"character":14,"module":"./lib/shared-utilities/modules/permission/role-permissions-controller/states/role-permissions.states"}]},"ɵss":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsr"},"member":"getInitialState"},"arguments":[{"selectedEntity":null,"updateRoleListing":false,"updateUserRoleListing":false,"updateTeamRoleListing":false,"updateAllPermSetListing":false,"updateClientSideListing":false,"detailsForm":null,"selectedGuid":null,"errorLog":[],"totalRecords":0,"requiresUpdate":false}]},"ɵst":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./role-permissions.actions"}},"ɵsu":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":4,"character":44},"arguments":[{"__symbolic":"reference","name":"ɵsw"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":6,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsx"},"member":"clientSidePermissionsSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":4,"module":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/reducers/client-side-permission.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":10,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsx"},"member":"setUpdatePermSetListing"},{"__symbolic":"error","message":"Lambda not supported","line":12,"character":4,"module":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/reducers/client-side-permission.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":14,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsx"},"member":"createClientSidePermSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":16,"character":4,"module":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/reducers/client-side-permission.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":18,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsx"},"member":"deleteClientSidePermSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":20,"character":4,"module":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/reducers/client-side-permission.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":22,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsx"},"member":"updateClientSidePermSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":24,"character":4,"module":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/reducers/client-side-permission.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":26,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsx"},"member":"selectClientSidePerm"},{"__symbolic":"error","message":"Lambda not supported","line":28,"character":4,"module":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/reducers/client-side-permission.reducers"}]}]},"ɵsv":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/entity","name":"createEntityAdapter","line":12,"character":44},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":13,"character":12,"module":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/states/client-side-permission.states"}]},"ɵsw":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵsv"},"member":"getInitialState"},"arguments":[{"selectedEntity":null,"requiresUpdate":false}]},"ɵsx":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./client-side-permission.actions"}},"ɵsy":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":5,"character":38},"arguments":[{"__symbolic":"reference","name":"ɵsz"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":7,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵta"},"member":"loadUserPermissionInquirySuccess"},{"__symbolic":"error","message":"Lambda not supported","line":9,"character":4,"module":"./lib/shared-utilities/modules/permission/user-permissions-inquiry-controller/reducers/user-permissions-inquiry.reducers"}]}]},"ɵsz":{"userPermissionTargets":[]},"ɵta":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./user-permissions-inquiry.actions"}},"ɵtb":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":9,"character":44},"arguments":[{"__symbolic":"reference","name":"ɵtc"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":11,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtd"},"member":"createRolePricingSchemeLinkSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":13,"character":4,"module":"./lib/shared-utilities/modules/permission/role-pricing-scheme-link-controler/reducers/role-pricing-scheme-link.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":15,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtd"},"member":"updateRolePricingSchemeLinkSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":17,"character":4,"module":"./lib/shared-utilities/modules/permission/role-pricing-scheme-link-controler/reducers/role-pricing-scheme-link.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":19,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtd"},"member":"deleteRolePricingSchemeLinkSuccess"},{"__symbolic":"error","message":"Lambda not supported","line":21,"character":4,"module":"./lib/shared-utilities/modules/permission/role-pricing-scheme-link-controler/reducers/role-pricing-scheme-link.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":23,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtd"},"member":"resetAgGrid"},{"__symbolic":"error","message":"Lambda not supported","line":23,"character":47,"module":"./lib/shared-utilities/modules/permission/role-pricing-scheme-link-controler/reducers/role-pricing-scheme-link.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":27,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtd"},"member":"selectRolePricingSchemeLink"},{"__symbolic":"error","message":"Lambda not supported","line":27,"character":63,"module":"./lib/shared-utilities/modules/permission/role-pricing-scheme-link-controler/reducers/role-pricing-scheme-link.reducers"}]}]},"ɵtc":{"updateAgGrid":false,"selectedRolePricingSchemeLink":null},"ɵtd":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./role-pricing-scheme-link.actions"}},"ɵte":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"UserAppletService","line":181,"character":35},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":182,"character":32},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetLinkService","line":183,"character":59},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":185,"character":26},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":186,"character":25}]}],"displayToasterSuccess":[{"__symbolic":"method"}],"displayToasterError":[{"__symbolic":"method"}]}},"ɵtf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":169,"character":35},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TeamService","line":170,"character":29},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LinkSubjectToTeamService","line":171,"character":42},{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":172,"character":26},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":173,"character":25}]}],"displayToasterSuccess":[{"__symbolic":"method"}],"displayToasterError":[{"__symbolic":"method"}]}},"ɵtg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetLinkService","line":388,"character":59},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantRoleService","line":389,"character":35},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantUserRoleService","line":390,"character":39},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantTeamRoleService","line":391,"character":39},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetService","line":392,"character":43},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSidePermissionRoleLinksService","line":393,"character":51},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionService","line":394,"character":29},{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":395,"character":26},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":396,"character":25},{"__symbolic":"reference","name":"ɵma"}]}],"displayToasterSuccess":[{"__symbolic":"method"}],"displayToasterError":[{"__symbolic":"method"}]}},"ɵth":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetService","line":184,"character":53},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionSetService","line":185,"character":32},{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":186,"character":26},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":187,"character":25}]}],"displayToasterSuccess":[{"__symbolic":"method"}],"displayToasterError":[{"__symbolic":"method"}]}},"ɵti":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantPermissionAssigneeTargetService","line":184,"character":53},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionWizardService","line":185,"character":35},{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":186,"character":26},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":187,"character":25}]}],"displayToasterSuccess":[{"__symbolic":"method"}],"displayToasterError":[{"__symbolic":"method"}]}},"ɵtj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":27,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":165,"character":22},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"LinkSubjectToTeamService","line":167,"character":25},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"TenantUserRoleService","line":168,"character":25},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSidePermissionRoleLinksAppletLoginService","line":169,"character":61},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSidePermissionTeamLinkService","line":170,"character":50},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSidePermissionRoleLinksService","line":171,"character":49},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSideTenantPermissionService","line":172,"character":41},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"ClientSideTenantPermissionService","line":172,"character":41},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":174,"character":21},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"displayToasterError":[{"__symbolic":"method"}],"displayToasterSuccess":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}]}},"ɵtk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcy"}]},{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":42,"character":22},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":43,"character":21},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"PermissionInquiryService","line":44,"character":38}]}],"displayToasterSuccess":[{"__symbolic":"method"}],"displayToasterError":[{"__symbolic":"method"}]}},"ɵtl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngrx/effects","name":"Actions","line":165,"character":22},{"__symbolic":"reference","name":"ɵma"},{"__symbolic":"reference","module":"blg-akaun-ts-lib","name":"RolePricingSchemeLinkService","line":167,"character":42},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":168,"character":21}]}],"displayToasterError":[{"__symbolic":"method"}],"displayToasterSuccess":[{"__symbolic":"method"}],"onReturn":[{"__symbolic":"method"}]}},"ɵtm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵtn"},{"__symbolic":"reference","name":"ɵto"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":21,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":22,"character":4},{"__symbolic":"reference","name":"MaterialModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":24,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵtn"}]}]}],"members":{}},"ɵtn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"app-personalization","template":"<header>\n  <mat-card-title style=\"margin-top: 10px;\">{{personalizationLabel ? personalizationLabel : \"Personalization\"}}</mat-card-title>\n</header>\n<div fxLayout=\"row\" style=\"margin-top: 20px;\">\n  <aside id=\"settings-nav\" fxFlex=\"10\">\n    <img class=\"avatar\" [src]=\"src$ | async\" alt=\"profile\">\n    <div style=\"white-space: nowrap;\n    font-weight: 500;\n    text-overflow: ellipsis;\n    overflow: hidden;\">{{(profile$ | async).name}}</div>\n    <div style=\"font-size: 12px; margin-bottom: 20px;\">{{(profile$ | async).email}}</div>\n    <nav fxLayout=\"column\" fxLayoutGap=\"20px\" style=\"margin: 0 20px 20px;\">\n      <ul *ngFor=\"let r of routes\" class=\"settings-list\">\n        <span class=\"field-header\">{{r.group}}</span>\n        <ul class=\"settings-list\">\n          <li *ngFor=\"let c of r.child\"><a class=\"settings-link\" [routerLink]=\"c.state\" routerLinkActive=\"active-link\">{{c.name}}</a></li>\n        </ul>\n      </ul>\n      <!-- <ul class=\"settings-list\">\n        <span class=\"field-header\">Themes and Colors</span>\n        <ul class=\"settings-list\">\n          <li><a class=\"settings-link\" routerLink=\"./404\" routerLinkActive=\"active-link\">Preset Themes</a></li>\n          <li><a class=\"settings-link\" routerLink=\"./sidebar\" routerLinkActive=\"active-link\">Sidebar</a></li>\n        </ul>\n      </ul>\n      <ul class=\"settings-list\">\n        <span class=\"field-header\">Accessibility</span>\n        <ul class=\"settings-list\">\n          <li><a class=\"settings-link\" routerLink=\"./404\" routerLinkActive=\"active-link\">Color Assist</a></li>\n          <li><a class=\"settings-link\" routerLink=\"./404\" routerLinkActive=\"active-link\">Easy Navigation</a></li>\n        </ul>\n      </ul>\n      <div style=\"align-self: center;\">\n        <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onReport()\">Report a Bug <mat-icon>bug_report</mat-icon></button>\n      </div> -->\n    </nav>\n  </aside>\n  <main fxFlex>\n    <router-outlet></router-outlet>\n  </main>\n</div>\n","styles":[".settings-list{list-style:none;padding:0;margin:0}#settings-nav{border-right:1px solid #ccc;min-width:240px;box-sizing:border-box;margin-bottom:20px}.field-header{color:#6b778c;font-size:11px;font-weight:600;letter-spacing:0;text-transform:uppercase;line-height:1.81818182;padding:0 10px}.settings-link{color:#0052cc;border-radius:3px;box-sizing:initial;display:block;line-height:1.14285714;padding:7px 10px;background-color:initial;text-decoration:none;word-wrap:break-word;font-size:14px}.settings-link:visited{color:#0052cc}.active-link{color:#172b4d!important;font-weight:500;background-color:rgba(9,30,66,.08)}.settings-link:hover{background:rgba(9,30,66,.04)}.settings-link:active{background-color:#deebff}.avatar{width:96px;height:96px;border-radius:50%;margin-left:25%;border:2px solid #7b68ee;box-shadow:0 1px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}"]}]}],"members":{"routes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"personalizationLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":47,"character":19},{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵcb"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onSidebarBgChange":[{"__symbolic":"method"}],"onReport":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵto":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-sidebar-personalization","template":"<div fxLayout=\"row\" fxLayoutAlign=\"end\" fxLayoutGap=\"5px\" style=\"margin-top: 16px;\">\n  <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"onReset()\">DEFAULT</button>\n  <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"save.emit(appletContainer)\">SAVE</button>\n</div>\n<mat-card>\n  <mat-accordion>\n    <mat-expansion-panel expanded=\"true\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <span class=\"field-header\">Color</span>\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <ul>\n        <li>\n          Logo Background Color:\n          <mat-form-field appearance=\"outline\">\n            <input matInput [formControl]=\"logoBg\" (input)=\"logoBgChange.emit($event.target.value)\" type=\"color\">\n          </mat-form-field>\n        </li>\n        <li>\n          Sidebar Background Color:\n          <mat-form-field appearance=\"outline\">\n            <input matInput [formControl]=\"sidebarBg\" (input)=\"sidebarBgChange.emit($event.target.value)\" type=\"color\">\n          </mat-form-field>\n        </li>\n      </ul>\n    </mat-expansion-panel>\n  </mat-accordion>\n</mat-card>\n\n","styles":["ul{list-style:none;padding:0;margin:0}.field-header{color:#6b778c;font-size:11px;font-weight:600;letter-spacing:0;text-transform:uppercase;line-height:1.81818182;padding:0 10px}"]}]}],"members":{"appletSettings$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"logoBgColorInit$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"sidebarBgColorInit$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"save":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"logoBgChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"sidebarBgChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onReset":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵtp":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"StoreModule","line":8,"character":33},"member":"forFeature"},"arguments":[{"__symbolic":"reference","name":"ɵtr"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtu"},"member":"search"}]},"ɵtq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"ɵtp"}],"exports":[],"providers":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵtx"}]}]}]}},"ɵtr":"search","ɵts":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"createReducer","line":6,"character":30},"arguments":[{"__symbolic":"reference","name":"ɵtv"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":8,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtw"},"member":"basicSearch"},{"__symbolic":"error","message":"Lambda not supported","line":8,"character":32,"module":"./lib/shared-utilities/modules/search/search-controller/reducers/search.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":9,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtw"},"member":"branches"},{"__symbolic":"error","message":"Lambda not supported","line":9,"character":29,"module":"./lib/shared-utilities/modules/search/search-controller/reducers/search.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":10,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtw"},"member":"customers"},{"__symbolic":"error","message":"Lambda not supported","line":10,"character":30,"module":"./lib/shared-utilities/modules/search/search-controller/reducers/search.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":11,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtw"},"member":"suppliers"},{"__symbolic":"error","message":"Lambda not supported","line":11,"character":30,"module":"./lib/shared-utilities/modules/search/search-controller/reducers/search.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":12,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtw"},"member":"locationsFrom"},{"__symbolic":"error","message":"Lambda not supported","line":12,"character":34,"module":"./lib/shared-utilities/modules/search/search-controller/reducers/search.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":13,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtw"},"member":"locationsTo"},{"__symbolic":"error","message":"Lambda not supported","line":13,"character":32,"module":"./lib/shared-utilities/modules/search/search-controller/reducers/search.reducers"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ngrx/store","name":"on","line":14,"character":2},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵtw"},"member":"resetState"},{"__symbolic":"error","message":"Lambda not supported","line":14,"character":31,"module":"./lib/shared-utilities/modules/search/search-controller/reducers/search.reducers"}]}]},"ɵtt":{"__symbolic":"function","parameters":["state","action"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵts"},"arguments":[{"__symbolic":"reference","name":"state"},{"__symbolic":"reference","name":"action"}]}},"ɵtu":{"search":{"__symbolic":"reference","name":"ɵtt"}},"ɵtv":{"basicSearch":"","branches":[],"locationsFrom":[],"locationsTo":[],"customers":[],"suppliers":[]},"ɵtw":{"__symbolic":"error","message":"Unsupported bundled module reference","context":{"module":"./search.actions"}},"ɵtx":{"__symbolic":"interface"},"ɵty":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ag-grid-angular","name":"AgGridModule","line":21,"character":36},"member":"withComponents"},"arguments":[{"__symbolic":"reference","name":"ɵuf"}]},"ɵtz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":23,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵua"},{"__symbolic":"reference","name":"ɵub"},{"__symbolic":"reference","name":"ɵuc"},{"__symbolic":"reference","name":"ɵud"},{"__symbolic":"reference","name":"ɵue"},{"__symbolic":"reference","name":"ɵuf"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":35,"character":4},{"__symbolic":"reference","name":"MaterialModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":37,"character":4},{"__symbolic":"reference","name":"ɵty"}],"exports":[{"__symbolic":"reference","name":"ɵua"}]}]}],"members":{}},"ɵua":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"app-settings","template":"<header>\n  <mat-card-title style=\"margin-top: 10px;\">{{ translatedMenu?.appletSettings ? translatedMenu.appletSettings : 'Applet Settings' }}</mat-card-title>\n</header>\n<div fxLayout=\"row\" style=\"margin-top: 20px;\">\n  <aside id=\"settings-nav\" fxFlex=\"10\">\n    <nav fxLayout=\"column\" fxLayoutGap=\"20px\" style=\"margin: 0 20px 20px;\">\n      <ul *ngFor=\"let r of routes\" class=\"settings-list\">\n        <span class=\"field-header\">{{r.group}}</span>\n        <ul class=\"settings-list\">\n          <li *ngFor=\"let c of r.child\"><a class=\"settings-link\" [routerLink]=\"c.state\" routerLinkActive=\"active-link\">{{c.name}}</a></li>\n        </ul>\n      </ul>\n      <!-- <ul class=\"settings-list\">\n        <span class=\"field-header\">Client Side Permissions</span>\n        <ul class=\"settings-list\">\n          <li><a class=\"settings-link\" routerLink=\"./client-side-permission-listing\" routerLinkActive=\"active-link\">Applet Access</a></li>\n          <li><a class=\"settings-link\" routerLink=\"./role-pricing-scheme-link-listing\" routerLinkActive=\"active-link\">Role Pricing Scheme Linking</a></li>\n          <li><a class=\"settings-link\" routerLink=\"./404\" routerLinkActive=\"active-link\">Teams</a></li>\n          <li><a class=\"settings-link\" routerLink=\"./404\" routerLinkActive=\"active-link\">Roles</a></li>\n        </ul>\n      </ul> -->\n      <ul class=\"settings-list\">\n        <span class=\"field-header\">{{ translatedMenu?.serverSidePermissions ? translatedMenu.serverSidePermissions : 'Server Side Permissions' }}</span>\n        <ul class=\"settings-list\">\n          <li><a class=\"settings-link\" routerLink=\"./permission-wizard-listing\" routerLinkActive=\"active-link\">{{ translatedMenu?.permissionWizard ? translatedMenu.permissionWizard : 'Permission Wizard' }}</a></li>\n          <li><a class=\"settings-link\" routerLink=\"./permission-set-listing\" routerLinkActive=\"active-link\">{{ translatedMenu?.permissionSet ? translatedMenu.permissionSet : 'Permission Set' }}</a></li>\n          <li><a class=\"settings-link\" routerLink=\"./user-permission-listing\" routerLinkActive=\"active-link\">{{ translatedMenu?.userPermission ? translatedMenu.userPermission : 'User Permission' }}</a></li>\n          <!-- <li><a class=\"settings-link\" routerLink=\"./team-permission-listing\" routerLinkActive=\"active-link\">Team Permission</a></li> -->\n          <li><a class=\"settings-link\" routerLink=\"./role-permission-listing\" routerLinkActive=\"active-link\">{{ translatedMenu?.rolePermission ? translatedMenu.rolePermission : 'Role Permission' }}</a></li>\n        </ul>\n      </ul>\n      <!-- <ul class=\"settings-list\">\n        <span class=\"field-header\">Integration</span>\n        <ul class=\"settings-list\">\n          <li><a class=\"settings-link\" routerLink=\"./webhook\" routerLinkActive=\"active-link\">Triggers</a></li>\n        </ul>\n      </ul> -->\n      <ul class=\"settings-list\">\n        <span class=\"field-header\">{{ translatedMenu?.developerTools ? translatedMenu.developerTools : 'Developer Tools' }}</span>\n        <ul class=\"settings-list\">\n          <li><a class=\"settings-link\" routerLink=\"./release-notes\" routerLinkActive=\"active-link\">{{ translatedMenu?.releaseNotes ? translatedMenu.releaseNotes : 'Release Notes' }}</a></li>\n          <li><a class=\"settings-link\" routerLink=\"./applet-log\" routerLinkActive=\"active-link\">{{ translatedMenu?.auditTrail ? translatedMenu.auditTrail : 'Audit Trail' }}</a></li>\n          <!-- <li><a class=\"settings-link\" routerLink=\"./404\" routerLinkActive=\"active-link\">Reset Applet State</a></li> -->\n        </ul>\n      </ul>\n    </nav>\n  </aside>\n  <main fxFlex=\"80\">\n    <router-outlet></router-outlet>\n  </main>\n</div>\n","styles":[".settings-list{list-style:none;padding:0;margin:0}#settings-nav{border-right:1px solid #ccc;min-width:240px;box-sizing:border-box;margin-bottom:20px}.field-header{color:#6b778c;font-size:11px;font-weight:600;letter-spacing:0;text-transform:uppercase;line-height:1.81818182;padding:0 10px}.settings-link{color:#0052cc;border-radius:3px;box-sizing:initial;display:block;line-height:1.14285714;padding:7px 10px;background-color:initial;text-decoration:none;word-wrap:break-word;font-size:14px}.settings-link:visited{color:#0052cc}.active-link{color:#172b4d!important;font-weight:500;background-color:rgba(9,30,66,.08)}.settings-link:hover{background:rgba(9,30,66,.04)}.settings-link:active{background-color:#deebff}"]}]}],"members":{"routes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"translatedMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"generateTxtFile":[{"__symbolic":"method"}],"onLog":[{"__symbolic":"method"}],"onSaveDefault":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵub":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"app-developer-tools","template":"<mat-card>\n  <mat-accordion>\n    <mat-expansion-panel>\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          Applet\n        </mat-panel-title>\n        <!-- <mat-panel-description>\n          Branch & Location\n        </mat-panel-description> -->\n      </mat-expansion-panel-header>\n      <ul>\n        <li>\n          WIP\n        </li>\n\n      </ul>\n    </mat-expansion-panel>\n    <mat-expansion-panel>\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          Report a Bug\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <ul>\n        <li>\n          <div>\n            WIP\n          </div>\n        </li>\n      </ul>\n    </mat-expansion-panel>\n    <mat-expansion-panel>\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          Reset Applet State\n        </mat-panel-title>\n        <!-- <mat-panel-description>\n          Branch & Location\n        </mat-panel-description> -->\n      </mat-expansion-panel-header>\n      <ul>\n        <li>\n          <div>\n            WIP\n          </div>\n        </li>\n      </ul>\n    </mat-expansion-panel>\n  </mat-accordion>\n</mat-card>\n\n","styles":["ul{list-style:none;padding:0;margin:0}.field-header{color:#6b778c;font-size:11px;font-weight:600;letter-spacing:0;text-transform:uppercase;line-height:1.81818182;padding:0 10px}"]}]}],"members":{"errorLog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"log":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onLog":[{"__symbolic":"method"}]}},"ɵuc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"app-feature-visibility","template":"<div style=\"text-align: right; margin-top: 16px;\">\n  <button mat-raised-button color=\"primary\" type=\"button\">SAVE</button>\n</div>\n<mat-card>\n  <mat-accordion>\n    <mat-expansion-panel>\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <span class=\"field-header\">Teams</span>\n        </mat-panel-title>\n        <mat-panel-description>\n          Manage Team Access\n        </mat-panel-description>\n      </mat-expansion-panel-header>\n      <ul>\n        <app-feature-visibility-teams></app-feature-visibility-teams>\n      </ul>\n    </mat-expansion-panel>\n  </mat-accordion>\n</mat-card>\n\n","styles":["ul{list-style:none;padding:0;margin:0}.field-header{color:#6b778c;font-size:11px;font-weight:600;letter-spacing:0;text-transform:uppercase;line-height:1.81818182;padding:0 10px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵhf"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵud":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-feature-visibility-teams","template":"<div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n  <mat-form-field fxFlex appearance=\"outline\">\n    <mat-select>\n      <mat-option value=\"Team 1\">Team 1</mat-option>\n      <mat-option value=\"Team 2\">Team 2</mat-option>\n      <mat-option value=\"Team 3\">Team 3</mat-option>\n    </mat-select>\n  </mat-form-field>\n  <button style=\"position: relative; bottom: 10px;\" ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\">\n    <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n  </button>\n</div>\n","styles":["ul{list-style:none;padding:0;margin:0}.field-header{color:#6b778c;font-size:11px;font-weight:600;letter-spacing:0;text-transform:uppercase;line-height:1.81818182;padding:0 10px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Store","module":"@ngrx/store","arguments":[{"__symbolic":"reference","name":"ɵhf"}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵue":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"app-webhook","template":"<mat-card>\n  <mat-accordion>\n    <mat-expansion-panel expanded=\"true\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <span class=\"field-header\">Applet Triggers</span>\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <ul>\n        <ag-grid-angular\n          class=\"ag-theme-balham\"\n          domLayout=\"autoHeight\"\n          singleClickEdit=\"true\"\n          masterDetail=\"true\"\n          [rowData]=\"rowData\"\n          [animateRows]=\"true\"\n          [defaultColDef]=\"defaultColDef\"\n          [suppressRowClickSelection]=\"false\"\n          [frameworkComponents]=\"frameworkComponents\"\n          [detailCellRendererParams]=\"detailCellRendererParams\"\n          [columnDefs]=\"columnDefs\">\n        </ag-grid-angular>\n      </ul>\n    </mat-expansion-panel>\n    <mat-expansion-panel>\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <span class=\"field-header\">Create New Trigger</span>\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <ul style=\"text-align: center;\">\n        <li>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Trigger Name</mat-label>\n            <input matInput type=\"text\" [formControl]=\"form.controls['name']\">\n            <mat-error>Trigger Name is <strong>not valid</strong></mat-error>\n          </mat-form-field>\n        </li>\n        <li>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Status</mat-label>\n            <mat-select [formControl]=\"form.controls['status']\">\n              <mat-option value=\"ACTIVE\">ACTIVE</mat-option>\n              <mat-option value=\"INACTIVE\">INACTIVE</mat-option>\n            </mat-select>\n            <mat-error>Status is <strong>not valid</strong></mat-error>\n          </mat-form-field>\n        </li>\n        <li>\n          <button style=\"float: left;\" ngClass.xs=\"blg-button-mobile\" #navBtn class=\"blg-button-icon\" mat-button matTooltip=\"Create\" type=\"button\">\n          <img [ngClass]=\"navBtn.disabled ? 'blg-button-disabled' : null\" src=\"assets/images/add.png\" alt=\"add\" width=\"40px\" height=\"40px\">\n          </button>\n          <ag-grid-angular\n            class=\"ag-theme-balham\"\n            domLayout=\"autoHeight\"\n            singleClickEdit=\"true\"\n            masterDetail=\"true\"\n            [rowData]=\"paramRowData\"\n            [animateRows]=\"true\"\n            [defaultColDef]=\"defaultColDef\"\n            [suppressRowClickSelection]=\"false\"\n            [frameworkComponents]=\"frameworkComponents\"\n            [detailCellRendererParams]=\"detailCellRendererParams\"\n            [columnDefs]=\"columnParamDefs\">\n          </ag-grid-angular>\n        </li>\n        <li>\n          <div style=\"margin-top: 20px;\" class=\"field-header\">Event Queue</div>\n          <div class=\"trigger-neon\"></div>\n          <ul class=\"triggers\">\n            <li *ngFor=\"let e of hardCodedEvents\"><mat-checkbox>{{e}}</mat-checkbox></li>\n          </ul>\n        </li>\n        <li>\n          <button mat-raised-button color=\"primary\" type=\"button\" [disabled]=\"form.invalid\">CREATE</button>\n        </li>\n      </ul>\n    </mat-expansion-panel>\n    <!-- <mat-expansion-panel>\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <span class=\"field-header\">Create New Trigger</span>\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <ul style=\"text-align: center;\">\n        <li>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Topic</mat-label>\n            <input matInput type=\"text\" [formControl]=\"topic\">\n            <mat-error>Topic is <strong>not valid</strong></mat-error>\n          </mat-form-field>\n        </li>\n        <li>\n          <button mat-raised-button color=\"primary\" type=\"button\" [disabled]=\"topic.invalid\">CREATE</button>\n        </li>\n      </ul>\n    </mat-expansion-panel> -->\n  </mat-accordion>\n</mat-card>\n\n\n","styles":["ul{list-style:none;padding:0;margin:0}.field-header{color:#6b778c;font-size:11px;font-weight:600;letter-spacing:0;text-transform:uppercase;line-height:1.81818182;padding:0 10px}.triggers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;margin-bottom:10px;text-align:left}.trigger-neon{height:2px;background-color:#7b68ee}"]}]}],"members":{"appletSettings$":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"save":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵuf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-delete-renderer","template":"<button mat-icon-button color=\"warn\"><mat-icon>delete</mat-icon></button>\n","styles":[""]}]}],"members":{"agInit":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}]}}},"origins":{"BlgAkaunNgLibModule":"./lib/blg-akaun-ng-lib.module","MaterialModule":"./lib/material.module","ɵa":"./lib/drop-down-module/drop-down.module","ɵb":"./lib/drop-down-module/select-branch-drop-down/select-branch-drop-down.component","ɵc":"./lib/drop-down-module/select-location-drop-down/select-location-drop-down.component","ɵd":"./lib/drop-down-module/select-inv-item-drop-down/select-inv-item-drop-down.component","ɵe":"./lib/drop-down-module/select-fi-item-drop-down/select-fi-item-drop-down.component","ɵf":"./lib/drop-down-module/select-customer-drop-down/select-customer-drop-down.component","ɵg":"./lib/drop-down-module/select-supplier-drop-down/select-supplier-drop-down.component","ɵh":"./lib/drop-down-module/drop-down.component","ɵi":"./lib/drop-down-module/select-company-drop-down/select-company-drop-down.component","ɵj":"./lib/drop-down-module/select-cashbook-drop-down/select-cashbook-drop-down.component","ɵk":"./lib/drop-down-module/select-glcode-drop-down/select-glcode-drop-down.component","ɵl":"./lib/drop-down-module/select-currency-drop-down/select-currency-drop-down.component","ɵm":"./lib/drop-down-module/select-credit-terms-drop-down/select-credit-terms-drop-down.component","ɵn":"./lib/drop-down-module/select-settlement-method-drop-down/select-settlement-method-drop-down.component","ɵo":"./lib/drop-down-module/select-agent-drop-down/select-agent-drop-down.component","ɵp":"./lib/drop-down-module/select-sst-drop-down/select-sst-drop-down.component","ɵq":"./lib/drop-down-module/select-wht-drop-down/select-wht-drop-down.component","ɵr":"./lib/drop-down-module/select-printable-format-drop-down/select-printable-format-drop-down.component","ɵs":"./lib/drop-down-module/select-branch-drop-down-v2/select-branch-drop-down-v2.component","ɵt":"./lib/services/drop-down-service","ɵu":"./lib/drop-down-module/select-location-drop-down-v2/select-location-drop-down-v2.component","ɵv":"./lib/drop-down-module/select-company-drop-down-v2/select-company-drop-down-v2.component","ɵw":"./lib/drop-down-module/select-location-drop-down-stock/select-location-drop-down-stock.component","ɵx":"./lib/drop-down-module/select-location-drop-down-stock-to/select-location-drop-down-stock-to.component","ɵy":"./lib/utilities-module/utilities.module","ɵz":"./lib/utilities-module/single-column-form/single-column-form.component","ɵba":"./lib/utilities-module/single-column-form/single-column-form.component","ɵbb":"./lib/utilities-module/dual-column-form/dual-column-form.component","ɵbc":"./lib/utilities-module/pricing-scheme/line-calculation.component","ɵbd":"./lib/listing-module/listing.module","ɵbe":"./lib/listing-module/listing-component.component","ɵbf":"./lib/listing-module/select-customer-listing/select-customer-listing.component","ɵbg":"./lib/shared-utilities/utilities/shared-utilities.module","ɵbh":"./lib/shared-utilities/utilities/shared-utilities.module","ɵbi":"./lib/shared-utilities/utilities/shared-utilities.module","ɵbj":"./lib/shared-utilities/utilities/shared-utilities.module","ɵbk":"./lib/shared-utilities/utilities/shared-utilities.module","ɵbl":"./lib/shared-utilities/utilities/shared-utilities.module","ɵbm":"./lib/shared-utilities/utilities/advanced-search/advanced-search.component","ɵbn":"./lib/shared-utilities/utilities/pagination/pagination.component","ɵbo":"./lib/shared-utilities/utilities/applet-logo/applet-logo.component","ɵbp":"./lib/shared-utilities/modules/layout/animations/animations","ɵbq":"./lib/shared-utilities/modules/layout/animations/animations","ɵbr":"./lib/shared-utilities/modules/layout/animations/animations","ɵbs":"./lib/shared-utilities/modules/layout/animations/animations","ɵbt":"./lib/shared-utilities/utilities/column-toggle/column-toggle.component","ɵbu":"./lib/shared-utilities/utilities/grid-toggle/grid-toggle.component","ɵbv":"./lib/shared-utilities/utilities/breadcrumb/breadcrumb.component","ɵbw":"./lib/shared-utilities/utilities/four-oh-four/four-oh-four.component","ɵbx":"./lib/shared-utilities/utilities/currency/currency.component","ɵby":"./lib/shared-utilities/utilities/forex-data-source-drop-down/forex-data-source-drop-down.component","ɵbz":"./lib/shared-utilities/services/drop-down-service","ɵca":"./lib/shared-utilities/services/listing-service","ɵcb":"./lib/shared-utilities/modules/session/session-controller/states","ɵcc":"./lib/shared-utilities/utilities/credit-terms/credit-terms.component","ɵcd":"./lib/shared-utilities/utilities/select-settlement-method/select-settlement-method.component","ɵce":"./lib/shared-utilities/utilities/sales-agent-v2/sales-agent.component","ɵcf":"./lib/shared-utilities/utilities/sales-agent/sales-agent.component","ɵcg":"./lib/shared-utilities/utilities/sales-man/sales-man.component","ɵch":"./lib/shared-utilities/utilities/sst/sst.component","ɵci":"./lib/shared-utilities/utilities/wht/wht.component","ɵcj":"./lib/shared-utilities/utilities/drag-drop.directive","ɵck":"./lib/shared-utilities/utilities/first-column.directive","ɵcl":"./lib/shared-utilities/utilities/second-column.directive","ɵcm":"./lib/shared-utilities/utilities/permission.directive","ɵcn":"./lib/shared-utilities/utilities/pricing-scheme-uom/pricing-scheme-uom.component","ɵco":"./lib/shared-utilities/utilities/select-set-of-books-drop-down/select-set-of-books-drop-down.component","ɵcp":"./lib/shared-utilities/utilities/advanced-search-lines/advanced-search-lines.component","ɵcq":"./lib/shared-utilities/utilities/line-container-ko-by/line-container-ko-by.component","ɵcr":"./lib/shared-utilities/utilities/line-container-ko-for/line-container-ko-for.component","ɵcs":"./lib/shared-utilities/utilities/line-container-ko-for-queue/line-container-ko-for-queue.component","ɵct":"./lib/shared-utilities/utilities/doc-link-ko-for/doc-link-ko-for.component","ɵcu":"./lib/shared-utilities/utilities/doc-link-ko-by/doc-link-ko-by.component","ɵcv":"./lib/shared-utilities/utilities/uom/uom.component","ɵcw":"./lib/shared-utilities/utilities/select-multi-location-drop-down/select-multi-location-drop-down.component","ɵcx":"./lib/shared-utilities/modules/permission/permission-controller/root","ɵcy":"./lib/shared-utilities/modules/permission/permission-controller/root","ɵcz":"./lib/shared-utilities/modules/permission/permission-controller/root","ɵda":"./lib/shared-utilities/utilities/select-multi-location-drop-down-stock-report/select-multi-location-drop-down-stock-report.component","ɵdb":"./lib/shared-utilities/utilities/pagination-client-side/pagination-client-side.component","ɵdc":"./lib/shared-utilities/utilities/select-glcode-drop-down/select-glcode-drop-down.component","ɵdd":"./lib/shared-utilities/utilities/generic-document-posting/generic-document-posting.component","ɵde":"./lib/shared-utilities/utilities/generic-document-posting/journal-txn/journal-txn.component","ɵdf":"./lib/shared-utilities/utilities/generic-document-posting/cashbook-txn/cashbook-txn.component","ɵdg":"./lib/shared-utilities/utilities/generic-document-posting/tax-txn/tax-txn.component","ɵdh":"./lib/shared-utilities/utilities/generic-document-posting/points-txn/points-txn.component","ɵdi":"./lib/shared-utilities/utilities/generic-document-posting/inv-txn/inv-txn.component","ɵdj":"./lib/shared-utilities/utilities/permissionHide.directive","ɵdk":"./lib/shared-utilities/utilities/select-subledger/select-subledger.component","ɵdl":"./lib/shared-utilities/utilities/branch/branch.component","ɵdm":"./lib/shared-utilities/utilities/advanced-search-v2/advanced-search-v2.component","ɵdn":"./lib/shared-utilities/utilities/purchaser/purchaser.component","ɵdo":"./lib/shared-utilities/utilities/company/company.component","ɵdp":"./lib/shared-utilities/utilities/location-from/location-from.component","ɵdq":"./lib/shared-utilities/utilities/location-to/location-to.component","ɵdr":"./lib/shared-utilities/utilities/warehouse-advanced-search-drop-down/warehouse-advanced-search-drop-down.component","ɵds":"./lib/shared-utilities/utilities/advanced-search-cashbook-dropdown/advanced-search-cashbook-dropdown.component","ɵdt":"./lib/shared-utilities/utilities/select-budget-item/select-budget-item.component","ɵdu":"./lib/shared-utilities/utilities/select-budget-register/select-budget-register.component","ɵdv":"./lib/shared-utilities/utilities/select-budget-fiscal-year/select-budget-fiscal-year.component","ɵdw":"./lib/shared-utilities/utilities/applet/applet.component","ɵdx":"./lib/shared-utilities/utilities/select-multi-branch-drop-down/select-multi-branch-drop-down.component","ɵdy":"./lib/shared-utilities/utilities/workflow-process/workflow-process.component","ɵdz":"./lib/shared-utilities/utilities/workflow-action/workflow-action.component","ɵea":"./lib/shared-utilities/utilities/workflow-action-type/workflow-action-type.component","ɵeb":"./lib/shared-utilities/utilities/pagination-client-side-v2/pagination-client-side-v2.component","ɵec":"./lib/shared-utilities/utilities/select-printable-format-applet-login-ep/select-printable-format-applet-login-ep.component","ɵed":"./lib/shared-utilities/utilities/sales-man-applet-login/sales-man-applet-login.component","ɵee":"./lib/shared-utilities/utilities/select-tariff-code/select-tariff-code.component","ɵef":"./lib/shared-utilities/utilities/serial-number/serial-number.component","ɵeg":"./lib/shared-utilities/utilities/serial-number/serial-number-scan/serial-number-scan.component","ɵeh":"./lib/shared-utilities/utilities/serial-number/serial-number-listing/serial-number-listing.component","ɵei":"./lib/shared-utilities/utilities/serial-number/serial-number-import/serial-number-import.component","ɵej":"./lib/shared-utilities/utilities/company-v2/company-v2.component","ɵek":"./lib/shared-utilities/utilities/pricing-scheme/pricing-scheme.component","ɵel":"./lib/shared-utilities/utilities/person-in-charge/person-in-charge.component","ɵem":"./lib/shared-utilities/utilities/select-printable-format/select-printable-format.component","ɵen":"./lib/shared-utilities/utilities/util-location-dropdown/util-location-dropdown.component","ɵeo":"./lib/shared-utilities/utilities/location-dropdown-stock/location-dropdown-stock.component","ɵep":"./lib/shared-utilities/utilities/pagination-v2/pagination-v2.component","ɵeq":"./lib/shared-utilities/utilities/commission-cycle-dropdown/commission-cycle-dropdown.component","ɵer":"./lib/shared-utilities/utilities/select-multi-company-drop-down/select-multi-company-drop-down.component","ɵes":"./lib/shared-utilities/utilities/select-multi-entity-drop-down/select-multi-entity-drop-down.component","ɵet":"./lib/shared-utilities/utilities/pagination-server-side-v2/pagination-server-side-v2.component","ɵeu":"./lib/shared-utilities/utilities/advanced-search-entities/advanced-search-entities.component","ɵev":"./lib/shared-utilities/utilities/advanced-search-general/advanced-search-general.component","ɵew":"./lib/shared-utilities/utilities/select-multi-label-list-drop-down/select-multi-label-list-drop-down.component","ɵex":"./lib/shared-utilities/utilities/select-multi-item-category-level-drop-down/select-multi-item-category-level-drop-down.component","ɵey":"./lib/shared-utilities/utilities/recurrence-editor-component/recurrence-editor-component.component","ɵez":"./lib/shared-utilities/utilities/e-invoice-recurrence-editor-component/e-invoice-recurrence-editor-component.component","ɵfa":"./lib/shared-utilities/utilities/status-bar/export-status-bar.component","ɵfb":"./lib/shared-utilities/utilities/export-button/export-button.component","ɵfc":"./lib/shared-utilities/utilities/month-year-picker/month-year-picker.component","ɵfd":"./lib/shared-utilities/utilities/month-year-picker/month-year-picker.component","ɵfe":"./lib/shared-utilities/utilities/parent-printable-dropdown/parent-printable-dropdown.component","ɵff":"./lib/shared-utilities/utilities/select-email-template/select-email-template.component","ɵfg":"./lib/shared-utilities/utilities/advanced-search-cashbook/advanced-search-cashbook.component","ɵfh":"./lib/shared-utilities/utilities/select-gl-code-v2/select-gl-code-v2.component","ɵfi":"./lib/shared-utilities/utilities/numeric-ag-cell-editor/numeric-ag-cell-editor.component","ɵfj":"./lib/shared-utilities/utilities/numeric-ag-cell-editor/whole-number-ag-cell-editor.component","ɵfk":"./lib/shared-utilities/utilities/select-multi-customer-drop-down/select-multi-customer-drop-down.component","ɵfl":"./lib/shared-utilities/utilities/select-multi-customer-category-drop-down/select-multi-customer-category-drop-down.component","ɵfm":"./lib/shared-utilities/utilities/select-employee-drop-down/select-employee-drop-down.component","ɵfn":"./lib/shared-utilities/utilities/select-warehouse-drop-down/select-warehouse-drop-down.component","ɵfo":"./lib/shared-utilities/utilities/company-workflow-dropdown/company-workflow-dropdown.component","ɵfp":"./lib/shared-utilities/utilities/pricing-scheme-v2/pricing-scheme-v2.component","ɵfq":"./lib/shared-utilities/utilities/refresh/refresh.component","ɵfr":"./lib/shared-utilities/utilities/uom-v2/uom-v2.component","ɵfs":"./lib/shared-utilities/utilities/require-delivery-cell-renderer/require-delivery-cell-renderer.component","ɵft":"./lib/shared-utilities/utilities/delivery-type-cell-renderer/delivery-type-cell-renderer.component","ɵfu":"./lib/shared-utilities/utilities/select-multi-currency-drop-down/select-multi-currency-drop-down.component","ɵfv":"./lib/shared-utilities/utilities/uom-wms-item/uom-wms-item.component","ɵfw":"./lib/shared-utilities/utilities/custom-tooltip/custom-tooltip.component","ɵfx":"./lib/shared-utilities/utilities/custom-loading-overlay/custom-loading-overlay.component","ɵfy":"./lib/shared-utilities/utilities/pagination-client-side-v3/pagination-client-side-v3.component","ɵfz":"./lib/shared-utilities/utilities/advanced-search-wms-items/advanced-search-wms-items.component","ɵga":"./lib/shared-utilities/utilities/select-intercompany-branch-drop-down/select-intercompany-branch-drop-down.component","ɵgb":"./lib/shared-utilities/utilities/select-glcategory-drop-down/select-glcategory-drop-down.component","ɵgc":"./lib/shared-utilities/utilities/serial-number-optional/serial-number-optional.component","ɵgd":"./lib/shared-utilities/utilities/serial-number-optional/serial-number-scan-optional/serial-number-scan-optional.component","ɵge":"./lib/shared-utilities/utilities/serial-number-optional/serial-number-import-optional/serial-number-import-optional.component","ɵgf":"./lib/shared-utilities/utilities/select-multi-glcode-drop-down/select-multi-glcode-drop-down.component","ɵgg":"./lib/shared-utilities/utilities/select-multi-device-drop-down/select-multi-device-drop-down.component","ɵgh":"./lib/shared-utilities/utilities/select-multi-chart-of-account-drop-down/select-multi-chart-of-account-drop-down.component","ɵgi":"./lib/shared-utilities/utilities/select-multi-glcategory-drop-down/select-multi-glcategory-drop-down.component","ɵgj":"./lib/shared-utilities/utilities/button-renderer/button-renderer.component","ɵgk":"./lib/shared-utilities/utilities/dialogues/akaun-confirmation-dialog/akaun-confirmation-dialog","ɵgl":"./lib/shared-utilities/utilities/dialogues/akaun-message-dialog/akaun-message-dialog","ɵgm":"./lib/shared-utilities/utilities/advanced-search-wms-container-dropdown/advanced-search-wms-container-dropdown.component","ɵgn":"./lib/shared-utilities/utilities/advanced-search-wms-layout-node-dropdown/advanced-search-wms-layout-node-dropdown.component","ɵgo":"./lib/shared-utilities/utilities/timezone-dropdown/timezone-dropdown.component","ɵgp":"./lib/shared-utilities/utilities/printable-page/printable-page.component","ɵgq":"./lib/shared-utilities/utilities/pricebook/pricebook.component","ɵgr":"./lib/shared-utilities/utilities/select-multi-glsection-drop-down/select-multi-glsection-drop-down.component","ɵgs":"./lib/shared-utilities/utilities/blg-select-location-drop-down-latest/blg-select-location-drop-down-latest.component","ɵgt":"./lib/shared-utilities/utilities/select-nsti-drop-down/select-nsti-drop-down.component","ɵgu":"./lib/shared-utilities/utilities/select-printable-format-with-filter/select-printable-format-with-filter/select-printable-format-with-filter.component","ɵgv":"./lib/shared-utilities/utilities/select-budget-votebook-gen-doc/select-budget-votebook-gen-doc.component","ɵgw":"./lib/shared-utilities/utilities/select-budget-register-gen-doc/select-budget-register-gen-doc.component","ɵgx":"./lib/shared-utilities/utilities/select-budget-fiscal-period-gen-doc/select-budget-fiscal-period-gen-doc.component","ɵgy":"./lib/shared-utilities/utilities/select-budget-item-gen-doc/select-budget-item-gen-doc.component","ɵgz":"./lib/shared-utilities/utilities/select-budget-fiscal-year-gen-doc/select-budget-fiscal-year-gen-doc.component","ɵha":"./lib/shared-utilities/utilities/advanced-search-client-side/advanced-search-client-side.component","ɵhb":"./lib/shared-utilities/utilities/default-language-select-drop-down/default-language-select-drop-down.component","ɵhc":"./lib/shared-utilities/dialogues/akaun-discard-dialog/akaun-discard-dialog.component","ɵhd":"./lib/shared-utilities/utilities/einvoice-uom/einvoice-uom.component","ɵhe":"./lib/shared-utilities/utilities/select-multi-employee-drop-down/select-multi-employee-drop-down.component","ɵhf":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/states","ɵhg":"./lib/shared-utilities/dialogues/akaun-void-dialog/akaun-void-dialog.component","ɵhh":"./lib/shared-utilities/utilities/select-multi-drop-down/select-multi-drop-down.component","ɵhi":"./lib/shared-utilities/utilities/select-multi-fi-item-drop-down/select-multi-fi-item-drop-down.component","ɵhj":"./lib/shared-utilities/utilities/close-confirmation-popup/close-confirm-dialog.component","ɵhk":"./lib/shared-utilities/utilities/einvoice-request-rejection-reason-popup/rejection-popup.component","ɵhl":"./lib/shared-utilities/utilities/select-multi-pricing-scheme-drop-down/select-multi-pricing-scheme-drop-down.component","ɵhm":"./lib/shared-utilities/utilities/select-multi-location-label-drop-down/select-multi-location-label-drop-down.component","ɵhn":"./lib/shared-utilities/utilities/select-customer-dropdown/select-customer-dropdown.component","ɵho":"./lib/shared-utilities/utilities/role-dropdown/role-dropdown.component","ɵhp":"./lib/shared-utilities/utilities/advanced-search-lines-v2/advanced-search-lines-v2.component","ɵhq":"./lib/shared-utilities/utilities/select-multi-item-category-drop-down/select-multi-item-category-drop-down.component","ɵhr":"./lib/shared-utilities/utilities/consultation-no-dropdown/consultation-no-dropdown.component","ɵhs":"./lib/shared-utilities/utilities/consultation-name-dropdown/consultation-name-dropdown.component","ɵht":"./lib/shared-utilities/utilities/vehicle-no-dropdown/vehicle-no-dropdown.component","ɵhu":"./lib/shared-utilities/utilities/vehicle-brand-name-dropdown/vehicle-brand-name-dropdown.component","ɵhv":"./lib/shared-utilities/utilities/vehicle-capacity-dropdown/vehicle-capacity-dropdown.component","ɵhw":"./lib/shared-utilities/utilities/vehicle-model-year-dropdown/vehicle-model-year-dropdown.component","ɵhx":"./lib/shared-utilities/utilities/select-multi-cashbook-drop-down/select-multi-cashbook-drop-down.component","ɵhy":"./lib/shared-utilities/utilities/Pipe/escape-html.pipe","ɵhz":"./lib/shared-utilities/utilities/select-item-gl-code/select-item-gl-code.component","ɵia":"./lib/shared-utilities/utilities/select-multi-tax-code-drop-down/select-multi-tax-code-drop-down.component","ɵib":"./lib/shared-utilities/utilities/advanced-search-einvoice/advanced-search-einvoice.component","ɵic":"./lib/shared-utilities/utilities/advanced-search-einvoice-portal/advanced-search-einvoice-portal.component","ɵid":"./lib/shared-utilities/utilities/branch-dropdown-simple/branch-dropdown-simple.component","ɵie":"./lib/shared-utilities/utilities/customer-dropdown-simple/customer-dropdown-simple.component","ɵif":"./lib/shared-utilities/utilities/export-data-dialog/export-data-dialog.component","ɵig":"./lib/shared-utilities/utilities/select-supplier-dropdown/select-supplier-dropdown.component","ɵih":"./lib/shared-utilities/utilities/select-multi-location-dropdown/select-multi-location-dropdown.component","ɵii":"./lib/shared-utilities/utilities/pagination-v2-entity/pagination-v2-entity.component","ɵij":"./lib/shared-utilities/dialogues/akaun-gen-doc-lock-dialog/akaun-gen-doc-lock-dialog.component","ɵik":"./lib/shared-utilities/utilities/multi-level-discount/multi-level-discount.component","ɵil":"./lib/shared-utilities/view-column.component","ɵim":"./lib/shared-utilities/utilities/generic-document-view-main/generic-document-view-main.component","ɵin":"./lib/shared-utilities/utilities/generic-document-view-line/generic-document-view-line.component","ɵio":"./lib/shared-utilities/utilities/generic-document-view-settlement/generic-document-view-settlement.component","ɵip":"./lib/shared-utilities/utilities/generic-document-view-export/generic-document-view-export.component","ɵiq":"./lib/shared-utilities/services/print-service","ɵir":"./lib/shared-utilities/utilities/cash-document-view-main/cash-document-view-main.component","ɵis":"./lib/shared-utilities/utilities/cash-document-view-line/cash-document-view-line.component","ɵit":"./lib/shared-utilities/utilities/cash-document-posting/cash-document-posting.component","ɵiu":"./lib/shared-utilities/utilities/cash-document-posting/journal-txn/journal-txn.component","ɵiv":"./lib/shared-utilities/utilities/cash-document-posting/cashbook-txn/cashbook-txn.component","ɵiw":"./lib/shared-utilities/utilities/cash-document-view-export/cash-document-view-export.component","ɵix":"./lib/shared-utilities/utilities/supplier-dropdown-simple/supplier-dropdown-simple.component","ɵiy":"./lib/shared-utilities/utilities/cell-click-handler.component","ɵiz":"./lib/shared-utilities/utilities/generic-document-view/generic-document-view.component","ɵja":"./lib/shared-utilities/application-controller/store/states","ɵjb":"./lib/shared-utilities/utilities/select-rounding-item/select-rounding-item.component","ɵjc":"./lib/shared-utilities/utilities/select-group-discount-item/select-group-discount-item.component","ɵjd":"./lib/shared-utilities/utilities/select-default-settlement-method/select-default-settlement-method.component","ɵje":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/states","ɵjf":"./lib/shared-utilities/utilities/pricing-scheme-hdr/pricing-scheme-hdr.component","ɵjg":"./lib/shared-utilities/utilities/select-pos-card-terminal-drop-down/select-pos-card-terminal-drop-down.component","ɵjh":"./lib/shared-utilities/utilities/currency-rate/currency-rate.component","ɵji":"./lib/shared-utilities/services/forex.service","ɵjj":"./lib/shared-utilities/utilities/select-multi-employee-drop-down-v2/select-multi-employee-drop-down-v2.component","ɵjk":"./lib/shared-utilities/utilities/advanced-search-perm-set/advanced-search-perm-set.component","ɵjl":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-cashbook-view-model-controller/reducers/root","ɵjm":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-cashbook-view-model-controller/reducers/root","ɵjn":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-cashbook-view-model-controller/reducers/column_1_view_model.reducers","ɵjo":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-cashbook-view-model-controller/reducers/column_1_view_model.reducers","ɵjp":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-cashbook-view-model-controller/states/column_1_view_model.states","ɵjq":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-cashbook-view-model-controller/actions","ɵjr":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-journal-view-model-controller/reducers/root","ɵjs":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-journal-view-model-controller/reducers/root","ɵjt":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-journal-view-model-controller/reducers/column_1_view_model.reducers","ɵju":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-journal-view-model-controller/reducers/column_1_view_model.reducers","ɵjv":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-journal-view-model-controller/states/column_1_view_model.states","ɵjw":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-journal-view-model-controller/actions","ɵjx":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-points-view-model-controller/reducers/root","ɵjy":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-points-view-model-controller/reducers/root","ɵjz":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-points-view-model-controller/reducers/column_1_view_model.reducers","ɵka":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-points-view-model-controller/reducers/column_1_view_model.reducers","ɵkb":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-points-view-model-controller/states/column_1_view_model.states","ɵkc":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-points-view-model-controller/actions","ɵkd":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-tax-view-model-controller/reducers/root","ɵke":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-tax-view-model-controller/reducers/root","ɵkf":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-tax-view-model-controller/reducers/column_1_view_model.reducers","ɵkg":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-tax-view-model-controller/reducers/column_1_view_model.reducers","ɵkh":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-tax-view-model-controller/states/column_1_view_model.states","ɵki":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-tax-view-model-controller/actions","ɵkj":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-inv-view-model-controller/reducers/root","ɵkk":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-inv-view-model-controller/reducers/root","ɵkl":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-inv-view-model-controller/reducers/column_1_view_model.reducers","ɵkm":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-inv-view-model-controller/reducers/column_1_view_model.reducers","ɵkn":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-inv-view-model-controller/states/column_1_view_model.states","ɵko":"./lib/shared-utilities/generic-doc-view-model-controller/generic-doc-inv-view-model-controller/actions","ɵkp":"./lib/shared-utilities/modules/aging-period/aging-period.module","ɵkq":"./lib/shared-utilities/modules/aging-period/aging-period.module","ɵkr":"./lib/shared-utilities/modules/aging-period/aging-period.module","ɵks":"./lib/shared-utilities/modules/aging-period/aging-period.module","ɵkt":"./lib/shared-utilities/modules/aging-period/aging-period-container/aging-period-container.component","ɵku":"./lib/shared-utilities/modules/layout/container","ɵkv":"./lib/shared-utilities/modules/aging-period/services/aging-period-pages.service","ɵkw":"./lib/shared-utilities/modules/aging-period/facades/aging-period.facade","ɵkx":"./lib/shared-utilities/modules/aging-period/view-cache-controller/store/states","ɵky":"./lib/shared-utilities/modules/aging-period/aging-period-container/aging-period-listing/aging-period-listing.component","ɵkz":"./lib/shared-utilities/modules/aging-period/aging-period-controller/states","ɵla":"./lib/shared-utilities/modules/aging-period/aging-period-container/aging-period-create/aging-period-create.component","ɵlb":"./lib/shared-utilities/modules/aging-period/aging-period-container/aging-period-edit/aging-period-edit.component","ɵlc":"./lib/shared-utilities/modules/aging-period/view-cache.module","ɵld":"./lib/shared-utilities/modules/aging-period/view-cache.module","ɵle":"./lib/shared-utilities/modules/aging-period/view-cache-controller/store/reducers/view-cache.reducers","ɵlf":"./lib/shared-utilities/modules/aging-period/view-cache-controller/store/reducers/view-cache.reducers","ɵlg":"./lib/shared-utilities/modules/aging-period/view-cache-controller/store/reducers/view-cache.reducers","ɵlh":"./lib/shared-utilities/modules/aging-period/view-cache-controller/store/reducers/root","ɵli":"./lib/shared-utilities/modules/aging-period/view-cache-controller/store/states/view-cache.states","ɵlj":"./lib/shared-utilities/modules/aging-period/view-cache-controller/store/actions","ɵlk":"./lib/shared-utilities/modules/aging-period/aging-period-controller/reducers/aging-period.reducers","ɵll":"./lib/shared-utilities/modules/aging-period/aging-period-controller/reducers/aging-period.reducers","ɵlm":"./lib/shared-utilities/modules/aging-period/aging-period-controller/reducers/root","ɵln":"./lib/shared-utilities/modules/aging-period/aging-period-controller/states/aging-period.states","ɵlo":"./lib/shared-utilities/modules/aging-period/aging-period-controller/actions","ɵlp":"./lib/shared-utilities/modules/aging-period/aging-period-controller/effects/aging-period.effects","ɵlq":"./lib/shared-utilities/modules/branch-settings/branch-settings.module","ɵlr":"./lib/shared-utilities/modules/branch-settings/branch-settings.module","ɵls":"./lib/shared-utilities/modules/branch-settings/branch-settings.module","ɵlt":"./lib/shared-utilities/modules/branch-settings/branch-settings.module","ɵlu":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/branch-settings-container.component","ɵlv":"./lib/shared-utilities/modules/branch-settings/services/branch-setings-pages.service","ɵlw":"./lib/shared-utilities/modules/branch-settings/facades/branch-settings.facade","ɵlx":"./lib/shared-utilities/modules/branch-settings/view-cache-controller/store/states","ɵly":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/branch-settings-listing/branch-settings-listing.component","ɵlz":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/branch-edit/branch-edit.component","ɵma":"./lib/shared-utilities/modules/permission/facades/permission.facade","ɵmb":"./lib/shared-utilities/modules/permission/view-cache-controller/store/states","ɵmc":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/branch-details/branch-details.component","ɵmd":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/item-category-filter/item-category-filter.component","ɵme":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/menu-list/menu-list.component","ɵmf":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/pricing-scheme/listing/listing.component","ɵmg":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/pricing-scheme/create/create.component","ɵmh":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/pricing-scheme/edit/edit.component","ɵmi":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/default-settlement-method/default-settlement-method.component","ɵmj":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/printable-format/listing/listing.component","ɵmk":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/printable-format/add/add.component","ɵml":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/printable-format/edit/edit.component","ɵmm":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/printable-image/listing/listing.component","ɵmn":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/printable-format/edit/image/listing/listing.component","ɵmo":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/printable-format/edit/image/add/add.component","ɵmp":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/printable-format/edit/image/edit/edit.component","ɵmq":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/printable-image/add/add.component","ɵmr":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/printable-image/edit/edit.component","ɵms":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/employee/listing/listing.component","ɵmt":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/employee/add/add.component","ɵmu":"./lib/shared-utilities/modules/branch-settings/branch-settings-container/employee/edit/edit.component","ɵmv":"./lib/shared-utilities/modules/branch-settings/view-cache.module","ɵmw":"./lib/shared-utilities/modules/branch-settings/view-cache.module","ɵmx":"./lib/shared-utilities/modules/branch-settings/view-cache-controller/store/reducers/view-cache.reducers","ɵmy":"./lib/shared-utilities/modules/branch-settings/view-cache-controller/store/reducers/view-cache.reducers","ɵmz":"./lib/shared-utilities/modules/branch-settings/view-cache-controller/store/reducers/view-cache.reducers","ɵna":"./lib/shared-utilities/modules/branch-settings/view-cache-controller/store/reducers/root","ɵnb":"./lib/shared-utilities/modules/branch-settings/view-cache-controller/store/states/view-cache.states","ɵnc":"./lib/shared-utilities/modules/branch-settings/view-cache-controller/store/actions","ɵnd":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers","ɵne":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/branch-settings.reducers","ɵnf":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/reducers/root","ɵng":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/states/branch-settings.states","ɵnh":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/actions","ɵni":"./lib/shared-utilities/modules/branch-settings/branch-settings-controller/effects/branch-settings.effects","ɵnj":"./lib/shared-utilities/modules/layout/layout.module","ɵnk":"./lib/shared-utilities/modules/layout/accordion","ɵnl":"./lib/shared-utilities/modules/layout/accordion","ɵnm":"./lib/shared-utilities/modules/layout/accordion","ɵnn":"./lib/shared-utilities/modules/layout/filter.pipe","ɵno":"./lib/shared-utilities/modules/layout/layout.component","ɵnp":"./lib/shared-utilities/modules/layout/sidebar/sidebar.component","ɵnq":"./lib/shared-utilities/modules/permission/permission.module","ɵnr":"./lib/shared-utilities/modules/permission/permission.module","ɵns":"./lib/shared-utilities/modules/permission/permission.module","ɵnt":"./lib/shared-utilities/modules/permission/view-cache.module","ɵnu":"./lib/shared-utilities/modules/permission/view-cache.module","ɵnv":"./lib/shared-utilities/modules/permission/permission-container/permission-set/permission-set.module","ɵnw":"./lib/shared-utilities/modules/permission/permission-container/permission-set/permission-set-container.component","ɵnx":"./lib/shared-utilities/modules/permission/services/perm-set-pages.service","ɵny":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-listing.component","ɵnz":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-add/perm-set-add.component","ɵoa":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-add/perm-set-add-lines/perm-set-add-lines.component","ɵob":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-edit/perm-set-edit.component","ɵoc":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-edit/perm-set-edit-lines/perm-set-edit-lines.component","ɵod":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-add/perm-set-add-lines/perm-set-add-lines-edit/perm-set-add-lines-edit.component","ɵoe":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-add/perm-set-add-lines/perm-set-add-lines-edit/perm-set-add-lines-edit-targets/perm-set-edit-targets.component","ɵof":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-edit/perm-set-edit-lines/perm-set-edit-lines-edit/perm-set-edit-lines-edit.component","ɵog":"./lib/shared-utilities/modules/permission/permission-container/permission-set/perm-set-listing/perm-set-edit/perm-set-edit-lines/perm-set-edit-lines-edit/perm-set-edit-lines-edit-targets/perm-set-edit-lines-edit-targets.component","ɵoh":"./lib/shared-utilities/modules/permission/permission-container/permission-wizard/permission-wizard.module","ɵoi":"./lib/shared-utilities/modules/permission/permission-container/permission-wizard/permission-wizard-container.component","ɵoj":"./lib/shared-utilities/modules/permission/services/permission-wizard-pages.service","ɵok":"./lib/shared-utilities/modules/permission/permission-container/permission-wizard/permission-wizard-listing/permission-wizard-listing.component","ɵol":"./lib/shared-utilities/modules/permission/permission-container/permission-wizard/permission-wizard-listing/permission-wizard-edit/permission-wizard-edit.component","ɵom":"./lib/shared-utilities/modules/permission/permission-container/permission-wizard/permission-wizard-listing/permission-wizard-edit/main-details/main-details.component","ɵon":"./lib/shared-utilities/modules/permission/permission-container/permission-wizard/permission-wizard-listing/permission-wizard-edit/permission-defs/permission-defs.component","ɵoo":"./lib/shared-utilities/modules/permission/permission-container/permission-wizard/permission-wizard-listing/permission-wizard-edit/targets/targets.component","ɵop":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission.module","ɵoq":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission.module","ɵor":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-container.component","ɵos":"./lib/shared-utilities/modules/permission/services/user-permission-pages.service","ɵot":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-listing/user-permission-listing.component","ɵou":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-view.component","ɵov":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role.component","ɵow":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/user-permission-role-details.component","ɵox":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing.component","ɵoy":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-add/permission-set-listing-add.component","ɵoz":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-add/permission-set-listing-configure-lines/permission-set-listing-configure-lines.component","ɵpa":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-add/permission-set-listing-configure-lines/permission-set-listing-configure-lines-edit/permission-set-listing-configure-lines-edit.component","ɵpb":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-add/permission-set-listing-configure-lines/permission-set-listing-configure-lines-edit/permission-set-listing-configure-lines-edit-target/permission-set-listing-configure-lines-edit-target.component","ɵpc":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-detail/permission-set-listing-detail.component","ɵpd":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-detail/permission-set-line/permission-set-line.component","ɵpe":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-detail/permission-set-line/permission-set-line-details/permission-set-line-details.component","ɵpf":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-role/user-permission-role-details/permission-set-listing/permission-set-listing-detail/permission-set-line/permission-set-line-details/permission-definition/permission-definition.component","ɵpg":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-set/user-permission-set.component","ɵph":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-set/user-permission-set-add/user-permission-set-add.component","ɵpi":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-set/user-permission-set-details/user-permission-set-details.component","ɵpj":"./lib/shared-utilities/modules/permission/permission-container/user-permission/user-permission-view/user-permission-definition/user-permission-definition.component","ɵpk":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission.module","ɵpl":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission.module","ɵpm":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-container.component","ɵpn":"./lib/shared-utilities/modules/permission/services/team-permission-pages.service","ɵpo":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-listing/team-permission-listing.component","ɵpp":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-edit.component","ɵpq":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-details/team-permission-details.component","ɵpr":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-members/team-permission-members.component","ɵps":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-members/team-members-add/team-members-add.component","ɵpt":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-members/team-members-edit/team-members-edit.component","ɵpu":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-role/team-permission-role.component","ɵpv":"./lib/shared-utilities/modules/permission/permission-container/team-permission/team-permission-edit/team-permission-role/team-role-edit/team-role-edit.component","ɵpw":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission.module","ɵpx":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission.module","ɵpy":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-container.component","ɵpz":"./lib/shared-utilities/modules/permission/services/role-permission-pages.service","ɵqa":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-listing/role-permission-listing.component","ɵqb":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-add/role-permission-add.component","ɵqc":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-edit.component","ɵqd":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-team/role-permission-team.component","ɵqe":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-set/role-permission-set.component","ɵqf":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-user/role-permission-user.component","ɵqg":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-user/role-perm-user-add/role-perm-user-add.component","ɵqh":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-team/role-perm-team-add/role-perm-team-add.component","ɵqi":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-set/role-permission-set-add-listing/role-permission-set-add-listing.component","ɵqj":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-details/role-permission-details.component","ɵqk":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/client-side-permission/client-side-permission.component","ɵql":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/client-side-permission/add/add.component","ɵqm":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/client-side-permission/edit/edit.component","ɵqn":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/pricing-scheme-link/pricing-scheme-link.component","ɵqo":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/pricing-scheme-link/add-pricing-scheme-link/add-pricing-scheme-link.component","ɵqp":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/pricing-scheme-link/edit-pricing-scheme-link/edit-pricing-scheme-link.component","ɵqq":"./lib/shared-utilities/modules/permission/permission-container/role-permission/role-permission-edit/role-permission-set-copy/role-permission-set-copy.component","ɵqr":"./lib/shared-utilities/modules/permission/permission-container/client-side-permission/client-side-permission.module","ɵqs":"./lib/shared-utilities/modules/permission/permission-container/client-side-permission/client-side-permission-container.component","ɵqt":"./lib/shared-utilities/modules/permission/services/client-side-permission-pages.service","ɵqu":"./lib/shared-utilities/modules/permission/permission-container/client-side-permission/client-side-permission-listing/client-side-permission-listing.component","ɵqv":"./lib/shared-utilities/modules/permission/permission-container/client-side-permission/client-side-permissiont-add/client-side-permission-add.component","ɵqw":"./lib/shared-utilities/modules/permission/permission-container/client-side-permission/client-side-permissiont-edit/client-side-permission-edit.component","ɵqx":"./lib/shared-utilities/modules/permission/field-configuration/field-configuration.module","ɵqy":"./lib/shared-utilities/modules/permission/field-configuration/field-configuration/field-configuration.component","ɵqz":"./lib/shared-utilities/modules/permission/permission-container/role-pricing-scheme-link/role-pricing-scheme-link.module","ɵra":"./lib/shared-utilities/modules/permission/permission-container/role-pricing-scheme-link/role-pricing-scheme-link-container.component","ɵrb":"./lib/shared-utilities/modules/permission/services/role-pricing-scheme-link-pages.service","ɵrc":"./lib/shared-utilities/modules/permission/permission-container/role-pricing-scheme-link/role-pricing-scheme-link-listing/role-pricing-scheme-link-listing.component","ɵrd":"./lib/shared-utilities/modules/permission/permission-container/role-pricing-scheme-link/role-pricing-scheme-link-add/role-pricing-scheme-link-add.component","ɵre":"./lib/shared-utilities/modules/permission/permission-container/role-pricing-scheme-link/role-pricing-scheme-link-edit/role-pricing-scheme-link-edit.component","ɵrf":"./lib/shared-utilities/modules/settings/developer-tools/applet-audit-trail/applet-audit-trail.module","ɵrg":"./lib/shared-utilities/modules/settings/developer-tools/applet-audit-trail/applet-audit-trail.module","ɵrh":"./lib/shared-utilities/modules/settings/developer-tools/applet-audit-trail/applet-audit-trail.module","ɵri":"./lib/shared-utilities/modules/settings/developer-tools/applet-audit-trail/applet-audit-trail-container.component","ɵrj":"./lib/shared-utilities/modules/settings/services/applet-audit-trail-pages.service","ɵrk":"./lib/shared-utilities/modules/settings/developer-tools/applet-audit-trail/applet-audit-trail-listing/applet-audit-trail-listing.component","ɵrl":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/states/applet-audit-trail.states","ɵrm":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/states/applet-audit-trail.states","ɵrn":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/states/applet-audit-trail.states","ɵro":"./lib/shared-utilities/modules/settings/developer-tools/applet-audit-trail/applet-audit-trail/applet-audit-trail-edit.component","ɵrp":"./lib/shared-utilities/modules/settings/developer-tools/applet-audit-trail/applet-audit-trail/escape-html.pipe","ɵrq":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/selectors/applet-audit-trail.selector","ɵrr":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/reducers/root","ɵrs":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/reducers/applet-audit-trail.reducers","ɵrt":"./lib/shared-utilities/modules/settings/settings-controller/applet-audit-trail/actions","ɵru":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers","ɵrv":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers","ɵrw":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/view-cache.reducers","ɵrx":"./lib/shared-utilities/modules/permission/view-cache-controller/store/reducers/root","ɵry":"./lib/shared-utilities/modules/permission/view-cache-controller/store/states/view-cache.states","ɵrz":"./lib/shared-utilities/modules/permission/view-cache-controller/store/actions","ɵsa":"./lib/shared-utilities/modules/permission/perm-set-controller/reducers/perm-set.reducers","ɵsb":"./lib/shared-utilities/modules/permission/perm-set-controller/states/perm-set.states","ɵsc":"./lib/shared-utilities/modules/permission/perm-set-controller/states/perm-set.states","ɵsd":"./lib/shared-utilities/modules/permission/perm-set-controller/actions","ɵse":"./lib/shared-utilities/modules/permission/permission-wizard-controller/reducers/permission-wizard.reducers","ɵsf":"./lib/shared-utilities/modules/permission/permission-wizard-controller/states/permission-wizard.states","ɵsg":"./lib/shared-utilities/modules/permission/permission-wizard-controller/states/permission-wizard.states","ɵsh":"./lib/shared-utilities/modules/permission/permission-wizard-controller/actions","ɵsi":"./lib/shared-utilities/modules/permission/user-permissions-controller/reducers/user-permissions.reducers","ɵsj":"./lib/shared-utilities/modules/permission/user-permissions-controller/states/user-permissions.states","ɵsk":"./lib/shared-utilities/modules/permission/user-permissions-controller/states/user-permissions.states","ɵsl":"./lib/shared-utilities/modules/permission/user-permissions-controller/actions","ɵsm":"./lib/shared-utilities/modules/permission/team-permissions-controller/reducers/team-permissions.reducers","ɵsn":"./lib/shared-utilities/modules/permission/team-permissions-controller/states/team-permissions.states","ɵso":"./lib/shared-utilities/modules/permission/team-permissions-controller/states/team-permissions.states","ɵsp":"./lib/shared-utilities/modules/permission/team-permissions-controller/actions","ɵsq":"./lib/shared-utilities/modules/permission/role-permissions-controller/reducers/role-permissions.reducers","ɵsr":"./lib/shared-utilities/modules/permission/role-permissions-controller/states/role-permissions.states","ɵss":"./lib/shared-utilities/modules/permission/role-permissions-controller/states/role-permissions.states","ɵst":"./lib/shared-utilities/modules/permission/role-permissions-controller/actions","ɵsu":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/reducers/client-side-permission.reducers","ɵsv":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/states/client-side-permission.states","ɵsw":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/states/client-side-permission.states","ɵsx":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/actions","ɵsy":"./lib/shared-utilities/modules/permission/user-permissions-inquiry-controller/reducers/user-permissions-inquiry.reducers","ɵsz":"./lib/shared-utilities/modules/permission/user-permissions-inquiry-controller/states/user-permissions-inquiry.states","ɵta":"./lib/shared-utilities/modules/permission/user-permissions-inquiry-controller/actions","ɵtb":"./lib/shared-utilities/modules/permission/role-pricing-scheme-link-controler/reducers/role-pricing-scheme-link.reducers","ɵtc":"./lib/shared-utilities/modules/permission/role-pricing-scheme-link-controler/states/role-pricing-scheme-link.states","ɵtd":"./lib/shared-utilities/modules/permission/role-pricing-scheme-link-controler/actions","ɵte":"./lib/shared-utilities/modules/permission/user-permissions-controller/effects/user-permissions.effects","ɵtf":"./lib/shared-utilities/modules/permission/team-permissions-controller/effects/team-permissions.effects","ɵtg":"./lib/shared-utilities/modules/permission/role-permissions-controller/effects/role-permissions.effects","ɵth":"./lib/shared-utilities/modules/permission/perm-set-controller/effects/perm-set.effects","ɵti":"./lib/shared-utilities/modules/permission/permission-wizard-controller/effects/permission-wizard.effects","ɵtj":"./lib/shared-utilities/modules/permission/client-side-permissions-controller/effects/client-side-permission.effects","ɵtk":"./lib/shared-utilities/modules/permission/user-permissions-inquiry-controller/effects/user-permissions-inquiry.effects","ɵtl":"./lib/shared-utilities/modules/permission/role-pricing-scheme-link-controler/effects/role-pricing-scheme-link.effects","ɵtm":"./lib/shared-utilities/modules/personalization/personalization.module","ɵtn":"./lib/shared-utilities/modules/personalization/personalization.component","ɵto":"./lib/shared-utilities/modules/personalization/sidebar/sidebar.component","ɵtp":"./lib/shared-utilities/modules/search/search.module","ɵtq":"./lib/shared-utilities/modules/search/search.module","ɵtr":"./lib/shared-utilities/modules/search/search-controller/reducers/search.reducers","ɵts":"./lib/shared-utilities/modules/search/search-controller/reducers/search.reducers","ɵtt":"./lib/shared-utilities/modules/search/search-controller/reducers/search.reducers","ɵtu":"./lib/shared-utilities/modules/search/search-controller/reducers/root","ɵtv":"./lib/shared-utilities/modules/search/search-controller/states/search.states","ɵtw":"./lib/shared-utilities/modules/search/search-controller/actions","ɵtx":"./lib/shared-utilities/modules/search/search-controller/states","ɵty":"./lib/shared-utilities/modules/settings/settings.module","ɵtz":"./lib/shared-utilities/modules/settings/settings.module","ɵua":"./lib/shared-utilities/modules/settings/settings/settings.component","ɵub":"./lib/shared-utilities/modules/settings/developer-tools/developer-tools.component","ɵuc":"./lib/shared-utilities/modules/settings/feature-visibility/feature-visibility.component","ɵud":"./lib/shared-utilities/modules/settings/feature-visibility/feature-visibility-teams/feature-visibility-teams.component","ɵue":"./lib/shared-utilities/modules/settings/webhook/webhook.component","ɵuf":"./lib/shared-utilities/modules/settings/webhook/delete-renderer/delete-renderer.component"},"importAs":"blg-akaun-ng-lib"}