npm - @posiwise/admin-module - Versions diffs - 0.0.59 → 0.0.60 - Mend

@posiwise/admin-module 0.0.59 → 0.0.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/esm2022/lib/components/newsletters/newsletter-item-details/newsletter-item-details.component.mjs CHANGED Viewed

@@ -221,8 +221,8 @@ export class NewsletterItemDetailsComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NewsletterItemDetailsComponent, deps: [{ token: i1.AdminService }, { token: i2.TagService }, { token: i2.ProductService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: NewsletterItemDetailsComponent, selector: "pw-newsletter-item-details", viewQueries: [{ propertyName: "placesRef", first: true, predicate: ["ngxPlaces"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.newsletter]\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"\">Newsletter Item: {{ data?.title ? data?.title : 'Add New' }}</h3>\n      </div>\n      <div class=\"mt-4\">\n        <p class=\"my-3\">\n          You can insert the user name by adding the following syntax in the body or\n          title: {{ userNameSyntax }}\n        </p>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <!-- Title -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Title' | transloco\"\n              class=\"col-md-6\"\n              name=\"title\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Title' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\" />\n            </pw-input-container>\n            <!-- Newsletter -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Newsletter' | transloco\"\n              class=\"col-md-6\"\n              name=\"newsletter_id\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Newsletter' | transloco\">\n              <p-dropdown [options]=\"newsletters\"\n                formControlName=\"newsletter_id\"\n                [style]=\"{ width: '100%' }\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['newsletter_id'].errors }\">\n              </p-dropdown>\n            </pw-input-container>\n            <!-- Rich Text Editor -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Body' | transloco\"\n              class=\"col-12\"\n              name=\"body\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Body' | transloco\">\n              <quill-editor [styles]=\"{ height: '450px' }\"\n                formControlName=\"body\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\">\n              </quill-editor>\n            </pw-input-container>\n            <!-- Location -->\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Location' | transloco\"\n              [label]=\"'Admin.NewsletterItem.Location' | transloco\"\n              class=\"col-md-6\"\n              name=\"location\">\n              <input ngx-gp-autocomplete\n                class=\"form-control\"\n                #places=\"ngx-places\"\n                formControlName=\"location\"\n                (onAddressChange)=\"handleAddressChange($event)\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['location'].errors }\" />\n            </pw-input-container>\n            <div class=\"ui-fluid skills-modal col-12 col-md-6 mt-1 mb-3\">\n              <label for=\"\">{{ 'Admin.NewsletterItem.Tags' | transloco }}\n                <span class=\"ms-1 tooltip-wrap\"\n                  [pTooltip]=\"'Admin.NewsletterItem.Tooltip.Tags' | transloco\"\n                  [appendTo]=\"'body'\"\n                  [tooltipPosition]=\"'top'\">\n                  <i class=\"fas fa-info-circle\"></i>\n                </span>\n              </label>\n              <p-autoComplete [(ngModel)]=\"selectedTags\"\n                [suggestions]=\"tagsSuggestion\"\n                dataKey=\"id\"\n                field=\"name\"\n                (completeMethod)=\"search($event)\"\n                styleClass=\"w-100\"\n                [minLength]=\"1\"\n                [maxlength]=\"10\"\n                [dropdown]=\"true\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                placeholder=\"Tags\"\n                [multiple]=\"true\"></p-autoComplete>\n            </div>\n            <!-- Products -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Products' | transloco\"\n                [label]=\"'Admin.NewsletterItem.Products' | transloco\"\n                name=\"product_ids\">\n                <p-multiSelect [options]=\"products\"\n                  placeholder=\"Select Products\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"product_ids\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- Features -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Features' | transloco\"\n                [label]=\"'Admin.NewsletterItem.Features' | transloco\"\n                name=\"feature_keys\">\n                <p-multiSelect [options]=\"featureKeys\"\n                  placeholder=\"Select feature keys\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"feature_keys\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- Previous Newsletter Items -->\n            <div class=\"col-12\"\n              [ngClass]=\"f['main_tag_id'].value ? 'col-md-3' : 'col-md-6'\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.PreviousNewsletter' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.PreviousNewsletter'\n                                            | transloco\n                                    \"\n                  name=\"main_tag_id\">\n                  <p-dropdown [options]=\"newsletterItems\"\n                    formControlName=\"main_tag_id\"\n                    [style]=\"{ width: '100%' }\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['main_tag_id'].errors\n                                        }\">\n                  </p-dropdown>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- DAYS TO WAIT -->\n            <div class=\"col-md-3 col-xs-6\"\n              *ngIf=\"form.get('main_tag_id').value\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.DaysToWait' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.DaysToWaitFromPreviousNewsletter'\n                                            | transloco\n                                    \"\n                  name=\"days_to_wait_from_previous_newsletter\">\n                  <input type=\"number\"\n                    class=\"form-control\"\n                    formControlName=\"days_to_wait_from_previous_newsletter\"\n                    [ngClass]=\"{\n                                            'is-invalid':\n                                                submitted &&\n                                                f['days_to_wait_from_previous_newsletter'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- IS SENT -->\n            <div class=\"col-md-3 col-xs-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.SendDate' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.SendDate' | transloco\n                                    \"\n                  [errorMsg]=\"\n                                        'Admin.NewsletterItem.Validation.SendDate' | transloco\n                                    \"\n                  name=\"send_at\">\n                  <div>\n                    <p-calendar formControlName=\"send_at\"\n                      [showIcon]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['send_at'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- Expiry Date for Newsletter -->\n            <div class=\"col-md-3 col-xs-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.SendUntil' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.SendUntil' | transloco\"\n                  name=\"send_until\"\n                  [errorMsg]=\"\n                                        'Admin.NewsletterItem.Validation.SendUntil' | transloco\n                                    \">\n                  <div>\n                    <p-calendar formControlName=\"send_until\"\n                      [showIcon]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['send_until'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- Only new users -->\n            <div class=\"col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.OnlyNewUsers' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.OnlyNewUsers' | transloco\"\n                  name=\"only_new_users\">\n                  <ui-switch formControlName=\"only_new_users\"\n                    name=\"only_new_users\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['only_new_users'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- IS PUSHED -->\n            <div class=\"col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.ShouldDeliver' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.ShouldDeliver' | transloco\"\n                  name=\"is_pushed\">\n                  <ui-switch formControlName=\"is_pushed\"\n                    name=\"is_pushed\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_pushed'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n          </div>\n          <div class=\"row\"></div>\n          <div class=\"row text-end mt-3\">\n            <div class=\"col-12\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Newsletter.Edit'\">\n                {{ 'Button.Save' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i5.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: i7.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.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: i9.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i9.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i10.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: i11.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i12.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i13.NgxGpAutocompleteDirective, selector: "[ngx-gp-autocomplete]", inputs: ["options"], outputs: ["onAddressChange"], exportAs: ["ngx-places"] }, { kind: "directive", type: i14.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i9.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i15.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i16.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NewsletterItemDetailsComponent, deps: [{ token: i1.AdminService }, { token: i2.TagService }, { token: i2.ProductService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: NewsletterItemDetailsComponent, selector: "pw-newsletter-item-details", viewQueries: [{ propertyName: "placesRef", first: true, predicate: ["ngxPlaces"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.newsletter]\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"\">Newsletter Item: {{ data?.title ? data?.title : 'Add New' }}</h3>\n      </div>\n      <div class=\"mt-4\">\n        <p class=\"my-3\">\n          You can insert the user name by adding the following syntax in the body or\n          title: {{ userNameSyntax }}\n        </p>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <!-- Title -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Title' | transloco\"\n              class=\"col-md-6\"\n              name=\"title\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Title' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\" />\n            </pw-input-container>\n            <!-- Newsletter -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Newsletter' | transloco\"\n              class=\"col-md-6\"\n              name=\"newsletter_id\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Newsletter' | transloco\">\n              <p-dropdown [options]=\"newsletters\"\n                formControlName=\"newsletter_id\"\n                [style]=\"{ width: '100%' }\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['newsletter_id'].errors }\">\n              </p-dropdown>\n            </pw-input-container>\n            <!-- Rich Text Editor -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Body' | transloco\"\n              class=\"col-12\"\n              name=\"body\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Body' | transloco\">\n              <quill-editor [styles]=\"{ height: '450px' }\"\n                formControlName=\"body\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\">\n              </quill-editor>\n            </pw-input-container>\n            <!-- Location -->\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Location' | transloco\"\n              [label]=\"'Admin.NewsletterItem.Location' | transloco\"\n              class=\"col-md-6\"\n              name=\"location\">\n              <input ngx-gp-autocomplete\n                class=\"form-control\"\n                #places=\"ngx-places\"\n                formControlName=\"location\"\n                (onAddressChange)=\"handleAddressChange($event)\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['location'].errors }\" />\n            </pw-input-container>\n            <div class=\"ui-fluid skills-modal col-12 col-md-6 mt-1 mb-3\">\n              <label for=\"\">{{ 'Admin.NewsletterItem.Tags' | transloco }}\n                <span class=\"ms-1 tooltip-wrap\"\n                  [pTooltip]=\"'Admin.NewsletterItem.Tooltip.Tags' | transloco\"\n                  [appendTo]=\"'body'\"\n                  [tooltipPosition]=\"'top'\">\n                  <i class=\"fas fa-info-circle\"></i>\n                </span>\n              </label>\n              <p-autoComplete [(ngModel)]=\"selectedTags\"\n                [suggestions]=\"tagsSuggestion\"\n                dataKey=\"id\"\n                field=\"name\"\n                (completeMethod)=\"search($event)\"\n                styleClass=\"w-100\"\n                [minLength]=\"1\"\n                [maxlength]=\"10\"\n                [dropdown]=\"true\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                placeholder=\"Tags\"\n                [multiple]=\"true\"></p-autoComplete>\n            </div>\n            <!-- Products -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Products' | transloco\"\n                [label]=\"'Admin.NewsletterItem.Products' | transloco\"\n                name=\"product_ids\">\n                <p-multiSelect [options]=\"products\"\n                  placeholder=\"Select Products\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"product_ids\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- Features -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Features' | transloco\"\n                [label]=\"'Admin.NewsletterItem.Features' | transloco\"\n                name=\"feature_keys\">\n                <p-multiSelect [options]=\"featureKeys\"\n                  placeholder=\"Select feature keys\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"feature_keys\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- Previous Newsletter Items -->\n            <div class=\"col-12\"\n              [ngClass]=\"f['main_tag_id'].value ? 'col-md-3' : 'col-md-6'\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.PreviousNewsletter' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.PreviousNewsletter'\n                                            | transloco\n                                    \"\n                  name=\"main_tag_id\">\n                  <p-dropdown [options]=\"newsletterItems\"\n                    formControlName=\"main_tag_id\"\n                    [style]=\"{ width: '100%' }\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['main_tag_id'].errors\n                                        }\">\n                  </p-dropdown>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- DAYS TO WAIT -->\n            <div class=\"col-md-3 col-xs-6\"\n              *ngIf=\"form.get('main_tag_id').value\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.DaysToWait' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.DaysToWaitFromPreviousNewsletter'\n                                            | transloco\n                                    \"\n                  name=\"days_to_wait_from_previous_newsletter\">\n                  <input type=\"number\"\n                    class=\"form-control\"\n                    formControlName=\"days_to_wait_from_previous_newsletter\"\n                    [ngClass]=\"{\n                                            'is-invalid':\n                                                submitted &&\n                                                f['days_to_wait_from_previous_newsletter'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- IS SENT -->\n            <div class=\"col-md-3 col-xs-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.SendDate' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.SendDate' | transloco\n                                    \"\n                  [errorMsg]=\"\n                                        'Admin.NewsletterItem.Validation.SendDate' | transloco\n                                    \"\n                  name=\"send_at\">\n                  <div>\n                    <p-calendar formControlName=\"send_at\"\n                      [showIcon]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['send_at'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- Expiry Date for Newsletter -->\n            <div class=\"col-md-3 col-xs-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.SendUntil' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.SendUntil' | transloco\"\n                  name=\"send_until\"\n                  [errorMsg]=\"\n                                        'Admin.NewsletterItem.Validation.SendUntil' | transloco\n                                    \">\n                  <div>\n                    <p-calendar formControlName=\"send_until\"\n                      [showIcon]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['send_until'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- Only new users -->\n            <div class=\"col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.OnlyNewUsers' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.OnlyNewUsers' | transloco\"\n                  name=\"only_new_users\">\n                  <ui-switch formControlName=\"only_new_users\"\n                    name=\"only_new_users\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['only_new_users'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- IS PUSHED -->\n            <div class=\"col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.ShouldDeliver' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.ShouldDeliver' | transloco\"\n                  name=\"is_pushed\">\n                  <ui-switch formControlName=\"is_pushed\"\n                    name=\"is_pushed\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_pushed'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n          </div>\n          <div class=\"row\"></div>\n          <div class=\"row text-end mt-3\">\n            <div class=\"col-12\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Newsletter.Edit'\">\n                {{ 'Button.Save' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i4.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "component", type: i5.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: i7.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.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: i9.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i9.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i10.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: i11.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i12.InputContainerComponent, selector: "pw-input-container", inputs: ["name", "label", "labelClass", "tooltipPosition", "required", "errorMsg", "isReadOnly", "showTooltip", "tooltipText", "showTriangle", "afterLabel", "showAfterLabel", "showTriangleText"] }, { kind: "directive", type: i13.NgxGpAutocompleteDirective, selector: "[ngx-gp-autocomplete]", inputs: ["options"], outputs: ["onAddressChange"], exportAs: ["ngx-places"] }, { kind: "directive", type: i14.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i9.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i15.QuillEditorComponent, selector: "quill-editor" }, { kind: "pipe", type: i16.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -230,7 +230,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], NewsletterItemDetailsComponent.prototype, "onSave", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NewsletterItemDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NewsletterItemDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-newsletter-item-details', template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6\">\n        <a href=\"javascript:void(0)\"\n          [routerLink]=\"[routers.newsletter]\"\n          class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n        <h3 class=\"\">Newsletter Item: {{ data?.title ? data?.title : 'Add New' }}</h3>\n      </div>\n      <div class=\"mt-4\">\n        <p class=\"my-3\">\n          You can insert the user name by adding the following syntax in the body or\n          title: {{ userNameSyntax }}\n        </p>\n        <form [formGroup]=\"form\"\n          (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <!-- Title -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Title' | transloco\"\n              class=\"col-md-6\"\n              name=\"title\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Title' | transloco\">\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"title\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['title'].errors }\" />\n            </pw-input-container>\n            <!-- Newsletter -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Newsletter' | transloco\"\n              class=\"col-md-6\"\n              name=\"newsletter_id\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Newsletter' | transloco\">\n              <p-dropdown [options]=\"newsletters\"\n                formControlName=\"newsletter_id\"\n                [style]=\"{ width: '100%' }\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['newsletter_id'].errors }\">\n              </p-dropdown>\n            </pw-input-container>\n            <!-- Rich Text Editor -->\n            <pw-input-container [label]=\"'Admin.NewsletterItem.Body' | transloco\"\n              class=\"col-12\"\n              name=\"body\"\n              [errorMsg]=\"'Admin.NewsletterItem.Validation.Body' | transloco\">\n              <quill-editor [styles]=\"{ height: '450px' }\"\n                formControlName=\"body\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['body'].errors }\">\n              </quill-editor>\n            </pw-input-container>\n            <!-- Location -->\n            <pw-input-container [showTooltip]=\"true\"\n              [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Location' | transloco\"\n              [label]=\"'Admin.NewsletterItem.Location' | transloco\"\n              class=\"col-md-6\"\n              name=\"location\">\n              <input ngx-gp-autocomplete\n                class=\"form-control\"\n                #places=\"ngx-places\"\n                formControlName=\"location\"\n                (onAddressChange)=\"handleAddressChange($event)\"\n                [ngClass]=\"{ 'is-invalid': submitted && f['location'].errors }\" />\n            </pw-input-container>\n            <div class=\"ui-fluid skills-modal col-12 col-md-6 mt-1 mb-3\">\n              <label for=\"\">{{ 'Admin.NewsletterItem.Tags' | transloco }}\n                <span class=\"ms-1 tooltip-wrap\"\n                  [pTooltip]=\"'Admin.NewsletterItem.Tooltip.Tags' | transloco\"\n                  [appendTo]=\"'body'\"\n                  [tooltipPosition]=\"'top'\">\n                  <i class=\"fas fa-info-circle\"></i>\n                </span>\n              </label>\n              <p-autoComplete [(ngModel)]=\"selectedTags\"\n                [suggestions]=\"tagsSuggestion\"\n                dataKey=\"id\"\n                field=\"name\"\n                (completeMethod)=\"search($event)\"\n                styleClass=\"w-100\"\n                [minLength]=\"1\"\n                [maxlength]=\"10\"\n                [dropdown]=\"true\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                placeholder=\"Tags\"\n                [multiple]=\"true\"></p-autoComplete>\n            </div>\n            <!-- Products -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Products' | transloco\"\n                [label]=\"'Admin.NewsletterItem.Products' | transloco\"\n                name=\"product_ids\">\n                <p-multiSelect [options]=\"products\"\n                  placeholder=\"Select Products\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"product_ids\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- Features -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.NewsletterItem.Tooltip.Features' | transloco\"\n                [label]=\"'Admin.NewsletterItem.Features' | transloco\"\n                name=\"feature_keys\">\n                <p-multiSelect [options]=\"featureKeys\"\n                  placeholder=\"Select feature keys\"\n                  [showHeader]=\"true\"\n                  [showToggleAll]=\"true\"\n                  formControlName=\"feature_keys\"\n                  appendTo=\"body\"></p-multiSelect>\n              </pw-input-container>\n            </div>\n            <!-- Previous Newsletter Items -->\n            <div class=\"col-12\"\n              [ngClass]=\"f['main_tag_id'].value ? 'col-md-3' : 'col-md-6'\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.PreviousNewsletter' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.PreviousNewsletter'\n                                            | transloco\n                                    \"\n                  name=\"main_tag_id\">\n                  <p-dropdown [options]=\"newsletterItems\"\n                    formControlName=\"main_tag_id\"\n                    [style]=\"{ width: '100%' }\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['main_tag_id'].errors\n                                        }\">\n                  </p-dropdown>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- DAYS TO WAIT -->\n            <div class=\"col-md-3 col-xs-6\"\n              *ngIf=\"form.get('main_tag_id').value\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.DaysToWait' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.DaysToWaitFromPreviousNewsletter'\n                                            | transloco\n                                    \"\n                  name=\"days_to_wait_from_previous_newsletter\">\n                  <input type=\"number\"\n                    class=\"form-control\"\n                    formControlName=\"days_to_wait_from_previous_newsletter\"\n                    [ngClass]=\"{\n                                            'is-invalid':\n                                                submitted &&\n                                                f['days_to_wait_from_previous_newsletter'].errors\n                                        }\" />\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- IS SENT -->\n            <div class=\"col-md-3 col-xs-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [label]=\"'Admin.NewsletterItem.SendDate' | transloco\"\n                  [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.SendDate' | transloco\n                                    \"\n                  [errorMsg]=\"\n                                        'Admin.NewsletterItem.Validation.SendDate' | transloco\n                                    \"\n                  name=\"send_at\">\n                  <div>\n                    <p-calendar formControlName=\"send_at\"\n                      [showIcon]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['send_at'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- Expiry Date for Newsletter -->\n            <div class=\"col-md-3 col-xs-6\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.SendUntil' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.SendUntil' | transloco\"\n                  name=\"send_until\"\n                  [errorMsg]=\"\n                                        'Admin.NewsletterItem.Validation.SendUntil' | transloco\n                                    \">\n                  <div>\n                    <p-calendar formControlName=\"send_until\"\n                      [showIcon]=\"true\"\n                      dateFormat=\"yy-mm-dd\"\n                      [ngClass]=\"{\n                                                'is-invalid': submitted && f['send_until'].errors\n                                            }\">\n                    </p-calendar>\n                  </div>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- Only new users -->\n            <div class=\"col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.OnlyNewUsers' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.OnlyNewUsers' | transloco\"\n                  name=\"only_new_users\">\n                  <ui-switch formControlName=\"only_new_users\"\n                    name=\"only_new_users\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['only_new_users'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n            <!-- IS PUSHED -->\n            <div class=\"col-md-3\">\n              <div class=\"mb-3\">\n                <pw-input-container [showTooltip]=\"true\"\n                  [tooltipText]=\"\n                                        'Admin.NewsletterItem.Tooltip.ShouldDeliver' | transloco\n                                    \"\n                  [label]=\"'Admin.NewsletterItem.ShouldDeliver' | transloco\"\n                  name=\"is_pushed\">\n                  <ui-switch formControlName=\"is_pushed\"\n                    name=\"is_pushed\"\n                    [ngClass]=\"{\n                                            'is-invalid': submitted && f['is_pushed'].errors\n                                        }\">\n                  </ui-switch>\n                </pw-input-container>\n              </div>\n            </div>\n          </div>\n          <div class=\"row\"></div>\n          <div class=\"row text-end mt-3\">\n            <div class=\"col-12\">\n              <button type=\"button\"\n                class=\"btn btn-outline-default me-2\"\n                (click)=\"back()\">\n                {{ 'Button.Cancel' | transloco }}\n              </button>\n              <button type=\"submit\"\n                class=\"btn btn-primary\"\n                *rbacAllow=\"'Pages.Admin.Newsletter.Edit'\">\n                {{ 'Button.Save' | transloco }}\n              </button>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i2.TagService }, { type: i2.ProductService }, { type: i0.Injector }], propDecorators: { placesRef: [{

package/esm2022/lib/components/newsletters/newsletter-users-list/newsletter-users-list.component.mjs CHANGED Viewed

@@ -66,10 +66,10 @@ export class NewsletterUsersListComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NewsletterUsersListComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: NewsletterUsersListComponent, selector: "pw-newsletter-users-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"m-subheader__title m-subheader__title--separator\">Newsletter recipients</h3>\n    </div>\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\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.newsletter_users\"\n    [paginator]=\"true\"\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 users...\"\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=\"first_name\">\n          {{ 'Lable.Name' | transloco }}\n          <p-sortIcon field=\"first_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Lable.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"joined_at\">\n          {{ 'Admin.NewsletterItem.JoinedAt' | transloco }}\n          <p-sortIcon field=\"joined_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.NewsletterItem.LastSignInAt' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_opened\">\n          {{ 'Admin.NewsletterItem.LastOpened' | transloco }}\n          <p-sortIcon field=\"last_opened\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"open_count\">\n          {{ 'Admin.NewsletterItem.OpenCount' | transloco }}\n          <p-sortIcon field=\"open_count\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_at\">\n          {{ 'Admin.NewsletterItem.ClickedAt' | transloco }}\n          <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_count\">\n          {{ 'Admin.NewsletterItem.ClickedCount' | transloco }}\n          <p-sortIcon field=\"clicked_count\"></p-sortIcon>\n        </th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-user>\n      <tr>\n        <td data-head=\"Name\">\n          <a [routerLink]=\"['/members', user?.slug]\">{{ user?.first_name }} {{ user?.last_name }}</a>\n        </td>\n        <td data-head=\"Email\">{{ user?.email }}</td>\n        <td data-head=\"Joined At\">{{ user?.joined_at | dateFormat }}</td>\n        <td data-head=\"Last Sign In At\">{{ user?.last_sign_in_at | dateFormat }}</td>\n        <td data-head=\"Last Opened\">{{ user?.last_opened }}</td>\n        <td data-head=\"Open Count\">{{ user?.open_count }}</td>\n        <td data-head=\"Clicked At\">{{ user?.clicked_at }}</td>\n        <td data-head=\"Clicked Count\">{{ user?.clicked_count }}</td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsLetterRecipientsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NewsletterUsersListComponent, deps: [{ token: i0.Injector }, { token: i1.AdminService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: NewsletterUsersListComponent, selector: "pw-newsletter-users-list", usesInheritance: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"m-subheader__title m-subheader__title--separator\">Newsletter recipients</h3>\n    </div>\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\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.newsletter_users\"\n    [paginator]=\"true\"\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 users...\"\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=\"first_name\">\n          {{ 'Lable.Name' | transloco }}\n          <p-sortIcon field=\"first_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Lable.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"joined_at\">\n          {{ 'Admin.NewsletterItem.JoinedAt' | transloco }}\n          <p-sortIcon field=\"joined_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.NewsletterItem.LastSignInAt' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_opened\">\n          {{ 'Admin.NewsletterItem.LastOpened' | transloco }}\n          <p-sortIcon field=\"last_opened\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"open_count\">\n          {{ 'Admin.NewsletterItem.OpenCount' | transloco }}\n          <p-sortIcon field=\"open_count\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_at\">\n          {{ 'Admin.NewsletterItem.ClickedAt' | transloco }}\n          <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_count\">\n          {{ 'Admin.NewsletterItem.ClickedCount' | transloco }}\n          <p-sortIcon field=\"clicked_count\"></p-sortIcon>\n        </th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-user>\n      <tr>\n        <td data-head=\"Name\">\n          <a [routerLink]=\"['/members', user?.slug]\">{{ user?.first_name }} {{ user?.last_name }}</a>\n        </td>\n        <td data-head=\"Email\">{{ user?.email }}</td>\n        <td data-head=\"Joined At\">{{ user?.joined_at | dateFormat }}</td>\n        <td data-head=\"Last Sign In At\">{{ user?.last_sign_in_at | dateFormat }}</td>\n        <td data-head=\"Last Opened\">{{ user?.last_opened }}</td>\n        <td data-head=\"Open Count\">{{ user?.open_count }}</td>\n        <td data-head=\"Clicked At\">{{ user?.clicked_at }}</td>\n        <td data-head=\"Clicked Count\">{{ user?.clicked_count }}</td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsLetterRecipientsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n", dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i8.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i9.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "pipe", type: i10.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i11.DateFormatPipe, name: "dateFormat" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NewsletterUsersListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NewsletterUsersListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-newsletter-users-list', template: "<div class=\"row\">\n  <div class=\"col-12 mb-3\">\n    <div class=\"me-auto col-xs-6\">\n      <a href=\"javascript:void(0)\"\n        (click)=\"back()\"\n        class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n      <h3 class=\"m-subheader__title m-subheader__title--separator\">Newsletter recipients</h3>\n    </div>\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\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"data.unfiltered_count === 0\">\n  <p-table #dt\n    [value]=\"data.newsletter_users\"\n    [paginator]=\"true\"\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 users...\"\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=\"first_name\">\n          {{ 'Lable.Name' | transloco }}\n          <p-sortIcon field=\"first_name\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"email\">\n          {{ 'Lable.Email' | transloco }}\n          <p-sortIcon field=\"email\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"joined_at\">\n          {{ 'Admin.NewsletterItem.JoinedAt' | transloco }}\n          <p-sortIcon field=\"joined_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_sign_in_at\">\n          {{ 'Admin.NewsletterItem.LastSignInAt' | transloco }}\n          <p-sortIcon field=\"last_sign_in_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"last_opened\">\n          {{ 'Admin.NewsletterItem.LastOpened' | transloco }}\n          <p-sortIcon field=\"last_opened\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"open_count\">\n          {{ 'Admin.NewsletterItem.OpenCount' | transloco }}\n          <p-sortIcon field=\"open_count\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_at\">\n          {{ 'Admin.NewsletterItem.ClickedAt' | transloco }}\n          <p-sortIcon field=\"clicked_at\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"clicked_count\">\n          {{ 'Admin.NewsletterItem.ClickedCount' | transloco }}\n          <p-sortIcon field=\"clicked_count\"></p-sortIcon>\n        </th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-user>\n      <tr>\n        <td data-head=\"Name\">\n          <a [routerLink]=\"['/members', user?.slug]\">{{ user?.first_name }} {{ user?.last_name }}</a>\n        </td>\n        <td data-head=\"Email\">{{ user?.email }}</td>\n        <td data-head=\"Joined At\">{{ user?.joined_at | dateFormat }}</td>\n        <td data-head=\"Last Sign In At\">{{ user?.last_sign_in_at | dateFormat }}</td>\n        <td data-head=\"Last Opened\">{{ user?.last_opened }}</td>\n        <td data-head=\"Open Count\">{{ user?.open_count }}</td>\n        <td data-head=\"Clicked At\">{{ user?.clicked_at }}</td>\n        <td data-head=\"Clicked Count\">{{ user?.clicked_count }}</td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"data.object_count === 0 && data.unfiltered_count !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ data.object_count }}</span>\n</div>\n<div *ngIf=\"data.unfiltered_count === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsLetterRecipientsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AdminService }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/components/newsletters/newsletters-insight/newsletters-insight.component.mjs CHANGED Viewed

@@ -21,10 +21,10 @@ export class NewsletterInsightComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NewsletterInsightComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: NewsletterInsightComponent, selector: "pw-newsletter-insight", usesInheritance: true, ngImport: i0, template: "<div class=\"my-3 title\">\n  <h2 class=\"card-title p-0 float-start\">Newsletters Insight</h2>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\nCalendar\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "component", type: i2.PlotlyComponent, selector: "plotly-plot", inputs: ["data", "layout", "config", "frames", "style", "theme", "divId", "revision", "className", "debug", "useResizeHandler", "updateOnLayoutChange", "updateOnDataChange", "updateOnlyWithRevision"], outputs: ["initialized", "update", "purge", "error", "afterExport", "afterPlot", "animated", "animatingFrame", "animationInterrupted", "autoSize", "beforeExport", "beforeHover", "buttonClicked", "click", "plotlyClick", "clickAnnotation", "deselect", "doubleClick", "framework", "hover", "legendClick", "legendDoubleClick", "react", "relayout", "relayouting", "restyle", "redraw", "selected", "selecting", "sliderChange", "sliderEnd", "sliderStart", "sunburstclick", "transitioning", "transitionInterrupted", "unhover", "treemapclick", "webglcontextlost"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NewsletterInsightComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: NewsletterInsightComponent, selector: "pw-newsletter-insight", usesInheritance: true, ngImport: i0, template: "<div class=\"my-3 title\">\n  <h2 class=\"card-title p-0 float-start\">Newsletters Insight</h2>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\nCalendar\n", styles: [".title{height:30px}\n"], dependencies: [{ kind: "component", type: i2.PlotlyComponent, selector: "plotly-plot", inputs: ["data", "layout", "config", "frames", "style", "theme", "divId", "revision", "className", "debug", "useResizeHandler", "updateOnLayoutChange", "updateOnDataChange", "updateOnlyWithRevision"], outputs: ["initialized", "update", "purge", "error", "afterExport", "afterPlot", "animated", "animatingFrame", "animationInterrupted", "autoSize", "beforeExport", "beforeHover", "buttonClicked", "click", "plotlyClick", "clickAnnotation", "deselect", "doubleClick", "framework", "hover", "legendClick", "legendDoubleClick", "react", "relayout", "relayouting", "restyle", "redraw", "selected", "selecting", "sliderChange", "sliderEnd", "sliderStart", "sunburstclick", "transitioning", "transitionInterrupted", "unhover", "treemapclick", "webglcontextlost"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NewsletterInsightComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NewsletterInsightComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-newsletter-insight', template: "<div class=\"my-3 title\">\n  <h2 class=\"card-title p-0 float-start\">Newsletters Insight</h2>\n</div>\n\n<ng-template [ngIf]=\"graph\">\n  <plotly-plot [data]=\"graph?.data\"\n    [layout]=\"graph?.layout\"></plotly-plot>\n</ng-template>\nCalendar\n", styles: [".title{height:30px}\n"] }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i0.Injector }] });

package/esm2022/lib/components/newsletters/newsletters-items/newsletters-items.component.mjs CHANGED Viewed

@@ -161,10 +161,10 @@ export class NewslettersItemsComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NewslettersItemsComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: NewslettersItemsComponent, selector: "pw-newsletters-items", usesInheritance: true, ngImport: i0, template: "<div class=\"row mt-3\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center\">\n    <h2 class=\"card-title p-0 float-start\">Newsletters Items</h2>\n    <button *rbacAllow=\"'SubscriptionAdmin'\"\n      class=\"btn btn-sm btn-outline-primary float-end m-0\"\n      (click)=\"navigateToCreateNewsletterItem()\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Newsletter Item\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalRecordsUnFilter === 0\">\n  <div class=\"row\">\n    <div class=\"col-8\">\n      <div>\n        <span class=\"d-block\"> Search </span>\n        <input type=\"text\"\n          [(ngModel)]=\"searchTextItems\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search...\"\n          data-cy=\"user-search\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"wd-90\" />\n      </div>\n    </div>\n    <div class=\"col-4 float-end\">\n      Filter By Newsletter\n      <p-multiSelect [options]=\"newsletters\"\n        (onChange)=\"onNewsletterChange($event)\"\n        [placeholder]=\"selectedNewsletter?.label\"\n        appendTo=\"body\">\n      </p-multiSelect>\n    </div>\n  </div>\n  <p-table #dt\n    [value]=\"newslettersItems\"\n    [paginator]=\"true\"\n    [globalFilterFields]=\"['title']\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"newslettersItemsTotal\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"onLazyLoadNewsletterItems($event)\"\n    [loading]=\"isLoading\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"title\">\n          {{ 'Label.Title' | transloco }}\n          <p-sortIcon field=\"title\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.NewsletterItem.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"location\">\n          {{ 'Admin.NewsletterItem.Location' | transloco }}\n          <p-sortIcon field=\"location'\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"send_until\">\n          {{ 'Admin.NewsletterItem.SendUntil' | transloco }}\n          <p-sortIcon field=\"send_until\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_pushed\">\n          {{ 'Admin.NewsletterItem.Pushed' | transloco }}\n          <p-sortIcon field=\"is_pushed\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_sent\">\n          {{ 'Admin.NewsletterItem.Sent' | transloco }}\n          <p-sortIcon field=\"is_sent\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-four\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Title\">{{ item.title }}</td>\n        <td data-head=\"Body\"\n          class=\"custom-td\">\n          {{ item.body | removeHtml | textTruncate: 200 }}\n        </td>\n        <td data-head=\"Location\">{{ item.location }}</td>\n        <td data-head=\"Send Until\">\n          <span [ngClass]=\"getSendUntilColor(item?.send_until)\">{{\n                        item.send_until | dateFormat\n                    }}</span>\n        </td>\n        <td data-head=\"Is Pushed\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_pushed }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_pushed }}</span>\n        </td>\n        <td data-head=\"Is Sent\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_sent }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_sent }}</span>\n        </td>\n        <td data-head=\"Action\"\n          *rbacAllow=\"'SubscriptionAdmin'\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Send test email\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                class=\"fa fa-comment-alt cta1-icon\"\n                                (click)=\"sendTestEmail(item)\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newsletterItemDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Newsletter recipients\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newslettersUserList + item.id]\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"newslettersItemsTotal === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ newslettersItemsTotal }}</span>\n</div>\n<div *ngIf=\"totalRecordsUnFilter === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsletterItemsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.custom-td{max-width:400px;word-break:break-all}\n"], dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i4.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]" }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i10.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i11.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i11.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i12.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i14.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i14.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i14.TextTruncatePipe, name: "textTruncate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NewslettersItemsComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: NewslettersItemsComponent, selector: "pw-newsletters-items", usesInheritance: true, ngImport: i0, template: "<div class=\"row mt-3\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center\">\n    <h2 class=\"card-title p-0 float-start\">Newsletters Items</h2>\n    <button *rbacAllow=\"'SubscriptionAdmin'\"\n      class=\"btn btn-sm btn-outline-primary float-end m-0\"\n      (click)=\"navigateToCreateNewsletterItem()\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Newsletter Item\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalRecordsUnFilter === 0\">\n  <div class=\"row\">\n    <div class=\"col-8\">\n      <div>\n        <span class=\"d-block\"> Search </span>\n        <input type=\"text\"\n          [(ngModel)]=\"searchTextItems\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search...\"\n          data-cy=\"user-search\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"wd-90\" />\n      </div>\n    </div>\n    <div class=\"col-4 float-end\">\n      Filter By Newsletter\n      <p-multiSelect [options]=\"newsletters\"\n        (onChange)=\"onNewsletterChange($event)\"\n        [placeholder]=\"selectedNewsletter?.label\"\n        appendTo=\"body\">\n      </p-multiSelect>\n    </div>\n  </div>\n  <p-table #dt\n    [value]=\"newslettersItems\"\n    [paginator]=\"true\"\n    [globalFilterFields]=\"['title']\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"newslettersItemsTotal\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"onLazyLoadNewsletterItems($event)\"\n    [loading]=\"isLoading\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"title\">\n          {{ 'Label.Title' | transloco }}\n          <p-sortIcon field=\"title\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.NewsletterItem.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"location\">\n          {{ 'Admin.NewsletterItem.Location' | transloco }}\n          <p-sortIcon field=\"location'\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"send_until\">\n          {{ 'Admin.NewsletterItem.SendUntil' | transloco }}\n          <p-sortIcon field=\"send_until\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_pushed\">\n          {{ 'Admin.NewsletterItem.Pushed' | transloco }}\n          <p-sortIcon field=\"is_pushed\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_sent\">\n          {{ 'Admin.NewsletterItem.Sent' | transloco }}\n          <p-sortIcon field=\"is_sent\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-four\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Title\">{{ item.title }}</td>\n        <td data-head=\"Body\"\n          class=\"custom-td\">\n          {{ item.body | removeHtml | textTruncate: 200 }}\n        </td>\n        <td data-head=\"Location\">{{ item.location }}</td>\n        <td data-head=\"Send Until\">\n          <span [ngClass]=\"getSendUntilColor(item?.send_until)\">{{\n                        item.send_until | dateFormat\n                    }}</span>\n        </td>\n        <td data-head=\"Is Pushed\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_pushed }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_pushed }}</span>\n        </td>\n        <td data-head=\"Is Sent\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_sent }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_sent }}</span>\n        </td>\n        <td data-head=\"Action\"\n          *rbacAllow=\"'SubscriptionAdmin'\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Send test email\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                class=\"fa fa-comment-alt cta1-icon\"\n                                (click)=\"sendTestEmail(item)\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newsletterItemDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Newsletter recipients\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newslettersUserList + item.id]\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"newslettersItemsTotal === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ newslettersItemsTotal }}</span>\n</div>\n<div *ngIf=\"totalRecordsUnFilter === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsletterItemsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.custom-td{max-width:400px;word-break:break-all}\n"], dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i4.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i5.InputText, selector: "[pInputText]" }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i9.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration"] }, { kind: "component", type: i10.NoDataComponent, selector: "pw-no-data", inputs: ["message"] }, { kind: "directive", type: i11.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color"] }, { kind: "directive", type: i11.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i12.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: i13.TranslocoPipe, name: "transloco" }, { kind: "pipe", type: i14.DateFormatPipe, name: "dateFormat" }, { kind: "pipe", type: i14.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i14.TextTruncatePipe, name: "textTruncate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NewslettersItemsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NewslettersItemsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-newsletters-items', template: "<div class=\"row mt-3\">\n  <div class=\"col-12 d-flex justify-content-between align-items-center\">\n    <h2 class=\"card-title p-0 float-start\">Newsletters Items</h2>\n    <button *rbacAllow=\"'SubscriptionAdmin'\"\n      class=\"btn btn-sm btn-outline-primary float-end m-0\"\n      (click)=\"navigateToCreateNewsletterItem()\">\n      <i class=\"fa fa-plus-circle\" aria-hidden=\"true\"></i> Create Newsletter Item\n    </button>\n  </div>\n</div>\n<div class=\"w-100 text-center mt-3\"\n  *ngIf=\"!isLoaded\">\n  <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n</div>\n<div class=\"primeng-datatable-container table-responsive\"\n  [class.hideTable]=\"totalRecordsUnFilter === 0\">\n  <div class=\"row\">\n    <div class=\"col-8\">\n      <div>\n        <span class=\"d-block\"> Search </span>\n        <input type=\"text\"\n          [(ngModel)]=\"searchTextItems\"\n          pInputText\n          size=\"50\"\n          placeholder=\"Search...\"\n          data-cy=\"user-search\"\n          (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n          class=\"wd-90\" />\n      </div>\n    </div>\n    <div class=\"col-4 float-end\">\n      Filter By Newsletter\n      <p-multiSelect [options]=\"newsletters\"\n        (onChange)=\"onNewsletterChange($event)\"\n        [placeholder]=\"selectedNewsletter?.label\"\n        appendTo=\"body\">\n      </p-multiSelect>\n    </div>\n  </div>\n  <p-table #dt\n    [value]=\"newslettersItems\"\n    [paginator]=\"true\"\n    [globalFilterFields]=\"['title']\"\n    [rows]=\"PAGE_SIZE\"\n    [totalRecords]=\"newslettersItemsTotal\"\n    [lazy]=\"true\"\n    (onLazyLoad)=\"onLazyLoadNewsletterItems($event)\"\n    [loading]=\"isLoading\"\n    [customSort]=\"true\">\n    <ng-template pTemplate=\"header\">\n      <tr>\n        <th scope=\"true\"\n          pSortableColumn=\"title\">\n          {{ 'Label.Title' | transloco }}\n          <p-sortIcon field=\"title\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"body\">\n          {{ 'Admin.NewsletterItem.Body' | transloco }}\n          <p-sortIcon field=\"body\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"location\">\n          {{ 'Admin.NewsletterItem.Location' | transloco }}\n          <p-sortIcon field=\"location'\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"send_until\">\n          {{ 'Admin.NewsletterItem.SendUntil' | transloco }}\n          <p-sortIcon field=\"send_until\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_pushed\">\n          {{ 'Admin.NewsletterItem.Pushed' | transloco }}\n          <p-sortIcon field=\"is_pushed\"></p-sortIcon>\n        </th>\n        <th scope=\"true\"\n          pSortableColumn=\"is_sent\">\n          {{ 'Admin.NewsletterItem.Sent' | transloco }}\n          <p-sortIcon field=\"is_sent\"></p-sortIcon>\n        </th>\n        <th class=\"actions-list-four\"\n          scope=\"true\">{{ 'Label.Actions' | transloco }}</th>\n      </tr>\n    </ng-template>\n    <ng-template pTemplate=\"body\"\n      let-item>\n      <tr>\n        <td data-head=\"Title\">{{ item.title }}</td>\n        <td data-head=\"Body\"\n          class=\"custom-td\">\n          {{ item.body | removeHtml | textTruncate: 200 }}\n        </td>\n        <td data-head=\"Location\">{{ item.location }}</td>\n        <td data-head=\"Send Until\">\n          <span [ngClass]=\"getSendUntilColor(item?.send_until)\">{{\n                        item.send_until | dateFormat\n                    }}</span>\n        </td>\n        <td data-head=\"Is Pushed\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_pushed }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_pushed }}</span>\n        </td>\n        <td data-head=\"Is Sent\">\n          <span [appDynamicBadge]=\"{ itemsArray: [true, false], item: item?.is_sent }\"\n            color=\"success-danger\"\n            class=\"badge\">{{ item?.is_sent }}</span>\n        </td>\n        <td data-head=\"Action\"\n          *rbacAllow=\"'SubscriptionAdmin'\">\n          <ul class=\"list-unstyled list-inline\">\n            <li ngbTooltip=\"Send test email\"\n              class=\"me-2 me-sm-3\">\n              <i\n                                class=\"fa fa-comment-alt cta1-icon\"\n                                (click)=\"sendTestEmail(item)\"\n                                aria-hidden=\"true\"\n                            ></i>\n            </li>\n            <li ngbTooltip=\"Edit\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newsletterItemDetails + item.id]\">\n              <i class=\"fa fa-edit edit-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Delete\"\n              class=\"me-2 me-sm-3\"\n              (click)=\"onDelete(item)\">\n              <i class=\"fa fa-trash delete-icon\" aria-hidden=\"true\"></i>\n            </li>\n            <li ngbTooltip=\"Newsletter recipients\"\n              class=\"me-2 me-sm-3\"\n              [routerLink]=\"[routers.newslettersUserList + item.id]\">\n              <i class=\"fa fa-tasks cta1-icon\" aria-hidden=\"true\"></i>\n            </li>\n          </ul>\n        </td>\n      </tr>\n    </ng-template>\n  </p-table>\n  <div *ngIf=\"newslettersItemsTotal === 0 && totalRecordsUnFilter !== 0\">\n    <pw-no-data message=\"No Result\"> </pw-no-data>\n  </div>\n  <span class=\"total-records-count\">{{ 'Label.Total' | transloco }}: {{ newslettersItemsTotal }}</span>\n</div>\n<div *ngIf=\"totalRecordsUnFilter === 0 && isLoaded\">\n  <pw-no-data [message]=\"'Admin.NewsletterItem.NewsletterItemsNoDataMessage' | transloco\">\n  </pw-no-data>\n</div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}.custom-td{max-width:400px;word-break:break-all}\n"] }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }] });

