@posiwise/smart-crm 0.0.49 → 0.0.51

package/esm2022/lib/private/components/smart-crm-configuration/smart-crm-opportunity-categories/smart-crm-opportunity-categories-details/smart-crm-opportunity-categories-details.component.mjs

@@ -10,9 +10,9 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "ngx-ui-switch";
 import * as i5 from "@posiwise/directives";
-import * as i6 from "primeng/progressspinner";
-import * as i7 from "@posiwise/shared-components";
-import * as i8 from "primeng/dropdown";
+import * as i6 from "primeng/dropdown";
+import * as i7 from "primeng/progressspinner";
+import * as i8 from "@posiwise/shared-components";
 import * as i9 from "@jsverse/transloco";
 export class SmartCrmOpportunityCategoriesDetailsComponent extends AppBaseComponent {
     constructor(injector, crmService) {
@@ -73,7 +73,7 @@ export class SmartCrmOpportunityCategoriesDetailsComponent extends AppBaseCompon
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmOpportunityCategoriesDetailsComponent, deps: [{ token: i0.Injector }, { token: i1.CrmService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmOpportunityCategoriesDetailsComponent, selector: "pw-smart-crm-opportunity-categories-details", usesInheritance: true, ngImport: i0, template: "<div class=\"col-12 d-flex ps-0\">\n  <a aria-label=\"Navigate to Target\"\n    (click)=\"back()\"\n    class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n  <div class=\"me-auto col-xs-6\">\n    <h3 class=\"m-subheader__title m-subheader__title--separator\">\n      <span>{{ 'Crm.CategoriesMessages.Category' | transloco }}:\n        {{ isLoading ? '' : (data?.name || ('Label.AddNew' | transloco)) }}</span>\n    </h3>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n<div class=\"container-fluid pw-tab\">\n  <div class=\"p-2 mt-3\">\n    <form [formGroup]=\"form\"\n    *ngIf=\"!isLoading\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row mb-3\">\n        <div class=\"col-12 col-sm-4\">\n          <pw-input-container [label]=\"'Crm.CategoriesMessages.Name' | transloco\"\n            name=\"name\"\n            [errorMsg]=\"'Crm.CategoriesMessages.NameRequired' | transloco\">\n            <input type=\"text\"\n              class=\"form-control\"\n              formControlName=\"name\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n          </pw-input-container>\n        </div>\n        <div class=\"col-12 col-sm-4\">\n          <pw-input-container [showTooltip]=\"true\"\n            [tooltipText]=\"\n                            'Crm.CategoriesMessages.Tooltip.PreviousCategory' | transloco\n                        \"\n            [label]=\"'Crm.CategoriesMessages.PreviousCategory' | transloco\"\n            name=\"previous_category_id\"\n            [errorMsg]=\"'Crm.CategoriesMessages.PreviousCategoryRequired' | transloco\"\n            *ngIf=\"categories$ | async as categories\">\n            <p-dropdown\n              [options]=\"categories['crm_opportunity_categories']\"\n              formControlName=\"previous_category_id\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['previous_category_id'].errors }\"\n              [placeholder]=\"'Select Previous Category'\"\n              optionValue=\"id\"\n              optionLabel=\"name\">\n            </p-dropdown>\n          </pw-input-container>\n        </div>\n        <div class=\"col col-md-2\">\n          <div class=\"mb-3\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Crm.CategoriesMessages.Tooltip.Visible' | transloco\"\n              [label]=\"'Crm.CategoriesMessages.Visible' | transloco\"\n              name=\"is_visible\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"is_visible\"\n                name=\"is_visible\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"col col-md-2\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <div class=\"mb-3\">\n            <pw-input-container [showTooltip]=\"true\"\n              [label]=\"'Crm.CategoriesMessages.Default' | transloco\"\n              [tooltipText]=\"'Crm.CategoriesMessages.Tooltip.Default' | transloco\"\n              name=\"is_default\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"is_default\"\n                name=\"is_default\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\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            [buttonBusy]=\"buttonBusy\"\n            class=\"btn btn-primary\">\n            {{ 'Button.Submit' | transloco }}\n          </button>\n        </div>\n      </div>\n    </form>\n  </div>\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.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: i5.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i5.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { 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: "component", type: i6.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i7.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "component", type: i8.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "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: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmOpportunityCategoriesDetailsComponent, selector: "pw-smart-crm-opportunity-categories-details", usesInheritance: true, ngImport: i0, template: "<div class=\"col-12 d-flex ps-0\">\n  <a aria-label=\"Navigate to Target\"\n    (click)=\"back()\"\n    class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n  <div class=\"me-auto col-xs-6\">\n    <h3 class=\"m-subheader__title m-subheader__title--separator\">\n      <span>{{ 'Crm.CategoriesMessages.Category' | transloco }}:\n        {{ isLoading ? '' : (data?.name || ('Label.AddNew' | transloco)) }}</span>\n    </h3>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n<div class=\"container-fluid pw-tab\">\n  <div class=\"p-2 mt-3\">\n    <form [formGroup]=\"form\"\n    *ngIf=\"!isLoading\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row mb-3\">\n        <div class=\"col-12 col-sm-4\">\n          <pw-input-container [label]=\"'Crm.CategoriesMessages.Name' | transloco\"\n            name=\"name\"\n            [errorMsg]=\"'Crm.CategoriesMessages.NameRequired' | transloco\">\n            <input type=\"text\"\n              class=\"form-control\"\n              formControlName=\"name\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n          </pw-input-container>\n        </div>\n        <div class=\"col-12 col-sm-4\">\n          <pw-input-container [showTooltip]=\"true\"\n            [tooltipText]=\"\n                            'Crm.CategoriesMessages.Tooltip.PreviousCategory' | transloco\n                        \"\n            [label]=\"'Crm.CategoriesMessages.PreviousCategory' | transloco\"\n            name=\"previous_category_id\"\n            [errorMsg]=\"'Crm.CategoriesMessages.PreviousCategoryRequired' | transloco\"\n            *ngIf=\"categories$ | async as categories\">\n            <p-dropdown\n              [options]=\"categories['crm_opportunity_categories']\"\n              formControlName=\"previous_category_id\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['previous_category_id'].errors }\"\n              [placeholder]=\"'Select Previous Category'\"\n              optionValue=\"id\"\n              optionLabel=\"name\">\n            </p-dropdown>\n          </pw-input-container>\n        </div>\n        <div class=\"col col-md-2\">\n          <div class=\"mb-3\">\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Crm.CategoriesMessages.Tooltip.Visible' | transloco\"\n              [label]=\"'Crm.CategoriesMessages.Visible' | transloco\"\n              name=\"is_visible\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"is_visible\"\n                name=\"is_visible\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\n        </div>\n        <div class=\"col col-md-2\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <div class=\"mb-3\">\n            <pw-input-container [showTooltip]=\"true\"\n              [label]=\"'Crm.CategoriesMessages.Default' | transloco\"\n              [tooltipText]=\"'Crm.CategoriesMessages.Tooltip.Default' | transloco\"\n              name=\"is_default\">\n              <ui-switch class=\"d-block\"\n                formControlName=\"is_default\"\n                name=\"is_default\">\n              </ui-switch>\n            </pw-input-container>\n          </div>\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            [buttonBusy]=\"buttonBusy\"\n            class=\"btn btn-primary\">\n            {{ 'Button.Submit' | transloco }}\n          </button>\n        </div>\n      </div>\n    </form>\n  </div>\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.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: i5.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i5.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { 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: "component", type: i6.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "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.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i8.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),

package/esm2022/lib/private/components/smart-crm-configuration/smart-crm-opportunity-categories/smart-crm-opportunity-categories.component.mjs

@@ -12,9 +12,9 @@ import * as i4 from "primeng/inputtext";
 import * as i5 from "@ng-bootstrap/ng-bootstrap";
 import * as i6 from "@posiwise/directives";
 import * as i7 from "@angular/router";
-import * as i8 from "primeng/api";
-import * as i9 from "primeng/progressspinner";
-import * as i10 from "primeng/table";
+import * as i8 from "primeng/table";
+import * as i9 from "primeng/api";
+import * as i10 from "primeng/progressspinner";
 import * as i11 from "@posiwise/shared-components";
 import * as i12 from "@jsverse/transloco";
 export class SmartCrmOpportunityCategoriesComponent extends AppBaseComponent {
@@ -111,7 +111,7 @@ export class SmartCrmOpportunityCategoriesComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmOpportunityCategoriesComponent, deps: [{ token: i0.Injector }, { token: i1.CrmService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmOpportunityCategoriesComponent, selector: "pw-smart-crm-opportunity-categories", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12\">\n    <p>{{ 'Crm.Categories.Config.Description' | transloco }}</p>\n    <div class=\"col-12\" *ngIf=\"data.object_count === 0 && data.unfiltered_count === 0 && isLoaded\">\n      <a class=\"btn btn-sm btn-outline-primary float-end build-category-button\"\n        data-cy=\"add-category\"\n          (click)=\"buildCategories()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n        {{ 'Crm.CategoriesMessages.BuildCategory' | transloco }}\n      </a>\n    </div>\n    <div class=\"col-12\">\n        <a class=\"btn btn-sm btn-outline-primary float-end mr-2\"\n          data-cy=\"add-category\"\n          [routerLink]=\"['/' + subscription?.slug + routers.categoryDetails + 'add']\">\n          <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n          {{ 'Crm.CategoriesMessages.AddCategory' | transloco }}\n        </a>\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=\"col-12\">\n    <div class=\"primeng-datatable-container table-responsive\"\n      [class.hideTable]=\"data.unfiltered_count === 0\">\n      <p-table #dt\n        [value]=\"data.crm_opportunity_categories\"\n        [paginator]=\"data.object_count !== 0\"\n        [lazy]=\"true\"\n        [rows]=\"PAGE_SIZE\"\n        [totalRecords]=\"data.object_count\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [customSort]=\"true\">\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              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search stages...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"true\"\n              pSortableColumn=\"name\">\n              {{ 'Crm.CategoriesMessages.Name' | transloco }}\n              <p-sortIcon field=\"name\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"previous_category_id\">\n              {{ 'Crm.CategoriesMessages.PreviousCategory' | transloco }}\n              <p-sortIcon field=\"previous_category_id\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"is_visible\">\n              {{ 'Crm.CategoriesMessages.Visible' | transloco }}\n              <p-sortIcon field=\"is_visible\"></p-sortIcon>\n            </th>\n            <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\"\n          let-stage>\n          <tr>\n            <td data-head=\"Name\">{{ stage?.name }}</td>\n            <td data-head=\"Previous Stage\">\n              <span class=\"badge\"\n                [appDynamicBadge]=\"{\n                                    itemsArray: categoryNames,\n                                    item: stage?.previous_category?.name\n                                }\"\n                color=\"blue-grey\">{{ stage?.previous_category?.name }}</span>\n            </td>\n            <td data-head=\"Visible\">\n              <span [appDynamicBadge]=\"{\n                                    itemsArray: [true, false],\n                                    item: stage?.is_visible\n                                }\"\n                color=\"success-danger\"\n                class=\"badge\">{{ stage?.is_visible }}</span>\n            </td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <ng-container *ngIf=\"hasAccess\">\n                  <li ngbTooltip=\"Edit\"\n                    class=\"me-2 me-sm-3\"\n                    [routerLink]=\"[\n                                            '/' + subscription?.slug + routers.categoryDetails,\n                                            stage.id\n                                        ]\">\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                    <i\n                                            class=\"fa fa-trash delete-icon\"\n                                            (keydown.enter)=\"onDelete(stage.id)\"\n                                            (keydown.space)=\"onDelete(stage.id)\"\n                                            (click)=\"onDelete(stage.id)\"\n                                            aria-hidden=\"true\"\n                                        ></i>\n                  </li>\n                </ng-container>\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 [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n      </div>\n      <span class=\"total-records-count\" *ngIf=\"data.object_count !== 0\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Crm.CategoriesMessages.NoCategoriesMessage' | transloco\"> </pw-no-data>\n</div>\n", styles: [".build-category-button{margin-left:7px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.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: i6.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i10.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: i10.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i10.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i11.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmOpportunityCategoriesComponent, selector: "pw-smart-crm-opportunity-categories", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12\">\n    <p>{{ 'Crm.Categories.Config.Description' | transloco }}</p>\n    <div class=\"col-12\" *ngIf=\"data.object_count === 0 && data.unfiltered_count === 0 && isLoaded\">\n      <a class=\"btn btn-sm btn-outline-primary float-end build-category-button\"\n        data-cy=\"add-category\"\n          (click)=\"buildCategories()\">\n        <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n        {{ 'Crm.CategoriesMessages.BuildCategory' | transloco }}\n      </a>\n    </div>\n    <div class=\"col-12\">\n        <a class=\"btn btn-sm btn-outline-primary float-end mr-2\"\n          data-cy=\"add-category\"\n          [routerLink]=\"['/' + subscription?.slug + routers.categoryDetails + 'add']\">\n          <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n          {{ 'Crm.CategoriesMessages.AddCategory' | transloco }}\n        </a>\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=\"col-12\">\n    <div class=\"primeng-datatable-container table-responsive\"\n      [class.hideTable]=\"data.unfiltered_count === 0\">\n      <p-table #dt\n        [value]=\"data.crm_opportunity_categories\"\n        [paginator]=\"data.object_count !== 0\"\n        [lazy]=\"true\"\n        [rows]=\"PAGE_SIZE\"\n        [totalRecords]=\"data.object_count\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [customSort]=\"true\">\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              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search stages...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"true\"\n              pSortableColumn=\"name\">\n              {{ 'Crm.CategoriesMessages.Name' | transloco }}\n              <p-sortIcon field=\"name\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"previous_category_id\">\n              {{ 'Crm.CategoriesMessages.PreviousCategory' | transloco }}\n              <p-sortIcon field=\"previous_category_id\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"is_visible\">\n              {{ 'Crm.CategoriesMessages.Visible' | transloco }}\n              <p-sortIcon field=\"is_visible\"></p-sortIcon>\n            </th>\n            <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\"\n          let-stage>\n          <tr>\n            <td data-head=\"Name\">{{ stage?.name }}</td>\n            <td data-head=\"Previous Stage\">\n              <span class=\"badge\"\n                [appDynamicBadge]=\"{\n                                    itemsArray: categoryNames,\n                                    item: stage?.previous_category?.name\n                                }\"\n                color=\"blue-grey\">{{ stage?.previous_category?.name }}</span>\n            </td>\n            <td data-head=\"Visible\">\n              <span [appDynamicBadge]=\"{\n                                    itemsArray: [true, false],\n                                    item: stage?.is_visible\n                                }\"\n                color=\"success-danger\"\n                class=\"badge\">{{ stage?.is_visible }}</span>\n            </td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <ng-container *ngIf=\"hasAccess\">\n                  <li ngbTooltip=\"Edit\"\n                    class=\"me-2 me-sm-3\"\n                    [routerLink]=\"[\n                                            '/' + subscription?.slug + routers.categoryDetails,\n                                            stage.id\n                                        ]\">\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                    <i\n                                            class=\"fa fa-trash delete-icon\"\n                                            (keydown.enter)=\"onDelete(stage.id)\"\n                                            (keydown.space)=\"onDelete(stage.id)\"\n                                            (click)=\"onDelete(stage.id)\"\n                                            aria-hidden=\"true\"\n                                        ></i>\n                  </li>\n                </ng-container>\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 [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n      </div>\n      <span class=\"total-records-count\" *ngIf=\"data.object_count !== 0\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Crm.CategoriesMessages.NoCategoriesMessage' | transloco\"> </pw-no-data>\n</div>\n", styles: [".build-category-button{margin-left:7px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.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: i6.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.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: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i8.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i8.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i10.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i11.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmOpportunityCategoriesComponent, decorators: [{
             type: Component,

package/esm2022/lib/private/components/smart-crm-configuration/smart-crm-source/smart-crm-source.component.mjs

@@ -11,9 +11,9 @@ import * as i3 from "@angular/forms";
 import * as i4 from "primeng/inputtext";
 import * as i5 from "@ng-bootstrap/ng-bootstrap";
 import * as i6 from "@angular/router";
-import * as i7 from "primeng/api";
-import * as i8 from "primeng/progressspinner";
-import * as i9 from "primeng/table";
+import * as i7 from "primeng/table";
+import * as i8 from "primeng/api";
+import * as i9 from "primeng/progressspinner";
 import * as i10 from "@posiwise/shared-components";
 import * as i11 from "@jsverse/transloco";
 export class SmartCrmCompanySourceComponent extends AppBaseComponent {
@@ -98,7 +98,7 @@ export class SmartCrmCompanySourceComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmCompanySourceComponent, deps: [{ token: i0.Injector }, { token: i1.CrmService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmCompanySourceComponent, selector: "pw-smart-crm-source", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <p>{{ 'Crm.Sources.Config.Description' | transloco }}</p>\n    <a class=\"btn btn-sm btn-outline-primary float-end build-action-button\"\n      *ngIf=\"data.object_count === 0 && data.unfiltered_count === 0 && isLoaded\"\n      data-cy=\"build-contact\"\n      (click)=\"buildAccountSource()\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Crm.AccountSourceMessage.BuildAccountSource' | transloco }}\n    </a>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-contact\"\n      [routerLink]=\"['/' + subscription?.slug + routers.sourceDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Crm.AccountSourceMessage.AddAccountSource' | transloco }}\n    </a>\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=\"col-12\">\n    <div class=\"primeng-datatable-container table-responsive\"\n      [class.hideTable]=\"data.unfiltered_count === 0\">\n      <p-table #dt\n        [value]=\"data.crm_sources\"\n        [paginator]=\"data.object_count !== 0\"\n        [lazy]=\"true\"\n        [rows]=\"PAGE_SIZE\"\n        [totalRecords]=\"data.object_count\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [customSort]=\"true\">\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              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search source...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"true\"\n              pSortableColumn=\"name\">\n              {{ 'Crm.AccountSourceMessage.Name' | transloco }}\n              <p-sortIcon field=\"name\"></p-sortIcon>\n            </th>\n            <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\"\n          let-source>\n          <tr>\n            <td data-head=\"Name\">{{ source.name }}</td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <ng-container *ngIf=\"hasAccess\">\n                  <li ngbTooltip=\"Edit\"\n                    class=\"me-2 me-sm-3\"\n                    [routerLink]=\"[\n                                            '/' + subscription?.slug + routers.sourceDetails,\n                                            source.id\n                                        ]\">\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                    <i\n                                            class=\"fa fa-trash delete-icon\"\n                                            (keydown.enter)=\"onDelete(source.id)\"\n                                            (keydown.space)=\"onDelete(source.id)\"\n                                            (click)=\"onDelete(source.id)\"\n                                            aria-hidden=\"true\"\n                                        ></i>\n                  </li>\n                </ng-container>\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 [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n      </div>\n      <span class=\"total-records-count\" *ngIf=\"data.object_count !== 0\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Crm.AccountSourceMessage.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", styles: [".build-action-button{margin-left:7px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.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: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.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: i9.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i9.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i10.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i11.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmCompanySourceComponent, selector: "pw-smart-crm-source", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <p>{{ 'Crm.Sources.Config.Description' | transloco }}</p>\n    <a class=\"btn btn-sm btn-outline-primary float-end build-action-button\"\n      *ngIf=\"data.object_count === 0 && data.unfiltered_count === 0 && isLoaded\"\n      data-cy=\"build-contact\"\n      (click)=\"buildAccountSource()\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Crm.AccountSourceMessage.BuildAccountSource' | transloco }}\n    </a>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-contact\"\n      [routerLink]=\"['/' + subscription?.slug + routers.sourceDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Crm.AccountSourceMessage.AddAccountSource' | transloco }}\n    </a>\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=\"col-12\">\n    <div class=\"primeng-datatable-container table-responsive\"\n      [class.hideTable]=\"data.unfiltered_count === 0\">\n      <p-table #dt\n        [value]=\"data.crm_sources\"\n        [paginator]=\"data.object_count !== 0\"\n        [lazy]=\"true\"\n        [rows]=\"PAGE_SIZE\"\n        [totalRecords]=\"data.object_count\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [customSort]=\"true\">\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              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search source...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"true\"\n              pSortableColumn=\"name\">\n              {{ 'Crm.AccountSourceMessage.Name' | transloco }}\n              <p-sortIcon field=\"name\"></p-sortIcon>\n            </th>\n            <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\"\n          let-source>\n          <tr>\n            <td data-head=\"Name\">{{ source.name }}</td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <ng-container *ngIf=\"hasAccess\">\n                  <li ngbTooltip=\"Edit\"\n                    class=\"me-2 me-sm-3\"\n                    [routerLink]=\"[\n                                            '/' + subscription?.slug + routers.sourceDetails,\n                                            source.id\n                                        ]\">\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                    <i\n                                            class=\"fa fa-trash delete-icon\"\n                                            (keydown.enter)=\"onDelete(source.id)\"\n                                            (keydown.space)=\"onDelete(source.id)\"\n                                            (click)=\"onDelete(source.id)\"\n                                            aria-hidden=\"true\"\n                                        ></i>\n                  </li>\n                </ng-container>\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 [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n      </div>\n      <span class=\"total-records-count\" *ngIf=\"data.object_count !== 0\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Crm.AccountSourceMessage.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", styles: [".build-action-button{margin-left:7px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.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: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i7.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: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i7.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i7.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i10.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i11.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmCompanySourceComponent, decorators: [{
             type: Component,

package/esm2022/lib/private/components/smart-crm-configuration/smart-crm-stages/smart-crm-stage-details/smart-crm-stage-details.component.mjs

@@ -8,10 +8,10 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "ngx-ui-switch";
 import * as i5 from "@posiwise/directives";
-import * as i6 from "primeng/multiselect";
-import * as i7 from "primeng/progressspinner";
-import * as i8 from "@posiwise/shared-components";
-import * as i9 from "primeng/dropdown";
+import * as i6 from "primeng/dropdown";
+import * as i7 from "primeng/multiselect";
+import * as i8 from "primeng/progressspinner";
+import * as i9 from "@posiwise/shared-components";
 import * as i10 from "@jsverse/transloco";
 export class SmartCrmStageDetailsComponent extends AppBaseComponent {
     constructor(injector, crmService) {
@@ -88,7 +88,7 @@ export class SmartCrmStageDetailsComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmStageDetailsComponent, deps: [{ token: i0.Injector }, { token: i1.CrmService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmStageDetailsComponent, selector: "pw-smart-crm-stage-details", usesInheritance: true, ngImport: i0, template: "<div class=\"col-12 d-flex ps-0\">\n  <a aria-label=\"Navigate to Target\"\n    (click)=\"back()\"\n    class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n  <div class=\"me-auto col-xs-6\">\n    <h3 class=\"m-subheader__title m-subheader__title--separator\">\n      <span>{{ 'Crm.StageMessages.Stage' | transloco }}:\n        {{ isLoading ? '' : (data?.name || ('Label.AddNew' | transloco)) }}</span>\n    </h3>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n<div class=\"container-fluid pw-tab\">\n  <div class=\"p-2 mt-3\">\n    <form [formGroup]=\"form\"\n      *ngIf=\"!isLoading\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row mb-3\">\n        <div class=\"col-12 col-sm-4 col-md-3\">\n          <pw-input-container [label]=\"'Crm.StageMessages.Name' | transloco\"\n            name=\"name\"\n            [errorMsg]=\"'Crm.StageMessages.NameRequired' | transloco\">\n            <input type=\"text\"\n              class=\"form-control\"\n              formControlName=\"name\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n          </pw-input-container>\n        </div>\n         <div class=\"col-12 col-sm-4 col-md-3\">\n            <pw-input-container [label]=\"'Crm.StageMessages.ColorCode' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Crm.StageMessages.Tooltip.ColorCode' | transloco\"\n              name=\"color_code\">\n              <input type=\"color\"\n                class=\"form-control color-code-stage account-color-code\"\n                formControlName=\"color_code\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['color_code'].errors }\" />\n            </pw-input-container>\n        </div>\n        <div class=\"col-12 col-sm-4 col-md-3\">\n          <pw-input-container [showTooltip]=\"true\"\n            [tooltipText]=\"'Crm.StageMessages.Tooltip.PreviousStage' | transloco\"\n            [label]=\"'Crm.StageMessages.PreviousStage' | transloco\"\n            name=\"previous_stage_id\"\n            [errorMsg]=\"'Crm.StageMessages.PreviousStageRequired' | transloco\"\n            *ngIf=\"stages$ | async as stages\">\n            <p-dropdown\n              [options]=\"stages['crm_opportunity_stages']\"\n              formControlName=\"previous_stage_id\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['previous_stage_id'].errors }\"\n              [placeholder]=\"'Select Previous Stage'\"\n              optionValue=\"id\"\n              optionLabel=\"name\">\n            </p-dropdown>\n          </pw-input-container>\n        </div>\n        <div class=\"col-12 col-sm-4 col-md-3\" *ngIf=\"categories.length > 0\">\n          <pw-input-container [showTooltip]=\"true\"\n            [tooltipText]=\"'Crm.StageMessages.Tooltip.OpportunityCategory' | transloco\"\n            [label]=\"'Crm.StageMessages.OpportunityCategory' | transloco\"\n            name=\"crm_opportunity_category_ids\"\n            errorMsg=\"category is required\">\n            <p-multiSelect [options]=\"categories\"\n              formControlName=\"crm_opportunity_category_ids\"\n              appendTo=\"body\"></p-multiSelect>\n          </pw-input-container>\n        </div>\n        <div class=\"col-12 col-sm-2 col-md-1\">\n          <div class=\"mb-3\">\n            <label class=\"info-circle mb-2 left-info-circle\" for=\"Visible\">{{ 'Crm.StageMessages.Visible' | transloco\n                            }}<span class=\"tooltiptext gradient-custom-branding left-field-tooltip\">{{\n                                'Crm.StageMessages.Tooltip.Visible' | transloco\n                            }}</span></label><br />\n            <ui-switch formControlName=\"visible\"\n              name=\"visible\"></ui-switch>\n          </div>\n        </div>\n        <div class=\"col-12 col-sm-2 col-md-1\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <div class=\"mb-3\">\n            <label class=\"info-circle mb-2\" for=\"Default\">{{ 'Crm.StageMessages.Default' | transloco\n                            }}<span class=\"tooltiptext gradient-custom-branding\">{{\n                                'Crm.StageMessages.Tooltip.Default' | transloco\n                            }}</span></label><br />\n            <ui-switch formControlName=\"is_default\"\n              name=\"is_default\"> </ui-switch>\n          </div>\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            [buttonBusy]=\"buttonBusy\"\n            class=\"btn btn-primary\">\n            {{ 'Button.Submit' | transloco }}\n          </button>\n        </div>\n      </div>\n    </form>\n  </div>\n</div>\n", styles: [".account-color-code{height:31.5px}\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.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: i5.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i5.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { 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: "component", type: i6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "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: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i8.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "component", type: i9.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "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: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmStageDetailsComponent, selector: "pw-smart-crm-stage-details", usesInheritance: true, ngImport: i0, template: "<div class=\"col-12 d-flex ps-0\">\n  <a aria-label=\"Navigate to Target\"\n    (click)=\"back()\"\n    class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n  <div class=\"me-auto col-xs-6\">\n    <h3 class=\"m-subheader__title m-subheader__title--separator\">\n      <span>{{ 'Crm.StageMessages.Stage' | transloco }}:\n        {{ isLoading ? '' : (data?.name || ('Label.AddNew' | transloco)) }}</span>\n    </h3>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n<div class=\"container-fluid pw-tab\">\n  <div class=\"p-2 mt-3\">\n    <form [formGroup]=\"form\"\n      *ngIf=\"!isLoading\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row mb-3\">\n        <div class=\"col-12 col-sm-4 col-md-3\">\n          <pw-input-container [label]=\"'Crm.StageMessages.Name' | transloco\"\n            name=\"name\"\n            [errorMsg]=\"'Crm.StageMessages.NameRequired' | transloco\">\n            <input type=\"text\"\n              class=\"form-control\"\n              formControlName=\"name\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\" />\n          </pw-input-container>\n        </div>\n         <div class=\"col-12 col-sm-4 col-md-3\">\n            <pw-input-container [label]=\"'Crm.StageMessages.ColorCode' | transloco\"\n              [showTooltip]=\"true\"\n              [tooltipText]=\"'Crm.StageMessages.Tooltip.ColorCode' | transloco\"\n              name=\"color_code\">\n              <input type=\"color\"\n                class=\"form-control color-code-stage account-color-code\"\n                formControlName=\"color_code\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['color_code'].errors }\" />\n            </pw-input-container>\n        </div>\n        <div class=\"col-12 col-sm-4 col-md-3\">\n          <pw-input-container [showTooltip]=\"true\"\n            [tooltipText]=\"'Crm.StageMessages.Tooltip.PreviousStage' | transloco\"\n            [label]=\"'Crm.StageMessages.PreviousStage' | transloco\"\n            name=\"previous_stage_id\"\n            [errorMsg]=\"'Crm.StageMessages.PreviousStageRequired' | transloco\"\n            *ngIf=\"stages$ | async as stages\">\n            <p-dropdown\n              [options]=\"stages['crm_opportunity_stages']\"\n              formControlName=\"previous_stage_id\"\n              [ngClass]=\"{ 'is-invalid': submitted && f['previous_stage_id'].errors }\"\n              [placeholder]=\"'Select Previous Stage'\"\n              optionValue=\"id\"\n              optionLabel=\"name\">\n            </p-dropdown>\n          </pw-input-container>\n        </div>\n        <div class=\"col-12 col-sm-4 col-md-3\" *ngIf=\"categories.length > 0\">\n          <pw-input-container [showTooltip]=\"true\"\n            [tooltipText]=\"'Crm.StageMessages.Tooltip.OpportunityCategory' | transloco\"\n            [label]=\"'Crm.StageMessages.OpportunityCategory' | transloco\"\n            name=\"crm_opportunity_category_ids\"\n            errorMsg=\"category is required\">\n            <p-multiSelect [options]=\"categories\"\n              formControlName=\"crm_opportunity_category_ids\"\n              appendTo=\"body\"></p-multiSelect>\n          </pw-input-container>\n        </div>\n        <div class=\"col-12 col-sm-2 col-md-1\">\n          <div class=\"mb-3\">\n            <label class=\"info-circle mb-2 left-info-circle\" for=\"Visible\">{{ 'Crm.StageMessages.Visible' | transloco\n                            }}<span class=\"tooltiptext gradient-custom-branding left-field-tooltip\">{{\n                                'Crm.StageMessages.Tooltip.Visible' | transloco\n                            }}</span></label><br />\n            <ui-switch formControlName=\"visible\"\n              name=\"visible\"></ui-switch>\n          </div>\n        </div>\n        <div class=\"col-12 col-sm-2 col-md-1\"\n          *rbacAllow=\"'SuperAdmin'\">\n          <div class=\"mb-3\">\n            <label class=\"info-circle mb-2\" for=\"Default\">{{ 'Crm.StageMessages.Default' | transloco\n                            }}<span class=\"tooltiptext gradient-custom-branding\">{{\n                                'Crm.StageMessages.Tooltip.Default' | transloco\n                            }}</span></label><br />\n            <ui-switch formControlName=\"is_default\"\n              name=\"is_default\"> </ui-switch>\n          </div>\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            [buttonBusy]=\"buttonBusy\"\n            class=\"btn btn-primary\">\n            {{ 'Button.Submit' | transloco }}\n          </button>\n        </div>\n      </div>\n    </form>\n  </div>\n</div>\n", styles: [".account-color-code{height:31.5px}\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.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: i5.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { kind: "directive", type: i5.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { 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: "component", type: i6.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "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", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "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: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i9.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmStageDetailsComponent, decorators: [{
             type: Component,

package/esm2022/lib/private/components/smart-crm-configuration/smart-crm-stages/smart-crm-stages.component.mjs

@@ -12,10 +12,10 @@ import * as i4 from "primeng/inputtext";
 import * as i5 from "@ng-bootstrap/ng-bootstrap";
 import * as i6 from "@posiwise/directives";
 import * as i7 from "@angular/router";
-import * as i8 from "primeng/multiselect";
+import * as i8 from "primeng/table";
 import * as i9 from "primeng/api";
-import * as i10 from "primeng/progressspinner";
-import * as i11 from "primeng/table";
+import * as i10 from "primeng/multiselect";
+import * as i11 from "primeng/progressspinner";
 import * as i12 from "@posiwise/shared-components";
 import * as i13 from "@jsverse/transloco";
 export class SmartCrmStagesComponent extends AppBaseComponent {
@@ -147,7 +147,7 @@ export class SmartCrmStagesComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmStagesComponent, deps: [{ token: i0.Injector }, { token: i1.CrmService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmStagesComponent, selector: "pw-smart-crm-stages", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12\">\n    <p>{{ 'Crm.Stages.Config.Description' | transloco }}</p>\n    <a *ngIf=\"data.object_count === 0 && data.unfiltered_count === 0 && isLoaded\"\n    class=\"btn btn-sm btn-outline-primary float-end build-default-stage-button\"\n    (click)=\"buildDefaultStages()\"\n    data-cy=\"add-contact\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n    {{ 'Crm.StageMessages.BuildDefaultStage' | transloco }}\n    </a>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-contact\"\n      [routerLink]=\"['/' + subscription?.slug + routers.stageDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Crm.StageMessages.AddStage' | transloco }}\n    </a>\n  </div>\n  <div class=\"w-100 text-center mt-3\">\n    <ng-template [ngIf]=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </ng-template>\n  </div>\n  <div class=\"col-12\">\n    <div class=\"primeng-datatable-container table-responsive\"\n      [class.hideTable]=\"data.unfiltered_count === 0\">\n      <p-table #dt\n        [value]=\"data.crm_opportunity_stages\"\n        [paginator]=\"data.object_count !== 0\"\n        [lazy]=\"true\"\n        [rows]=\"PAGE_SIZE\"\n        [totalRecords]=\"data.object_count\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [customSort]=\"true\">\n        <ng-template pTemplate=\"caption\">\n          <div class=\"row\">\n\n            <div class=\"col-4\">\n              <p-multiSelect placeholder=\"Select Category\" [options]=\"availableCategories\" [(ngModel)]=\"filterByCategory\"\n            (onChange)=\"onSearchOptionChange($event)\" [filter]=\"true\" [showHeader]=\"true\"\n            [showToggleAll]=\"true\" appendTo=\"body\">\n          </p-multiSelect>\n            </div>\n            <div class=\"col-8 d-flex justify-content-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 stages...\"\n                (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                class=\"mw-90\" />\n            </div>\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"true\"\n              pSortableColumn=\"name\">\n              {{ 'Crm.StageMessages.Name' | transloco }}\n              <p-sortIcon field=\"name\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"previous_stage_id\">\n              {{ 'Crm.StageMessages.PreviousStage' | transloco }}\n              <p-sortIcon field=\"previous_stage_id\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"crm_opportunity_category_ids\">\n              {{ 'Crm.StageMessages.OpportunityCategory' | transloco }}\n              <p-sortIcon field=\"crm_opportunity_category_ids\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"visible\">\n              {{ 'Crm.StageMessages.Visible' | transloco }}\n              <p-sortIcon field=\"visible\"></p-sortIcon>\n            </th>\n            <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\"\n          let-stage>\n          <tr>\n            <td data-head=\"Name\">{{ stage?.name }}</td>\n            <td data-head=\"Previous Stage\">\n              <span class=\"badge\"\n                [appDynamicBadge]=\"{\n                                    itemsArray: stageNames,\n                                    item: stage?.crm_previous_stage?.name\n                                }\"\n                color=\"warning\">{{ stage?.crm_previous_stage?.name }}</span>\n            </td>\n            <td data-head=\"Opportunity Category\">\n              <span *ngFor=\"let category of stage?.crm_opportunity_categories\"\n                class=\"badge ms-1\"\n                [appDynamicBadge]=\"{ itemsArray: categories, item: category?.name }\"\n                color=\"blue-grey\">{{ category?.name }}</span>\n            </td>\n            <td data-head=\"Visible\">\n              <span [appDynamicBadge]=\"{\n                                    itemsArray: [true, false],\n                                    item: stage?.visible\n                                }\"\n                color=\"success-danger\"\n                class=\"badge\">{{ !!stage?.visible }}</span>\n            </td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <ng-container *ngIf=\"hasAccess\">\n                  <li ngbTooltip=\"Edit\"\n                    class=\"me-2 me-sm-3\"\n                    [routerLink]=\"[\n                                            '/' + subscription?.slug + routers.stageDetails,\n                                            stage.id\n                                        ]\">\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                    <i\n                                            class=\"fa fa-trash delete-icon\"\n                                            (keydown.enter)=\"onDelete(stage.id)\"\n                                            (keydown.space)=\"onDelete(stage.id)\"\n                                            (click)=\"onDelete(stage.id)\"\n                                            aria-hidden=\"true\"\n                                        ></i>\n                  </li>\n                </ng-container>\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 [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n      </div>\n      <span class=\"total-records-count\" *ngIf=\"data.object_count !== 0\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Crm.StageMessages.NoStageMessage' | transloco\"> </pw-no-data>\n</div>\n", styles: [".build-default-stage-button{margin-left:7px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.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: i6.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "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: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i10.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i11.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: i11.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i11.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i12.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmStagesComponent, selector: "pw-smart-crm-stages", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12\">\n    <p>{{ 'Crm.Stages.Config.Description' | transloco }}</p>\n    <a *ngIf=\"data.object_count === 0 && data.unfiltered_count === 0 && isLoaded\"\n    class=\"btn btn-sm btn-outline-primary float-end build-default-stage-button\"\n    (click)=\"buildDefaultStages()\"\n    data-cy=\"add-contact\">\n    <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n    {{ 'Crm.StageMessages.BuildDefaultStage' | transloco }}\n    </a>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-contact\"\n      [routerLink]=\"['/' + subscription?.slug + routers.stageDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Crm.StageMessages.AddStage' | transloco }}\n    </a>\n  </div>\n  <div class=\"w-100 text-center mt-3\">\n    <ng-template [ngIf]=\"!isLoaded\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </ng-template>\n  </div>\n  <div class=\"col-12\">\n    <div class=\"primeng-datatable-container table-responsive\"\n      [class.hideTable]=\"data.unfiltered_count === 0\">\n      <p-table #dt\n        [value]=\"data.crm_opportunity_stages\"\n        [paginator]=\"data.object_count !== 0\"\n        [lazy]=\"true\"\n        [rows]=\"PAGE_SIZE\"\n        [totalRecords]=\"data.object_count\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [customSort]=\"true\">\n        <ng-template pTemplate=\"caption\">\n          <div class=\"row\">\n\n            <div class=\"col-4\">\n              <p-multiSelect placeholder=\"Select Category\" [options]=\"availableCategories\" [(ngModel)]=\"filterByCategory\"\n            (onChange)=\"onSearchOptionChange($event)\" [filter]=\"true\" [showHeader]=\"true\"\n            [showToggleAll]=\"true\" appendTo=\"body\">\n          </p-multiSelect>\n            </div>\n            <div class=\"col-8 d-flex justify-content-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 stages...\"\n                (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                class=\"mw-90\" />\n            </div>\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"true\"\n              pSortableColumn=\"name\">\n              {{ 'Crm.StageMessages.Name' | transloco }}\n              <p-sortIcon field=\"name\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"previous_stage_id\">\n              {{ 'Crm.StageMessages.PreviousStage' | transloco }}\n              <p-sortIcon field=\"previous_stage_id\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"crm_opportunity_category_ids\">\n              {{ 'Crm.StageMessages.OpportunityCategory' | transloco }}\n              <p-sortIcon field=\"crm_opportunity_category_ids\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"visible\">\n              {{ 'Crm.StageMessages.Visible' | transloco }}\n              <p-sortIcon field=\"visible\"></p-sortIcon>\n            </th>\n            <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\"\n          let-stage>\n          <tr>\n            <td data-head=\"Name\">{{ stage?.name }}</td>\n            <td data-head=\"Previous Stage\">\n              <span class=\"badge\"\n                [appDynamicBadge]=\"{\n                                    itemsArray: stageNames,\n                                    item: stage?.crm_previous_stage?.name\n                                }\"\n                color=\"warning\">{{ stage?.crm_previous_stage?.name }}</span>\n            </td>\n            <td data-head=\"Opportunity Category\">\n              <span *ngFor=\"let category of stage?.crm_opportunity_categories\"\n                class=\"badge ms-1\"\n                [appDynamicBadge]=\"{ itemsArray: categories, item: category?.name }\"\n                color=\"blue-grey\">{{ category?.name }}</span>\n            </td>\n            <td data-head=\"Visible\">\n              <span [appDynamicBadge]=\"{\n                                    itemsArray: [true, false],\n                                    item: stage?.visible\n                                }\"\n                color=\"success-danger\"\n                class=\"badge\">{{ !!stage?.visible }}</span>\n            </td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <ng-container *ngIf=\"hasAccess\">\n                  <li ngbTooltip=\"Edit\"\n                    class=\"me-2 me-sm-3\"\n                    [routerLink]=\"[\n                                            '/' + subscription?.slug + routers.stageDetails,\n                                            stage.id\n                                        ]\">\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                    <i\n                                            class=\"fa fa-trash delete-icon\"\n                                            (keydown.enter)=\"onDelete(stage.id)\"\n                                            (keydown.space)=\"onDelete(stage.id)\"\n                                            (click)=\"onDelete(stage.id)\"\n                                            aria-hidden=\"true\"\n                                        ></i>\n                  </li>\n                </ng-container>\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 [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n      </div>\n      <span class=\"total-records-count\" *ngIf=\"data.object_count !== 0\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Crm.StageMessages.NoStageMessage' | transloco\"> </pw-no-data>\n</div>\n", styles: [".build-default-stage-button{margin-left:7px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.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: i6.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.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: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i8.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i8.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i10.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "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: "component", type: i11.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i12.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmStagesComponent, decorators: [{
             type: Component,

package/esm2022/lib/private/components/smart-crm-configuration/smart-crm-widgets/smart-crm-widgets-details/smart-crm-widgets-details.component.mjs

@@ -8,9 +8,9 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "ngx-ui-switch";
 import * as i5 from "@posiwise/directives";
-import * as i6 from "primeng/progressspinner";
-import * as i7 from "@posiwise/shared-components";
-import * as i8 from "primeng/dropdown";
+import * as i6 from "primeng/dropdown";
+import * as i7 from "primeng/progressspinner";
+import * as i8 from "@posiwise/shared-components";
 import * as i9 from "@jsverse/transloco";
 export class SmartCrmWidgetsDetailsComponent extends AppBaseComponent {
     constructor(injector, crmService) {
@@ -90,7 +90,7 @@ export class SmartCrmWidgetsDetailsComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmWidgetsDetailsComponent, deps: [{ token: i0.Injector }, { token: i1.CrmService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmWidgetsDetailsComponent, selector: "pw-smart-crm-widgets-details", usesInheritance: true, ngImport: i0, template: "<div class=\"col-12 d-flex ps-0\">\n  <a aria-label=\"Navigate to Target\"\n    (click)=\"back()\"\n    class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n  <div class=\"me-auto col-xs-6\">\n    <h3 class=\"m-subheader__title m-subheader__title--separator\">\n      <span>{{ 'Crm.Widgets.Widget' | transloco }}:\n        {{ isLoading ? '' : (data?.name ? data?.name : ('Label.AddNew' | transloco)) }}</span>\n    </h3>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"p-2 mt-3\">\n    <form [formGroup]=\"form\"\n     *ngIf=\"!isLoading\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row mb-3 widget-tooltip\">\n        <div class=\"col-12 col-sm-4\"\n          *ngIf=\"allWidgets$ | async as widgets\">\n            <label class=\"info-circle mb-2\" for=\"Widget\">{{ 'Crm.Widgets.CrmWidget' | transloco }} <span\n              class=\"tooltiptext gradient-custom-branding\"> {{'Crm.Widgets.Tooltip.Name' | transloco\n              }} </span>\n          </label>\n          <pw-input-container\n          name=\"crm_widget_id\"\n            [errorMsg]=\"'Crm Widget is required' | transloco\">\n            <p-dropdown\n            [options]=\"widgets['crm_widgets']\"\n            formControlName=\"crm_widget_id\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_widget_id'].errors }\"\n            placeholder=\"Select Widget\">\n          </p-dropdown>\n\n          </pw-input-container>\n        </div>\n        <div class=\"col-12 col-sm-4\">\n          <label class=\"info-circle mb-2\" for=\"Widget\">{{ 'Crm.Widgets.Position' | transloco }} <span\n              class=\"tooltiptext gradient-custom-branding\"> {{'Crm.Widgets.Tooltip.Position' | transloco\n              }} </span>\n          </label>\n          <pw-input-container\n            name=\"position\"\n            [errorMsg]=\"'Position is required' | transloco\"\n            *ngIf=\"positions$ | async as positions\">\n            <p-dropdown\n            [options]=\"positions\"\n            formControlName=\"position\"\n            [appendTo]=\"'body'\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['position'].errors }\"\n            placeholder=\"Select Position\">\n          </p-dropdown>\n\n          </pw-input-container>\n        </div>\n        <div class=\"col-md-3 col-lg-2 pe-0 cancel-button\">\n          <div class=\"mb-3\">\n            <label class=\"d-sm-block vertical-bottom info-circle mb-2 visible-tooltip\" for=\"Widget\">{{\n                            'Crm.Widgets.Visible' | transloco\n                }}<span\n                class=\"tooltiptext gradient-custom-branding\"> {{'Crm.Widgets.Tooltip.Visible'| transloco\n                }} </span></label>\n            <ui-switch class=\"ms-3 ms-sm-0\"\n              name=\"visible\"\n              formControlName=\"visible\">\n            </ui-switch>\n          </div>\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            [buttonBusy]=\"buttonBusy\"\n            class=\"btn btn-primary\">\n            {{ 'Button.Submit' | transloco }}\n          </button>\n        </div>\n      </div>\n    </form>\n  </div>\n</div>\n", styles: [".widget-tooltip{margin-top:23px}.visible-tooltip{width:51px}\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.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: i5.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { 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: "component", type: i6.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i7.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "component", type: i8.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "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: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmWidgetsDetailsComponent, selector: "pw-smart-crm-widgets-details", usesInheritance: true, ngImport: i0, template: "<div class=\"col-12 d-flex ps-0\">\n  <a aria-label=\"Navigate to Target\"\n    (click)=\"back()\"\n    class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n  <div class=\"me-auto col-xs-6\">\n    <h3 class=\"m-subheader__title m-subheader__title--separator\">\n      <span>{{ 'Crm.Widgets.Widget' | transloco }}:\n        {{ isLoading ? '' : (data?.name ? data?.name : ('Label.AddNew' | transloco)) }}</span>\n    </h3>\n  </div>\n</div>\n\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"isLoading\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n  </div>\n\n<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"p-2 mt-3\">\n    <form [formGroup]=\"form\"\n     *ngIf=\"!isLoading\"\n      (ngSubmit)=\"onSave()\">\n      <div class=\"row mb-3 widget-tooltip\">\n        <div class=\"col-12 col-sm-4\"\n          *ngIf=\"allWidgets$ | async as widgets\">\n            <label class=\"info-circle mb-2\" for=\"Widget\">{{ 'Crm.Widgets.CrmWidget' | transloco }} <span\n              class=\"tooltiptext gradient-custom-branding\"> {{'Crm.Widgets.Tooltip.Name' | transloco\n              }} </span>\n          </label>\n          <pw-input-container\n          name=\"crm_widget_id\"\n            [errorMsg]=\"'Crm Widget is required' | transloco\">\n            <p-dropdown\n            [options]=\"widgets['crm_widgets']\"\n            formControlName=\"crm_widget_id\"\n            optionLabel=\"name\"\n            optionValue=\"id\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['crm_widget_id'].errors }\"\n            placeholder=\"Select Widget\">\n          </p-dropdown>\n\n          </pw-input-container>\n        </div>\n        <div class=\"col-12 col-sm-4\">\n          <label class=\"info-circle mb-2\" for=\"Widget\">{{ 'Crm.Widgets.Position' | transloco }} <span\n              class=\"tooltiptext gradient-custom-branding\"> {{'Crm.Widgets.Tooltip.Position' | transloco\n              }} </span>\n          </label>\n          <pw-input-container\n            name=\"position\"\n            [errorMsg]=\"'Position is required' | transloco\"\n            *ngIf=\"positions$ | async as positions\">\n            <p-dropdown\n            [options]=\"positions\"\n            formControlName=\"position\"\n            [appendTo]=\"'body'\"\n            [ngClass]=\"{ 'is-invalid': submitted && f['position'].errors }\"\n            placeholder=\"Select Position\">\n          </p-dropdown>\n\n          </pw-input-container>\n        </div>\n        <div class=\"col-md-3 col-lg-2 pe-0 cancel-button\">\n          <div class=\"mb-3\">\n            <label class=\"d-sm-block vertical-bottom info-circle mb-2 visible-tooltip\" for=\"Widget\">{{\n                            'Crm.Widgets.Visible' | transloco\n                }}<span\n                class=\"tooltiptext gradient-custom-branding\"> {{'Crm.Widgets.Tooltip.Visible'| transloco\n                }} </span></label>\n            <ui-switch class=\"ms-3 ms-sm-0\"\n              name=\"visible\"\n              formControlName=\"visible\">\n            </ui-switch>\n          </div>\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            [buttonBusy]=\"buttonBusy\"\n            class=\"btn btn-primary\">\n            {{ 'Button.Submit' | transloco }}\n          </button>\n        </div>\n      </div>\n    </form>\n  </div>\n</div>\n", styles: [".widget-tooltip{margin-top:23px}.visible-tooltip{width:51px}\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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.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: i5.ButtonBusyDirective, selector: "[buttonBusy]", inputs: ["buttonBusy", "busyText"] }, { 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: "component", type: i6.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "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.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i8.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText", "isLeftTooltip"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmWidgetsDetailsComponent, decorators: [{
             type: Component,

package/esm2022/lib/private/components/smart-crm-configuration/smart-crm-widgets/smart-crm-widgets.component.mjs

@@ -12,9 +12,9 @@ import * as i4 from "primeng/inputtext";
 import * as i5 from "@ng-bootstrap/ng-bootstrap";
 import * as i6 from "@posiwise/directives";
 import * as i7 from "@angular/router";
-import * as i8 from "primeng/api";
-import * as i9 from "primeng/progressspinner";
-import * as i10 from "primeng/table";
+import * as i8 from "primeng/table";
+import * as i9 from "primeng/api";
+import * as i10 from "primeng/progressspinner";
 import * as i11 from "@posiwise/shared-components";
 import * as i12 from "@jsverse/transloco";
 export class SmartCrmWidgetsComponent extends AppBaseComponent {
@@ -116,7 +116,7 @@ export class SmartCrmWidgetsComponent extends AppBaseComponent {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmWidgetsComponent, deps: [{ token: i0.Injector }, { token: i1.CrmService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmWidgetsComponent, selector: "pw-smart-crm-widgets", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <p>{{ 'Crm.Widgets.Config.Description' | transloco }}</p>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-contact\"\n      [routerLink]=\"['/' + subscription?.slug + routers.widgetsDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Crm.Widgets.AddWidgets' | transloco }}\n    </a>\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=\"col-12\">\n    <div class=\"primeng-datatable-container table-responsive\"\n      [class.hideTable]=\"data.unfiltered_count === 0\">\n      <p-table #dt\n        [value]=\"data.crm_widget_relationships\"\n        [paginator]=\"data.object_count !== 0\"\n        [lazy]=\"true\"\n        [rows]=\"PAGE_SIZE\"\n        [totalRecords]=\"data.object_count\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [customSort]=\"true\">\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              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search source...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"true\"\n              pSortableColumn=\"crm_widget_id\">\n              {{ 'Crm.Widgets.CrmWidget' | transloco }}\n              <p-sortIcon field=\"crm_widget_id\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"position\">\n              {{ 'Crm.Widgets.Position' | transloco }}\n              <p-sortIcon field=\"position\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"visible\">\n              {{ 'Crm.Widgets.Visible' | transloco }}\n              <p-sortIcon field=\"visible\"></p-sortIcon>\n            </th>\n            <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\"\n          let-widget>\n          <tr>\n            <td data-head=\"Crm Widget\">{{ widget.crm_widget }}</td>\n            <td data-head=\"Position\">\n              <span class=\"badge\"\n                [appDynamicBadge]=\"{\n                                    itemsArray: positions,\n                                    item: widget?.position\n                                }\"\n                color=\"default\">{{ widget.position }}</span>\n            </td>\n            <td data-head=\"Visible\">\n              <span [appDynamicBadge]=\"{\n                                    itemsArray: [true, false],\n                                    item: widget?.visible\n                                }\"\n                color=\"success-danger\"\n                class=\"badge\">{{ !!widget?.visible }}</span>\n            </td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <ng-container *ngIf=\"hasAccess\">\n                  <li ngbTooltip=\"Edit\"\n                    class=\"me-2 me-sm-3\"\n                    [routerLink]=\"[\n                                            '/' + subscription?.slug + routers.widgetsDetails,\n                                            widget.id\n                                        ]\">\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                    <i\n                                            class=\"fa fa-trash delete-icon\"\n                                            (keydown.enter)=\"onDelete(widget.id)\"\n                                            (keydown.space)=\"onDelete(widget.id)\"\n                                            (click)=\"onDelete(widget.id)\"\n                                            aria-hidden=\"true\"\n                                        ></i>\n                  </li>\n                </ng-container>\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 [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n      </div>\n      <span class=\"total-records-count\"*ngIf=\"data.object_count !== 0\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Crm.Widgets.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.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: i6.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i8.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i10.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: i10.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i10.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i11.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartCrmWidgetsComponent, selector: "pw-smart-crm-widgets", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <p>{{ 'Crm.Widgets.Config.Description' | transloco }}</p>\n    <a class=\"btn btn-sm btn-outline-primary float-end\"\n      data-cy=\"add-contact\"\n      [routerLink]=\"['/' + subscription?.slug + routers.widgetsDetails + 'add']\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i>\n      {{ 'Crm.Widgets.AddWidgets' | transloco }}\n    </a>\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=\"col-12\">\n    <div class=\"primeng-datatable-container table-responsive\"\n      [class.hideTable]=\"data.unfiltered_count === 0\">\n      <p-table #dt\n        [value]=\"data.crm_widget_relationships\"\n        [paginator]=\"data.object_count !== 0\"\n        [lazy]=\"true\"\n        [rows]=\"PAGE_SIZE\"\n        [totalRecords]=\"data.object_count\"\n        [loading]=\"loading\"\n        [filterDelay]=\"1000\"\n        (onLazyLoad)=\"onLazyLoad($event)\"\n        [customSort]=\"true\">\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              [(ngModel)]=\"searchText\"\n              pInputText\n              size=\"50\"\n              placeholder=\"Search source...\"\n              (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n              class=\"mw-90\" />\n          </div>\n        </ng-template>\n        <ng-template pTemplate=\"header\">\n          <tr>\n            <th scope=\"true\"\n              pSortableColumn=\"crm_widget_id\">\n              {{ 'Crm.Widgets.CrmWidget' | transloco }}\n              <p-sortIcon field=\"crm_widget_id\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"position\">\n              {{ 'Crm.Widgets.Position' | transloco }}\n              <p-sortIcon field=\"position\"></p-sortIcon>\n            </th>\n            <th scope=\"true\"\n              pSortableColumn=\"visible\">\n              {{ 'Crm.Widgets.Visible' | transloco }}\n              <p-sortIcon field=\"visible\"></p-sortIcon>\n            </th>\n            <th scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\"\n          let-widget>\n          <tr>\n            <td data-head=\"Crm Widget\">{{ widget.crm_widget }}</td>\n            <td data-head=\"Position\">\n              <span class=\"badge\"\n                [appDynamicBadge]=\"{\n                                    itemsArray: positions,\n                                    item: widget?.position\n                                }\"\n                color=\"default\">{{ widget.position }}</span>\n            </td>\n            <td data-head=\"Visible\">\n              <span [appDynamicBadge]=\"{\n                                    itemsArray: [true, false],\n                                    item: widget?.visible\n                                }\"\n                color=\"success-danger\"\n                class=\"badge\">{{ !!widget?.visible }}</span>\n            </td>\n            <td data-head=\"Action\">\n              <ul class=\"list-unstyled list-inline list-action\">\n                <ng-container *ngIf=\"hasAccess\">\n                  <li ngbTooltip=\"Edit\"\n                    class=\"me-2 me-sm-3\"\n                    [routerLink]=\"[\n                                            '/' + subscription?.slug + routers.widgetsDetails,\n                                            widget.id\n                                        ]\">\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                    <i\n                                            class=\"fa fa-trash delete-icon\"\n                                            (keydown.enter)=\"onDelete(widget.id)\"\n                                            (keydown.space)=\"onDelete(widget.id)\"\n                                            (click)=\"onDelete(widget.id)\"\n                                            aria-hidden=\"true\"\n                                        ></i>\n                  </li>\n                </ng-container>\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 [withImage]=\"true\" [message]=\"'Search.NoDataMessage'| transloco\" [description]=\"'Search.NoDataDescription' | transloco\" >\n    </pw-no-data>\n      </div>\n      <span class=\"total-records-count\"*ngIf=\"data.object_count !== 0\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n    </div>\n  </div>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [withImage]=\"true\" [message]=\"'Crm.Widgets.NoDataMessage' | transloco\"> </pw-no-data>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i5.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: i6.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.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: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i8.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i8.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i10.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i11.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "pipe", type: i12.TranslocoPipe, name: "transloco" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartCrmWidgetsComponent, decorators: [{
             type: Component,