@bnsights/bbsf-admin-portal 1.0.98 → 1.0.99

package/esm2015/lib/Pages/localizations/localizations.component.js

@@ -487,7 +487,7 @@ export class LocalizationsComponent {
     }
 }
 LocalizationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsComponent, deps: [{ token: i1.PageInfoService }, { token: i2.UtilityService }, { token: i2.EnvironmentService }, { token: i3.DatePipe }, { token: i4.ClipboardService }, { token: i5.localizationsService }, { token: i6.NgbModal }, { token: i2.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LocalizationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsComponent, selector: "lib-localizations", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LocalizationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "exportConfirmationControl", first: true, predicate: ["exportConfirmationControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }, { propertyName: "restConfirmationModalControl", first: true, predicate: ["RestConfirmationModalControl"], descendants: true }, { propertyName: "ShowResourceValidationModal", first: true, predicate: ["ShowResourceValidationModal"], descendants: true }, { propertyName: "CloseResourceValidationModal", first: true, predicate: ["CloseResourceValidationModal"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLocalizationList($event)\" -->\r\n           <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"localizationForm\"></BBSF-TextBox>\r\n         \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"resourceSetOptions\" [group]=\"localizationForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"localizationsFiltersBtn\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button (click)=\"showExportExcelModal()\"\r\n                  title=\"Export\" type=\"button\" class=\"btn btn-sm btn-light-primary bnsights-btn-export me-3 \">\r\n            <i class=\"fas fa-download me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Export\")}}\r\n          </button>\r\n\r\n          <button id=\"btnActivate\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showReloadResourceModal()\">\r\n            <i class=\"fas fa-sync-alt me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Reload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3 \" id=\"btnActivate\" (click)=\"showUploadModal(UploadJsonFileModal)\">\r\n            <i class=\"fas fa-upload me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Upload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddResourceModal(AddResourceModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]=\"menut\" class=\"btn btn-sm btn-primary me-3 btn-icon\" title=\"options\">\r\n              <i class=\"fa fa-bars\"></i>\r\n            </button>\r\n            <mat-menu #menut=\"matMenu\" class=\"py-3\">\r\n              <button ngbDropdownItem type=\"button\" class=\"menu-item px-3\" (click)=\"showRestToFactoryDefault()\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"RestToFactoryDefault\")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf=\"!ProductionMode\" type=\"button\" class=\"menu-item px-3\" (click)=\"generateStronglyTypedClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateStronglyTypedClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateBBSFResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateBBSFResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateAppResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateApplicationResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" [routerLink]=\"['/Admin/Localization/ReplaceText']\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"ReplaceText\")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Localization of filteredLocalizationPagingResult\">\r\n                <td class=\"text-dark\">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.value}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditResourceModal(Localization,EditResourceModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                              (click)=\"showDeleteResourceModal(Localization)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLocalizationPagingResult.length == 0\">\r\n                <td colspan=\"5\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!--end::users list-->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLocalizationListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"localizationPaging\"\r\n                     [group]=\"localizationForm\" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addResourceFormOptions\">\r\n        <BBSF-AutocompleteTextBox [options]=\"resourceSet\" [group]=\"addResourceForm\">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]=\"resourceId\" [group]=\"addResourceForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualValue\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualComment\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseResourceModal id=\"CloseResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editResourceFormOptions\">\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualValue\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualComment\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditResourceModal id=\"CloseEditResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Upload Modal -->\r\n  <ng-template #UploadJsonFileModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"UploadResources\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"uploadJsonFileFormOptions\">\r\n        <a [hidden]=\"true\" id=\"ShowResourceValidationModal\" href=\"javascript:;\" (click)=\"openResourceValidationModal(ResourceValidationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"show\")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]=\"resourcesFileInput\" [group]=\"uploadJsonFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <a id=\"btnDeactivate\" href=\"javascript:;\" (click)=\"showExportExcelModal(true)\">\r\n          {{utilityService.getResourceValue(\"DownloadResourceTemplateSheet\")}}\r\n        </a>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseUploadJsonFileModal id=\"CloseUploadJsonFileModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- GenerateStronglyTypedClass  Modal -->\r\n  <ng-template #GenerateStronglyTypedModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n        <div>\r\n          <BBSF-TextArea [options]=\"stronglyTypedClass\" [group]=\"generateCodeForm\">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseStronglyTypedClassModal id=\"CloseStronglyTypedClassModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Export Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"exportControlLoaded\" [options]=\"exportConfirmationOptions\" id=\"exportConfirmationControl\"\r\n#exportConfirmationControl></BBSF-ConfirmationModal>\r\n\r\n<!--Reload Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"reloadControlLoaded\" [options]=\"reloadConfirmationOptions\" id=\"ReloadConfirmationModalControl\"\r\n#ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Rest Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"restToFactoryDefaultControlLoaded\" [options]=\"restToFactoryDefaultConfirmationOptions\" id=\"RestConfirmationModalControl\"\r\n#RestConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- Resource Validation Modal-->\r\n  <ng-template #ResourceValidationModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResourcecheckResult\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n        <!--begin::Icon-->\r\n        <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n        <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n          <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n        </span>\r\n        <!--end::Svg Icon-->\r\n        <!--end::Icon-->\r\n        <!--begin::Wrapper-->\r\n        <div class=\"d-flex flex-stack flex-grow-1\">\r\n          <!--begin::Content-->\r\n          <div class=\"fw-bold\">\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"!excelValidation.isValid\">\r\n              <div>\r\n                {{utilityService.getResourceValue(\"UpdatedEntriesNumber\")}} {{excelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue(\"InvalidEntriesNumber\")}} {{excelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"excelValidation.isValid\">\r\n              {{utilityService.getResourceValue(\"AllEntriesValid\")}}\r\n            </div>\r\n\r\n          </div>\r\n          <!--end::Content-->\r\n        </div>\r\n        <!--end::Wrapper-->\r\n      </div>\r\n      <div *ngIf=\"!excelValidation.isValid\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr class=\"trItem\" *ngFor=\"let Localization of excelValidation.invalidEntries\">\r\n                <td class=\"text-dark\">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseResourceValidationModal id=\"CloseResourceValidationModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"button\" (click)=\"confirmExcel()\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n", styles: [".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"], components: [{ type: i7.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i8.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i10.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i8.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i8.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i8.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i6.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i6.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+LocalizationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LocalizationsComponent, selector: "lib-localizations", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LocalizationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "exportConfirmationControl", first: true, predicate: ["exportConfirmationControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }, { propertyName: "restConfirmationModalControl", first: true, predicate: ["RestConfirmationModalControl"], descendants: true }, { propertyName: "ShowResourceValidationModal", first: true, predicate: ["ShowResourceValidationModal"], descendants: true }, { propertyName: "CloseResourceValidationModal", first: true, predicate: ["CloseResourceValidationModal"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLocalizationList($event)\" -->\r\n           <BBSF-TextBox [options]=\"searchTextBox\"   [group]=\"localizationForm\"></BBSF-TextBox>\r\n         \r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"resourceSetOptions\" [group]=\"localizationForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"localizationsFiltersBtn\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button (click)=\"showExportExcelModal()\"\r\n                  title=\"Export\" type=\"button\" class=\"btn btn-sm btn-light-primary bnsights-btn-export me-3 \">\r\n            <i class=\"fas fa-download me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Export\")}}\r\n          </button>\r\n\r\n          <button id=\"btnActivate\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showReloadResourceModal()\">\r\n            <i class=\"fas fa-sync-alt me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Reload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3 \" id=\"btnActivate\" (click)=\"showUploadModal(UploadJsonFileModal)\">\r\n            <i class=\"fas fa-upload me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Upload\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary me-3\" (click)=\"showAddResourceModal(AddResourceModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n          <div>\r\n            <button mat-button [matMenuTriggerFor]=\"menut\" class=\"btn btn-sm btn-primary me-3 btn-icon\" title=\"options\">\r\n              <i class=\"fa fa-bars\"></i>\r\n            </button>\r\n            <mat-menu #menut=\"matMenu\" class=\"py-3\">\r\n              <button ngbDropdownItem type=\"button\" class=\"menu-item px-3\" (click)=\"showRestToFactoryDefault()\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"RestToFactoryDefault\")}}</span>\r\n              </button>\r\n              <button ngbDropdownItem *ngIf=\"!ProductionMode\" type=\"button\" class=\"menu-item px-3\" (click)=\"generateStronglyTypedClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateStronglyTypedClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateBBSFResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateBBSFResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" (click)=\"generateAppResourceClass(GenerateStronglyTypedModal)\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"GenerateApplicationResourceClass\")}} </span>\r\n              </button>\r\n              <button ngbDropdownItem class=\"menu-item px-3\" type=\"button\" [routerLink]=\"['/Admin/Localization/ReplaceText']\">\r\n                <span class=\"menu-link px-3\">  {{utilityService.getResourceValue(\"ReplaceText\")}} </span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let Localization of filteredLocalizationPagingResult\">\r\n                <td class=\"text-dark\">{{Localization.resourceId}}</td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.value}}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <button class=\"drop-item px-3\" ngbDropdownItem\r\n                              (click)=\"showEditResourceModal(Localization,EditResourceModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </button>\r\n                      <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                              (click)=\"showDeleteResourceModal(Localization)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </button>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLocalizationPagingResult.length == 0\">\r\n                <td colspan=\"5\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!--end::users list-->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLocalizationListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"localizationPaging\"\r\n                     [group]=\"localizationForm\" #LocalizationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addResourceFormOptions\">\r\n        <BBSF-AutocompleteTextBox [options]=\"resourceSet\" [group]=\"addResourceForm\">\r\n        </BBSF-AutocompleteTextBox>\r\n        <BBSF-TextBox [options]=\"resourceId\" [group]=\"addResourceForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualValue\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualComment\" [group]=\"addResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseResourceModal id=\"CloseResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditResourceModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditResource\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editResourceFormOptions\">\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualValue\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualComment\" [group]=\"editResourceForm\"></BBSF-MultiLingualTextArea>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditResourceModal id=\"CloseEditResourceModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n  <!-- Upload Modal -->\r\n  <ng-template #UploadJsonFileModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"UploadResources\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"uploadJsonFileFormOptions\">\r\n        <a [hidden]=\"true\" id=\"ShowResourceValidationModal\" href=\"javascript:;\" (click)=\"openResourceValidationModal(ResourceValidationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"show\")}}\r\n        </a>\r\n        <BBSF-FileUplaod [options]=\"resourcesFileInput\" [group]=\"uploadJsonFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <a id=\"btnDeactivate\" href=\"javascript:;\" (click)=\"showExportExcelModal(true)\">\r\n          {{utilityService.getResourceValue(\"DownloadResourceTemplateSheet\")}}\r\n        </a>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseUploadJsonFileModal id=\"CloseUploadJsonFileModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- GenerateStronglyTypedClass  Modal -->\r\n  <ng-template #GenerateStronglyTypedModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n        <div>\r\n          <BBSF-TextArea [options]=\"stronglyTypedClass\" [group]=\"generateCodeForm\">\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseStronglyTypedClassModal id=\"CloseStronglyTypedClassModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Export Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"exportControlLoaded\" [options]=\"exportConfirmationOptions\" id=\"exportConfirmationControl\"\r\n#exportConfirmationControl></BBSF-ConfirmationModal>\r\n\r\n<!--Reload Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"reloadControlLoaded\" [options]=\"reloadConfirmationOptions\" id=\"ReloadConfirmationModalControl\"\r\n#ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Rest Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"restToFactoryDefaultControlLoaded\" [options]=\"restToFactoryDefaultConfirmationOptions\" id=\"RestConfirmationModalControl\"\r\n#RestConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- Resource Validation Modal-->\r\n  <ng-template #ResourceValidationModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResourcecheckResult\")}}</h1>\r\n      </div>\r\n      <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n        <!--begin::Icon-->\r\n        <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n        <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n          <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n        </span>\r\n        <!--end::Svg Icon-->\r\n        <!--end::Icon-->\r\n        <!--begin::Wrapper-->\r\n        <div class=\"d-flex flex-stack flex-grow-1\">\r\n          <!--begin::Content-->\r\n          <div class=\"fw-bold\">\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"!excelValidation.isValid\">\r\n              <div>\r\n                {{utilityService.getResourceValue(\"UpdatedEntriesNumber\")}} {{excelValidation.validCount}}\r\n              </div>\r\n              <div>\r\n                {{utilityService.getResourceValue(\"InvalidEntriesNumber\")}} {{excelValidation.invalidCount}}\r\n              </div>\r\n            </div>\r\n            <div class=\"fs-6 text-gray-700\" *ngIf=\"excelValidation.isValid\">\r\n              {{utilityService.getResourceValue(\"AllEntriesValid\")}}\r\n            </div>\r\n\r\n          </div>\r\n          <!--end::Content-->\r\n        </div>\r\n        <!--end::Wrapper-->\r\n      </div>\r\n      <div *ngIf=\"!excelValidation.isValid\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceId\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ResourceSet\")}}</th>\r\n                <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr class=\"trItem\" *ngFor=\"let Localization of excelValidation.invalidEntries\">\r\n                <td class=\"text-dark\">\r\n                  {{Localization.resourceId}}\r\n                </td>\r\n                <td>{{Localization.resourceSet}}</td>\r\n                <td>{{Localization.errorMessage}}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseResourceValidationModal id=\"CloseResourceValidationModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"button\" (click)=\"confirmExcel()\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n", styles: [".info{background-color:#e7f3fe;border-left:6px solid #2196F3}\n"], components: [{ type: i7.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i8.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }, { type: i8.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i10.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i8.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i8.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i8.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i6.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i6.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LocalizationsComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/lookups/lookup/lookup.component.js

@@ -354,7 +354,7 @@ export class LookupComponent {
     }
 }
 LookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LookupComponent, deps: [{ token: i1.PageInfoService }, { token: i2.UtilityService }, { token: i2.EnvironmentService }, { token: i3.ClipboardService }, { token: i4.LookupService }, { token: i5.NgbModal }, { token: i2.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LookupComponent, selector: "lib-lookup", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LookupPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n           <!--(OnChange)=\"filterLookupList($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"lookupForm\"></BBSF-TextBox>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"lookupGroupsOptions\" [group]=\"lookupForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"lookupsFiltersBtn\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateApplicationEnumsModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateApplicationEnums\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateCodeAllModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateSysNameModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateSysName\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddLookupModal(AddLookupModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!--begin::Permission list-->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LookupGroups\")}}</th>\r\n                <th class=\"min-w-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Manageable\")}}</th>\r\n\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              \r\n              <tr *ngFor=\"let Lookup of filteredLookupPagingResult\">\r\n                <td>\r\n                  <a  href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Lookups/LookupItems', Lookup.iD_GUID]\" routerLinkActive=\"router-link-active\"\r\n                     class=\"text-dark\">{{Lookup.lookupName}}</a>\r\n                </td>\r\n                <td >{{Lookup.lookupDescription}}</td>\r\n                <td >{{Lookup.lookupGroupName}}</td>\r\n                <td *ngIf=\"!ProductionMode\" class=\"align-middle\">{{Lookup.sysName}}</td>\r\n                <td>\r\n                  <span *ngIf=\"Lookup.manageable;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showEditLookupModal(Lookup.iD_GUID,EditLookupModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showGenerateCodeByIdModal(Lookup.iD_GUID,GenerateCodeModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"(!ProductionMode) ||(Lookup.manageable==true)\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showDeleteLookupModal(Lookup.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLookupPagingResult.length == 0\">\r\n                <td [attr.colspan]=\"ProductionMode ? '5' : '6'\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          <!--end::Permission list-->\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLookupListResult($event)\" *ngIf=\"isFilterLoaded\"\r\n                     [options]=\"lookupPaging\" [group]=\"lookupForm\" #LookupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"multiLingualName\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualDescription\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-TextBox [options]=\"sysName\" [group]=\"addLookupForm\"></BBSF-TextBox>\r\n        </div>\r\n\r\n        <BBSF-DropdownList [options]=\"lookupGroups\" [group]=\"addLookupForm\"></BBSF-DropdownList>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-CheckBox [options]=\"isManageable\" [group]=\"addLookupForm\"></BBSF-CheckBox>\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseLookupModal id=\"CloseLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n        </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"editMultiLingualName\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualDescription\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-TextBox *ngIf=\"!ProductionMode\" [options]=\"editSysName\" [group]=\"editLookupForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-DropdownList [options]=\"editLookupGroups\" [group]=\"editLookupForm\">\r\n        </BBSF-DropdownList>\r\n        <BBSF-CheckBox *ngIf=\"!ProductionMode\" [options]=\"editIsManageable\" [group]=\"editLookupForm\">\r\n        </BBSF-CheckBox>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditLookupModal id=\"CloseEditLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- GenerateCode Modal -->\r\n  <ng-template #GenerateCodeModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"generateCodeFormOptions\">\r\n        <div>\r\n          <BBSF-TextArea [options]=\"generateCodeTextArea\" [group]=\"generateCodeForm\" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n", components: [{ type: i6.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i7.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i7.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i7.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i7.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i11.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i12.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+LookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LookupComponent, selector: "lib-lookup", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LookupPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n           <!--(OnChange)=\"filterLookupList($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"lookupForm\"></BBSF-TextBox>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\">\r\n            <button ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"isFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList [options]=\"lookupGroupsOptions\" [group]=\"lookupForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"lookupsFiltersBtn\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateApplicationEnumsModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateApplicationEnums\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateCodeAllModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n          </button>\r\n\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateSysNameModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateSysName\")}}\r\n          </button>\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddLookupModal(AddLookupModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!--begin::Permission list-->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Description\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LookupGroups\")}}</th>\r\n                <th class=\"min-w-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Manageable\")}}</th>\r\n\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              \r\n              <tr *ngFor=\"let Lookup of filteredLookupPagingResult\">\r\n                <td>\r\n                  <a  href=\"javascript:void(0)\" [routerLink]=\"['/Admin/Lookups/LookupItems', Lookup.iD_GUID]\" routerLinkActive=\"router-link-active\"\r\n                     class=\"text-dark\">{{Lookup.lookupName}}</a>\r\n                </td>\r\n                <td >{{Lookup.lookupDescription}}</td>\r\n                <td >{{Lookup.lookupGroupName}}</td>\r\n                <td *ngIf=\"!ProductionMode\" class=\"align-middle\">{{Lookup.sysName}}</td>\r\n                <td>\r\n                  <span *ngIf=\"Lookup.manageable;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showEditLookupModal(Lookup.iD_GUID,EditLookupModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showGenerateCodeByIdModal(Lookup.iD_GUID,GenerateCodeModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"(!ProductionMode) ||(Lookup.manageable==true)\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showDeleteLookupModal(Lookup.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLookupPagingResult.length == 0\">\r\n                <td [attr.colspan]=\"ProductionMode ? '5' : '6'\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          <!--end::Permission list-->\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLookupListResult($event)\" *ngIf=\"isFilterLoaded\"\r\n                     [options]=\"lookupPaging\" [group]=\"lookupForm\" #LookupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"multiLingualName\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"multiLingualDescription\" [group]=\"addLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-TextBox [options]=\"sysName\" [group]=\"addLookupForm\"></BBSF-TextBox>\r\n        </div>\r\n\r\n        <BBSF-DropdownList [options]=\"lookupGroups\" [group]=\"addLookupForm\"></BBSF-DropdownList>\r\n        <div *ngIf=\"!ProductionMode\">\r\n          <BBSF-CheckBox [options]=\"isManageable\" [group]=\"addLookupForm\"></BBSF-CheckBox>\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseLookupModal id=\"CloseLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n        </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditLookupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Lookup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editLookupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"editMultiLingualName\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-MultiLingualTextArea [options]=\"editMultiLingualDescription\" [group]=\"editLookupForm\"></BBSF-MultiLingualTextArea>\r\n        <BBSF-TextBox *ngIf=\"!ProductionMode\" [options]=\"editSysName\" [group]=\"editLookupForm\">\r\n        </BBSF-TextBox>\r\n        <BBSF-DropdownList [options]=\"editLookupGroups\" [group]=\"editLookupForm\">\r\n        </BBSF-DropdownList>\r\n        <BBSF-CheckBox *ngIf=\"!ProductionMode\" [options]=\"editIsManageable\" [group]=\"editLookupForm\">\r\n        </BBSF-CheckBox>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditLookupModal id=\"CloseEditLookupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- GenerateCode Modal -->\r\n  <ng-template #GenerateCodeModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"generateCodeFormOptions\">\r\n        <div>\r\n          <BBSF-TextArea [options]=\"generateCodeTextArea\" [group]=\"generateCodeForm\" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n", components: [{ type: i6.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i7.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }, { type: i7.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i7.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i7.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i7.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i11.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i12.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LookupComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/lookups/lookup-group/lookup-group.component.js

@@ -173,7 +173,7 @@ export class LookupGroupComponent {
     }
 }
 LookupGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LookupGroupComponent, deps: [{ token: i1.PageInfoService }, { token: i2.UtilityService }, { token: i3.LookupGroupsService }, { token: i4.NgbModal }, { token: i2.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LookupGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LookupGroupComponent, selector: "lib-lookup-group", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LookupGroupPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n\r\n  <!-- Page Content -->\r\n  <div class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLookupGroupList($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"lookupGroupsForm\"></BBSF-TextBox>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\"  (click)=\"showAddLookupGroupModal(AddLookupGroupModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!--begin::LookupGroups list-->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let LookupGroup of filteredLookupGroupsPagingResult\">\r\n\r\n                <td>\r\n                  <span class=\"text-dark\">{{LookupGroup.lookupGroupName}}</span>\r\n                </td>\r\n\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showEditLookupGroupModal(LookupGroup.iD_GUID,EditLookupGroupModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showDeleteLookupGroupModal(LookupGroup.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLookupGroupsPagingResult.length == 0\">\r\n                <td colspan=\"2\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          <!--end::LookupGroups list-->\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLookupGroupListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"lookupGroupsPaging\"\r\n                     [group]=\"lookupGroupsForm\" #LookupGroupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddLookupGroupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"LookupGroup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addLookupGroupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"multiLingualName\" [group]=\"addLookupGroupForm\"></BBSF-MultiLingualTextBox>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseLookupGroupModal id=\"CloseLookupGroupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditLookupGroupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"LookupGroup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editLookupGroupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"editMultiLingualName\" [group]=\"editLookupGroupForm\"></BBSF-MultiLingualTextBox>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditLookupGroupModal id=\"CloseEditLookupGroupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n <!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n\r\n", components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i10.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+LookupGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LookupGroupComponent, selector: "lib-lookup-group", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LookupGroupPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n\r\n  <!-- Page Content -->\r\n  <div class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n          <!--(OnChange)=\"filterLookupGroupList($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"lookupGroupsForm\"></BBSF-TextBox>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\"  (click)=\"showAddLookupGroupModal(AddLookupGroupModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!--begin::LookupGroups list-->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let LookupGroup of filteredLookupGroupsPagingResult\">\r\n\r\n                <td>\r\n                  <span class=\"text-dark\">{{LookupGroup.lookupGroupName}}</span>\r\n                </td>\r\n\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem\r\n                         (click)=\"showEditLookupGroupModal(LookupGroup.iD_GUID,EditLookupGroupModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showDeleteLookupGroupModal(LookupGroup.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLookupGroupsPagingResult.length == 0\">\r\n                <td colspan=\"2\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          <!--end::LookupGroups list-->\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLookupGroupListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"lookupGroupsPaging\"\r\n                     [group]=\"lookupGroupsForm\" #LookupGroupPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddLookupGroupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"LookupGroup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addLookupGroupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"multiLingualName\" [group]=\"addLookupGroupForm\"></BBSF-MultiLingualTextBox>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseLookupGroupModal id=\"CloseLookupGroupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditLookupGroupModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"LookupGroup\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editLookupGroupFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"editMultiLingualName\" [group]=\"editLookupGroupForm\"></BBSF-MultiLingualTextBox>\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditLookupGroupModal id=\"CloseEditLookupGroupModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n <!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n\r\n", components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i10.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LookupGroupComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/lookups/lookup-item/lookup-item.component.js

@@ -286,7 +286,7 @@ export class LookupItemComponent {
     }
 }
 LookupItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LookupItemComponent, deps: [{ token: i1.PageInfoService }, { token: i2.UtilityService }, { token: i2.EnvironmentService }, { token: i3.ClipboardService }, { token: i4.LookupService }, { token: i5.ActivatedRoute }, { token: i6.NgbModal }, { token: i2.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LookupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LookupItemComponent, selector: "lib-lookup-item", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LookupItemPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\" *ngIf=\"isFilterLoaded\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n         <!--(OnChange)=\"filterLookupItemList($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"lookupItemForm\"></BBSF-TextBox>\r\n            <div [hidden]=\"true\" class=\"col-md-6\">\r\n              <BBSF-TextBox [options]=\"lookupIdTextBox\" [group]=\"lookupItemForm\"></BBSF-TextBox>\r\n            </div>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateCodeByIdModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddLookupItemModal(AddLookupItemModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!--begin::Permission list-->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Id\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Manageable\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let LookupItem of filteredLookupItemPagingResult\">\r\n                <td class=\"text-dark\">{{LookupItem.id}}</td>\r\n\r\n                <td>\r\n                  {{LookupItem.lookUpItemName}}\r\n                </td>\r\n\r\n                <td *ngIf=\"!ProductionMode\">{{LookupItem.sysName}}</td>\r\n                <td>{{LookupItem.value}}</td>\r\n                <td>\r\n                  <span *ngIf=\"LookupItem.manageable;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditLookupItemModal(LookupItem.iD_GUID,EditLookupItemModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n\r\n                      <a *ngIf=\"(!(LookupItem.manageable==false&&ProductionMode)||(LookupItem.isParentLookupManageable))\"\r\n                         ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showDeleteLookupItemModal(LookupItem.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLookupItemPagingResult.length == 0\">\r\n                <td [attr.colspan]=\"ProductionMode ? '6' : '7'\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          <!--end::Permission list-->\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLookupItemListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"lookupItemPaging\"\r\n                     [group]=\"lookupItemForm\" #LookupItemPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddLookupItemModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"LookupItem\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addLookupItemFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"multiLingualName\" [group]=\"addLookupItemForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox   *ngIf=\"!ProductionMode\" [options]=\"sysName\" [group]=\"addLookupItemForm\"></BBSF-TextBox>\r\n        <BBSF-TextArea [options]=\"value\" [group]=\"addLookupItemForm\"></BBSF-TextArea>\r\n        <BBSF-TextBox [options]=\"displayOrder\" [group]=\"addLookupItemForm\"></BBSF-TextBox>\r\n        <BBSF-CheckBox [options]=\"isManageable\" [group]=\"addLookupItemForm\"></BBSF-CheckBox>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseLookupItemModal id=\"CloseLookupItemModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditLookupItemModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"LookupItem\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editLookupItemFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"editMultiLingualName\" [group]=\"editLookupItemForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox   *ngIf=\"!ProductionMode\" [options]=\"editSysName\" [group]=\"editLookupItemForm\"></BBSF-TextBox>\r\n        <BBSF-TextArea [options]=\"editValue\" [group]=\"editLookupItemForm\"></BBSF-TextArea>\r\n        <BBSF-TextBox [options]=\"editDisplayOrder\" [group]=\"editLookupItemForm\"></BBSF-TextBox>\r\n        <BBSF-CheckBox [options]=\"editIsManageable\" [group]=\"editLookupItemForm\"></BBSF-CheckBox>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditLookupItemModal id=\"CloseEditLookupItemModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- GenerateCode Modal -->\r\n  <ng-template #GenerateCodeModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"generateCodeFormOptions\">\r\n        <div>\r\n\r\n          <BBSF-TextArea [options]=\"generateCodeTextArea\" [group]=\"generateCodeForm\" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n\r\n", components: [{ type: i7.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i8.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i10.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i8.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i8.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i8.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i12.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+LookupItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LookupItemComponent, selector: "lib-lookup-item", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["LookupItemPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n  <!-- Page Content -->\r\n  <div  class=\"container-fluid\" *ngIf=\"isFilterLoaded\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"isFilterLoaded\">\r\n         <!--(OnChange)=\"filterLookupItemList($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\"  [group]=\"lookupItemForm\"></BBSF-TextBox>\r\n            <div [hidden]=\"true\" class=\"col-md-6\">\r\n              <BBSF-TextBox [options]=\"lookupIdTextBox\" [group]=\"lookupItemForm\"></BBSF-TextBox>\r\n            </div>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button href=\"javascript:;\" class=\"btn btn-sm btn-light-primary me-3\" (click)=\"showGenerateCodeByIdModal(GenerateCodeModal)\">\r\n            <i class=\"fa fa-key me-1\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddLookupItemModal(AddLookupItemModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>\r\n\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!--begin::Permission list-->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Id\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\" *ngIf=\"!ProductionMode\">{{utilityService.getResourceValue(\"SysName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Value\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Manageable\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n\r\n\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let LookupItem of filteredLookupItemPagingResult\">\r\n                <td class=\"text-dark\">{{LookupItem.id}}</td>\r\n\r\n                <td>\r\n                  {{LookupItem.lookUpItemName}}\r\n                </td>\r\n\r\n                <td *ngIf=\"!ProductionMode\">{{LookupItem.sysName}}</td>\r\n                <td>{{LookupItem.value}}</td>\r\n                <td>\r\n                  <span *ngIf=\"LookupItem.manageable;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span>\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditLookupItemModal(LookupItem.iD_GUID,EditLookupItemModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n\r\n                      <a *ngIf=\"(!(LookupItem.manageable==false&&ProductionMode)||(LookupItem.isParentLookupManageable))\"\r\n                         ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showDeleteLookupItemModal(LookupItem.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"filteredLookupItemPagingResult.length == 0\">\r\n                <td [attr.colspan]=\"ProductionMode ? '6' : '7'\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n\r\n          <!--end::Permission list-->\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setLookupItemListResult($event)\" *ngIf=\"isFilterLoaded\" [options]=\"lookupItemPaging\"\r\n                     [group]=\"lookupItemForm\" #LookupItemPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <!-- Add Modal -->\r\n  <ng-template #AddLookupItemModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"LookupItem\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"addLookupItemFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"multiLingualName\" [group]=\"addLookupItemForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox   *ngIf=\"!ProductionMode\" [options]=\"sysName\" [group]=\"addLookupItemForm\"></BBSF-TextBox>\r\n        <BBSF-TextArea [options]=\"value\" [group]=\"addLookupItemForm\"></BBSF-TextArea>\r\n        <BBSF-TextBox [options]=\"displayOrder\" [group]=\"addLookupItemForm\"></BBSF-TextBox>\r\n        <BBSF-CheckBox [options]=\"isManageable\" [group]=\"addLookupItemForm\"></BBSF-CheckBox>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseLookupItemModal id=\"CloseLookupItemModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n  <!-- Edit Modal -->\r\n  <ng-template #EditLookupItemModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"LookupItem\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"editLookupItemFormOptions\">\r\n        <BBSF-MultiLingualTextBox [options]=\"editMultiLingualName\" [group]=\"editLookupItemForm\"></BBSF-MultiLingualTextBox>\r\n        <BBSF-TextBox   *ngIf=\"!ProductionMode\" [options]=\"editSysName\" [group]=\"editLookupItemForm\"></BBSF-TextBox>\r\n        <BBSF-TextArea [options]=\"editValue\" [group]=\"editLookupItemForm\"></BBSF-TextArea>\r\n        <BBSF-TextBox [options]=\"editDisplayOrder\" [group]=\"editLookupItemForm\"></BBSF-TextBox>\r\n        <BBSF-CheckBox [options]=\"editIsManageable\" [group]=\"editLookupItemForm\"></BBSF-CheckBox>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseEditLookupItemModal id=\"CloseEditLookupItemModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"deleteConfirmationOptions\" id=\"ConfirmationModalControl\"\r\n#ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n  <!-- GenerateCode Modal -->\r\n  <ng-template #GenerateCodeModal let-modal>\r\n    <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n      <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n      <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n        <span class=\"svg-icon svg-icon-1\">\r\n          <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n        </span>\r\n      </button>\r\n    </div>\r\n    <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n      <div class=\"mb-13 text-center\">\r\n        <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"generateCodeFormOptions\">\r\n        <div>\r\n\r\n          <BBSF-TextArea [options]=\"generateCodeTextArea\" [group]=\"generateCodeForm\" #GenerateCodeInput>\r\n          </BBSF-TextArea>\r\n\r\n        </div>\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n            {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n          </button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n\r\n\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n\r\n\r\n", components: [{ type: i7.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i8.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }, { type: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i10.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i8.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i8.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i8.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i6.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i12.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LookupItemComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/notifications/edit-email/edit-email.component.js

@@ -153,7 +153,7 @@ export class EditEmailComponent {
     }
 }
 EditEmailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: EditEmailComponent, deps: [{ token: i1.PageInfoService }, { token: i2.UtilityService }, { token: i2.BBSFTranslateService }, { token: i3.TemplateService }, { token: i4.ActivatedRoute }, { token: i4.Router }, { token: i2.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-EditEmailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: EditEmailComponent, selector: "lib-edit-email", ngImport: i0, template: "<block-ui></block-ui>\r\n  <div class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\">\r\n\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <div class=\"subheadertoolbar\">\r\n            <a class=\"btn btn-light-primary btn-sm\" (click)=\"changeCurrentLanguage('ar')\" *ngIf=\"Lang=='en'\">\r\n              {{utilityService.getResourceValue(\"Arabic\")}}\r\n\r\n            </a>\r\n            <a class=\"btn btn-light-primary btn-sm\" (click)=\"changeCurrentLanguage('en')\" *ngIf=\"Lang=='ar'\">\r\n              {{utilityService.getResourceValue(\"English\")}}\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body\">\r\n        <BBSF-Form [options]=\"EditEmailFormOptions\" *ngIf=\"IsFormLoaded\">\r\n          <div class=\"kt-form\">\r\n            <div *ngIf=\"Lang=='ar'\">\r\n              <div class=\"row\">\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"EmailSubjectInArabic\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class=\"form-group col-md-12\">\r\n                  <BBSF-HtmlEditor [options]=\"EmailBodyInArabic\" [group]=\"EditEmailForm\">\r\n                  </BBSF-HtmlEditor>\r\n                </div>\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"HtmlBodyTagAttributesArabic\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"HTMLHeadSectionInArabic\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"Lang=='en'\">\r\n              <div class=\"row\">\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"EmailSubjectInEnglish\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n\r\n                <div class=\"form-group col-md-12\">\r\n                  <BBSF-HtmlEditor [options]=\"EmailBodyInEnglish\" [group]=\"EditEmailForm\">\r\n                  </BBSF-HtmlEditor>\r\n                </div>\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"HtmlBodyTagAttributesEnglish\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"HTMLHeadSectionInEnglish\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"d-flex justify-content-end\">\r\n            <button type=\"button\" class=\"btn btn-light-primary btn-sm me-3\" (click)=\"cancelEdit()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary btn-sm \">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n          </div>\r\n        </BBSF-Form>\r\n      </div>\r\n    </div>\r\n\r\n\r\n  </div>\r\n  \r\n\r\n", components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.HtmlEditorComponent, selector: "BBSF-HtmlEditor", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+EditEmailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: EditEmailComponent, selector: "lib-edit-email", ngImport: i0, template: "<block-ui></block-ui>\r\n  <div class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\">\r\n\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <div class=\"subheadertoolbar\">\r\n            <a class=\"btn btn-light-primary btn-sm\" (click)=\"changeCurrentLanguage('ar')\" *ngIf=\"Lang=='en'\">\r\n              {{utilityService.getResourceValue(\"Arabic\")}}\r\n\r\n            </a>\r\n            <a class=\"btn btn-light-primary btn-sm\" (click)=\"changeCurrentLanguage('en')\" *ngIf=\"Lang=='ar'\">\r\n              {{utilityService.getResourceValue(\"English\")}}\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body\">\r\n        <BBSF-Form [options]=\"EditEmailFormOptions\" *ngIf=\"IsFormLoaded\">\r\n          <div class=\"kt-form\">\r\n            <div *ngIf=\"Lang=='ar'\">\r\n              <div class=\"row\">\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"EmailSubjectInArabic\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class=\"form-group col-md-12\">\r\n                  <BBSF-HtmlEditor [options]=\"EmailBodyInArabic\" [group]=\"EditEmailForm\">\r\n                  </BBSF-HtmlEditor>\r\n                </div>\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"HtmlBodyTagAttributesArabic\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"HTMLHeadSectionInArabic\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"Lang=='en'\">\r\n              <div class=\"row\">\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"EmailSubjectInEnglish\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n\r\n                <div class=\"form-group col-md-12\">\r\n                  <BBSF-HtmlEditor [options]=\"EmailBodyInEnglish\" [group]=\"EditEmailForm\">\r\n                  </BBSF-HtmlEditor>\r\n                </div>\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"HtmlBodyTagAttributesEnglish\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n\r\n                <div class=\"form-group col-md-6\">\r\n                  <BBSF-TextBox [options]=\"HTMLHeadSectionInEnglish\" [group]=\"EditEmailForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n          <div class=\"d-flex justify-content-end\">\r\n            <button type=\"button\" class=\"btn btn-light-primary btn-sm me-3\" (click)=\"cancelEdit()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n            <button type=\"submit\" class=\"btn btn-primary btn-sm \">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n          </div>\r\n        </BBSF-Form>\r\n      </div>\r\n    </div>\r\n\r\n\r\n  </div>\r\n  \r\n\r\n", components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }, { type: i6.HtmlEditorComponent, selector: "BBSF-HtmlEditor", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: EditEmailComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/notifications/master-layouts/master-layouts.component.js

@@ -137,7 +137,7 @@ export class MasterLayoutsComponent {
     }
 }
 MasterLayoutsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: MasterLayoutsComponent, deps: [{ token: i1.AuthService }, { token: i2.PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: i3.EmailHeaderAndFooterTemplateService }, { token: i4.ClipboardService }, { token: i5.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-MasterLayoutsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: MasterLayoutsComponent, selector: "lib-master-layouts", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["EmailHeaderAndFooterTemplatePagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"EmailHeaderAndFooterTemplateForm\">\r\n          <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox  [options]=\"searchTextBox\" [group]=\"EmailHeaderAndFooterTemplateForm\"></BBSF-TextBox>\r\n\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <a id=\"btnSetPass\" *ngIf=\"!ProductionMode\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showGenerateCodeModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </a>\r\n        <button type=\"button\" title=\"Add\" class=\"btn btn-primary btn-sm \"\r\n                [routerLink]=\"['/Admin/Notifications/Add']\" routerLinkActive=\"router-link-active\">\r\n          <i class=\" fa fa-plus\"></i>{{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"table-responsive\">\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"NameInEnglish\")}}</th>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"NameInArabic\")}}</th>\r\n              <th class=\"min-w-50\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let template of clientSidePagingResult\">\r\n\r\n              <td class=\"text-dark\">\r\n                {{template.name.english}}\r\n              </td>\r\n              <td>{{template.name.arabic}}</td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\"\r\n                            [routerLink]=\"['/Admin/Notifications/Edit',template.iD_GUID]\"\r\n                            routerLinkActive=\"router-link-active\">\r\n                      <span class=\"drop-link\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                            (click)=\"showDeleteEmailHeaderAndFooterTemplateModal(template.iD_GUID)\">\r\n                      <span class=\"drop-link\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"3\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <!--end::Permission list-->\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer\">\r\n      <BBSF-Paging (Items)=\"setEmailHeaderAndFooterTemplateResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"EmailHeaderAndFooterTemplatePaging\" [group]=\"EmailHeaderAndFooterTemplateForm\"\r\n                   #EmailHeaderAndFooterTemplatePagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!-- GenerateCode Modal -->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n\r\n      <div class=\"Row\">\r\n        <BBSF-TextArea [options]=\"GenerateCodeTextArea\" [group]=\"GenerateCodeForm\"\r\n                       #GenerateCodeInput>\r\n        </BBSF-TextArea>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n          {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n", components: [{ type: i6.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i7.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i7.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i7.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i11.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i11.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i12.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i12.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i13.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+MasterLayoutsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: MasterLayoutsComponent, selector: "lib-master-layouts", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["EmailHeaderAndFooterTemplatePagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"EmailHeaderAndFooterTemplateForm\">\r\n          <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox  [options]=\"searchTextBox\" [group]=\"EmailHeaderAndFooterTemplateForm\"></BBSF-TextBox>\r\n\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <a id=\"btnSetPass\" *ngIf=\"!ProductionMode\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showGenerateCodeModal(GenerateCodeModal)\">\r\n          <i class=\"fa fa-key\"></i>{{utilityService.getResourceValue(\"GenerateCode\")}}\r\n        </a>\r\n        <button type=\"button\" title=\"Add\" class=\"btn btn-primary btn-sm \"\r\n                [routerLink]=\"['/Admin/Notifications/Add']\" routerLinkActive=\"router-link-active\">\r\n          <i class=\" fa fa-plus\"></i>{{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"table-responsive\">\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"NameInEnglish\")}}</th>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"NameInArabic\")}}</th>\r\n              <th class=\"min-w-50\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let template of clientSidePagingResult\">\r\n\r\n              <td class=\"text-dark\">\r\n                {{template.name.english}}\r\n              </td>\r\n              <td>{{template.name.arabic}}</td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\"\r\n                            [routerLink]=\"['/Admin/Notifications/Edit',template.iD_GUID]\"\r\n                            routerLinkActive=\"router-link-active\">\r\n                      <span class=\"drop-link\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button type=\"button\" ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                            (click)=\"showDeleteEmailHeaderAndFooterTemplateModal(template.iD_GUID)\">\r\n                      <span class=\"drop-link\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"3\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <!--end::Permission list-->\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer\">\r\n      <BBSF-Paging (Items)=\"setEmailHeaderAndFooterTemplateResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"EmailHeaderAndFooterTemplatePaging\" [group]=\"EmailHeaderAndFooterTemplateForm\"\r\n                   #EmailHeaderAndFooterTemplatePagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!-- GenerateCode Modal -->\r\n<ng-template #GenerateCodeModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"GenerateCode\")}}</h1>\r\n    </div>\r\n    <form [formGroup]=\"GenerateCodeForm\">\r\n\r\n      <div class=\"Row\">\r\n        <BBSF-TextArea [options]=\"GenerateCodeTextArea\" [group]=\"GenerateCodeForm\"\r\n                       #GenerateCodeInput>\r\n        </BBSF-TextArea>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseGenerateCodeModal id=\"CloseGenerateCodeModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"copyInputMessage()\">\r\n          {{utilityService.getResourceValue(\"CopyToClipboard\")}}\r\n        </button>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</ng-template>\r\n", components: [{ type: i6.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i7.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i7.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i7.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i11.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i11.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i12.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }, { type: i12.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i13.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: MasterLayoutsComponent, decorators: [{
             type: Component,
             args: [{