package/esm2022/lib/components/newsletters/newsletters-list/newsletters-list.component.mjs CHANGED Viewed

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

package/esm2022/lib/components/newsletters/newsletters-tabs/newsletters-tabs.component.mjs CHANGED Viewed

@@ -28,10 +28,10 @@ export class NewsletterComponent extends AppBaseComponent {
             }
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NewsletterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: NewsletterComponent, selector: "pw-newsletter", usesInheritance: true, ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, styles: [".text-truncate{max-width:150px}.card-body{min-height:65vh}\n"], dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NewsletterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: NewsletterComponent, selector: "pw-newsletter", usesInheritance: true, ngImport: i0, template: `<pw-tabs [items]="items"></pw-tabs>`, isInline: true, styles: [".text-truncate{max-width:150px}.card-body{min-height:65vh}\n"], dependencies: [{ kind: "component", type: i1.PwTabsComponent, selector: "pw-tabs", inputs: ["items", "withSubscription"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: NewsletterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: NewsletterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-newsletter', template: `<pw-tabs [items]="items"></pw-tabs>`, styles: [".text-truncate{max-width:150px}.card-body{min-height:65vh}\n"] }]
         }] });

package/esm2022/lib/components/permissions/permissions-details/permissions-details.component.mjs CHANGED Viewed

