@bnsights/bbsf-admin-portal 1.1.67 → 1.1.68

package/README.md

@@ -4,6 +4,12 @@ BBSF Admin Portal package is part of BBSF 3 packages. It hosts all the angular m
 
 For more info please visit [BBSF documentation](https://bnsightsprojects.visualstudio.com/BBSF%203/_wiki/wikis/BBSF-3.wiki/65/BBSF-Documentation)
 
+
+## 1.1.68 / 03-08-2025
+=====================
+- update controls package to 1.0.168
+
+
 ## 1.1.67 / 21-07-2025
 =====================
 - update controls package to 1.0.167

package/esm2022/lib/Pages/ActiveDirectories/active-directory/active-directory.component.mjs

@@ -403,7 +403,7 @@ export class ActiveDirectoryComponent {
         this.requestHandlerService.destroyHandler();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActiveDirectoryComponent, deps: [{ token: i1.AuthService }, { token: i2.PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i3.ActiveDirectoryService }, { token: i4.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActiveDirectoryComponent, selector: "lib-active-directory", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["activeDirectoryPagingViewElement"], descendants: true }, { propertyName: "deleteConfirmationModalControl", first: true, predicate: ["deleteConfirmationModalControl"], descendants: true }, { propertyName: "syncConfirmationModalControl", first: true, predicate: ["syncConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n\r\n<!-- Page Content -->\r\n<div *ngIf=\"showPageContent\" class=\"container-fluid\">\r\n  <!-- begin::Header -->\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]=\"activeDirectoryForm\">\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"activeDirectoryForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"btn btn-sm btn-primary\"\r\n          title=\"{{ utilityService.getResourceValue('Add') }}\"\r\n          [routerLink]=\"['/Admin/ADConnection/Add']\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{ utilityService.getResourceValue('Add') }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <!--begin::ActiveDirectory list-->\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-150px\">{{ utilityService.getResourceValue('Name') }}</th>\r\n              <th class=\"min-w-150px\">{{ utilityService.getResourceValue('Type') }}</th>\r\n              <th class=\"min-w-150px\">{{ utilityService.getResourceValue('PermissionSet') }}</th>\r\n              <th class=\"min-w-150px\">{{ utilityService.getResourceValue('AdConnectionRunningNow') }}</th>\r\n              <th class=\"min-w-50px\">{{ utilityService.getResourceValue('Actions') }}</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 activeDirectory of clientSidePagingResult\">\r\n              <td class=\"text-dark\">\r\n                {{ activeDirectory.name }}\r\n              </td>\r\n              <td>\r\n                {{ activeDirectory.adTypeName }}\r\n              </td>\r\n              <td>\r\n                {{ activeDirectory.permissionSetName }}\r\n              </td>\r\n              <td>\r\n                <span class=\"badge badge-light-success\" *ngIf=\"activeDirectory.isRunningNow; else not_Running\">\r\n                  {{ utilityService.getResourceValue('Yes') }}\r\n                </span>\r\n                <ng-template #not_Running>\r\n                  <span class=\"badge badge-light-danger\">\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 class=\"mat-menu-content\" #menu=\"matMenu\">\r\n                    <a\r\n                      class=\"drop-item px-3\"\r\n                      ngbDropdownItem\r\n                      (click)=\"showEditActiveDirectoryModal(activeDirectory.id, activeDirectory.idEncrypted, editActiveDirectoryModal)\">\r\n                      <span class=\"drop-link px-3\">{{ utilityService.getResourceValue('Edit') }}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\" (click)=\"showDeleteActiveDirectoryModal(activeDirectory.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{ utilityService.getResourceValue('Delete') }}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\" (click)=\"showADSynchronizationModal(activeDirectory.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{ utilityService.getResourceValue('ActiveDirectoryRunSyncronization') }}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\" (click)=\"showADLastRunLogsModal(activeDirectory.idEncrypted, lastRunLogsModal)\">\r\n                      <span class=\"drop-link px-3\">{{ utilityService.getResourceValue('ActiveDirectoryLastRunLogs') }}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.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      </div>\r\n      <!--end::Active directory list-->\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging\r\n        (Items)=\"setActiveDirectoryListResult($event)\"\r\n        *ngIf=\"isFilterLoaded\"\r\n        [options]=\"activeDirectoryPaging\"\r\n        [group]=\"activeDirectoryForm\"\r\n        #activeDirectoryPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- Edit Modal -->\r\n<ng-template #editActiveDirectoryModal 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('Edit') }} {{ utilityService.getResourceValue('ActiveDirectory') }}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"editActiveDirectoryFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-TextBox [options]=\"editName\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList [options]=\"editPermissionSetOptions\" [group]=\"editActiveDirectoryForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList [options]=\"editLanguageOptions\" [group]=\"editActiveDirectoryForm\"> </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList [options]=\"editWelcomeMsgTemplateOptions\" [group]=\"editActiveDirectoryForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <h6>\r\n            {{ utilityService.getResourceValue('ADType') }}\r\n          </h6>\r\n          <label>\r\n            {{ editADTypeName }}\r\n          </label>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"showWindowsControl\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-9\">\r\n            <h6>\r\n              {{ utilityService.getResourceValue('Identifier') }}\r\n            </h6>\r\n            <div *ngFor=\"let editIdentifier of editIdentifiers\">\r\n              <label>\r\n                {{ editIdentifier }}\r\n              </label>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <h6>\r\n              {{ utilityService.getResourceValue('Type') }}\r\n            </h6>\r\n            <label>\r\n              {{ editWindowsTypeName }}\r\n            </label>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"editDomain\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"editSamAccount\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"editPassword\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"showAzureControl\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"editTenantID\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"editClientID\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"editClientSecret\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-Toggleslide [options]=\"editInactive\" [group]=\"editActiveDirectoryForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-Toggleslide [options]=\"editDailyJob\" [group]=\"editActiveDirectoryForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <table class=\"table amsx-table-users\">\r\n          <thead>\r\n            <tr>\r\n              <th>{{ utilityService.getResourceValue('Type') }}</th>\r\n              <th>{{ utilityService.getResourceValue('Property') }}</th>\r\n              <th>{{ utilityService.getResourceValue('ActiveDirectory_Property') }}</th>\r\n              <th>{{ utilityService.getResourceValue('IncludeInUpdate') }}</th>\r\n              <th></th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr *ngFor=\"let option of editMappingsOptions; let i = index\">\r\n              <td>\r\n                <BBSF-DropdownList [options]=\"option[0]\" [group]=\"editActiveDirectoryForm\"> </BBSF-DropdownList>\r\n              </td>\r\n              <td>\r\n                <BBSF-DropdownList [options]=\"option[1]\" [group]=\"editActiveDirectoryForm\"> </BBSF-DropdownList>\r\n              </td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"option[2]\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n              </td>\r\n              <td>\r\n                <BBSF-CheckBox [options]=\"option[3]\" [group]=\"editActiveDirectoryForm\"> </BBSF-CheckBox>\r\n                <!--Hidden include in update value-->\r\n                <BBSF-TextBox [options]=\"option[4]\" [group]=\"editActiveDirectoryForm\" [hidden]=\"true\"> </BBSF-TextBox>\r\n              </td>\r\n\r\n              <td class=\"text-center align-middle\">\r\n                <a class=\"kt-nav__link\" (click)=\"deleteADMapping(option)\">\r\n                  <i class=\"kt-nav__link-icon fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                </a>\r\n              </td>\r\n            </tr>\r\n            <tr>\r\n              <td colspan=\"5\">\r\n                <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addADMapping()\">\r\n                  {{ utilityService.getResourceValue('AddNewRecord') }}\r\n                </button>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button\r\n          #CloseEditADModal\r\n          id=\"CloseEditADModal\"\r\n          type=\"button\"\r\n          data-dismiss=\"modal\"\r\n          (click)=\"modal.dismiss()\"\r\n          class=\"btn btn-light me-3 btn-sm\">\r\n          {{ utilityService.getResourceValue('CancelLabel') }}\r\n        </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<!-- Delete  Modal -->\r\n<BBSF-ConfirmationModal\r\n  *ngIf=\"deleteControlLoaded\"\r\n  [options]=\"deleteConfirmationOptions\"\r\n  id=\"deleteConfirmationModalControl\"\r\n  #deleteConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!-- Synchronization  Modal -->\r\n<BBSF-ConfirmationModal\r\n  *ngIf=\"syncControlLoaded\"\r\n  [options]=\"syncConfirmationOptions\"\r\n  id=\"syncConfirmationModalControl\"\r\n  #syncConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!-- View Last Run Logs -->\r\n<ng-template #lastRunLogsModal 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('ActiveDirectoryLastRunLogs') }} : {{ adConnectionName }}</h1>\r\n    </div>\r\n    <div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <p>{{ utilityService.getResourceValue('Name') }} : {{ adConnectionName }}</p>\r\n          <pre class=\"col-md-12\">{{ lastRunLogs }}</pre>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button\r\n          #CloseDefaultProviderModal\r\n          id=\"CloseDefaultProviderModal\"\r\n          type=\"button\"\r\n          class=\"btn btn-light btn-sm me-3\"\r\n          data-dismiss=\"modal\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{ utilityService.getResourceValue('Close') }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i8.BlockUIComponent, selector: "block-ui", inputs: ["name", "message", "delayStart", "delayStop", "template"] }, { kind: "component", type: i9.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["onChange", "onBlur"] }, { kind: "component", type: i9.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i9.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["onChange", "onClear"] }, { kind: "component", type: i9.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i9.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { kind: "component", type: i9.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["onChange"] }, { kind: "component", type: i9.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["inlineSVG", "resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "setSVGAttributes", "removeSVGAttributes", "forceEvalStyles", "evalScripts", "fallbackImgUrl", "fallbackSVG", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { kind: "directive", type: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: i12.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActiveDirectoryComponent, selector: "lib-active-directory", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["activeDirectoryPagingViewElement"], descendants: true }, { propertyName: "deleteConfirmationModalControl", first: true, predicate: ["deleteConfirmationModalControl"], descendants: true }, { propertyName: "syncConfirmationModalControl", first: true, predicate: ["syncConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n\r\n<!-- Page Content -->\r\n<div *ngIf=\"showPageContent\" class=\"container-fluid\">\r\n  <!-- begin::Header -->\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]=\"activeDirectoryForm\">\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"activeDirectoryForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"btn btn-sm btn-primary\"\r\n          title=\"{{ utilityService.getResourceValue('Add') }}\"\r\n          [routerLink]=\"['/Admin/ADConnection/Add']\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{ utilityService.getResourceValue('Add') }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <!--begin::ActiveDirectory list-->\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-150px\">{{ utilityService.getResourceValue('Name') }}</th>\r\n              <th class=\"min-w-150px\">{{ utilityService.getResourceValue('Type') }}</th>\r\n              <th class=\"min-w-150px\">{{ utilityService.getResourceValue('PermissionSet') }}</th>\r\n              <th class=\"min-w-150px\">{{ utilityService.getResourceValue('AdConnectionRunningNow') }}</th>\r\n              <th class=\"min-w-50px\">{{ utilityService.getResourceValue('Actions') }}</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 activeDirectory of clientSidePagingResult\">\r\n              <td class=\"text-dark\">\r\n                {{ activeDirectory.name }}\r\n              </td>\r\n              <td>\r\n                {{ activeDirectory.adTypeName }}\r\n              </td>\r\n              <td>\r\n                {{ activeDirectory.permissionSetName }}\r\n              </td>\r\n              <td>\r\n                <span class=\"badge badge-light-success\" *ngIf=\"activeDirectory.isRunningNow; else not_Running\">\r\n                  {{ utilityService.getResourceValue('Yes') }}\r\n                </span>\r\n                <ng-template #not_Running>\r\n                  <span class=\"badge badge-light-danger\">\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 class=\"mat-menu-content\" #menu=\"matMenu\">\r\n                    <a\r\n                      class=\"drop-item px-3\"\r\n                      ngbDropdownItem\r\n                      (click)=\"showEditActiveDirectoryModal(activeDirectory.id, activeDirectory.idEncrypted, editActiveDirectoryModal)\">\r\n                      <span class=\"drop-link px-3\">{{ utilityService.getResourceValue('Edit') }}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\" (click)=\"showDeleteActiveDirectoryModal(activeDirectory.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{ utilityService.getResourceValue('Delete') }}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\" (click)=\"showADSynchronizationModal(activeDirectory.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{ utilityService.getResourceValue('ActiveDirectoryRunSyncronization') }}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\" (click)=\"showADLastRunLogsModal(activeDirectory.idEncrypted, lastRunLogsModal)\">\r\n                      <span class=\"drop-link px-3\">{{ utilityService.getResourceValue('ActiveDirectoryLastRunLogs') }}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.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      </div>\r\n      <!--end::Active directory list-->\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging\r\n        (Items)=\"setActiveDirectoryListResult($event)\"\r\n        *ngIf=\"isFilterLoaded\"\r\n        [options]=\"activeDirectoryPaging\"\r\n        [group]=\"activeDirectoryForm\"\r\n        #activeDirectoryPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- Edit Modal -->\r\n<ng-template #editActiveDirectoryModal 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('Edit') }} {{ utilityService.getResourceValue('ActiveDirectory') }}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"editActiveDirectoryFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-TextBox [options]=\"editName\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList [options]=\"editPermissionSetOptions\" [group]=\"editActiveDirectoryForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList [options]=\"editLanguageOptions\" [group]=\"editActiveDirectoryForm\"> </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList [options]=\"editWelcomeMsgTemplateOptions\" [group]=\"editActiveDirectoryForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <h6>\r\n            {{ utilityService.getResourceValue('ADType') }}\r\n          </h6>\r\n          <label>\r\n            {{ editADTypeName }}\r\n          </label>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"showWindowsControl\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-9\">\r\n            <h6>\r\n              {{ utilityService.getResourceValue('Identifier') }}\r\n            </h6>\r\n            <div *ngFor=\"let editIdentifier of editIdentifiers\">\r\n              <label>\r\n                {{ editIdentifier }}\r\n              </label>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-3\">\r\n            <h6>\r\n              {{ utilityService.getResourceValue('Type') }}\r\n            </h6>\r\n            <label>\r\n              {{ editWindowsTypeName }}\r\n            </label>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"editDomain\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"editSamAccount\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"editPassword\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div *ngIf=\"showAzureControl\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"editTenantID\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"editClientID\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"editClientSecret\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-Toggleslide [options]=\"editInactive\" [group]=\"editActiveDirectoryForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-Toggleslide [options]=\"editDailyJob\" [group]=\"editActiveDirectoryForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <table class=\"table amsx-table-users\">\r\n          <thead>\r\n            <tr>\r\n              <th>{{ utilityService.getResourceValue('Type') }}</th>\r\n              <th>{{ utilityService.getResourceValue('Property') }}</th>\r\n              <th>{{ utilityService.getResourceValue('ActiveDirectory_Property') }}</th>\r\n              <th>{{ utilityService.getResourceValue('IncludeInUpdate') }}</th>\r\n              <th></th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr *ngFor=\"let option of editMappingsOptions; let i = index\">\r\n              <td>\r\n                <BBSF-DropdownList [options]=\"option[0]\" [group]=\"editActiveDirectoryForm\"> </BBSF-DropdownList>\r\n              </td>\r\n              <td>\r\n                <BBSF-DropdownList [options]=\"option[1]\" [group]=\"editActiveDirectoryForm\"> </BBSF-DropdownList>\r\n              </td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"option[2]\" [group]=\"editActiveDirectoryForm\"> </BBSF-TextBox>\r\n              </td>\r\n              <td>\r\n                <BBSF-CheckBox [options]=\"option[3]\" [group]=\"editActiveDirectoryForm\"> </BBSF-CheckBox>\r\n                <!--Hidden include in update value-->\r\n                <BBSF-TextBox [options]=\"option[4]\" [group]=\"editActiveDirectoryForm\" [hidden]=\"true\"> </BBSF-TextBox>\r\n              </td>\r\n\r\n              <td class=\"text-center align-middle\">\r\n                <a class=\"kt-nav__link\" (click)=\"deleteADMapping(option)\">\r\n                  <i class=\"kt-nav__link-icon fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                </a>\r\n              </td>\r\n            </tr>\r\n            <tr>\r\n              <td colspan=\"5\">\r\n                <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addADMapping()\">\r\n                  {{ utilityService.getResourceValue('AddNewRecord') }}\r\n                </button>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button\r\n          #CloseEditADModal\r\n          id=\"CloseEditADModal\"\r\n          type=\"button\"\r\n          data-dismiss=\"modal\"\r\n          (click)=\"modal.dismiss()\"\r\n          class=\"btn btn-light me-3 btn-sm\">\r\n          {{ utilityService.getResourceValue('CancelLabel') }}\r\n        </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<!-- Delete  Modal -->\r\n<BBSF-ConfirmationModal\r\n  *ngIf=\"deleteControlLoaded\"\r\n  [options]=\"deleteConfirmationOptions\"\r\n  id=\"deleteConfirmationModalControl\"\r\n  #deleteConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!-- Synchronization  Modal -->\r\n<BBSF-ConfirmationModal\r\n  *ngIf=\"syncControlLoaded\"\r\n  [options]=\"syncConfirmationOptions\"\r\n  id=\"syncConfirmationModalControl\"\r\n  #syncConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!-- View Last Run Logs -->\r\n<ng-template #lastRunLogsModal 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('ActiveDirectoryLastRunLogs') }} : {{ adConnectionName }}</h1>\r\n    </div>\r\n    <div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <p>{{ utilityService.getResourceValue('Name') }} : {{ adConnectionName }}</p>\r\n          <pre class=\"col-md-12\">{{ lastRunLogs }}</pre>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button\r\n          #CloseDefaultProviderModal\r\n          id=\"CloseDefaultProviderModal\"\r\n          type=\"button\"\r\n          class=\"btn btn-light btn-sm me-3\"\r\n          data-dismiss=\"modal\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{ utilityService.getResourceValue('Close') }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i8.BlockUIComponent, selector: "block-ui", inputs: ["name", "message", "delayStart", "delayStop", "template"] }, { kind: "component", type: i9.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["onChange", "onBlur"] }, { kind: "component", type: i9.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i9.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options", "DropdownTemplateVariable"], outputs: ["onChange", "onClear"] }, { kind: "component", type: i9.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i9.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items", "pageStateRestored"] }, { kind: "component", type: i9.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["onChange"] }, { kind: "component", type: i9.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["inlineSVG", "resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "setSVGAttributes", "removeSVGAttributes", "forceEvalStyles", "evalScripts", "fallbackImgUrl", "fallbackSVG", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { kind: "directive", type: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: i12.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActiveDirectoryComponent, decorators: [{
             type: Component,

package/esm2022/lib/Pages/ActiveDirectories/active-directory-add/active-directory-add.component.mjs

@@ -504,7 +504,7 @@ export class ActiveDirectoryAddComponent {
         this.requestHandlerService.destroyHandler();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActiveDirectoryAddComponent, deps: [{ token: i1.PageInfoService }, { token: i2.UtilityService }, { token: i2.BBSFTranslateService }, { token: i3.ActiveDirectoryService }, { token: i4.Router }, { token: i2.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActiveDirectoryAddComponent, selector: "lib-active-directory-add", viewQueries: [{ propertyName: "adTypeControl", first: true, predicate: ["adTypeControl"], descendants: true }, { propertyName: "adDomainControl", first: true, predicate: ["adDomainControl"], descendants: true }, { propertyName: "adWindowsTypeControl", first: true, predicate: ["adWindowsTypeControl"], descendants: true }, { propertyName: "tenantIDControl", first: true, predicate: ["tenantIDControl"], descendants: true }, { propertyName: "clientIDControl", first: true, predicate: ["clientIDControl"], descendants: true }, { propertyName: "clientSecretControl", first: true, predicate: ["clientSecretControl"], descendants: true }], ngImport: i0, template: "\r\n\r\n<div class=\"container-fluid\">\r\n  <div class=\"stepper stepper-pills stepper-column d-flex flex-column flex-xl-row flex-row-fluid \" id=\"kt_create_account_stepper\">\r\n    <div class=\"d-flex justify-content-center rounded justify-content-xl-start flex-row-auto me-9 card\">\r\n      <div class=\"card-body px-6 px-lg-10 px-xxl-15 py-20\">\r\n        <div class=\"stepper-nav\">\r\n          <div class=\"stepper-item\" [ngClass]=\"{current: currentStep$.value === 1 }\">\r\n            <div class=\"stepper-line w-40px\"></div>\r\n\r\n            <div class=\"stepper-icon w-40px h-40px\">\r\n              <i class=\"stepper-check fas fa-check\"></i>\r\n              <span class=\"stepper-number\">1</span>\r\n            </div>\r\n\r\n            <div class=\"stepper-label\">\r\n              <h3 class=\"stepper-title\">{{utilityService.getResourceValue(\"ActiveDirectory\")}}</h3>\r\n\r\n              <div class=\"stepper-desc fw-bold\">{{utilityService.getResourceValue(\"ActiveDirectory_Tab1Note\")}}</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showWindowsControls\" class=\"stepper-item\" [ngClass]=\"{current: currentStep$.value === 2 && showWindowsControls}\">\r\n            <div class=\"stepper-line w-40px\"></div>\r\n\r\n            <div class=\"stepper-icon w-40px h-40px\">\r\n              <i class=\"stepper-check fas fa-check\"></i>\r\n              <span class=\"stepper-number\">2</span>\r\n            </div>\r\n\r\n            <div class=\"stepper-label\">\r\n              <h3 class=\"stepper-title\">{{utilityService.getResourceValue(\"ActiveDirectory_SelectContainer\")}}</h3>\r\n              <div class=\"stepper-desc fw-bold\">{{utilityService.getResourceValue(\"ActiveDirectory_Tab2Note\")}}</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"stepper-item\" [ngClass]=\"{current: (currentStep$.value === formsCount ) }\">\r\n            <div class=\"stepper-line w-40px\"></div>\r\n\r\n            <div class=\"stepper-icon w-40px h-40px\">\r\n              <i class=\"stepper-check fas fa-check\"></i>\r\n              <span class=\"stepper-number\">{{formsCount}}</span>\r\n            </div>\r\n\r\n            <div class=\"stepper-label\">\r\n              <h3 class=\"stepper-title\">{{utilityService.getResourceValue(\"Options\")}}</h3>\r\n              <div class=\"stepper-desc fw-bold\">{{utilityService.getResourceValue(\"ActiveDirectory_Tab3Note\")}}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n\r\n    <div class=\"card d-flex flex-row-fluid flex-center rounded\">\r\n      <div class=\"p-20 w-100 card-body\" *ngIf=\"isAddFormLoaded\">\r\n        <BBSF-Form [options]=\"addActiveDirectoryFormOptions\">\r\n          <div class=\"current\">\r\n            <ng-container *ngIf=\"currentStep$.value === 1\">\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-DropdownList #adTypeControl [options]=\"addTypeOptions\" [group]=\"addActiveDirectoryForm\" (onChange)=\"typeChange($event)\">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div *ngIf=\"showWindowsControls\">\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-DropdownList #adWindowsTypeControl [options]=\"addWindowsTypeOptions\" [group]=\"addActiveDirectoryForm\" (onChange)=\"windowsTypeChange($event)\">\r\n                  </BBSF-DropdownList>\r\n                </div>\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox #adDomainControl [options]=\"addDomain\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                  <div *ngIf=\"errorIsFound\" class=\"text-danger\">{{validationError}}</div>\r\n                </div>\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox [options]=\"addSamAccount\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox [options]=\"addPassword\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class=\"form-group mb-10\" *ngIf=\"addShowBuiltInGroupsVisible\">\r\n                  <BBSF-Toggleslide [options]=\"addShowBuiltInGroups\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-Toggleslide>\r\n                </div>\r\n              </div>\r\n              <div *ngIf=\"showAzureControls\">\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox #tenantIDControl [options]=\"addTenantID\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox #clientIDControl [options]=\"addClientID\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox #clientSecretControl [options]=\"addClientSecret\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"currentStep$.value === 2 && showWindowsControls\">\r\n              <div id=\"treeDataContainer\" *ngIf=\"treeDataLoaded\">\r\n\r\n\r\n                <!--------Helllllllllllllllllllo---------->\r\n                <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\r\n                  <!-- This is the tree node template for leaf nodes -->\r\n                  <mat-tree-node *matTreeNodeDef=\"let node;\" matTreeNodePadding>\r\n                    <!-- use a disabled button to provide padding for tree leaf -->\r\n\r\n                    <mat-checkbox class=\"checklist-leaf-node\" (change)=\"setIdentifier($event,node)\" [disabled]=\"node.selectable?false:true\">\r\n                      {{node.name}}\r\n                    </mat-checkbox>\r\n                  </mat-tree-node>\r\n                  <!-- This is the tree node template for expandable nodes -->\r\n                  <mat-tree-node *matTreeNodeDef=\"let node;when: hasChild\" matTreeNodePadding>\r\n                    <button type=\"button\" mat-icon-button matTreeNodeToggle\r\n                            [attr.aria-label]=\"'Toggle ' + node.name\" class=\"btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 \">\r\n                      <i *ngIf=\"treeControl.isExpanded(node)\" class=\"fas fa-chevron-down\"></i>\r\n                      <i *ngIf=\"!treeControl.isExpanded(node)\" class=\"fas fa-chevron-right\"></i>\r\n\r\n                    </button>\r\n                    <mat-checkbox [disabled]=\"node.selectable?false:true\">{{node.name}}</mat-checkbox>\r\n\r\n                  </mat-tree-node>\r\n                </mat-tree>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"currentStep$.value === formsCount\">\r\n              <div class=\"form-group\">\r\n                <BBSF-TextBox [options]=\"addName\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-TextBox>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-DropdownList [options]=\"addPermissionSet\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-DropdownList [options]=\"addLanguage\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-DropdownList [options]=\"addWelcomeMsgTemp\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-DropdownList [options]=\"addFileProvider\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-Toggleslide [options]=\"addMarkInactive\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-Toggleslide>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-Toggleslide [options]=\"addDailyJob\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-Toggleslide>\r\n              </div>\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 table-w-control\">\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(\"Type\")}}</th>\r\n                      <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Property\")}}</th>\r\n                      <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ADProperty\")}}</th>\r\n                      <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"IncludeInUpdate\")}}</th>\r\n                      <th class=\"min-w-50px\"></th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                    <tr *ngFor=\"let option of addMappingsOptions;let i=index;\">\r\n                      <td>\r\n                        <BBSF-DropdownList [options]=\"option[0]\" [group]=\"addActiveDirectoryForm\">\r\n                        </BBSF-DropdownList>\r\n                      </td>\r\n                      <td>\r\n                        <BBSF-DropdownList [options]=\"option[1]\" [group]=\"addActiveDirectoryForm\">\r\n                        </BBSF-DropdownList>\r\n                      </td>\r\n                      <td>\r\n                        <BBSF-TextBox [options]=\"option[2]\" [group]=\"addActiveDirectoryForm\">\r\n                        </BBSF-TextBox>\r\n                      </td>\r\n                      <td>\r\n                        <BBSF-CheckBox [options]=\"option[3]\" [group]=\"addActiveDirectoryForm\">\r\n                        </BBSF-CheckBox>\r\n                        <!--Hidden include in update value-->\r\n                        <BBSF-TextBox [options]=\"option[4]\" [group]=\"addActiveDirectoryForm\" [hidden]=\"true\">\r\n                        </BBSF-TextBox>\r\n                      </td>\r\n\r\n                      <td>\r\n                        <a class=\"btn btn-icon btn-light-danger\" (click)=\"deleteADMapping(option)\">\r\n                          <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                        </a>\r\n                      </td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td colspan=\"5\">\r\n                        <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addADMapping()\">\r\n                          {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                        </button>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </table>\r\n\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n\r\n          <div class=\"d-flex flex-stack pt-10\">\r\n            <div class=\"mr-2\">\r\n              <ng-container *ngIf=\"currentStep$.value !== 1\">\r\n                <button type=\"button\"\r\n                        class=\"btn btn-lg btn-light-primary me-3\"\r\n                        (click)=\"prevStep()\">\r\n                  <span [inlineSVG]=\"'./src/assets/images/arr063.svg'\"\r\n                        class=\"svg-icon svg-icon-4 me-1\"></span>\r\n                  {{utilityService.getResourceValue(\"Previous\")}}\r\n                </button>\r\n              </ng-container>\r\n            </div>\r\n            <ng-container *ngIf=\"currentStep$.value !== formsCount\">\r\n              <div>\r\n                <button type=\"button\"\r\n                        class=\"btn btn-lg btn-primary me-3\"\r\n                        (click)=\"nextStep()\">\r\n                  <span class=\"indicator-label\">\r\n                    <ng-container *ngIf=\"currentStep$.value < formsCount\">\r\n                      {{utilityService.getResourceValue(\"Next\")}} {{ \" \" }}\r\n                      <span [inlineSVG]=\"'./src/assets/images/arr064.svg'\"\r\n                            class=\"svg-icon svg-icon-3 ms-2 me-0\"></span>\r\n                    </ng-container>\r\n\r\n                  </span>\r\n                </button>\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"currentStep$.value === formsCount\">\r\n              <button type=\"submit\" class=\"btn btn-lg btn-primary me-3\">\r\n                {{utilityService.getResourceValue(\"Submit\")}}\r\n              </button>\r\n\r\n            </ng-container>\r\n          </div>\r\n        </BBSF-Form>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["onChange", "onBlur"] }, { kind: "component", type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["onChange", "onClear"] }, { kind: "component", type: i6.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["onChange"] }, { kind: "directive", type: i7.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["inlineSVG", "resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "setSVGAttributes", "removeSVGAttributes", "forceEvalStyles", "evalScripts", "fallbackImgUrl", "fallbackSVG", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { kind: "directive", type: i8.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i8.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i8.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i8.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i8.MatTreeNode, selector: "mat-tree-node", inputs: ["disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActiveDirectoryAddComponent, selector: "lib-active-directory-add", viewQueries: [{ propertyName: "adTypeControl", first: true, predicate: ["adTypeControl"], descendants: true }, { propertyName: "adDomainControl", first: true, predicate: ["adDomainControl"], descendants: true }, { propertyName: "adWindowsTypeControl", first: true, predicate: ["adWindowsTypeControl"], descendants: true }, { propertyName: "tenantIDControl", first: true, predicate: ["tenantIDControl"], descendants: true }, { propertyName: "clientIDControl", first: true, predicate: ["clientIDControl"], descendants: true }, { propertyName: "clientSecretControl", first: true, predicate: ["clientSecretControl"], descendants: true }], ngImport: i0, template: "\r\n\r\n<div class=\"container-fluid\">\r\n  <div class=\"stepper stepper-pills stepper-column d-flex flex-column flex-xl-row flex-row-fluid \" id=\"kt_create_account_stepper\">\r\n    <div class=\"d-flex justify-content-center rounded justify-content-xl-start flex-row-auto me-9 card\">\r\n      <div class=\"card-body px-6 px-lg-10 px-xxl-15 py-20\">\r\n        <div class=\"stepper-nav\">\r\n          <div class=\"stepper-item\" [ngClass]=\"{current: currentStep$.value === 1 }\">\r\n            <div class=\"stepper-line w-40px\"></div>\r\n\r\n            <div class=\"stepper-icon w-40px h-40px\">\r\n              <i class=\"stepper-check fas fa-check\"></i>\r\n              <span class=\"stepper-number\">1</span>\r\n            </div>\r\n\r\n            <div class=\"stepper-label\">\r\n              <h3 class=\"stepper-title\">{{utilityService.getResourceValue(\"ActiveDirectory\")}}</h3>\r\n\r\n              <div class=\"stepper-desc fw-bold\">{{utilityService.getResourceValue(\"ActiveDirectory_Tab1Note\")}}</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showWindowsControls\" class=\"stepper-item\" [ngClass]=\"{current: currentStep$.value === 2 && showWindowsControls}\">\r\n            <div class=\"stepper-line w-40px\"></div>\r\n\r\n            <div class=\"stepper-icon w-40px h-40px\">\r\n              <i class=\"stepper-check fas fa-check\"></i>\r\n              <span class=\"stepper-number\">2</span>\r\n            </div>\r\n\r\n            <div class=\"stepper-label\">\r\n              <h3 class=\"stepper-title\">{{utilityService.getResourceValue(\"ActiveDirectory_SelectContainer\")}}</h3>\r\n              <div class=\"stepper-desc fw-bold\">{{utilityService.getResourceValue(\"ActiveDirectory_Tab2Note\")}}</div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"stepper-item\" [ngClass]=\"{current: (currentStep$.value === formsCount ) }\">\r\n            <div class=\"stepper-line w-40px\"></div>\r\n\r\n            <div class=\"stepper-icon w-40px h-40px\">\r\n              <i class=\"stepper-check fas fa-check\"></i>\r\n              <span class=\"stepper-number\">{{formsCount}}</span>\r\n            </div>\r\n\r\n            <div class=\"stepper-label\">\r\n              <h3 class=\"stepper-title\">{{utilityService.getResourceValue(\"Options\")}}</h3>\r\n              <div class=\"stepper-desc fw-bold\">{{utilityService.getResourceValue(\"ActiveDirectory_Tab3Note\")}}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n\r\n    <div class=\"card d-flex flex-row-fluid flex-center rounded\">\r\n      <div class=\"p-20 w-100 card-body\" *ngIf=\"isAddFormLoaded\">\r\n        <BBSF-Form [options]=\"addActiveDirectoryFormOptions\">\r\n          <div class=\"current\">\r\n            <ng-container *ngIf=\"currentStep$.value === 1\">\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-DropdownList #adTypeControl [options]=\"addTypeOptions\" [group]=\"addActiveDirectoryForm\" (onChange)=\"typeChange($event)\">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div *ngIf=\"showWindowsControls\">\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-DropdownList #adWindowsTypeControl [options]=\"addWindowsTypeOptions\" [group]=\"addActiveDirectoryForm\" (onChange)=\"windowsTypeChange($event)\">\r\n                  </BBSF-DropdownList>\r\n                </div>\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox #adDomainControl [options]=\"addDomain\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                  <div *ngIf=\"errorIsFound\" class=\"text-danger\">{{validationError}}</div>\r\n                </div>\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox [options]=\"addSamAccount\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox [options]=\"addPassword\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class=\"form-group mb-10\" *ngIf=\"addShowBuiltInGroupsVisible\">\r\n                  <BBSF-Toggleslide [options]=\"addShowBuiltInGroups\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-Toggleslide>\r\n                </div>\r\n              </div>\r\n              <div *ngIf=\"showAzureControls\">\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox #tenantIDControl [options]=\"addTenantID\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox #clientIDControl [options]=\"addClientID\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n                <div class=\"form-group mb-10\">\r\n                  <BBSF-TextBox #clientSecretControl [options]=\"addClientSecret\" [group]=\"addActiveDirectoryForm\">\r\n                  </BBSF-TextBox>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"currentStep$.value === 2 && showWindowsControls\">\r\n              <div id=\"treeDataContainer\" *ngIf=\"treeDataLoaded\">\r\n\r\n\r\n                <!--------Helllllllllllllllllllo---------->\r\n                <mat-tree [dataSource]=\"dataSource\" [treeControl]=\"treeControl\">\r\n                  <!-- This is the tree node template for leaf nodes -->\r\n                  <mat-tree-node *matTreeNodeDef=\"let node;\" matTreeNodePadding>\r\n                    <!-- use a disabled button to provide padding for tree leaf -->\r\n\r\n                    <mat-checkbox class=\"checklist-leaf-node\" (change)=\"setIdentifier($event,node)\" [disabled]=\"node.selectable?false:true\">\r\n                      {{node.name}}\r\n                    </mat-checkbox>\r\n                  </mat-tree-node>\r\n                  <!-- This is the tree node template for expandable nodes -->\r\n                  <mat-tree-node *matTreeNodeDef=\"let node;when: hasChild\" matTreeNodePadding>\r\n                    <button type=\"button\" mat-icon-button matTreeNodeToggle\r\n                            [attr.aria-label]=\"'Toggle ' + node.name\" class=\"btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1 \">\r\n                      <i *ngIf=\"treeControl.isExpanded(node)\" class=\"fas fa-chevron-down\"></i>\r\n                      <i *ngIf=\"!treeControl.isExpanded(node)\" class=\"fas fa-chevron-right\"></i>\r\n\r\n                    </button>\r\n                    <mat-checkbox [disabled]=\"node.selectable?false:true\">{{node.name}}</mat-checkbox>\r\n\r\n                  </mat-tree-node>\r\n                </mat-tree>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"currentStep$.value === formsCount\">\r\n              <div class=\"form-group\">\r\n                <BBSF-TextBox [options]=\"addName\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-TextBox>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-DropdownList [options]=\"addPermissionSet\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-DropdownList [options]=\"addLanguage\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-DropdownList [options]=\"addWelcomeMsgTemp\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-DropdownList [options]=\"addFileProvider\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-DropdownList>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-Toggleslide [options]=\"addMarkInactive\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-Toggleslide>\r\n              </div>\r\n              <div class=\"form-group mb-10\">\r\n                <BBSF-Toggleslide [options]=\"addDailyJob\" [group]=\"addActiveDirectoryForm\">\r\n                </BBSF-Toggleslide>\r\n              </div>\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 table-w-control\">\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(\"Type\")}}</th>\r\n                      <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Property\")}}</th>\r\n                      <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ADProperty\")}}</th>\r\n                      <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"IncludeInUpdate\")}}</th>\r\n                      <th class=\"min-w-50px\"></th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                    <tr *ngFor=\"let option of addMappingsOptions;let i=index;\">\r\n                      <td>\r\n                        <BBSF-DropdownList [options]=\"option[0]\" [group]=\"addActiveDirectoryForm\">\r\n                        </BBSF-DropdownList>\r\n                      </td>\r\n                      <td>\r\n                        <BBSF-DropdownList [options]=\"option[1]\" [group]=\"addActiveDirectoryForm\">\r\n                        </BBSF-DropdownList>\r\n                      </td>\r\n                      <td>\r\n                        <BBSF-TextBox [options]=\"option[2]\" [group]=\"addActiveDirectoryForm\">\r\n                        </BBSF-TextBox>\r\n                      </td>\r\n                      <td>\r\n                        <BBSF-CheckBox [options]=\"option[3]\" [group]=\"addActiveDirectoryForm\">\r\n                        </BBSF-CheckBox>\r\n                        <!--Hidden include in update value-->\r\n                        <BBSF-TextBox [options]=\"option[4]\" [group]=\"addActiveDirectoryForm\" [hidden]=\"true\">\r\n                        </BBSF-TextBox>\r\n                      </td>\r\n\r\n                      <td>\r\n                        <a class=\"btn btn-icon btn-light-danger\" (click)=\"deleteADMapping(option)\">\r\n                          <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                        </a>\r\n                      </td>\r\n                    </tr>\r\n                    <tr>\r\n                      <td colspan=\"5\">\r\n                        <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addADMapping()\">\r\n                          {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                        </button>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </table>\r\n\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n\r\n          <div class=\"d-flex flex-stack pt-10\">\r\n            <div class=\"mr-2\">\r\n              <ng-container *ngIf=\"currentStep$.value !== 1\">\r\n                <button type=\"button\"\r\n                        class=\"btn btn-lg btn-light-primary me-3\"\r\n                        (click)=\"prevStep()\">\r\n                  <span [inlineSVG]=\"'./src/assets/images/arr063.svg'\"\r\n                        class=\"svg-icon svg-icon-4 me-1\"></span>\r\n                  {{utilityService.getResourceValue(\"Previous\")}}\r\n                </button>\r\n              </ng-container>\r\n            </div>\r\n            <ng-container *ngIf=\"currentStep$.value !== formsCount\">\r\n              <div>\r\n                <button type=\"button\"\r\n                        class=\"btn btn-lg btn-primary me-3\"\r\n                        (click)=\"nextStep()\">\r\n                  <span class=\"indicator-label\">\r\n                    <ng-container *ngIf=\"currentStep$.value < formsCount\">\r\n                      {{utilityService.getResourceValue(\"Next\")}} {{ \" \" }}\r\n                      <span [inlineSVG]=\"'./src/assets/images/arr064.svg'\"\r\n                            class=\"svg-icon svg-icon-3 ms-2 me-0\"></span>\r\n                    </ng-container>\r\n\r\n                  </span>\r\n                </button>\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"currentStep$.value === formsCount\">\r\n              <button type=\"submit\" class=\"btn btn-lg btn-primary me-3\">\r\n                {{utilityService.getResourceValue(\"Submit\")}}\r\n              </button>\r\n\r\n            </ng-container>\r\n          </div>\r\n        </BBSF-Form>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n\r\n\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["onChange", "onBlur"] }, { kind: "component", type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options", "DropdownTemplateVariable"], outputs: ["onChange", "onClear"] }, { kind: "component", type: i6.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["onChange"] }, { kind: "directive", type: i7.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["inlineSVG", "resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "setSVGAttributes", "removeSVGAttributes", "forceEvalStyles", "evalScripts", "fallbackImgUrl", "fallbackSVG", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { kind: "directive", type: i8.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i8.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i8.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i8.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i8.MatTreeNode, selector: "mat-tree-node", inputs: ["disabled", "tabIndex"], exportAs: ["matTreeNode"] }, { kind: "component", type: i9.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActiveDirectoryAddComponent, decorators: [{
             type: Component,

package/esm2022/lib/Pages/configurations/auth-configuration/auth-configuration-edit/auth-configuration-edit.component.mjs

@@ -335,7 +335,7 @@ export class EditAuthConfigurationComponent extends AppBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditAuthConfigurationComponent, deps: [{ token: i0.Injector }, { token: i1.MasterLayoutService }, { token: i2.ConfigurationsService }, { token: i3.UserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditAuthConfigurationComponent, selector: "auth-configuration-edit", inputs: { pagingElement: "pagingElement", onSuccessTakePenaltyHandler: "onSuccessTakePenaltyHandler" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["editModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #editModal let-modal>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title\">\r\n      {{ translate('EditAuthConfiguration') }}\r\n    </h4>\r\n    <button type=\"button\" data-dismiss=\"modal\" class=\"btn btn-icon btn-sm\" (click)=\"modal.dismiss()\">\r\n      <div class=\"svg-icon svg-icon-4 svg-icon-hover-brand\" [inlineSVG]=\"'/assets/images/close-modal.svg'\"></div>\r\n    </button>\r\n  </div>\r\n  <BBSF-Form [options]=\"editFormOptions\">\r\n    <div class=\"modal-body\">\r\n      <ng-container *ngIf=\"modeId == authenticationModeEnumValue.UAEPass\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"baseURLTextBox\" [group]=\"editForm\"></BBSF-TextBox>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"clientIdTextBox\" [group]=\"editForm\"></BBSF-TextBox>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"secretKeyTextBox\" [group]=\"editForm\"></BBSF-TextBox>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"redirectURLTextBox\" [group]=\"editForm\"></BBSF-TextBox>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-DropdownList (onChange)=\"onChangeAccessLevels($event)\" [options]=\"accessLevelDropdown\"\r\n              [group]=\"editForm\"></BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-4\">\r\n            <BBSF-Toggleslide [options]=\"importingNewUserToggle\" [group]=\"editForm\"\r\n              (onChange)=\"onChangeImportingNewUserToggle($event)\"></BBSF-Toggleslide>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <BBSF-Toggleslide [options]=\"linkingExistingUsersToggle\"\r\n              (onChange)=\"onLinkingExistingUsersToggleValue($event)\" [group]=\"editForm\"></BBSF-Toggleslide>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <BBSF-Toggleslide [options]=\"updateUserInformationOnLoginToggle\" [group]=\"editForm\"></BBSF-Toggleslide>\r\n          </div>\r\n        </div>\r\n\r\n        <ng-container *ngIf=\"showImportingNewUserMapping\">\r\n          <div class=\"row\">\r\n            <fieldset\r\n              style=\"border: 2px solid #007bff; border-radius: 8px; padding: 1rem; margin-bottom: 1rem; position: relative;\">\r\n              <legend\r\n                style=\"font-size: 1rem; font-weight: 600; color: #007bff; width: auto; padding: 0 10px; margin-bottom: 0;\">\r\n                {{ translate('EnableImportingNewUser') }}</legend>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-DropdownList (onChange)=\"changePermissionSet($event)\" [options]=\"userPermissionSetDropdown\"\r\n                  [group]=\"editForm\"></BBSF-DropdownList>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-Toggleslide (onChange)=\"onChangeSOPPermissionToggleValue($event)\"\r\n                  [options]=\"sopPermissionMappingToggle\" [group]=\"editForm\"></BBSF-Toggleslide>\r\n              </div>\r\n              <div class=\"configuration-header\" *ngIf=\"showUserTypePermissionsMapping\">\r\n                <h5>{{ translate('AccessLevelsPermissionMapping') }}</h5>\r\n                <div class=\"row\">\r\n                  <div class=\"col-md-6\" *ngFor=\"let level of selectedAccessLevels\">\r\n                    <BBSF-DropdownList [options]=\"initDropDownOptions(level)\" [group]=\"editForm\"></BBSF-DropdownList>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </fieldset>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"showUserTypeLinkingMapping\">\r\n          <div class=\"configuration-header\">\r\n            <h5>{{ translate('LinkingOptions') }}</h5>\r\n            <div class=\"row\">\r\n              <div class=\"col-md-6\">\r\n                <BBSF-DropdownList [options]=\"linkingModeDropdown\" [group]=\"editForm\"></BBSF-DropdownList>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"configuration-header\">\r\n            <h5>{{ translate('LinkingAttributesOptions') }}</h5>\r\n            <div class=\"row\">\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"nameArCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"nameEnCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"emailCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"eIdCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"mobileCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"nationalityCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"genderCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <div class=\"row\" *ngIf=\"modeId == authenticationModeEnumValue.AzureAD\"></div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n      <button type=\"button\" class=\"btn btn-sm btn-light\" (click)=\"modal.dismiss()\">\r\n        {{ translate('Cancel') }}\r\n      </button>\r\n      <button appPreventDoubleClick type=\"submit\" class=\"btn btn-sm btn-brand\">\r\n        {{ translate('Save') }}\r\n      </button>\r\n    </div>\r\n  </BBSF-Form>\r\n</ng-template>", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["onChange", "onBlur"] }, { kind: "component", type: i5.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i5.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["onChange", "onClear"] }, { kind: "component", type: i5.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["onChange"] }, { kind: "directive", type: i6.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["inlineSVG", "resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "setSVGAttributes", "removeSVGAttributes", "forceEvalStyles", "evalScripts", "fallbackImgUrl", "fallbackSVG", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditAuthConfigurationComponent, selector: "auth-configuration-edit", inputs: { pagingElement: "pagingElement", onSuccessTakePenaltyHandler: "onSuccessTakePenaltyHandler" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["editModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #editModal let-modal>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title\">\r\n      {{ translate('EditAuthConfiguration') }}\r\n    </h4>\r\n    <button type=\"button\" data-dismiss=\"modal\" class=\"btn btn-icon btn-sm\" (click)=\"modal.dismiss()\">\r\n      <div class=\"svg-icon svg-icon-4 svg-icon-hover-brand\" [inlineSVG]=\"'/assets/images/close-modal.svg'\"></div>\r\n    </button>\r\n  </div>\r\n  <BBSF-Form [options]=\"editFormOptions\">\r\n    <div class=\"modal-body\">\r\n      <ng-container *ngIf=\"modeId == authenticationModeEnumValue.UAEPass\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"baseURLTextBox\" [group]=\"editForm\"></BBSF-TextBox>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"clientIdTextBox\" [group]=\"editForm\"></BBSF-TextBox>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"secretKeyTextBox\" [group]=\"editForm\"></BBSF-TextBox>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-TextBox [options]=\"redirectURLTextBox\" [group]=\"editForm\"></BBSF-TextBox>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <BBSF-DropdownList (onChange)=\"onChangeAccessLevels($event)\" [options]=\"accessLevelDropdown\"\r\n              [group]=\"editForm\"></BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-4\">\r\n            <BBSF-Toggleslide [options]=\"importingNewUserToggle\" [group]=\"editForm\"\r\n              (onChange)=\"onChangeImportingNewUserToggle($event)\"></BBSF-Toggleslide>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <BBSF-Toggleslide [options]=\"linkingExistingUsersToggle\"\r\n              (onChange)=\"onLinkingExistingUsersToggleValue($event)\" [group]=\"editForm\"></BBSF-Toggleslide>\r\n          </div>\r\n          <div class=\"col-md-4\">\r\n            <BBSF-Toggleslide [options]=\"updateUserInformationOnLoginToggle\" [group]=\"editForm\"></BBSF-Toggleslide>\r\n          </div>\r\n        </div>\r\n\r\n        <ng-container *ngIf=\"showImportingNewUserMapping\">\r\n          <div class=\"row\">\r\n            <fieldset\r\n              style=\"border: 2px solid #007bff; border-radius: 8px; padding: 1rem; margin-bottom: 1rem; position: relative;\">\r\n              <legend\r\n                style=\"font-size: 1rem; font-weight: 600; color: #007bff; width: auto; padding: 0 10px; margin-bottom: 0;\">\r\n                {{ translate('EnableImportingNewUser') }}</legend>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-DropdownList (onChange)=\"changePermissionSet($event)\" [options]=\"userPermissionSetDropdown\"\r\n                  [group]=\"editForm\"></BBSF-DropdownList>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-Toggleslide (onChange)=\"onChangeSOPPermissionToggleValue($event)\"\r\n                  [options]=\"sopPermissionMappingToggle\" [group]=\"editForm\"></BBSF-Toggleslide>\r\n              </div>\r\n              <div class=\"configuration-header\" *ngIf=\"showUserTypePermissionsMapping\">\r\n                <h5>{{ translate('AccessLevelsPermissionMapping') }}</h5>\r\n                <div class=\"row\">\r\n                  <div class=\"col-md-6\" *ngFor=\"let level of selectedAccessLevels\">\r\n                    <BBSF-DropdownList [options]=\"initDropDownOptions(level)\" [group]=\"editForm\"></BBSF-DropdownList>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </fieldset>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"showUserTypeLinkingMapping\">\r\n          <div class=\"configuration-header\">\r\n            <h5>{{ translate('LinkingOptions') }}</h5>\r\n            <div class=\"row\">\r\n              <div class=\"col-md-6\">\r\n                <BBSF-DropdownList [options]=\"linkingModeDropdown\" [group]=\"editForm\"></BBSF-DropdownList>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"configuration-header\">\r\n            <h5>{{ translate('LinkingAttributesOptions') }}</h5>\r\n            <div class=\"row\">\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"nameArCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"nameEnCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"emailCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"eIdCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"mobileCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"nationalityCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <BBSF-CheckBox [options]=\"genderCheckbox\" [group]=\"editForm\"></BBSF-CheckBox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <div class=\"row\" *ngIf=\"modeId == authenticationModeEnumValue.AzureAD\"></div>\r\n    </div>\r\n    <div class=\"modal-footer\">\r\n      <button type=\"button\" class=\"btn btn-sm btn-light\" (click)=\"modal.dismiss()\">\r\n        {{ translate('Cancel') }}\r\n      </button>\r\n      <button appPreventDoubleClick type=\"submit\" class=\"btn btn-sm btn-brand\">\r\n        {{ translate('Save') }}\r\n      </button>\r\n    </div>\r\n  </BBSF-Form>\r\n</ng-template>", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["onChange", "onBlur"] }, { kind: "component", type: i5.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i5.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options", "DropdownTemplateVariable"], outputs: ["onChange", "onClear"] }, { kind: "component", type: i5.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["onChange"] }, { kind: "directive", type: i6.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["inlineSVG", "resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "setSVGAttributes", "removeSVGAttributes", "forceEvalStyles", "evalScripts", "fallbackImgUrl", "fallbackSVG", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditAuthConfigurationComponent, decorators: [{
             type: Component,

package/esm2022/lib/Pages/configurations/configuration/configuration.component.mjs

@@ -848,7 +848,7 @@ export class ConfigurationComponent {
         this.requestHandlerService.destroyHandler();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfigurationComponent, deps: [{ token: i1.AuthService }, { token: i2.PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: i3.ConfigurationsService }, { token: i4.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ConfigurationComponent, selector: "lib-configuration", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ConfigurationPagingViewElement"], descendants: true }, { propertyName: "organizationDDL", first: true, predicate: ["organizationDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"showPageContent\">\r\n    <!-- begin::Header -->\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]=\"ConfigurationForm\">\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ConfigurationForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <div\r\n            *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\"\r\n            ngbDropdown\r\n            class=\"d-inline-block\"\r\n            [ngStyle]=\"{ display: showPageContent == true ? 'block' : 'none' }\">\r\n            <button\r\n              (click)=\"loadLists()\"\r\n              ngbDropdownToggle\r\n              href=\"javascript:;\"\r\n              type=\"button\"\r\n              class=\"btn btn-sm btn-light-primary me-3\"\r\n              id=\"FiltersDropdown\"\r\n              title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{ utilityService.getResourceValue('Filter') }}\r\n            </button>\r\n            <div\r\n              *ngIf=\"isFilterLoaded\"\r\n              ngbDropdownMenu\r\n              aria-labelledby=\"FiltersDropdown\"\r\n              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 dropdown-menu dropdown-menu-right\">\r\n              <form [formGroup]=\"ConfigurationForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\" *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\">\r\n                    <div>\r\n                      <BBSF-DropdownList #organizationDDL [options]=\"organizationOptions\" [group]=\"ConfigurationForm\"></BBSF-DropdownList>\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=\"configurationResetButton\">\r\n                      {{ utilityService.getResourceValue('Reset') }}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- begin::Menu -->\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\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddConfigurationModal(AddConfigurationModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{ utilityService.getResourceValue('Add') }}\r\n          </button>\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        <!-- begin::Table container -->\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('Key') }}</th>\r\n                <th class=\"min-w-150px\">{{ utilityService.getResourceValue('Value') }}</th>\r\n                <th class=\"min-w-150px\">{{ utilityService.getResourceValue('Type') }}</th>\r\n                <th class=\"min-w-150px\">{{ utilityService.getResourceValue('Scope') }}</th>\r\n                <th class=\"min-w-150px\">{{ utilityService.getResourceValue('UserPermissionSet') }}</th>\r\n                <th class=\"min-w-150\" *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\">{{ utilityService.getResourceValue('Organization') }}</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 Configuration of clientSidePagingResult\">\r\n                <td class=\"text-dark\">{{ Configuration.key }}</td>\r\n                <td>{{ Configuration.value }}</td>\r\n                <td>{{ Configuration.valueTypeNameStr }}</td>\r\n                <td>{{ Configuration.scopeName }}</td>\r\n                <td>{{ Configuration.permissionSetName }}{{ Configuration.userName }}</td>\r\n                <td *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\">{{ Configuration.organizationName ?? '-' }}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"config\" 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 class=\"mat-menu-content\" #config=\"matMenu\">\r\n                      <button\r\n                        class=\"drop-item px-3\"\r\n                        ngbDropdownItem\r\n                        (click)=\"showEditConfigurationModal(Configuration.iD_GUID, EditConfigurationModal)\">\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\" (click)=\"showDeleteConfigurationModal(Configuration.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{ 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=\"6\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!-- end::Table -->\r\n        </div>\r\n        <!-- end::Table container -->\r\n      </div>\r\n      <!-- begin paging-->\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging\r\n          (Items)=\"setConfigurationListResult($event)\"\r\n          *ngIf=\"isFilterLoaded\"\r\n          [options]=\"ConfigurationPaging\"\r\n          [group]=\"ConfigurationForm\"\r\n          #ConfigurationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- #region Add modal -->\r\n<ng-template #AddConfigurationModal 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('AddConfiguration') }}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"addConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-TextBox [options]=\"Key\" [group]=\"addConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-Toggleslide [options]=\"loadJsonToggle\" [group]=\"addConfigurationForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Category\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Scope\" (onChange)=\"ChangeScopeValue($event)\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\" [options]=\"addOrganization\" [group]=\"addConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"PermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"User\" *ngIf=\"ShowUsersList\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Type\" (onChange)=\"ChangeTypeValue($event)\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Value\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"addConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"DefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"addConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"ValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"addConfigurationForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"DefaultValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"addConfigurationForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Source\" *ngIf=\"ShowDropDownSource\" (onChange)=\"ChangeSource($event)\" [group]=\"addConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-9\">\r\n            <BBSF-TextBox [options]=\"FunctionSourcePath\" [group]=\"addConfigurationForm\" (onChange)=\"changeSourceFunction()\"> </BBSF-TextBox>\r\n            <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">\r\n              {{ utilityService.getResourceValue('SourceFunctionNotFound') }}\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n            <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(true)\">\r\n              <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{ utilityService.getResourceValue('Search') }}</span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"SourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"SourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"ShowLookupList\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"Lookup\" (onChange)=\"ChangeLookup($event, true)\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"LookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"LookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseConfigurationModal id=\"CloseConfigurationModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">\r\n          {{ utilityService.getResourceValue('CancelLabel') }}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\" [disabled]=\"sourceFunctionDataNotLoaded\">\r\n          {{ utilityService.getResourceValue('SaveLabel') }}\r\n        </button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n<!-- #endregion -->\r\n\r\n<!-- #region edit modal -->\r\n<ng-template #EditConfigurationModal 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('Edit') }} {{ utilityService.getResourceValue('Configuration') }}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-TextBox [options]=\"EditKey\" [group]=\"EditConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-Toggleslide [options]=\"editLoadJsonToggle\" [group]=\"EditConfigurationForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\" [options]=\"editOrganization\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditPermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"EditConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditUser\" *ngIf=\"ShowUsersList\" [group]=\"EditConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditTextValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditTextDefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditDefaultValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"col-md-9\">\r\n          <BBSF-TextBox [options]=\"EditFunctionSourcePath\" [group]=\"EditConfigurationForm\" (onChange)=\"changeSourceFunction()\"> </BBSF-TextBox>\r\n          <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">\r\n            {{ utilityService.getResourceValue('SourceFunctionNotFound') }}\r\n          </div>\r\n        </div>\r\n        <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n          <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(false)\">\r\n            <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{ utilityService.getResourceValue('Search') }}</span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLookup\" *ngIf=\"ShowLookupList\" (onChange)=\"ChangeLookup($event, false)\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowLookupItemsList\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLookupValue\" [group]=\"EditConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowLookupItemsList\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLookupDefaultValue\" [group]=\"EditConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button\r\n          #CloseEditConfigurationModal\r\n          id=\"CloseEditConfigurationModal\"\r\n          type=\"button\"\r\n          class=\"btn btn-light btn-sm me-3\"\r\n          data-dismiss=\"modal\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{ utilityService.getResourceValue('CancelLabel') }}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\" [disabled]=\"sourceFunctionDataNotLoaded\">\r\n          {{ utilityService.getResourceValue('SaveLabel') }}\r\n        </button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n<!-- #endregion -->\r\n\r\n<!-- #region delete modal -->\r\n<BBSF-ConfirmationModal\r\n  *ngIf=\"deleteControlLoaded\"\r\n  [options]=\"DeleteConfirmationOptions\"\r\n  id=\"ConfirmationModalControl\"\r\n  #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n<!-- #endregion -->\r\n\r\n<!-- #region reload modal -->\r\n<BBSF-ConfirmationModal\r\n  *ngIf=\"reloadControlLoaded\"\r\n  [options]=\"reloadConfirmationOptions\"\r\n  id=\"ReloadConfirmationModalControl\"\r\n  #ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n<!-- #endregion -->\r\n", dependencies: [{ kind: "component", type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "message", "delayStart", "delayStop", "template"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i8.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["onChange", "onBlur"] }, { kind: "component", type: i8.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["onChange", "onClear"] }, { kind: "component", type: i8.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i8.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { kind: "component", type: i8.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["onChange"] }, { kind: "component", type: i8.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { kind: "directive", type: i4.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i4.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i4.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i4.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i10.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["inlineSVG", "resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "setSVGAttributes", "removeSVGAttributes", "forceEvalStyles", "evalScripts", "fallbackImgUrl", "fallbackSVG", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { kind: "component", type: i11.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ConfigurationComponent, selector: "lib-configuration", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ConfigurationPagingViewElement"], descendants: true }, { propertyName: "organizationDDL", first: true, predicate: ["organizationDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "reloadConfirmationModalControl", first: true, predicate: ["ReloadConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"showPageContent\">\r\n    <!-- begin::Header -->\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]=\"ConfigurationForm\">\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ConfigurationForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <div\r\n            *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\"\r\n            ngbDropdown\r\n            class=\"d-inline-block\"\r\n            [ngStyle]=\"{ display: showPageContent == true ? 'block' : 'none' }\">\r\n            <button\r\n              (click)=\"loadLists()\"\r\n              ngbDropdownToggle\r\n              href=\"javascript:;\"\r\n              type=\"button\"\r\n              class=\"btn btn-sm btn-light-primary me-3\"\r\n              id=\"FiltersDropdown\"\r\n              title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{ utilityService.getResourceValue('Filter') }}\r\n            </button>\r\n            <div\r\n              *ngIf=\"isFilterLoaded\"\r\n              ngbDropdownMenu\r\n              aria-labelledby=\"FiltersDropdown\"\r\n              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 dropdown-menu dropdown-menu-right\">\r\n              <form [formGroup]=\"ConfigurationForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\" *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\">\r\n                    <div>\r\n                      <BBSF-DropdownList #organizationDDL [options]=\"organizationOptions\" [group]=\"ConfigurationForm\"></BBSF-DropdownList>\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=\"configurationResetButton\">\r\n                      {{ utilityService.getResourceValue('Reset') }}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- begin::Menu -->\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\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddConfigurationModal(AddConfigurationModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{ utilityService.getResourceValue('Add') }}\r\n          </button>\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        <!-- begin::Table container -->\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('Key') }}</th>\r\n                <th class=\"min-w-150px\">{{ utilityService.getResourceValue('Value') }}</th>\r\n                <th class=\"min-w-150px\">{{ utilityService.getResourceValue('Type') }}</th>\r\n                <th class=\"min-w-150px\">{{ utilityService.getResourceValue('Scope') }}</th>\r\n                <th class=\"min-w-150px\">{{ utilityService.getResourceValue('UserPermissionSet') }}</th>\r\n                <th class=\"min-w-150\" *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\">{{ utilityService.getResourceValue('Organization') }}</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 Configuration of clientSidePagingResult\">\r\n                <td class=\"text-dark\">{{ Configuration.key }}</td>\r\n                <td>{{ Configuration.value }}</td>\r\n                <td>{{ Configuration.valueTypeNameStr }}</td>\r\n                <td>{{ Configuration.scopeName }}</td>\r\n                <td>{{ Configuration.permissionSetName }}{{ Configuration.userName }}</td>\r\n                <td *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\">{{ Configuration.organizationName ?? '-' }}</td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"config\" 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 class=\"mat-menu-content\" #config=\"matMenu\">\r\n                      <button\r\n                        class=\"drop-item px-3\"\r\n                        ngbDropdownItem\r\n                        (click)=\"showEditConfigurationModal(Configuration.iD_GUID, EditConfigurationModal)\">\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\" (click)=\"showDeleteConfigurationModal(Configuration.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{ 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=\"6\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n          <!-- end::Table -->\r\n        </div>\r\n        <!-- end::Table container -->\r\n      </div>\r\n      <!-- begin paging-->\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging\r\n          (Items)=\"setConfigurationListResult($event)\"\r\n          *ngIf=\"isFilterLoaded\"\r\n          [options]=\"ConfigurationPaging\"\r\n          [group]=\"ConfigurationForm\"\r\n          #ConfigurationPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- #region Add modal -->\r\n<ng-template #AddConfigurationModal 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('AddConfiguration') }}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"addConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-TextBox [options]=\"Key\" [group]=\"addConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-Toggleslide [options]=\"loadJsonToggle\" [group]=\"addConfigurationForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Category\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Scope\" (onChange)=\"ChangeScopeValue($event)\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\" [options]=\"addOrganization\" [group]=\"addConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"PermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"User\" *ngIf=\"ShowUsersList\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Type\" (onChange)=\"ChangeTypeValue($event)\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"Value\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"addConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"DefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"addConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"ValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"addConfigurationForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"DefaultValueToggel\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"addConfigurationForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"Source\" *ngIf=\"ShowDropDownSource\" (onChange)=\"ChangeSource($event)\" [group]=\"addConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-9\">\r\n            <BBSF-TextBox [options]=\"FunctionSourcePath\" [group]=\"addConfigurationForm\" (onChange)=\"changeSourceFunction()\"> </BBSF-TextBox>\r\n            <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">\r\n              {{ utilityService.getResourceValue('SourceFunctionNotFound') }}\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n            <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(true)\">\r\n              <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{ utilityService.getResourceValue('Search') }}</span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"SourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"SourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"ShowLookupList\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"Lookup\" (onChange)=\"ChangeLookup($event, true)\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"LookupValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"LookupDefaultValue\" *ngIf=\"ShowLookupItemsList\" [group]=\"addConfigurationForm\"> </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseConfigurationModal id=\"CloseConfigurationModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">\r\n          {{ utilityService.getResourceValue('CancelLabel') }}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\" [disabled]=\"sourceFunctionDataNotLoaded\">\r\n          {{ utilityService.getResourceValue('SaveLabel') }}\r\n        </button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n<!-- #endregion -->\r\n\r\n<!-- #region edit modal -->\r\n<ng-template #EditConfigurationModal 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('Edit') }} {{ utilityService.getResourceValue('Configuration') }}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditConfigurationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-TextBox [options]=\"EditKey\" [group]=\"EditConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-Toggleslide [options]=\"editLoadJsonToggle\" [group]=\"EditConfigurationForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList *ngIf=\"isMultiTenancyAllowed && isSuperAdmin\" [options]=\"editOrganization\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditPermissionSet\" *ngIf=\"ShowPermissionList\" [group]=\"EditConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditUser\" *ngIf=\"ShowUsersList\" [group]=\"EditConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditTextValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditTextDefaultValue\" *ngIf=\"ShowValueAndDefaultValue\" [group]=\"EditConfigurationForm\"> </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\"> </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Toggleslide [options]=\"EditDefaultValueToggele\" *ngIf=\"ShowValueToggleAndDefaultValue\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-Toggleslide>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowSourceFunctionPath\">\r\n        <div class=\"col-md-9\">\r\n          <BBSF-TextBox [options]=\"EditFunctionSourcePath\" [group]=\"EditConfigurationForm\" (onChange)=\"changeSourceFunction()\"> </BBSF-TextBox>\r\n          <div *ngIf=\"showFunctionNotFoundError\" class=\"text-danger\">\r\n            {{ utilityService.getResourceValue('SourceFunctionNotFound') }}\r\n          </div>\r\n        </div>\r\n        <div class=\"col-md-3 d-flex justify-content-end align-items-center mb-4\">\r\n          <button type=\"button\" class=\"btn btn-sm btn-secondary\" (click)=\"SearchForFunction(false)\">\r\n            <span class=\"float-right\"><i class=\"fas fa-search\"></i>{{ utilityService.getResourceValue('Search') }}</span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceFuncDefaultValue\" *ngIf=\"ShowSourceFunctionData\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLookup\" *ngIf=\"ShowLookupList\" (onChange)=\"ChangeLookup($event, false)\" [group]=\"EditConfigurationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowLookupItemsList\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLookupValue\" [group]=\"EditConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" *ngIf=\"ShowLookupItemsList\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditLookupDefaultValue\" [group]=\"EditConfigurationForm\"> </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button\r\n          #CloseEditConfigurationModal\r\n          id=\"CloseEditConfigurationModal\"\r\n          type=\"button\"\r\n          class=\"btn btn-light btn-sm me-3\"\r\n          data-dismiss=\"modal\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{ utilityService.getResourceValue('CancelLabel') }}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\" [disabled]=\"sourceFunctionDataNotLoaded\">\r\n          {{ utilityService.getResourceValue('SaveLabel') }}\r\n        </button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n<!-- #endregion -->\r\n\r\n<!-- #region delete modal -->\r\n<BBSF-ConfirmationModal\r\n  *ngIf=\"deleteControlLoaded\"\r\n  [options]=\"DeleteConfirmationOptions\"\r\n  id=\"ConfirmationModalControl\"\r\n  #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n<!-- #endregion -->\r\n\r\n<!-- #region reload modal -->\r\n<BBSF-ConfirmationModal\r\n  *ngIf=\"reloadControlLoaded\"\r\n  [options]=\"reloadConfirmationOptions\"\r\n  id=\"ReloadConfirmationModalControl\"\r\n  #ReloadConfirmationModalControl></BBSF-ConfirmationModal>\r\n<!-- #endregion -->\r\n", dependencies: [{ kind: "component", type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "message", "delayStart", "delayStop", "template"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i8.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["onChange", "onBlur"] }, { kind: "component", type: i8.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options", "DropdownTemplateVariable"], outputs: ["onChange", "onClear"] }, { kind: "component", type: i8.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i8.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items", "pageStateRestored"] }, { kind: "component", type: i8.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["onChange"] }, { kind: "component", type: i8.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { kind: "directive", type: i4.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i4.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i4.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i4.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i10.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["inlineSVG", "resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "setSVGAttributes", "removeSVGAttributes", "forceEvalStyles", "evalScripts", "fallbackImgUrl", "fallbackSVG", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { kind: "component", type: i11.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ConfigurationComponent, decorators: [{
             type: Component,

package/esm2022/lib/Pages/departments/department/department.component.mjs

@@ -302,7 +302,7 @@ export class DepartmentComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DepartmentComponent, deps: [{ token: i1.EnvironmentService }, { token: i2.DepartmentService }, { token: i3.NgbModal }, { token: i1.AuthService }, { token: i1.UtilityService }, { token: i4.PageInfoService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DepartmentComponent, selector: "lib-department", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["DepartmentPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "organizationDDL", first: true, predicate: ["organizationDDL"], 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\" *ngIf=\"IsFilterLoaded\">\r\n      <div class=\"card-title align-items-start flex-column\" >\r\n        <!--(OnChange)=\"filterDepartmentList($event)\" -->\r\n        <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"DepartmentForm\"></BBSF-TextBox>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <div *ngIf=\"adminWithMultitenanEnabled\" ngbDropdown class=\"d-inline-block\">\r\n          <button\r\n            ngbDropdownToggle\r\n            href=\"javascript:;\"\r\n            type=\"button\"\r\n            class=\"btn btn-sm btn-light-primary me-3\"\r\n            id=\"FiltersDropdown\"\r\n            title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{ utilityService.getResourceValue('Filter') }}\r\n          </button>\r\n          <div\r\n            ngbDropdownMenu\r\n            aria-labelledby=\"FiltersDropdown\"\r\n            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 dropdown-menu dropdown-menu-right\">\r\n            <form [formGroup]=\"DepartmentForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div>\r\n                    <BBSF-DropdownList #organizationDDL [options]=\"organizationOptions\" [group]=\"DepartmentForm\"></BBSF-DropdownList>\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=\"departmentsFiltersBtn\">\r\n                    {{ utilityService.getResourceValue('Reset') }}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <!-- begin::Menu -->\r\n        <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddDepartmentModal(AddDepartmentModal)\">\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(\"SamAccount\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"UsersCount\")}}</th>\r\n              <th *ngIf=\"adminWithMultitenanEnabled\" class=\"min-w-150px\">\r\n                {{ utilityService.getResourceValue('Organization') }}\r\n              </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 Department of DepartmentFilteredList\">\r\n              <td>\r\n                <a\r\n                  href=\"javascript:void(0)\"\r\n                  [routerLink]=\"['/Admin/Departments/DepartmentInfo', Department.iD_GUID]\"\r\n                  routerLinkActive=\"router-link-active\"\r\n                  class=\"text-dark\"\r\n                  >{{ Department.departmentName }}</a\r\n                >\r\n              </td>\r\n              <td>{{Department.samAccount}}</td>\r\n              <td>{{Department.usersCount}}</td>\r\n              <td *ngIf=\"adminWithMultitenanEnabled\">{{ Department.organizationName ?? '-' }}</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 class=\"mat-menu-content\" #menu=\"matMenu\">\r\n                    <button class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditDepartmentModal(Department.iD_GUID, EditDepartmentModal)\">\r\n                      <span class=\"drop-link px-3\">{{ utilityService.getResourceValue('Edit') }}</span>\r\n                    </button>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\" (click)=\"showDeleteDepartmentModal(Department.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=\"DepartmentFilteredList.length == 0\">\r\n              <td colspan=\"4\">\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    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging\r\n        (Items)=\"setDepartmentListResult($event)\"\r\n        *ngIf=\"IsFilterLoaded\"\r\n        [options]=\"DepartmentPaging\"\r\n        [group]=\"DepartmentForm\"\r\n        #DepartmentPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddDepartmentModal 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('Add') }} {{ utilityService.getResourceValue('Department') }}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddDepartmentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddDepartmentForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-TextBox [options]=\"AddSamAccount\" [group]=\"AddDepartmentForm\"> </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList #addSectorDDL [options]=\"AddSectorOptions\" [group]=\"AddDepartmentForm\"></BBSF-DropdownList>\r\n        </div>\r\n        @if (adminWithMultitenanEnabled) {\r\n          <BBSF-DropdownList #addOrganizationDDL (onChange)=\"onOrganizationChanges($event,addSectorDDL,true)\" [options]=\"addOrganizations\" [group]=\"AddDepartmentForm\"></BBSF-DropdownList>\r\n        }\r\n\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button\r\n          #CloseDepartmentModal\r\n          id=\"CloseDepartmentModal\"\r\n          type=\"button\"\r\n          class=\"btn btn-light btn-sm me-3\"\r\n          data-dismiss=\"modal\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{ utilityService.getResourceValue('CancelLabel') }}\r\n        </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<!--Edit Modal-->\r\n<ng-template #EditDepartmentModal 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('Edit') }} {{ utilityService.getResourceValue('Department') }}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditDepartmentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditDepartmentForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-TextBox [options]=\"EditSamAccount\" [group]=\"EditDepartmentForm\"> </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList #editSectorDDL [options]=\"EditSectorOptions\" [group]=\"EditDepartmentForm\"></BBSF-DropdownList>\r\n        </div>\r\n        @if (adminWithMultitenanEnabled) {\r\n          <BBSF-DropdownList #editOrganizationDDL (onChange)=\"onOrganizationChanges($event,editSectorDDL)\" [options]=\"editOrganizations\" [group]=\"EditDepartmentForm\"></BBSF-DropdownList>\r\n        }\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button\r\n          #CloseEditDepartmentModal\r\n          id=\"CloseEditDepartmentModal\"\r\n          type=\"button\"\r\n          class=\"btn btn-light btn-sm me-3\"\r\n          data-dismiss=\"modal\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{ utilityService.getResourceValue('CancelLabel') }}\r\n        </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<!--delete Modal-->\r\n<BBSF-ConfirmationModal\r\n  *ngIf=\"deleteControlLoaded\"\r\n  [options]=\"DeleteConfirmationOptions\"\r\n  id=\"ConfirmationModalControl\"\r\n  #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n", dependencies: [{ kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i8.BlockUIComponent, selector: "block-ui", inputs: ["name", "message", "delayStart", "delayStop", "template"] }, { kind: "component", type: i9.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i9.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["onChange", "onBlur"] }, { kind: "component", type: i9.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["onChange", "onClear"] }, { kind: "component", type: i9.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { kind: "component", type: i9.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["onChange"] }, { kind: "component", type: i9.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { kind: "directive", type: i3.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i3.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i3.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i3.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i3.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["inlineSVG", "resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "setSVGAttributes", "removeSVGAttributes", "forceEvalStyles", "evalScripts", "fallbackImgUrl", "fallbackSVG", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { kind: "component", type: i12.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DepartmentComponent, selector: "lib-department", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["DepartmentPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }, { propertyName: "organizationDDL", first: true, predicate: ["organizationDDL"], 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\" *ngIf=\"IsFilterLoaded\">\r\n      <div class=\"card-title align-items-start flex-column\" >\r\n        <!--(OnChange)=\"filterDepartmentList($event)\" -->\r\n        <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"DepartmentForm\"></BBSF-TextBox>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <div *ngIf=\"adminWithMultitenanEnabled\" ngbDropdown class=\"d-inline-block\">\r\n          <button\r\n            ngbDropdownToggle\r\n            href=\"javascript:;\"\r\n            type=\"button\"\r\n            class=\"btn btn-sm btn-light-primary me-3\"\r\n            id=\"FiltersDropdown\"\r\n            title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{ utilityService.getResourceValue('Filter') }}\r\n          </button>\r\n          <div\r\n            ngbDropdownMenu\r\n            aria-labelledby=\"FiltersDropdown\"\r\n            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 dropdown-menu dropdown-menu-right\">\r\n            <form [formGroup]=\"DepartmentForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div>\r\n                    <BBSF-DropdownList #organizationDDL [options]=\"organizationOptions\" [group]=\"DepartmentForm\"></BBSF-DropdownList>\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=\"departmentsFiltersBtn\">\r\n                    {{ utilityService.getResourceValue('Reset') }}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <!-- begin::Menu -->\r\n        <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddDepartmentModal(AddDepartmentModal)\">\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(\"SamAccount\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"UsersCount\")}}</th>\r\n              <th *ngIf=\"adminWithMultitenanEnabled\" class=\"min-w-150px\">\r\n                {{ utilityService.getResourceValue('Organization') }}\r\n              </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 Department of DepartmentFilteredList\">\r\n              <td>\r\n                <a\r\n                  href=\"javascript:void(0)\"\r\n                  [routerLink]=\"['/Admin/Departments/DepartmentInfo', Department.iD_GUID]\"\r\n                  routerLinkActive=\"router-link-active\"\r\n                  class=\"text-dark\"\r\n                  >{{ Department.departmentName }}</a\r\n                >\r\n              </td>\r\n              <td>{{Department.samAccount}}</td>\r\n              <td>{{Department.usersCount}}</td>\r\n              <td *ngIf=\"adminWithMultitenanEnabled\">{{ Department.organizationName ?? '-' }}</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 class=\"mat-menu-content\" #menu=\"matMenu\">\r\n                    <button class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditDepartmentModal(Department.iD_GUID, EditDepartmentModal)\">\r\n                      <span class=\"drop-link px-3\">{{ utilityService.getResourceValue('Edit') }}</span>\r\n                    </button>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\" (click)=\"showDeleteDepartmentModal(Department.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=\"DepartmentFilteredList.length == 0\">\r\n              <td colspan=\"4\">\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    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging\r\n        (Items)=\"setDepartmentListResult($event)\"\r\n        *ngIf=\"IsFilterLoaded\"\r\n        [options]=\"DepartmentPaging\"\r\n        [group]=\"DepartmentForm\"\r\n        #DepartmentPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddDepartmentModal 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('Add') }} {{ utilityService.getResourceValue('Department') }}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddDepartmentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddDepartmentForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-TextBox [options]=\"AddSamAccount\" [group]=\"AddDepartmentForm\"> </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList #addSectorDDL [options]=\"AddSectorOptions\" [group]=\"AddDepartmentForm\"></BBSF-DropdownList>\r\n        </div>\r\n        @if (adminWithMultitenanEnabled) {\r\n          <BBSF-DropdownList #addOrganizationDDL (onChange)=\"onOrganizationChanges($event,addSectorDDL,true)\" [options]=\"addOrganizations\" [group]=\"AddDepartmentForm\"></BBSF-DropdownList>\r\n        }\r\n\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button\r\n          #CloseDepartmentModal\r\n          id=\"CloseDepartmentModal\"\r\n          type=\"button\"\r\n          class=\"btn btn-light btn-sm me-3\"\r\n          data-dismiss=\"modal\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{ utilityService.getResourceValue('CancelLabel') }}\r\n        </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<!--Edit Modal-->\r\n<ng-template #EditDepartmentModal 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('Edit') }} {{ utilityService.getResourceValue('Department') }}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditDepartmentFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditDepartmentForm\"></BBSF-MultiLingualTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <BBSF-TextBox [options]=\"EditSamAccount\" [group]=\"EditDepartmentForm\"> </BBSF-TextBox>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <BBSF-DropdownList #editSectorDDL [options]=\"EditSectorOptions\" [group]=\"EditDepartmentForm\"></BBSF-DropdownList>\r\n        </div>\r\n        @if (adminWithMultitenanEnabled) {\r\n          <BBSF-DropdownList #editOrganizationDDL (onChange)=\"onOrganizationChanges($event,editSectorDDL)\" [options]=\"editOrganizations\" [group]=\"EditDepartmentForm\"></BBSF-DropdownList>\r\n        }\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button\r\n          #CloseEditDepartmentModal\r\n          id=\"CloseEditDepartmentModal\"\r\n          type=\"button\"\r\n          class=\"btn btn-light btn-sm me-3\"\r\n          data-dismiss=\"modal\"\r\n          (click)=\"modal.dismiss()\">\r\n          {{ utilityService.getResourceValue('CancelLabel') }}\r\n        </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<!--delete Modal-->\r\n<BBSF-ConfirmationModal\r\n  *ngIf=\"deleteControlLoaded\"\r\n  [options]=\"DeleteConfirmationOptions\"\r\n  id=\"ConfirmationModalControl\"\r\n  #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n", dependencies: [{ kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i8.BlockUIComponent, selector: "block-ui", inputs: ["name", "message", "delayStart", "delayStop", "template"] }, { kind: "component", type: i9.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["onChange"] }, { kind: "component", type: i9.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["onChange", "onBlur"] }, { kind: "component", type: i9.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options", "DropdownTemplateVariable"], outputs: ["onChange", "onClear"] }, { kind: "component", type: i9.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items", "pageStateRestored"] }, { kind: "component", type: i9.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["onChange"] }, { kind: "component", type: i9.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { kind: "directive", type: i3.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i3.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i3.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i3.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i3.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i10.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i10.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["inlineSVG", "resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "setSVGAttributes", "removeSVGAttributes", "forceEvalStyles", "evalScripts", "fallbackImgUrl", "fallbackSVG", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { kind: "component", type: i12.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DepartmentComponent, decorators: [{
             type: Component,