@posiwise/admin-module 0.0.59 → 0.0.60

package/esm2022/lib/components/domain-config/domain-config-details/domain-config-social/domain-config-social.component.mjs

@@ -68,8 +68,8 @@ export class DomainConfigSocialComponent extends AppBaseComponent {
             this.submitted = false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DomainConfigSocialComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: DomainConfigSocialComponent, selector: "pw-domain-config-social", usesInheritance: true, ngImport: i0, template: "<h3>Social Presence</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <h5>Twitter SEO</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoCard' | transloco\"\n          name=\"twitter_seo_card\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_card\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_card'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoSite' | transloco\"\n          name=\"twitter_seo_site\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_site\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_site'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoCreator' | transloco\"\n          name=\"twitter_seo_creator\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_creator\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_creator'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <!-- social networks -->\n    <h5>Social Networks</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.LinkedInUrl' | transloco\"\n          name=\"linkedin_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"linkedin_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['linkedin_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterUrl' | transloco\"\n          name=\"twitter_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.FacebookUrl' | transloco\"\n          name=\"facebook_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"facebook_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['facebook_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.YoutubeUrl' | transloco\"\n          name=\"youtube_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"youtube_url\"\n            id=\"youtube_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['youtube_url'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <!-- social networks end -->\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i5.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i5.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigSocialComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DomainConfigSocialComponent, selector: "pw-domain-config-social", usesInheritance: true, ngImport: i0, template: "<h3>Social Presence</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <h5>Twitter SEO</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoCard' | transloco\"\n          name=\"twitter_seo_card\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_card\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_card'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoSite' | transloco\"\n          name=\"twitter_seo_site\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_site\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_site'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoCreator' | transloco\"\n          name=\"twitter_seo_creator\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_creator\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_creator'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <!-- social networks -->\n    <h5>Social Networks</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.LinkedInUrl' | transloco\"\n          name=\"linkedin_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"linkedin_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['linkedin_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterUrl' | transloco\"\n          name=\"twitter_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.FacebookUrl' | transloco\"\n          name=\"facebook_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"facebook_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['facebook_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.YoutubeUrl' | transloco\"\n          name=\"youtube_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"youtube_url\"\n            id=\"youtube_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['youtube_url'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <!-- social networks end -->\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i5.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i5.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i6.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -77,7 +77,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], DomainConfigSocialComponent.prototype, "onSave", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DomainConfigSocialComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigSocialComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-domain-config-social', template: "<h3>Social Presence</h3>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<ng-container *ngIf=\"data?.host_name\">\n  <form [formGroup]=\"form\"\n    (ngSubmit)=\"onSave()\">\n    <h5>Twitter SEO</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoCard' | transloco\"\n          name=\"twitter_seo_card\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_card\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_card'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoSite' | transloco\"\n          name=\"twitter_seo_site\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_site\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_site'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterSeoCreator' | transloco\"\n          name=\"twitter_seo_creator\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_seo_creator\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_seo_creator'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <!-- social networks -->\n    <h5>Social Networks</h5>\n    <div class=\"row\">\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.LinkedInUrl' | transloco\"\n          name=\"linkedin_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"linkedin_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['linkedin_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.TwitterUrl' | transloco\"\n          name=\"twitter_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"twitter_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['twitter_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.FacebookUrl' | transloco\"\n          name=\"facebook_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"facebook_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['facebook_url'].errors }\" />\n        </pw-input-container>\n      </div>\n      <div class=\"col-12 col-sm-3\">\n        <pw-input-container [label]=\"'Admin.DomainConfig.YoutubeUrl' | transloco\"\n          name=\"youtube_url\">\n          <input type=\"text\"\n            class=\"form-control\"\n            formControlName=\"youtube_url\"\n            id=\"youtube_url\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['youtube_url'].errors }\" />\n        </pw-input-container>\n      </div>\n    </div>\n    <!-- social networks end -->\n    <div class=\"col-12 text-end mt-3\">\n      <button type=\"button\"\n        class=\"btn btn-outline-default me-2\"\n        (click)=\"back()\">\n        {{ 'Button.Cancel' | transloco }}\n      </button>\n      <button type=\"submit\"\n        class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n    </div>\n  </form>\n</ng-container>\n<div *ngIf=\"!data?.host_name && !isLoading\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }], propDecorators: { onSave: [] } });

package/esm2022/lib/components/domain-config/domain-config-list/domain-config-list.component.mjs

@@ -78,10 +78,10 @@ export class DomainConfigListComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DomainConfigListComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: DomainConfigListComponent, selector: "pw-domain-config-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Domain Configs</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.domainConfigDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Domain Config\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.domains\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"host_name\">\n          {{ 'Admin.DomainConfig.HostName' | transloco }}\n          <p-sortIcon field=\"host_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"internal_path\">\n          {{ 'Admin.DomainConfig.InternalPath' | transloco }}\n          <p-sortIcon field=\"internal_path\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_name\">\n          {{ 'Admin.DomainConfig.ShardName' | transloco }}\n          <p-sortIcon field=\"shard_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_url\">\n          {{ 'Admin.DomainConfig.ShardUrl' | transloco }}\n          <p-sortIcon field=\"shard_url\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_name\">\n          {{ 'Admin.DomainConfig.CompanyName' | transloco }}\n          <p-sortIcon field=\"company_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_email\">\n          {{ 'Admin.DomainConfig.CompanyUrl' | transloco }}\n          <p-sortIcon field=\"company_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"social_login_enabled\">\n          {{ 'Admin.DomainConfig.SocialLoginEnabled' | transloco }}\n          <p-sortIcon field=\"social_login_enabled\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"host_name\">{{ item?.host_name }}</td>\n        <td data-head=\"internal_path\">{{ item?.internal_path }}</td>\n        <td data-head=\"shard_name\">{{ item?.shard_name }}</td>\n        <td data-head=\"shard_url\">{{ item?.shard_url }}</td>\n        <td data-head=\"company_name\">{{ item?.company_name }}</td>\n        <td data-head=\"company_email\">{{ item?.company_email }}</td>\n        <td data-head=\"social_login_enabled\">\n          <span [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: item?.social_login_enabled\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.social_login_enabled ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.domainConfigDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i10.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i11.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigListComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DomainConfigListComponent, selector: "pw-domain-config-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Domain Configs</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.domainConfigDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Domain Config\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.domains\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"host_name\">\n          {{ 'Admin.DomainConfig.HostName' | transloco }}\n          <p-sortIcon field=\"host_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"internal_path\">\n          {{ 'Admin.DomainConfig.InternalPath' | transloco }}\n          <p-sortIcon field=\"internal_path\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_name\">\n          {{ 'Admin.DomainConfig.ShardName' | transloco }}\n          <p-sortIcon field=\"shard_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_url\">\n          {{ 'Admin.DomainConfig.ShardUrl' | transloco }}\n          <p-sortIcon field=\"shard_url\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_name\">\n          {{ 'Admin.DomainConfig.CompanyName' | transloco }}\n          <p-sortIcon field=\"company_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_email\">\n          {{ 'Admin.DomainConfig.CompanyUrl' | transloco }}\n          <p-sortIcon field=\"company_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"social_login_enabled\">\n          {{ 'Admin.DomainConfig.SocialLoginEnabled' | transloco }}\n          <p-sortIcon field=\"social_login_enabled\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"host_name\">{{ item?.host_name }}</td>\n        <td data-head=\"internal_path\">{{ item?.internal_path }}</td>\n        <td data-head=\"shard_name\">{{ item?.shard_name }}</td>\n        <td data-head=\"shard_url\">{{ item?.shard_url }}</td>\n        <td data-head=\"company_name\">{{ item?.company_name }}</td>\n        <td data-head=\"company_email\">{{ item?.company_email }}</td>\n        <td data-head=\"social_login_enabled\">\n          <span [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: item?.social_login_enabled\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.social_login_enabled ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.domainConfigDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i10.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i11.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DomainConfigListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-domain-config-list', template: "<div class=\"row\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center text-end my-3\">\n    <h2 class=\"card-title p-0 float-start\">Domain Configs</h2>\n    <button class=\"btn btn-outline-primary btn-sm float-end m-0\"\n      [routerLink]=\"[routers.domainConfigDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Domain Config\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive mt-0\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #tt\n    [value]=\"data.domains\"\n    [paginator]=\"true\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"data.object_count\"\n    [loading]=\"loading\"\n    [lazy]=\"true\"\n    [filterDelay]=\"1000\"\n    (onLazyLoad)=\"onLazyLoad($event)\"\n    [customSort]=\"true\">\n    <!--sort order should be default empty when page load-->\n\n    <!-- Caption Header, Search Bar -->\n    <ng-template pTemplate=\"caption\">\n      <div class=\"text-end\">\n        <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n        <input type=\"text\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search\"\n          [(ngModel)]=\"searchText\"\n          (input)=\"tt.filterGlobal($event.target.value, 'contains')\" />\n      </div>\n    </ng-template>\n\n    <!-- Column Header -->\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"host_name\">\n          {{ 'Admin.DomainConfig.HostName' | transloco }}\n          <p-sortIcon field=\"host_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"internal_path\">\n          {{ 'Admin.DomainConfig.InternalPath' | transloco }}\n          <p-sortIcon field=\"internal_path\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_name\">\n          {{ 'Admin.DomainConfig.ShardName' | transloco }}\n          <p-sortIcon field=\"shard_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"shard_url\">\n          {{ 'Admin.DomainConfig.ShardUrl' | transloco }}\n          <p-sortIcon field=\"shard_url\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_name\">\n          {{ 'Admin.DomainConfig.CompanyName' | transloco }}\n          <p-sortIcon field=\"company_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"company_email\">\n          {{ 'Admin.DomainConfig.CompanyUrl' | transloco }}\n          <p-sortIcon field=\"company_email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"social_login_enabled\">\n          {{ 'Admin.DomainConfig.SocialLoginEnabled' | transloco }}\n          <p-sortIcon field=\"social_login_enabled\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-two\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n\n    <!-- Table Body -->\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"host_name\">{{ item?.host_name }}</td>\n        <td data-head=\"internal_path\">{{ item?.internal_path }}</td>\n        <td data-head=\"shard_name\">{{ item?.shard_name }}</td>\n        <td data-head=\"shard_url\">{{ item?.shard_url }}</td>\n        <td data-head=\"company_name\">{{ item?.company_name }}</td>\n        <td data-head=\"company_email\">{{ item?.company_email }}</td>\n        <td data-head=\"social_login_enabled\">\n          <span [appDynamicBadge]=\"{\n                            itemsArray: [true, false],\n                            item: item?.social_login_enabled\n                        }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.social_login_enabled ? 'Yes' : 'No' }}</span>\n        </td>\n        <td data-head=\"Action\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Edit\"\n              [routerLink]=\"[routers.domainConfigDetails + item?.id]\"\n              class=\"me-2 me-sm-3\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item?.id)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">Total: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.DomainConfig.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/components/domain-config/domain-config-tabs/domain-config-tabs.component.mjs

@@ -12,10 +12,10 @@ export class DomainConfigTabsComponent {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DomainConfigTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: DomainConfigTabsComponent, selector: "domain-config-tabs", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DomainConfigTabsComponent, selector: "domain-config-tabs", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DomainConfigTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DomainConfigTabsComponent, decorators: [{
             type: Component,
             args: [{
                     template: `<pw-tabs [items]="items"></pw-tabs>`,

package/esm2022/lib/components/faqs/faqs-list/faqs-list.component.mjs

@@ -281,10 +281,10 @@ export class FaqListComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FaqListComponent, deps: [{ token: i1.CommonService }, { token: i2.AdminService }, { token: i1.ProductService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: FaqListComponent, selector: "pw-admin-faq-list", viewQueries: [{ propertyName: "editForm", first: true, predicate: ["editForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"row\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-center my-3\"\n    *rbacAllow=\"'Pages.Admin.FAQ.Create'\">\n    <h2 class=\"card-title p-0 float-start\">FAQ</h2>\n    <a href=\"javascript:void(0)\"\n      *ngIf=\"showList\"\n      (click)=\"showList = !showList\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      role=\"button\"\n      aria-expanded=\"false\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Label.AddNew' | transloco }} FAQ\n    </a>\n  </div>\n</div>\n<!-- Add FAQ Section -->\n<div *ngIf=\"!showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <h4 class=\"fw-bold mb-4\">{{ 'Label.AddNew' | transloco }} FAQ</h4>\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\">\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Question' | transloco\"\n            name=\"question\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <input type=\"text\"\n              formControlName=\"question\"\n              class=\"form-control\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['question'].errors }\" />\n          </pw-input-container>\n        </div>\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Answer' | transloco\"\n            name=\"answer\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <quill-editor [styles]=\"{ height: '200px' }\"\n              formControlName=\"answer\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['answer'].errors }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n        <div class=\"row justify-content-between\">\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n              [label]=\"'Admin.Faq.Category' | transloco\"\n              name=\"category\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"categories\"\n                class=\"dropdown-bg-transparent\"\n                (onChange)=\"onChange($event)\"\n                placeholder=\"Select\"\n                formControlName=\"category\"\n                id=\"category-dropdown\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\"\n            *rbacAllow=\"'SubscriptionSuperAdmin'\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n              [label]=\"'Admin.Faq.Product' | transloco\"\n              name=\"product_id\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"productList\"\n                class=\"dropdown-bg-transparent\"\n                formControlName=\"product_id\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <!-- Features keys-->\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n              [label]=\"'Admin.Faq.Features' | transloco\"\n              name=\"feature_keys\">\n              <p-multiSelect [options]=\"featureKeysList\"\n                placeholder=\"Select feature keys\"\n                [showHeader]=\"true\"\n                [showToggleAll]=\"true\"\n                formControlName=\"feature_keys\"\n                appendTo=\"body\"></p-multiSelect>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\">\n            <div class=\"mb-3\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                [label]=\"'Admin.Faq.Position' | transloco\"\n                name=\"position\"\n                [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n                <div class=\"position\">\n                  <input type=\"number\"\n                    min=\"0\"\n                    formControlName=\"position\"\n                    class=\"form-control\" />\n                </div>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Visible' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"visible\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Public' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"public\"></ui-switch>\n          </div>\n\n        </div>\n        <div class=\"row\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch name=\"is_shared_faq\"\n              formControlName=\"is_shared_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_admin_faq\"\n              name=\"is_admin_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_build_faq\"\n              name=\"is_build_faq\"></ui-switch>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 mt-4\">\n            <div class=\"mb-3 text-end\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                data-bs-toggle=\"collapse\"\n                href=\"#faqCollapse\"\n                role=\"button\"\n                aria-expanded=\"false\"\n                aria-controls=\"faqCollapse\"\n                (click)=\"\n                                  form.reset(); showList = !showList; isProductEnabled = true\n                              \">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button class=\"btn btn-primary\"\n                [buttonBusy]=\"buttonBusy\">{{ 'Button.Save' | transloco }}</button>\n            </div>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n<!-- FAQ List/Edit -->\n<div class=\"row faqlist primeng-datatable-container mt-0\"\n  *ngIf=\"showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 px-0\">\n    <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <p-table [value]=\"faqs\"\n      *ngIf=\"isLoaded\"\n      [class.hideTable]=\"totalRecordsUnFilter === 0\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-filter\">\n          <div class=\"col-sm-4\">\n            <p-multiSelect [showToggleAll]=\"true\"\n              [options]=\"featureKeysList\"\n              (onChange)=\"onProductChange($event)\"\n              placeholder=\"Search by Feature keys\"\n              [showHeader]=\"true\"\n              maxSelectedLabels=\"2\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search FAQ...\"\n              (input)=\"filterFaq()\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Faq.Question' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Answer' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Position' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Category' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Visible' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Public' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-faq>\n        <tr>\n          <td data-head=\"Question\">{{ faq.question }}\n\n          </td>\n          <td data-head=\"Answer\">{{(faq.answer|removeHtml)|textTruncate: 200}}\n          </td>\n          <td data-head=\"Position\">{{faq.position}}</td>\n          <td data-head=\"Category\">\n            <span [appDynamicBadge]=\"{ itemsArray: categoryForBadges, item: faq?.category }\"\n              color=\"cyan\"\n              class=\"badge ms-1\">\n              <span [pTooltip]=\"faq?.feature_keys?.join(',')\"\n                tooltipPosition=\"top\">{{ faqHashMap[faq?.category]?.name }}</span>\n            </span>\n            <span class=\"ms-1 badge bg-warning\"\n              *ngIf=\"faq.is_shared_faq || faq.is_admin_faq || faq.is_build_faq\">Super FAQ</span>\n          </td>\n          <td data-head=\"Visible\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.visible }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.visible }}</span>\n          </td>\n          <td data-head=\"Public\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.public }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.public }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-edit edit-icon\"\n                                  (click)=\"onEdit(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-trash delete-icon\"\n                                  (click)=\"onDelete(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"View faq\" *ngIf=\"faq?.visible\">\n                <a [routerLink]=\"['/',slug,'faq',faq.id]\"\n                  target=\"_blank\">\n                  <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n                </a>\n              </li>\n            </ul>\n          </td>\n        </tr>\n        <tr *ngIf=\"faq.isEdit\">\n          <td colspan=\"6\">\n            <form (ngSubmit)=\"onSubmit()\"\n              #editForm=\"ngForm\">\n              <div class=\"mb-3\">\n                <label for=\"name\">{{ 'Admin.Faq.Question' | transloco }}</label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  required\n                  [(ngModel)]=\"currentFaq.question\"\n                  name=\"question\"\n                  #question=\"ngModel\" />\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!question.valid && (question.dirty || question.touched)\">\n                  Please enter a question</small>\n              </div>\n              <div class=\"mb-3\">\n                <label>{{ 'Admin.Faq.Answer' | transloco }}</label>\n                <quill-editor [styles]=\"{ height: '200px' }\"\n                  [(ngModel)]=\"currentFaq.answer\"\n                  name=\"answer\"\n                  required\n                  #answer=\"ngModel\"></quill-editor>\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!answer.valid && (answer.dirty || answer.touched)\">\n                  Please enter an answer</small>\n              </div>\n              <div class=\"row no-gutters justify-content-between\">\n                <div class=\"col-lg-2\">\n                  <label>{{ 'Admin.Faq.Category' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"categories\"\n                    name=\"category\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.category\"\n                    (onChange)=\"onChange($event)\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <div class=\"col-lg-2\"\n                  *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                  <label>{{ 'Admin.Faq.Product' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"productList\"\n                    name=\"product_id\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.product_id\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <!-- feature keys -->\n                <div class=\"col-lg-2\">\n                  <div class=\"mb-3\">\n                    <label for=\"\">{{ 'Admin.Faq.Features' | transloco }}\n                      <span class=\"tooltip-wrap\"\n                        [appendTo]=\"'body'\"\n                        [pTooltip]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n                        tooltipPosition=\"top\">\n                        <i class=\"fas fa-info-circle\"></i>\n                      </span>\n                    </label>\n                    <p-multiSelect [options]=\"featureKeysList\"\n                      [showHeader]=\"true\"\n                      [showToggleAll]=\"true\"\n                      [(ngModel)]=\"currentFaq.feature_keys\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      appendTo=\"body\"></p-multiSelect>\n                  </div>\n                </div>\n                <div class=\"col-lg-2\">\n                  <label for=\"\">{{ 'Admin.Faq.Position' | transloco }}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <input type=\"number\"\n                    name=\"position\"\n                    class=\"form-control\"\n                    required\n                    [(ngModel)]=\"currentFaq.position\" />\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Visible' | transloco}}\n                    <span class=\"tooltip-wrap \"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"visible\"\n                      [checked]=\"currentFaq.visible\"\n                      (valueChange)=\"onValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Public' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"public\"\n                      [checked]=\"currentFaq.public\"\n                      (valueChange)=\"onPublicValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n              </div>\n              <div class=\"row\"\n                *rbacAllow=\"'SuperAdmin'\">\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_shared_faq\"\n                    name=\"is_shared_faq\"\n                    [(ngModel)]=\"currentFaq.is_shared_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_admin_faq\"\n                    name=\"is_admin_faq\"\n                    [(ngModel)]=\"currentFaq.is_admin_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_build_faq\"\n                    name=\"is_build_faq\"\n                    [(ngModel)]=\"currentFaq.is_build_faq\"></ui-switch>\n                </div>\n              </div>\n            </form>\n            <div class=\"text-end\">\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Delete'\">\n                <button class=\"btn btn-outline-danger me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onDelete(faq)\">\n                  Delete\n                </button>\n              </ng-container>\n              <button class=\"btn btn-outline-default me-2\"\n                *ngIf=\"faq.isEdit\"\n                data-bs-toggle=\"collapse\"\n                data-bs-target=\"#collapseEdit\"\n                aria-expanded=\"false\"\n                aria-controls=\"collapseEdit\"\n                (click)=\"faq.isEdit = !faq.isEdit; onCancel()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Edit'\">\n                <button class=\"btn btn-primary me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onEdit(faq)\">\n                  {{ 'Button.Edit' | transloco }}\n                </button>\n                <button class=\"btn btn-primary me-2\"\n                  [buttonBusy]=\"buttonBusy\"\n                  *ngIf=\"faq.isEdit\"\n                  (click)=\"onUpdate(currentFaq)\">\n                  {{ 'Button.Update' | transloco }}\n                </button>\n              </ng-container>\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <pw-no-data [message]=\"'Admin.Faq.NoDataMessage' | transloco\"\n      *ngIf=\"totalRecordsUnFilter === 0\">\n    </pw-no-data>\n    <pw-no-data message=\"No Result\"\n      *ngIf=\"faqs.length === 0\"> </pw-no-data>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.faq-item{background-color:#eee;border:1px dashed rgba(0,0,0,.1);border-radius:3px;margin-top:10px;transition:all .2s ease-in-out}.faq-item h5{padding:0 15px 0 0;position:relative}.faq-item h5 a:before{position:absolute;right:-24px;top:3px}input.warning{border-color:red}@media only screen and (max-width: 1024px){.faq-item h5 a{font-size:16px}.faq-item button.btn{font-size:14px}.panel-collapse .card-block{font-size:14px;margin-bottom:20px;padding:0 8px}}.actions{min-width:80px}@media only screen and (max-width: 768px){.faq-item h5 a{font-size:14px}.faq-item button.btn,.panel-collapse .card-block{font-size:12px}}.tooltip-wrap{vertical-align:top}.custom-dropdown,.custom-multiselect{position:absolute!important;width:inherit!important;z-index:9999!important}.p-dropdown-items-wrapper{max-height:142px}.fa-eye{font-size:15px}\n"], dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]" }, { kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i10.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i10.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i10.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i10.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i11.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i13.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i14.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i14.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i15.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i15.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i15.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i16.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i10.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i17.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i18.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i19.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i19.TextTruncatePipe, name: "textTruncate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: FaqListComponent, deps: [{ token: i1.CommonService }, { token: i2.AdminService }, { token: i1.ProductService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: FaqListComponent, selector: "pw-admin-faq-list", viewQueries: [{ propertyName: "editForm", first: true, predicate: ["editForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"row\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-center my-3\"\n    *rbacAllow=\"'Pages.Admin.FAQ.Create'\">\n    <h2 class=\"card-title p-0 float-start\">FAQ</h2>\n    <a href=\"javascript:void(0)\"\n      *ngIf=\"showList\"\n      (click)=\"showList = !showList\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      role=\"button\"\n      aria-expanded=\"false\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Label.AddNew' | transloco }} FAQ\n    </a>\n  </div>\n</div>\n<!-- Add FAQ Section -->\n<div *ngIf=\"!showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <h4 class=\"fw-bold mb-4\">{{ 'Label.AddNew' | transloco }} FAQ</h4>\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\">\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Question' | transloco\"\n            name=\"question\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <input type=\"text\"\n              formControlName=\"question\"\n              class=\"form-control\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['question'].errors }\" />\n          </pw-input-container>\n        </div>\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Answer' | transloco\"\n            name=\"answer\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <quill-editor [styles]=\"{ height: '200px' }\"\n              formControlName=\"answer\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['answer'].errors }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n        <div class=\"row justify-content-between\">\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n              [label]=\"'Admin.Faq.Category' | transloco\"\n              name=\"category\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"categories\"\n                class=\"dropdown-bg-transparent\"\n                (onChange)=\"onChange($event)\"\n                placeholder=\"Select\"\n                formControlName=\"category\"\n                id=\"category-dropdown\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\"\n            *rbacAllow=\"'SubscriptionSuperAdmin'\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n              [label]=\"'Admin.Faq.Product' | transloco\"\n              name=\"product_id\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"productList\"\n                class=\"dropdown-bg-transparent\"\n                formControlName=\"product_id\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <!-- Features keys-->\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n              [label]=\"'Admin.Faq.Features' | transloco\"\n              name=\"feature_keys\">\n              <p-multiSelect [options]=\"featureKeysList\"\n                placeholder=\"Select feature keys\"\n                [showHeader]=\"true\"\n                [showToggleAll]=\"true\"\n                formControlName=\"feature_keys\"\n                appendTo=\"body\"></p-multiSelect>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\">\n            <div class=\"mb-3\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                [label]=\"'Admin.Faq.Position' | transloco\"\n                name=\"position\"\n                [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n                <div class=\"position\">\n                  <input type=\"number\"\n                    min=\"0\"\n                    formControlName=\"position\"\n                    class=\"form-control\" />\n                </div>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Visible' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"visible\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Public' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"public\"></ui-switch>\n          </div>\n\n        </div>\n        <div class=\"row\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch name=\"is_shared_faq\"\n              formControlName=\"is_shared_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_admin_faq\"\n              name=\"is_admin_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_build_faq\"\n              name=\"is_build_faq\"></ui-switch>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 mt-4\">\n            <div class=\"mb-3 text-end\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                data-bs-toggle=\"collapse\"\n                href=\"#faqCollapse\"\n                role=\"button\"\n                aria-expanded=\"false\"\n                aria-controls=\"faqCollapse\"\n                (click)=\"\n                                  form.reset(); showList = !showList; isProductEnabled = true\n                              \">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button class=\"btn btn-primary\"\n                [buttonBusy]=\"buttonBusy\">{{ 'Button.Save' | transloco }}</button>\n            </div>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n<!-- FAQ List/Edit -->\n<div class=\"row faqlist primeng-datatable-container mt-0\"\n  *ngIf=\"showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 px-0\">\n    <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <p-table [value]=\"faqs\"\n      *ngIf=\"isLoaded\"\n      [class.hideTable]=\"totalRecordsUnFilter === 0\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-filter\">\n          <div class=\"col-sm-4\">\n            <p-multiSelect [showToggleAll]=\"true\"\n              [options]=\"featureKeysList\"\n              (onChange)=\"onProductChange($event)\"\n              placeholder=\"Search by Feature keys\"\n              [showHeader]=\"true\"\n              maxSelectedLabels=\"2\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search FAQ...\"\n              (input)=\"filterFaq()\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Faq.Question' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Answer' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Position' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Category' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Visible' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Public' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-faq>\n        <tr>\n          <td data-head=\"Question\">{{ faq.question }}\n\n          </td>\n          <td data-head=\"Answer\">{{(faq.answer|removeHtml)|textTruncate: 200}}\n          </td>\n          <td data-head=\"Position\">{{faq.position}}</td>\n          <td data-head=\"Category\">\n            <span [appDynamicBadge]=\"{ itemsArray: categoryForBadges, item: faq?.category }\"\n              color=\"cyan\"\n              class=\"badge ms-1\">\n              <span [pTooltip]=\"faq?.feature_keys?.join(',')\"\n                tooltipPosition=\"top\">{{ faqHashMap[faq?.category]?.name }}</span>\n            </span>\n            <span class=\"ms-1 badge bg-warning\"\n              *ngIf=\"faq.is_shared_faq || faq.is_admin_faq || faq.is_build_faq\">Super FAQ</span>\n          </td>\n          <td data-head=\"Visible\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.visible }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.visible }}</span>\n          </td>\n          <td data-head=\"Public\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.public }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.public }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-edit edit-icon\"\n                                  (click)=\"onEdit(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-trash delete-icon\"\n                                  (click)=\"onDelete(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"View faq\" *ngIf=\"faq?.visible\">\n                <a [routerLink]=\"['/',slug,'faq',faq.id]\"\n                  target=\"_blank\">\n                  <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n                </a>\n              </li>\n            </ul>\n          </td>\n        </tr>\n        <tr *ngIf=\"faq.isEdit\">\n          <td colspan=\"6\">\n            <form (ngSubmit)=\"onSubmit()\"\n              #editForm=\"ngForm\">\n              <div class=\"mb-3\">\n                <label for=\"name\">{{ 'Admin.Faq.Question' | transloco }}</label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  required\n                  [(ngModel)]=\"currentFaq.question\"\n                  name=\"question\"\n                  #question=\"ngModel\" />\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!question.valid && (question.dirty || question.touched)\">\n                  Please enter a question</small>\n              </div>\n              <div class=\"mb-3\">\n                <label>{{ 'Admin.Faq.Answer' | transloco }}</label>\n                <quill-editor [styles]=\"{ height: '200px' }\"\n                  [(ngModel)]=\"currentFaq.answer\"\n                  name=\"answer\"\n                  required\n                  #answer=\"ngModel\"></quill-editor>\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!answer.valid && (answer.dirty || answer.touched)\">\n                  Please enter an answer</small>\n              </div>\n              <div class=\"row no-gutters justify-content-between\">\n                <div class=\"col-lg-2\">\n                  <label>{{ 'Admin.Faq.Category' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"categories\"\n                    name=\"category\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.category\"\n                    (onChange)=\"onChange($event)\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <div class=\"col-lg-2\"\n                  *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                  <label>{{ 'Admin.Faq.Product' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"productList\"\n                    name=\"product_id\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.product_id\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <!-- feature keys -->\n                <div class=\"col-lg-2\">\n                  <div class=\"mb-3\">\n                    <label for=\"\">{{ 'Admin.Faq.Features' | transloco }}\n                      <span class=\"tooltip-wrap\"\n                        [appendTo]=\"'body'\"\n                        [pTooltip]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n                        tooltipPosition=\"top\">\n                        <i class=\"fas fa-info-circle\"></i>\n                      </span>\n                    </label>\n                    <p-multiSelect [options]=\"featureKeysList\"\n                      [showHeader]=\"true\"\n                      [showToggleAll]=\"true\"\n                      [(ngModel)]=\"currentFaq.feature_keys\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      appendTo=\"body\"></p-multiSelect>\n                  </div>\n                </div>\n                <div class=\"col-lg-2\">\n                  <label for=\"\">{{ 'Admin.Faq.Position' | transloco }}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <input type=\"number\"\n                    name=\"position\"\n                    class=\"form-control\"\n                    required\n                    [(ngModel)]=\"currentFaq.position\" />\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Visible' | transloco}}\n                    <span class=\"tooltip-wrap \"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"visible\"\n                      [checked]=\"currentFaq.visible\"\n                      (valueChange)=\"onValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Public' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"public\"\n                      [checked]=\"currentFaq.public\"\n                      (valueChange)=\"onPublicValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n              </div>\n              <div class=\"row\"\n                *rbacAllow=\"'SuperAdmin'\">\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_shared_faq\"\n                    name=\"is_shared_faq\"\n                    [(ngModel)]=\"currentFaq.is_shared_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_admin_faq\"\n                    name=\"is_admin_faq\"\n                    [(ngModel)]=\"currentFaq.is_admin_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_build_faq\"\n                    name=\"is_build_faq\"\n                    [(ngModel)]=\"currentFaq.is_build_faq\"></ui-switch>\n                </div>\n              </div>\n            </form>\n            <div class=\"text-end\">\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Delete'\">\n                <button class=\"btn btn-outline-danger me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onDelete(faq)\">\n                  Delete\n                </button>\n              </ng-container>\n              <button class=\"btn btn-outline-default me-2\"\n                *ngIf=\"faq.isEdit\"\n                data-bs-toggle=\"collapse\"\n                data-bs-target=\"#collapseEdit\"\n                aria-expanded=\"false\"\n                aria-controls=\"collapseEdit\"\n                (click)=\"faq.isEdit = !faq.isEdit; onCancel()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Edit'\">\n                <button class=\"btn btn-primary me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onEdit(faq)\">\n                  {{ 'Button.Edit' | transloco }}\n                </button>\n                <button class=\"btn btn-primary me-2\"\n                  [buttonBusy]=\"buttonBusy\"\n                  *ngIf=\"faq.isEdit\"\n                  (click)=\"onUpdate(currentFaq)\">\n                  {{ 'Button.Update' | transloco }}\n                </button>\n              </ng-container>\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <pw-no-data [message]=\"'Admin.Faq.NoDataMessage' | transloco\"\n      *ngIf=\"totalRecordsUnFilter === 0\">\n    </pw-no-data>\n    <pw-no-data message=\"No Result\"\n      *ngIf=\"faqs.length === 0\"> </pw-no-data>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.faq-item{background-color:#eee;border:1px dashed rgba(0,0,0,.1);border-radius:3px;margin-top:10px;transition:all .2s ease-in-out}.faq-item h5{padding:0 15px 0 0;position:relative}.faq-item h5 a:before{position:absolute;right:-24px;top:3px}input.warning{border-color:red}@media only screen and (max-width: 1024px){.faq-item h5 a{font-size:16px}.faq-item button.btn{font-size:14px}.panel-collapse .card-block{font-size:14px;margin-bottom:20px;padding:0 8px}}.actions{min-width:80px}@media only screen and (max-width: 768px){.faq-item h5 a{font-size:14px}.faq-item button.btn,.panel-collapse .card-block{font-size:12px}}.tooltip-wrap{vertical-align:top}.custom-dropdown,.custom-multiselect{position:absolute!important;width:inherit!important;z-index:9999!important}.p-dropdown-items-wrapper{max-height:142px}.fa-eye{font-size:15px}\n"], dependencies: [{ kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i7.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i8.InputText, selector: "[pInputText]" }, { kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i10.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i10.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i10.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i10.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i11.UiSwitchComponent, selector: "ui-switch", inputs: ["size", "color", "switchOffColor", "switchColor", "defaultBgColor", "defaultBoColor", "checkedLabel", "uncheckedLabel", "checkedTextColor", "uncheckedTextColor", "beforeChange", "ariaLabel", "checked", "disabled", "reverse", "loading"], outputs: ["change", "changeEvent", "valueChange"] }, { kind: "directive", type: i12.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i13.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i14.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "component", type: i14.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i15.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i15.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i15.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i16.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i10.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i17.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i18.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i19.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i19.TextTruncatePipe, name: "textTruncate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FaqListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: FaqListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-admin-faq-list', template: "<div class=\"row\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 d-flex flex-wrap justify-content-between align-items-center my-3\"\n    *rbacAllow=\"'Pages.Admin.FAQ.Create'\">\n    <h2 class=\"card-title p-0 float-start\">FAQ</h2>\n    <a href=\"javascript:void(0)\"\n      *ngIf=\"showList\"\n      (click)=\"showList = !showList\"\n      class=\"btn btn-sm btn-outline-primary float-end\"\n      role=\"button\"\n      aria-expanded=\"false\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Label.AddNew' | transloco }} FAQ\n    </a>\n  </div>\n</div>\n<!-- Add FAQ Section -->\n<div *ngIf=\"!showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <h4 class=\"fw-bold mb-4\">{{ 'Label.AddNew' | transloco }} FAQ</h4>\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"onSubmit()\">\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Question' | transloco\"\n            name=\"question\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <input type=\"text\"\n              formControlName=\"question\"\n              class=\"form-control\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['question'].errors }\" />\n          </pw-input-container>\n        </div>\n        <div class=\"row\">\n          <pw-input-container class=\"col-12\"\n            [label]=\"'Admin.Faq.Answer' | transloco\"\n            name=\"answer\"\n            [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n            <quill-editor [styles]=\"{ height: '200px' }\"\n              formControlName=\"answer\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['answer'].errors }\">\n            </quill-editor>\n          </pw-input-container>\n        </div>\n        <div class=\"row justify-content-between\">\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n              [label]=\"'Admin.Faq.Category' | transloco\"\n              name=\"category\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"categories\"\n                class=\"dropdown-bg-transparent\"\n                (onChange)=\"onChange($event)\"\n                placeholder=\"Select\"\n                formControlName=\"category\"\n                id=\"category-dropdown\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\"\n            *rbacAllow=\"'SubscriptionSuperAdmin'\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n              [label]=\"'Admin.Faq.Product' | transloco\"\n              name=\"product_id\"\n              [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n              <p-dropdown [options]=\"productList\"\n                class=\"dropdown-bg-transparent\"\n                formControlName=\"product_id\"\n                [style]=\"{ width: '100%' }\">\n              </p-dropdown>\n            </pw-input-container>\n          </div>\n          <!-- Features keys-->\n          <div class=\"col-lg-2\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n              [label]=\"'Admin.Faq.Features' | transloco\"\n              name=\"feature_keys\">\n              <p-multiSelect [options]=\"featureKeysList\"\n                placeholder=\"Select feature keys\"\n                [showHeader]=\"true\"\n                [showToggleAll]=\"true\"\n                formControlName=\"feature_keys\"\n                appendTo=\"body\"></p-multiSelect>\n            </pw-input-container>\n          </div>\n          <div class=\"col-lg-2\">\n            <div class=\"mb-3\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                [label]=\"'Admin.Faq.Position' | transloco\"\n                name=\"position\"\n                [errorMsg]=\"'Admin.Faq.Validation.FieldRequired' | transloco\">\n                <div class=\"position\">\n                  <input type=\"number\"\n                    min=\"0\"\n                    formControlName=\"position\"\n                    class=\"form-control\" />\n                </div>\n              </pw-input-container>\n            </div>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Visible' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"visible\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label>{{ 'Admin.Faq.Public' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"public\"></ui-switch>\n          </div>\n\n        </div>\n        <div class=\"row\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch name=\"is_shared_faq\"\n              formControlName=\"is_shared_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_admin_faq\"\n              name=\"is_admin_faq\"></ui-switch>\n          </div>\n          <div class=\"col-4 col-lg-2\">\n            <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n              <span class=\"tooltip-wrap\"\n                [appendTo]=\"'body'\"\n                [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                tooltipPosition=\"top\">\n                <i class=\"fas fa-info-circle\"></i>\n              </span>\n            </label><br />\n            <ui-switch formControlName=\"is_build_faq\"\n              name=\"is_build_faq\"></ui-switch>\n          </div>\n        </div>\n        <div class=\"row\">\n          <div class=\"col-12 mt-4\">\n            <div class=\"mb-3 text-end\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                data-bs-toggle=\"collapse\"\n                href=\"#faqCollapse\"\n                role=\"button\"\n                aria-expanded=\"false\"\n                aria-controls=\"faqCollapse\"\n                (click)=\"\n                                  form.reset(); showList = !showList; isProductEnabled = true\n                              \">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button class=\"btn btn-primary\"\n                [buttonBusy]=\"buttonBusy\">{{ 'Button.Save' | transloco }}</button>\n            </div>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n<!-- FAQ List/Edit -->\n<div class=\"row faqlist primeng-datatable-container mt-0\"\n  *ngIf=\"showList\"\n  [class.custom-disable-wrapper]=\"buttonBusy\">\n  <div class=\"col-12 px-0\">\n    <div class=\"w-100 text-center mt-3\"\n      *ngIf=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n    <p-table [value]=\"faqs\"\n      *ngIf=\"isLoaded\"\n      [class.hideTable]=\"totalRecordsUnFilter === 0\">\n      <ng-template pTemplate=\"caption\">\n        <div class=\"search-filter\">\n          <div class=\"col-sm-4\">\n            <p-multiSelect [showToggleAll]=\"true\"\n              [options]=\"featureKeysList\"\n              (onChange)=\"onProductChange($event)\"\n              placeholder=\"Search by Feature keys\"\n              [showHeader]=\"true\"\n              maxSelectedLabels=\"2\"\n              appendTo=\"body\">\n            </p-multiSelect>\n          </div>\n          <div class=\"text-end\">\n            <i class=\"fa fa-search mt-2 me-2\" aria-hidden=\"true\"></i>\n            <input type=\"text\"\n              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search FAQ...\"\n              (input)=\"filterFaq()\"\n              class=\"mw-90\" />\n          </div>\n        </div>\n      </ng-template>\n      <ng-template pTemplate=\"header\">\n        <tr>\n          <th scope=\"true\">{{ 'Admin.Faq.Question' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Answer' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Position' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Category' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Visible' | transloco }}</th>\n          <th scope=\"true\">{{ 'Admin.Faq.Public' | transloco }}</th>\n          <th scope=\"true\"\n            class=\"actions-list-two\">{{ 'Label.Actions' | transloco }}</th>\n        </tr>\n      </ng-template>\n      <ng-template pTemplate=\"body\"\n        let-faq>\n        <tr>\n          <td data-head=\"Question\">{{ faq.question }}\n\n          </td>\n          <td data-head=\"Answer\">{{(faq.answer|removeHtml)|textTruncate: 200}}\n          </td>\n          <td data-head=\"Position\">{{faq.position}}</td>\n          <td data-head=\"Category\">\n            <span [appDynamicBadge]=\"{ itemsArray: categoryForBadges, item: faq?.category }\"\n              color=\"cyan\"\n              class=\"badge ms-1\">\n              <span [pTooltip]=\"faq?.feature_keys?.join(',')\"\n                tooltipPosition=\"top\">{{ faqHashMap[faq?.category]?.name }}</span>\n            </span>\n            <span class=\"ms-1 badge bg-warning\"\n              *ngIf=\"faq.is_shared_faq || faq.is_admin_faq || faq.is_build_faq\">Super FAQ</span>\n          </td>\n          <td data-head=\"Visible\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.visible }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.visible }}</span>\n          </td>\n          <td data-head=\"Public\">\n            <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: faq?.public }\"\n              color=\"success-danger\"\n              class=\"badge\">{{ faq?.public }}</span>\n          </td>\n          <td data-head=\"Action\">\n            <ul class=\"list-unstyled list-inline\">\n              <li ngbTooltip=\"Edit\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-edit edit-icon\"\n                                  (click)=\"onEdit(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"Delete\"\n                class=\"me-2 me-sm-2\">\n                <i\n                                  class=\"fa fa-trash delete-icon\"\n                                  (click)=\"onDelete(faq)\"\n                                  aria-hidden=\"true\"\n                              ></i>\n              </li>\n              <li ngbTooltip=\"View faq\" *ngIf=\"faq?.visible\">\n                <a [routerLink]=\"['/',slug,'faq',faq.id]\"\n                  target=\"_blank\">\n                  <i class=\"fa fa-eye\" aria-hidden=\"true\"></i>\n                </a>\n              </li>\n            </ul>\n          </td>\n        </tr>\n        <tr *ngIf=\"faq.isEdit\">\n          <td colspan=\"6\">\n            <form (ngSubmit)=\"onSubmit()\"\n              #editForm=\"ngForm\">\n              <div class=\"mb-3\">\n                <label for=\"name\">{{ 'Admin.Faq.Question' | transloco }}</label>\n                <input type=\"text\"\n                  class=\"form-control\"\n                  required\n                  [(ngModel)]=\"currentFaq.question\"\n                  name=\"question\"\n                  #question=\"ngModel\" />\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!question.valid && (question.dirty || question.touched)\">\n                  Please enter a question</small>\n              </div>\n              <div class=\"mb-3\">\n                <label>{{ 'Admin.Faq.Answer' | transloco }}</label>\n                <quill-editor [styles]=\"{ height: '200px' }\"\n                  [(ngModel)]=\"currentFaq.answer\"\n                  name=\"answer\"\n                  required\n                  #answer=\"ngModel\"></quill-editor>\n                <small class=\"form-text text-muted danger\"\n                  *ngIf=\"!answer.valid && (answer.dirty || answer.touched)\">\n                  Please enter an answer</small>\n              </div>\n              <div class=\"row no-gutters justify-content-between\">\n                <div class=\"col-lg-2\">\n                  <label>{{ 'Admin.Faq.Category' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Category' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"categories\"\n                    name=\"category\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.category\"\n                    (onChange)=\"onChange($event)\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <div class=\"col-lg-2\"\n                  *rbacAllow=\"'SubscriptionSuperAdmin'\">\n                  <label>{{ 'Admin.Faq.Product' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Product' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <p-dropdown [options]=\"productList\"\n                    name=\"product_id\"\n                    [required]=\"true\"\n                    [(ngModel)]=\"currentFaq.product_id\"\n                    [style]=\"{ width: '100%' }\"\n                    class=\"custom-dropdown\">\n                  </p-dropdown>\n                </div>\n                <!-- feature keys -->\n                <div class=\"col-lg-2\">\n                  <div class=\"mb-3\">\n                    <label for=\"\">{{ 'Admin.Faq.Features' | transloco }}\n                      <span class=\"tooltip-wrap\"\n                        [appendTo]=\"'body'\"\n                        [pTooltip]=\"'Admin.Faq.Tooltip.Features' | transloco\"\n                        tooltipPosition=\"top\">\n                        <i class=\"fas fa-info-circle\"></i>\n                      </span>\n                    </label>\n                    <p-multiSelect [options]=\"featureKeysList\"\n                      [showHeader]=\"true\"\n                      [showToggleAll]=\"true\"\n                      [(ngModel)]=\"currentFaq.feature_keys\"\n                      [ngModelOptions]=\"{ standalone: true }\"\n                      appendTo=\"body\"></p-multiSelect>\n                  </div>\n                </div>\n                <div class=\"col-lg-2\">\n                  <label for=\"\">{{ 'Admin.Faq.Position' | transloco }}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Position' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <input type=\"number\"\n                    name=\"position\"\n                    class=\"form-control\"\n                    required\n                    [(ngModel)]=\"currentFaq.position\" />\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Visible' | transloco}}\n                    <span class=\"tooltip-wrap \"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Visible' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"visible\"\n                      [checked]=\"currentFaq.visible\"\n                      (valueChange)=\"onValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n                <div class=\"col-4 col-lg-1\">\n                  <label>{{ 'Admin.Faq.Public' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.Public' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label>\n                  <div>\n                    <ui-switch class=\"public\"\n                      [checked]=\"currentFaq.public\"\n                      (valueChange)=\"onPublicValueChange(currentFaq, $event)\">\n                    </ui-switch>\n                  </div>\n                </div>\n              </div>\n              <div class=\"row\"\n                *rbacAllow=\"'SuperAdmin'\">\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.SharedFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.SharedFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_shared_faq\"\n                    name=\"is_shared_faq\"\n                    [(ngModel)]=\"currentFaq.is_shared_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.AdminFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.AdminFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_admin_faq\"\n                    name=\"is_admin_faq\"\n                    [(ngModel)]=\"currentFaq.is_admin_faq\"></ui-switch>\n                </div>\n                <div class=\"col-4 col-lg-2\">\n                  <label class=\"text-warning\">{{ 'Admin.Faq.BuildFaq' | transloco}}\n                    <span class=\"tooltip-wrap\"\n                      [appendTo]=\"'body'\"\n                      [pTooltip]=\"'Admin.Faq.Tooltip.BuildFaq' | transloco\"\n                      tooltipPosition=\"top\">\n                      <i class=\"fas fa-info-circle\"></i>\n                    </span>\n                  </label><br />\n                  <ui-switch [checked]=\"currentFaq.is_build_faq\"\n                    name=\"is_build_faq\"\n                    [(ngModel)]=\"currentFaq.is_build_faq\"></ui-switch>\n                </div>\n              </div>\n            </form>\n            <div class=\"text-end\">\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Delete'\">\n                <button class=\"btn btn-outline-danger me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onDelete(faq)\">\n                  Delete\n                </button>\n              </ng-container>\n              <button class=\"btn btn-outline-default me-2\"\n                *ngIf=\"faq.isEdit\"\n                data-bs-toggle=\"collapse\"\n                data-bs-target=\"#collapseEdit\"\n                aria-expanded=\"false\"\n                aria-controls=\"collapseEdit\"\n                (click)=\"faq.isEdit = !faq.isEdit; onCancel()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <ng-container *rbacAllow=\"'Pages.Admin.FAQ.Edit'\">\n                <button class=\"btn btn-primary me-2\"\n                  *ngIf=\"!faq.isEdit\"\n                  (click)=\"onEdit(faq)\">\n                  {{ 'Button.Edit' | transloco }}\n                </button>\n                <button class=\"btn btn-primary me-2\"\n                  [buttonBusy]=\"buttonBusy\"\n                  *ngIf=\"faq.isEdit\"\n                  (click)=\"onUpdate(currentFaq)\">\n                  {{ 'Button.Update' | transloco }}\n                </button>\n              </ng-container>\n            </div>\n          </td>\n        </tr>\n      </ng-template>\n    </p-table>\n    <pw-no-data [message]=\"'Admin.Faq.NoDataMessage' | transloco\"\n      *ngIf=\"totalRecordsUnFilter === 0\">\n    </pw-no-data>\n    <pw-no-data message=\"No Result\"\n      *ngIf=\"faqs.length === 0\"> </pw-no-data>\n  </div>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.faq-item{background-color:#eee;border:1px dashed rgba(0,0,0,.1);border-radius:3px;margin-top:10px;transition:all .2s ease-in-out}.faq-item h5{padding:0 15px 0 0;position:relative}.faq-item h5 a:before{position:absolute;right:-24px;top:3px}input.warning{border-color:red}@media only screen and (max-width: 1024px){.faq-item h5 a{font-size:16px}.faq-item button.btn{font-size:14px}.panel-collapse .card-block{font-size:14px;margin-bottom:20px;padding:0 8px}}.actions{min-width:80px}@media only screen and (max-width: 768px){.faq-item h5 a{font-size:14px}.faq-item button.btn,.panel-collapse .card-block{font-size:12px}}.tooltip-wrap{vertical-align:top}.custom-dropdown,.custom-multiselect{position:absolute!important;width:inherit!important;z-index:9999!important}.p-dropdown-items-wrapper{max-height:142px}.fa-eye{font-size:15px}\n"] }]
         }], ctorParameters: () => [{ type: i1.CommonService }, { type: i2.AdminService }, { type: i1.ProductService }, { type: i0.Injector }], propDecorators: { editForm: [{

package/esm2022/lib/components/faqs/faqs-tabs/faqs-tabs.component.mjs

@@ -12,10 +12,10 @@ export class FaqTabsComponent {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FaqTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: FaqTabsComponent, selector: "faq-tabs", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: FaqTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: FaqTabsComponent, selector: "faq-tabs", ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FaqTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: FaqTabsComponent, decorators: [{
             type: Component,
             args: [{
                     template: `<pw-tabs [items]="items"></pw-tabs>`,

package/esm2022/lib/components/feedback-questions/feedback-questions-details/feedback-questions-details.component.mjs

@@ -64,8 +64,8 @@ export class FeedbackQuestionsDetailsComponent extends AppBaseComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FeedbackQuestionsDetailsComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i2.ProductService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: FeedbackQuestionsDetailsComponent, selector: "pw-feedback-questions-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{ data?.question ? 'Edit' : 'Add New' }} feedback question for product\n            {{ productData?.name }}\n          </span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-12\">\n              <pw-input-container [label]=\"'Admin.FeedbackQuestions.Question' | transloco\"\n                name=\"question\"\n                errorMsg=\"question is required\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"question\"\n                  id=\"question\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: FeedbackQuestionsDetailsComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i2.ProductService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: FeedbackQuestionsDetailsComponent, selector: "pw-feedback-questions-details", usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{ data?.question ? 'Edit' : 'Add New' }} feedback question for product\n            {{ productData?.name }}\n          </span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-12\">\n              <pw-input-container [label]=\"'Admin.FeedbackQuestions.Question' | transloco\"\n                name=\"question\"\n                errorMsg=\"question is required\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"question\"\n                  id=\"question\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i5.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -73,7 +73,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], FeedbackQuestionsDetailsComponent.prototype, "onSave", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: FeedbackQuestionsDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: FeedbackQuestionsDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-feedback-questions-details', template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          (click)=\"back()\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          <span>{{ data?.question ? 'Edit' : 'Add New' }} feedback question for product\n            {{ productData?.name }}\n          </span>\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <div class=\"col-12 col-sm-12\">\n              <pw-input-container [label]=\"'Admin.FeedbackQuestions.Question' | transloco\"\n                name=\"question\"\n                errorMsg=\"question is required\">\n                <input type=\"text\"\n                  class=\"form-control\"\n                  formControlName=\"question\"\n                  id=\"question\" />\n              </pw-input-container>\n            </div>\n            <div class=\"col-12 text-end mt-3\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\">\n                {{ 'Button.Submit' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }, { type: i2.ProductService }], propDecorators: { onSave: [] } });