@@ -62,8 +62,8 @@ export class PermissionsDetailsComponent extends AppBaseComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PermissionsDetailsComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: PermissionsDetailsComponent, selector: "pw-permissions-details", viewQueries: [{ propertyName: "menu", first: true, predicate: ["menuItems"], descendants: true, static: true }, { propertyName: "permissionTree", first: true, predicate: ["permissionTree"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabMenu #menuItems\n    [model]=\"items\"\n    [activeItem]=\"activeItem\"></p-tabMenu>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"mb-4\">\n        <div class=\"d-flex align-items-center\">\n          <div class=\"me-auto col-xs-6\">\n            <a href=\"javascript:void(0)\"\n              [routerLink]=\"[routers.permissionsList]\"\n              class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n            <h3 class=\"\">Permission: {{ permissions?.name }}</h3>\n          </div>\n        </div>\n      </div>\n\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"savePermissionDetails()\">\n        <div class=\"row\">\n          <div class=\"col-12 col-md-8\">\n            <div class=\"mb-3\">\n              <label>{{ 'Permissions.PermissionName' | transloco }}</label>\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"name\" />\n            </div>\n          </div>\n          <div class=\"col-12 col-md-4\">\n            <div class=\"mb-3 text-center\">\n              <label>{{ 'Permissions.IsActive' | transloco }}</label>\n              <br />\n              <ui-switch class=\"d-block\"\n                formControlName=\"active\"\n                name=\"active\">\n              </ui-switch>\n            </div>\n          </div>\n        </div>\n        <div class=\"row mt-5 text-end\">\n          <div class=\"col-12\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onDiscard()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              class=\"btn btn-primary\"\n              *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i3.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: "component", type: i4.TabMenu, selector: "p-tabMenu", inputs: ["model", "activeItem", "scrollable", "popup", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["activeItemChange"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i7.TranslocoPipe, name: "transloco" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: PermissionsDetailsComponent, deps: [{ token: i1.AdminService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: PermissionsDetailsComponent, selector: "pw-permissions-details", viewQueries: [{ propertyName: "menu", first: true, predicate: ["menuItems"], descendants: true, static: true }, { propertyName: "permissionTree", first: true, predicate: ["permissionTree"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabMenu #menuItems\n    [model]=\"items\"\n    [activeItem]=\"activeItem\"></p-tabMenu>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"mb-4\">\n        <div class=\"d-flex align-items-center\">\n          <div class=\"me-auto col-xs-6\">\n            <a href=\"javascript:void(0)\"\n              [routerLink]=\"[routers.permissionsList]\"\n              class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n            <h3 class=\"\">Permission: {{ permissions?.name }}</h3>\n          </div>\n        </div>\n      </div>\n\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"savePermissionDetails()\">\n        <div class=\"row\">\n          <div class=\"col-12 col-md-8\">\n            <div class=\"mb-3\">\n              <label>{{ 'Permissions.PermissionName' | transloco }}</label>\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"name\" />\n            </div>\n          </div>\n          <div class=\"col-12 col-md-4\">\n            <div class=\"mb-3 text-center\">\n              <label>{{ 'Permissions.IsActive' | transloco }}</label>\n              <br />\n              <ui-switch class=\"d-block\"\n                formControlName=\"active\"\n                name=\"active\">\n              </ui-switch>\n            </div>\n          </div>\n        </div>\n        <div class=\"row mt-5 text-end\">\n          <div class=\"col-12\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onDiscard()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              class=\"btn btn-primary\"\n              *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i3.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: "component", type: i4.TabMenu, selector: "p-tabMenu", inputs: ["model", "activeItem", "scrollable", "popup", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["activeItemChange"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.RbacAllowDirective, selector: "[rbacAllow]", inputs: ["rbacAllow"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i7.TranslocoPipe, name: "transloco" }] }); }
 }
 __decorate([
     ValidateForm('form'),
@@ -71,7 +71,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], PermissionsDetailsComponent.prototype, "savePermissionDetails", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: PermissionsDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: PermissionsDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pw-permissions-details', template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabMenu #menuItems\n    [model]=\"items\"\n    [activeItem]=\"activeItem\"></p-tabMenu>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"mb-4\">\n        <div class=\"d-flex align-items-center\">\n          <div class=\"me-auto col-xs-6\">\n            <a href=\"javascript:void(0)\"\n              [routerLink]=\"[routers.permissionsList]\"\n              class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n            <h3 class=\"\">Permission: {{ permissions?.name }}</h3>\n          </div>\n        </div>\n      </div>\n\n      <form [formGroup]=\"form\"\n        (ngSubmit)=\"savePermissionDetails()\">\n        <div class=\"row\">\n          <div class=\"col-12 col-md-8\">\n            <div class=\"mb-3\">\n              <label>{{ 'Permissions.PermissionName' | transloco }}</label>\n              <input type=\"text\"\n                class=\"form-control\"\n                formControlName=\"name\" />\n            </div>\n          </div>\n          <div class=\"col-12 col-md-4\">\n            <div class=\"mb-3 text-center\">\n              <label>{{ 'Permissions.IsActive' | transloco }}</label>\n              <br />\n              <ui-switch class=\"d-block\"\n                formControlName=\"active\"\n                name=\"active\">\n              </ui-switch>\n            </div>\n          </div>\n        </div>\n        <div class=\"row mt-5 text-end\">\n          <div class=\"col-12\">\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"onDiscard()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              class=\"btn btn-primary\"\n              *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.AdminService }, { type: i0.Injector }], propDecorators: { menu: [{