@osovitny/anatoly 3.19.48 → 3.20.0

package/fesm2022/osovitny-anatoly.mjs

@@ -21,11 +21,9 @@ import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import Swal from 'sweetalert2';
 import * as i1$5 from 'ngx-toastr';
 import { ToastrModule } from 'ngx-toastr';
-import * as i2 from '@angular/cdk/layout';
-import { Breakpoints } from '@angular/cdk/layout';
 import * as i1$6 from '@angular/cdk/platform';
 import * as i1$7 from '@angular/platform-browser';
-import * as i2$1 from '@angular/forms';
+import * as i2 from '@angular/forms';
 import { FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as dropin from 'braintree-web-drop-in';
 import * as i4 from '@progress/kendo-angular-dialog';
@@ -3494,27 +3492,15 @@ class NotificationService {
     }], () => [{ type: i1$5.ToastrService }], null); })();
 
 class BrowserService {
-    constructor(platform, breakpointObserver) {
+    constructor(platform) {
         this.platform = platform;
-        this.breakpointObserver = breakpointObserver;
-        // Breakpoint status flags
-        this.isMobileScreen = false;
-        this.isTabletScreen = false;
-        // Reactive update stream
+        //updated
         this._updated = new BehaviorSubject(null);
         this.updated$ = this._updated.asObservable();
         this.init();
     }
     init() {
-        // Listen to Angular CDK breakpoints for screen size changes
-        this.breakpointObserver
-            .observe([Breakpoints.Handset, Breakpoints.Tablet])
-            .subscribe(result => {
-            const breakpoints = result.breakpoints;
-            this.isMobileScreen = breakpoints[Breakpoints.Handset] || false;
-            this.isTabletScreen = breakpoints[Breakpoints.Tablet] || false;
-            this.fireUpdated();
-        });
+        this.fireUpdated();
     }
     fireUpdated() {
         this._updated.next(null);
@@ -3581,7 +3567,7 @@ class BrowserService {
     get userAgent() {
         return navigator.userAgent.toLowerCase();
     }
-    static { this.ɵfac = function BrowserService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BrowserService)(i0.ɵɵinject(i1$6.Platform), i0.ɵɵinject(i2.BreakpointObserver)); }; }
+    static { this.ɵfac = function BrowserService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BrowserService)(i0.ɵɵinject(i1$6.Platform)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BrowserService, factory: BrowserService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BrowserService, [{
@@ -3589,7 +3575,7 @@ class BrowserService {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1$6.Platform }, { type: i2.BreakpointObserver }], null); })();
+    }], () => [{ type: i1$6.Platform }], null); })();
 
 /*
 <file>
@@ -4609,7 +4595,7 @@ class OrderSummaryComponent extends ComponentBase {
             i0.ɵɵelementStart(15, "span", 8);
             i0.ɵɵtext(16, "Add a Promo Code:");
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(17, OrderSummaryComponent_Conditional_17_Template, 5, 4, "div", 9);
+            i0.ɵɵconditionalCreate(17, OrderSummaryComponent_Conditional_17_Template, 5, 4, "div", 9);
             i0.ɵɵelement(18, "div", 6);
             i0.ɵɵelementStart(19, "div", 10)(20, "span");
             i0.ɵɵtext(21, "Discounts & Savings:");
@@ -4626,7 +4612,7 @@ class OrderSummaryComponent extends ComponentBase {
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
             i0.ɵɵadvance(12);
-            i0.ɵɵtextInterpolate1("$", ctx.ps.subtotal, "");
+            i0.ɵɵtextInterpolate1("$", ctx.ps.subtotal);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$2, ctx.showPromoCode));
             i0.ɵɵadvance(3);
@@ -4634,8 +4620,8 @@ class OrderSummaryComponent extends ComponentBase {
             i0.ɵɵadvance(6);
             i0.ɵɵtextInterpolate(ctx.discount);
             i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate1("$", ctx.toTotal(), "");
-        } }, dependencies: [i1$1.NgClass, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgModel], encapsulation: 2 }); }
+            i0.ɵɵtextInterpolate1("$", ctx.toTotal());
+        } }, dependencies: [i1$1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrderSummaryComponent, [{
         type: Component,
@@ -4751,10 +4737,9 @@ function PaymentMethodsComponent_For_9_Template(rf, ctx) { if (rf & 1) {
     const item_r2 = ctx.$implicit;
     i0.ɵɵclassProp("selected", item_r2.selected);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("Pay with ", item_r2.title, "");
+    i0.ɵɵtextInterpolate1("Pay with ", item_r2.title);
     i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate1("src", "/assets/@lib/images/payment-icons/", item_r2.icon, ".png", i0.ɵɵsanitizeUrl);
-    i0.ɵɵpropertyInterpolate1("alt", "payment-icon ", item_r2.title, "");
+    i0.ɵɵproperty("src", i0.ɵɵinterpolate1("/assets/@lib/images/payment-icons/", item_r2.icon, ".png"), i0.ɵɵsanitizeUrl)("alt", i0.ɵɵinterpolate1("payment-icon ", item_r2.title));
 } }
 class PaymentMethodsComponent extends ComponentBase {
     constructor(ps) {
@@ -4888,13 +4873,13 @@ class PaymentOptionsComponent extends ComponentBase {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$g, ctx.ps.selectedPaymentType == 2));
             i0.ɵɵadvance(7);
-            i0.ɵɵtextInterpolate1("$", ctx.priceWeekly, "");
+            i0.ɵɵtextInterpolate1("$", ctx.priceWeekly);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$g, ctx.ps.selectedPaymentType == 1));
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate1("Covers the full ", ctx.numberOfWeeks, " weeks ");
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1("$", ctx.priceUpfront, "");
+            i0.ɵɵtextInterpolate1("$", ctx.priceUpfront);
         } }, dependencies: [i1$1.NgClass], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentOptionsComponent, [{
@@ -5498,7 +5483,7 @@ class BraintreeDialog extends DialogBase {
     }
     static { this.ɵfac = function BraintreeDialog_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BraintreeDialog)(i0.ɵɵdirectiveInject(BillingService), i0.ɵɵdirectiveInject(PaymentsService), i0.ɵɵdirectiveInject(NotificationService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BraintreeDialog, selectors: [["anatoly-billing-braintree-dialog"]], inputs: { paidFor: "paidFor", title: "title", description: "description", image: "image" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "send-message__kendo-dialog"], [3, "close", "width", "height", "themeColor"], [1, "kendo-dialog-content"], ["id", "braintree-container"], ["layout", "end"], ["type", "button", 1, "btn", "btn-sm", "btn-success", 3, "click"], ["type", "button", 1, "btn", "btn-sm", "btn-danger", 3, "click"]], template: function BraintreeDialog_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, BraintreeDialog_Conditional_0_Template, 11, 3, "div", 0);
+            i0.ɵɵconditionalCreate(0, BraintreeDialog_Conditional_0_Template, 11, 3, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.visible ? 0 : -1);
         } }, dependencies: [i4.DialogComponent, i4.DialogTitleBarComponent, i4.DialogActionsComponent], encapsulation: 2 }); }
@@ -6059,7 +6044,7 @@ class PaypalButtonComponent extends ComponentBase {
     }
     static { this.ɵfac = function PaypalButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaypalButtonComponent)(i0.ɵɵdirectiveInject(BillingService), i0.ɵɵdirectiveInject(PaymentsService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaypalButtonComponent, selectors: [["anatoly-billing-paypal-button"]], inputs: { paidForTitle: "paidForTitle", paidFor: "paidFor" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "config"]], template: function PaypalButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, PaypalButtonComponent_Conditional_0_Template, 1, 1, "anatoly-billing-paypal-container", 0);
+            i0.ɵɵconditionalCreate(0, PaypalButtonComponent_Conditional_0_Template, 1, 1, "anatoly-billing-paypal-container", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.visible ? 0 : -1);
         } }, dependencies: [PayPalComponent], encapsulation: 2 }); }
@@ -6283,7 +6268,7 @@ class StripeDialog extends DialogBase {
     }
     static { this.ɵfac = function StripeDialog_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StripeDialog)(i0.ɵɵdirectiveInject(BillingService), i0.ɵɵdirectiveInject(PaymentsService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StripeDialog, selectors: [["anatoly-billing-stripe-dialog"]], inputs: { paidFor: "paidFor", title: "title", description: "description", image: "image" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "send-message__kendo-dialog"], [3, "close", "width", "height", "themeColor"], [1, "kendo-dialog-content"], ["id", "stripeCheckout"]], template: function StripeDialog_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, StripeDialog_Conditional_0_Template, 6, 3, "div", 0);
+            i0.ɵɵconditionalCreate(0, StripeDialog_Conditional_0_Template, 6, 3, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.visible ? 0 : -1);
         } }, dependencies: [i4.DialogComponent, i4.DialogTitleBarComponent], encapsulation: 2 }); }
@@ -7073,7 +7058,7 @@ class CardComponent extends ComponentBase {
             i0.ɵɵprojection(4, 3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("card ", ctx.classes, "");
+            i0.ɵɵclassMap(i0.ɵɵinterpolate1("card ", ctx.classes));
         } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardComponent, [{
@@ -7117,7 +7102,7 @@ class CardHeaderComponent extends ComponentBase {
             i0.ɵɵprojection(3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("card-header ", ctx.classes, "");
+            i0.ɵɵclassMap(i0.ɵɵinterpolate1("card-header ", ctx.classes));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.title);
         } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
@@ -7152,7 +7137,7 @@ class CardBodyComponent extends ComponentBase {
             i0.ɵɵprojection(1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("card-body ", ctx.classes, "");
+            i0.ɵɵclassMap(i0.ɵɵinterpolate1("card-body ", ctx.classes));
         } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardBodyComponent, [{
@@ -7185,7 +7170,7 @@ class CardFooterComponent extends ComponentBase {
             i0.ɵɵprojection(1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("card-footer ", ctx.classes, "");
+            i0.ɵɵclassMap(i0.ɵɵinterpolate1("card-footer ", ctx.classes));
         } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardFooterComponent, [{
@@ -7218,7 +7203,7 @@ class NativeElementDirective {
         // sets the localization key to the control
         this.control.control.nativeElement = this.el.nativeElement;
     }
-    static { this.ɵfac = function NativeElementDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NativeElementDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2$1.NgControl)); }; }
+    static { this.ɵfac = function NativeElementDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NativeElementDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.NgControl)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NativeElementDirective, selectors: [["", "formControl", ""], ["", "formControlName", ""]], standalone: false }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NativeElementDirective, [{
@@ -7227,7 +7212,7 @@ class NativeElementDirective {
                 selector: '[formControl], [formControlName]',
                 standalone: false
             }]
-    }], () => [{ type: i0.ElementRef }, { type: i2$1.NgControl }], null); })();
+    }], () => [{ type: i0.ElementRef }, { type: i2.NgControl }], null); })();
 
 /*
 <file>
@@ -7251,7 +7236,7 @@ function CountryDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelement(0, "kendo-label", 6);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r0.title);
+    i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r0.title));
 } }
 function CountryDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 7);
@@ -7265,7 +7250,7 @@ function CountryDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
 } }
 function CountryDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵtemplate(1, CountryDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 3);
+    i0.ɵɵtemplate(1, CountryDropdownlist_div_1_kendo_label_1_Template, 1, 2, "kendo-label", 3);
     i0.ɵɵelementStart(2, "select", 4);
     i0.ɵɵtemplate(3, CountryDropdownlist_div_1_option_3_Template, 2, 2, "option", 5);
     i0.ɵɵelementEnd()();
@@ -7306,7 +7291,7 @@ class CountryDropdownlist extends EditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2$1.NgSelectOption, i2$1.ɵNgSelectMultipleOption, i2$1.SelectControlValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, i4$1.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$1.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CountryDropdownlist, [{
         type: Component,
@@ -7337,11 +7322,11 @@ function LanguageDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelement(0, "kendo-label", 5);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r0.title);
+    i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r0.title));
 } }
 function LanguageDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵtemplate(1, LanguageDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 3);
+    i0.ɵɵtemplate(1, LanguageDropdownlist_div_1_kendo_label_1_Template, 1, 2, "kendo-label", 3);
     i0.ɵɵelement(2, "kendo-dropdownlist", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -7371,7 +7356,7 @@ class LanguageDropdownlist extends EditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgIf, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LanguageDropdownlist, [{
         type: Component,
@@ -7567,12 +7552,12 @@ function ModerationStatusDropdownlist_div_0_kendo_label_1_Template(rf, ctx) { if
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
+    i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r1.title));
 } }
 function ModerationStatusDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, ModerationStatusDropdownlist_div_0_kendo_label_1_Template, 1, 1, "kendo-label", 2);
+    i0.ɵɵtemplate(1, ModerationStatusDropdownlist_div_0_kendo_label_1_Template, 1, 2, "kendo-label", 2);
     i0.ɵɵelementStart(2, "kendo-dropdownlist", 3);
     i0.ɵɵtwoWayListener("ngModelChange", function ModerationStatusDropdownlist_div_0_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.sv, $event) || (ctx_r1.sv = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("valueChange", function ModerationStatusDropdownlist_div_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onChange($event)); });
@@ -7589,11 +7574,11 @@ function ModerationStatusDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
+    i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r1.title));
 } }
 function ModerationStatusDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵtemplate(1, ModerationStatusDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 2);
+    i0.ɵɵtemplate(1, ModerationStatusDropdownlist_div_1_kendo_label_1_Template, 1, 2, "kendo-label", 2);
     i0.ɵɵelement(2, "kendo-dropdownlist", 6)(3, "anatoly-item-validation-summary", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -7619,7 +7604,7 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgIf, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, i2$1.NgModel, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModerationStatusDropdownlist, [{
         type: Component,
@@ -7646,12 +7631,12 @@ function PublishStatusDropdownlist_div_0_kendo_label_1_Template(rf, ctx) { if (r
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
+    i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r1.title));
 } }
 function PublishStatusDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, PublishStatusDropdownlist_div_0_kendo_label_1_Template, 1, 1, "kendo-label", 2);
+    i0.ɵɵtemplate(1, PublishStatusDropdownlist_div_0_kendo_label_1_Template, 1, 2, "kendo-label", 2);
     i0.ɵɵelementStart(2, "kendo-dropdownlist", 3);
     i0.ɵɵtwoWayListener("ngModelChange", function PublishStatusDropdownlist_div_0_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.sv, $event) || (ctx_r1.sv = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("valueChange", function PublishStatusDropdownlist_div_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onChange($event)); });
@@ -7668,11 +7653,11 @@ function PublishStatusDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (r
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
+    i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r1.title));
 } }
 function PublishStatusDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵtemplate(1, PublishStatusDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 2);
+    i0.ɵɵtemplate(1, PublishStatusDropdownlist_div_1_kendo_label_1_Template, 1, 2, "kendo-label", 2);
     i0.ɵɵelement(2, "kendo-dropdownlist", 6)(3, "anatoly-item-validation-summary", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -7698,7 +7683,7 @@ class PublishStatusDropdownlist extends EnumEditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgIf, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, i2$1.NgModel, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PublishStatusDropdownlist, [{
         type: Component,
@@ -7801,7 +7786,7 @@ class TimezoneDropdownlist extends EditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2$1.NgSelectOption, i2$1.ɵNgSelectMultipleOption, i2$1.SelectControlValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, NativeElementDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimezoneDropdownlist, [{
         type: Component,
@@ -8005,12 +7990,12 @@ function HtmlEditorComponent_div_0_kendo_label_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
+    i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r1.title));
 } }
 function HtmlEditorComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, HtmlEditorComponent_div_0_kendo_label_1_Template, 1, 1, "kendo-label", 2);
+    i0.ɵɵtemplate(1, HtmlEditorComponent_div_0_kendo_label_1_Template, 1, 2, "kendo-label", 2);
     i0.ɵɵelementStart(2, "textarea", 3);
     i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_div_0_Template_textarea_froalaInit_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.initializeControl($event)); });
     i0.ɵɵelementEnd()();
@@ -8025,12 +8010,12 @@ function HtmlEditorComponent_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
+    i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r1.title));
 } }
 function HtmlEditorComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵtemplate(1, HtmlEditorComponent_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 2);
+    i0.ɵɵtemplate(1, HtmlEditorComponent_div_1_kendo_label_1_Template, 1, 2, "kendo-label", 2);
     i0.ɵɵelementStart(2, "textarea", 6);
     i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_div_1_Template_textarea_froalaInit_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.initializeControl($event)); });
     i0.ɵɵtext(3, "  ");
@@ -8082,7 +8067,7 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgIf, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, i3$1.FroalaEditorDirective, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3$1.FroalaEditorDirective, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponent, [{
         type: Component,
@@ -8330,12 +8315,14 @@ class ControlPanelComponent extends ComponentBase {
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", viewType: "viewType", filterButtonVisible: "filterButtonVisible", sortByVisible: "sortByVisible", viewTypesVisible: "viewTypesVisible", addButtonVisible: "addButtonVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$9, decls: 9, vars: 4, consts: [[1, "os-control-panel"], [1, "control-wrapper"], [1, "filter"], [1, "tools"], [1, "sort-by"], [1, "actions"], [1, "action-add"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click", "ngClass"], ["height", "22", "viewBox", "0 0 32 32", "width", "20", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z", "fill", "currentColor"], ["valueField", "value", "textField", "text", 3, "ngModelChange", "valueChange", "data", "valuePrimitive", "ngModel"], ["fill", "none", "height", "18", "viewBox", "0 0 18 18", "width", "18", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "height", "15", "viewBox", "0 0 19 15", "width", "19", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z", "fill", "currentColor"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 512 512", "height", "20", "width", "20", "fill", "none"], ["d", "M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z", "fill", "currentColor"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click"], ["icon", "plus"]], template: function ControlPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-            i0.ɵɵtemplate(2, ControlPanelComponent_Conditional_2_Template, 4, 3, "div", 2);
+            i0.ɵɵconditionalCreate(2, ControlPanelComponent_Conditional_2_Template, 4, 3, "div", 2);
             i0.ɵɵelementStart(3, "div");
             i0.ɵɵprojection(4);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "div", 3);
-            i0.ɵɵtemplate(6, ControlPanelComponent_Conditional_6_Template, 4, 3, "div", 4)(7, ControlPanelComponent_Conditional_7_Template, 13, 9, "div", 5)(8, ControlPanelComponent_Conditional_8_Template, 3, 0, "div", 6);
+            i0.ɵɵconditionalCreate(6, ControlPanelComponent_Conditional_6_Template, 4, 3, "div", 4);
+            i0.ɵɵconditionalCreate(7, ControlPanelComponent_Conditional_7_Template, 13, 9, "div", 5);
+            i0.ɵɵconditionalCreate(8, ControlPanelComponent_Conditional_8_Template, 3, 0, "div", 6);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -8346,7 +8333,7 @@ class ControlPanelComponent extends ComponentBase {
             i0.ɵɵconditional(ctx.viewTypesVisible ? 7 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.addButtonVisible ? 8 : -1);
-        } }, dependencies: [i1$1.NgClass, i2$1.NgControlStatus, i2$1.NgModel, i1$8.FaIconComponent, i3.DropDownListComponent, AReplacerDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i2.NgControlStatus, i2.NgModel, i1$8.FaIconComponent, i3.DropDownListComponent, AReplacerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
         type: Component,
@@ -8429,7 +8416,7 @@ class DataPagerComponent extends ComponentBase {
         this.pageChange.emit(e);
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDataPagerComponent_BaseFactory; return function DataPagerComponent_Factory(__ngFactoryType__) { return (ɵDataPagerComponent_BaseFactory || (ɵDataPagerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DataPagerComponent)))(__ngFactoryType__ || DataPagerComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataPagerComponent, selectors: [["anatoly-datapager"]], inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems", pageSizeDivisor: "pageSizeDivisor", pageSizeMax: "pageSizeMax", width: "width" }, outputs: { pageChange: "pageChange" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 9, consts: [[3, "pageChange", "total", "pageSize", "pageSizeValues", "skip"]], template: function DataPagerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataPagerComponent, selectors: [["anatoly-datapager"]], inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems", pageSizeDivisor: "pageSizeDivisor", pageSizeMax: "pageSizeMax", width: "width" }, outputs: { pageChange: "pageChange" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 8, consts: [[3, "pageChange", "total", "pageSize", "pageSizeValues", "skip"]], template: function DataPagerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div")(1, "kendo-datapager", 0);
             i0.ɵɵlistener("pageChange", function DataPagerComponent_Template_kendo_datapager_pageChange_1_listener($event) { return ctx.onPageChange($event); });
             i0.ɵɵelementEnd()();
@@ -8542,7 +8529,7 @@ class SignInButtonComponent extends ComponentBase {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵSignInButtonComponent_BaseFactory; return function SignInButtonComponent_Factory(__ngFactoryType__) { return (ɵSignInButtonComponent_BaseFactory || (ɵSignInButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SignInButtonComponent)))(__ngFactoryType__ || SignInButtonComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignInButtonComponent, selectors: [["anatoly-signin-button"]], inputs: { qs: "qs" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$8, decls: 4, vars: 2, consts: [["contentTemplate", ""], ["ref", ""], [3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], [4, "ngIf"]], template: function SignInButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SignInButtonComponent_a_0_Template, 2, 5, "a", 2)(1, SignInButtonComponent_a_1_Template, 2, 5, "a", 3)(2, SignInButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(0, SignInButtonComponent_a_0_Template, 2, 4, "a", 2)(1, SignInButtonComponent_a_1_Template, 2, 4, "a", 3)(2, SignInButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
@@ -8639,7 +8626,7 @@ class SignOutButtonComponent extends ComponentBase {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵSignOutButtonComponent_BaseFactory; return function SignOutButtonComponent_Factory(__ngFactoryType__) { return (ɵSignOutButtonComponent_BaseFactory || (ɵSignOutButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SignOutButtonComponent)))(__ngFactoryType__ || SignOutButtonComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutButtonComponent, selectors: [["anatoly-signout-button"]], inputs: { qs: "qs" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$7, decls: 4, vars: 2, consts: [["contentTemplate", ""], ["ref", ""], [3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], [4, "ngIf"]], template: function SignOutButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SignOutButtonComponent_a_0_Template, 2, 5, "a", 2)(1, SignOutButtonComponent_a_1_Template, 2, 5, "a", 3)(2, SignOutButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(0, SignOutButtonComponent_a_0_Template, 2, 4, "a", 2)(1, SignOutButtonComponent_a_1_Template, 2, 4, "a", 3)(2, SignOutButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
@@ -8736,7 +8723,7 @@ class SignUpButtonComponent extends ComponentBase {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵSignUpButtonComponent_BaseFactory; return function SignUpButtonComponent_Factory(__ngFactoryType__) { return (ɵSignUpButtonComponent_BaseFactory || (ɵSignUpButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SignUpButtonComponent)))(__ngFactoryType__ || SignUpButtonComponent); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { qs: "qs" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$6, decls: 4, vars: 2, consts: [["contentTemplate", ""], ["ref", ""], [3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], [4, "ngIf"]], template: function SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SignUpButtonComponent_a_0_Template, 2, 5, "a", 2)(1, SignUpButtonComponent_a_1_Template, 2, 5, "a", 3)(2, SignUpButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(0, SignUpButtonComponent_a_0_Template, 2, 4, "a", 2)(1, SignUpButtonComponent_a_1_Template, 2, 4, "a", 3)(2, SignUpButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
@@ -8800,7 +8787,7 @@ class NodataComponent {
     static { this.ɵfac = function NodataComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NodataComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodataComponent, selectors: [["anatoly-nodata"]], inputs: { dataLoading: "dataLoading", dataLoaded: "dataLoaded", dataFound: "dataFound", icon: "icon", iconSize: "iconSize", heading: "heading" }, standalone: false, ngContentSelectors: _c0$5, decls: 1, vars: 1, consts: [[1, "no-data"], [1, "loaded", "text-info"], [4, "ngIf"], [1, "no-data-heading"], [3, "icon", "size"]], template: function NodataComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, NodataComponent_Conditional_0_Template, 6, 2, "div", 0);
+            i0.ɵɵconditionalCreate(0, NodataComponent_Conditional_0_Template, 6, 2, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(!ctx.dataLoading && ctx.dataLoaded && !ctx.dataFound ? 0 : -1);
         } }, dependencies: [i1$1.NgIf, i1$8.FaIconComponent], encapsulation: 2 }); }
@@ -9037,7 +9024,7 @@ class Copy2ClipboardComponent extends ComponentBase {
             i0.ɵɵelement(1, "fa-icon", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("btn btn-icon ", ctx.classes, "");
+            i0.ɵɵclassMap(i0.ɵɵinterpolate1("btn btn-icon ", ctx.classes));
         } }, dependencies: [i1$8.FaIconComponent, AReplacerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Copy2ClipboardComponent, [{
@@ -9082,7 +9069,7 @@ function UrlSlugComponent_a_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate2("href", "", ctx_r0.urlPrefix, "", ctx_r0.hrefGo, "", i0.ɵɵsanitizeUrl);
+    i0.ɵɵproperty("href", i0.ɵɵinterpolate2("", ctx_r0.urlPrefix, "", ctx_r0.hrefGo), i0.ɵɵsanitizeUrl);
 } }
 class UrlSlugComponent extends EditComponentBase {
     constructor() {
@@ -9153,7 +9140,7 @@ class UrlSlugComponent extends EditComponentBase {
             i0.ɵɵproperty("formControlName", ctx.controlName);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.isGoButtonVisible);
-        } }, dependencies: [i1$1.NgClass, i1$1.NgIf, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, i4$1.LabelDirective, AReplacerDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i1$1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$1.LabelDirective, AReplacerDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UrlSlugComponent, [{
         type: Component,
@@ -9246,7 +9233,7 @@ class YouAgreeToOurTermsComponent extends ComponentBase {
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: YouAgreeToOurTermsComponent, selectors: [["anatoly-you-agree-to-our-terms"]], inputs: { prefix: "prefix", oneLine: "oneLine" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 4, consts: [[1, "you-agree-to-our-terms"], ["target", "_blank", "rel", "noopener", 3, "href"]], template: function YouAgreeToOurTermsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "p");
             i0.ɵɵtext(2);
-            i0.ɵɵtemplate(3, YouAgreeToOurTermsComponent_Conditional_3_Template, 1, 0, "br");
+            i0.ɵɵconditionalCreate(3, YouAgreeToOurTermsComponent_Conditional_3_Template, 1, 0, "br");
             i0.ɵɵelementStart(4, "a", 1);
             i0.ɵɵtext(5, "Terms of use");
             i0.ɵɵelementEnd();
@@ -9495,7 +9482,7 @@ class ContactUsForm extends EditComponentBase {
     onTopicChange(event) {
         this.selectedTopic = event.target.value;
     }
-    static { this.ɵfac = function ContactUsForm_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContactUsForm)(i0.ɵɵdirectiveInject(i1$a.ReCaptchaV3Service), i0.ɵɵdirectiveInject(i2$1.FormBuilder), i0.ɵɵdirectiveInject(AppContextService), i0.ɵɵdirectiveInject(EmailsApiService), i0.ɵɵdirectiveInject(NotificationService)); }; }
+    static { this.ɵfac = function ContactUsForm_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContactUsForm)(i0.ɵɵdirectiveInject(i1$a.ReCaptchaV3Service), i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(AppContextService), i0.ɵɵdirectiveInject(EmailsApiService), i0.ɵɵdirectiveInject(NotificationService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContactUsForm, selectors: [["anatoly-forms-contactus-form"]], inputs: { showActionButtons: "showActionButtons" }, outputs: { submit: "submit" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 39, vars: 31, consts: [["novalidate", "", 3, "ngSubmit", "formGroup"], [3, "formGroup", "visible"], [1, "contact-us"], [1, "row"], [1, "form-fields", "col-6"], [1, "form-topic", 3, "ngClass"], [1, "form-select-wrapper"], [1, "assistive-text"], ["formControlName", "topic", 1, "form-select", 3, "change"], [3, "value", 4, "ngFor", "ngForOf"], ["controlName", "topic", "controlTitle", "topic", 3, "formGroup", "formSubmitted"], [1, "form-name", 3, "ngClass"], ["formControlName", "name", "placeholder", "Name *", "type", "text", 1, "form-control"], ["controlName", "name", "controlTitle", "name", 3, "formGroup", "formSubmitted"], [1, "form-email", 3, "ngClass"], ["formControlName", "email", "placeholder", "E-mail *", "type", "text", 1, "form-control"], [4, "ngIf"], ["controlName", "email", "controlTitle", "email", 3, "formGroup", "formSubmitted"], [1, "form-subject", 3, "ngClass"], ["formControlName", "subject", "placeholder", "Subject *", "type", "text", 1, "form-control"], ["controlName", "subject", "controlTitle", "subject", 3, "formGroup", "formSubmitted"], [1, "col-6"], [1, "form-message", 3, "ngClass"], ["formControlName", "message", "name", "message", "placeholder", "Message  *", "rows", "4", "type", "text"], ["controlName", "message", "controlTitle", "message", 3, "formGroup", "formSubmitted"], [1, "row", "form-footer"], [1, "col"], ["class", "btn btn-success", "type", "submit", 3, "btn-primary", 4, "ngIf"], [3, "value"], ["type", "submit", 1, "btn", "btn-success"]], template: function ContactUsForm_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "form", 0);
             i0.ɵɵlistener("ngSubmit", function ContactUsForm_Template_form_ngSubmit_0_listener() { return ctx.onSubmit(); });
@@ -9567,12 +9554,12 @@ class ContactUsForm extends EditComponentBase {
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.showActionButtons);
-        } }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf, i2$1.ɵNgNoValidate, i2$1.NgSelectOption, i2$1.ɵNgSelectMultipleOption, i2$1.DefaultValueAccessor, i2$1.SelectControlValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, NativeElementDirective, FormValidationSummaryComponent, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf, i2.ɵNgNoValidate, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective, FormValidationSummaryComponent, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsForm, [{
         type: Component,
         args: [{ selector: 'anatoly-forms-contactus-form', standalone: false, template: "<form (ngSubmit)='onSubmit()' [formGroup]='formGroup' novalidate>\r\n  <anatoly-form-validation-summary [formGroup]='formGroup'\r\n                                   [visible]='formSubmitted && formGroup.invalid'></anatoly-form-validation-summary>\r\n\r\n  <div class='contact-us'>\r\n    <div class=\"row\">\r\n      <div class='form-fields col-6'>\r\n        <p>What can we help you with?</p>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('topic') }\" class='form-topic'>\r\n          <div class='form-select-wrapper'>\r\n            <label class='assistive-text'>Topic *</label>\r\n            <select (change)='onTopicChange($event)' class='form-select' formControlName='topic'>\r\n              <option *ngFor='let topic of topicList' [value]='topic.value'>{{ topic.value }} </option>\r\n            </select>\r\n            <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                             [formSubmitted]='formSubmitted'\r\n                                             controlName='topic'\r\n                                             controlTitle='topic'>\r\n            </anatoly-item-validation-summary>\r\n          </div>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('name') }\" class='form-name'>\r\n          <label class='assistive-text'>Name *</label>\r\n          <input class='form-control' formControlName='name' placeholder='Name *' type='text'>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='name'\r\n                                           controlTitle='name'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('email') }\" class='form-email'>\r\n          <label class='assistive-text'>E-mail * </label>\r\n          <input class='form-control' formControlName='email' placeholder='E-mail *' type='text' />\r\n          <p *ngIf='!isUserSignedIn'>Please indicate the email used for your MailEx login if you already have an account</p>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='email'\r\n                                           controlTitle='email'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('subject') }\" class='form-subject'>\r\n          <label class='assistive-text'>Subject *</label>\r\n          <input class='form-control' formControlName='subject' placeholder='Subject *' type='text' />\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='subject'\r\n                                           controlTitle='subject'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n\r\n      </div>\r\n      <div class='col-6'>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('message') }\" class='form-message'>\r\n          <label class='assistive-text'>Message *</label>\r\n          <textarea formControlName='message' name='message' placeholder='Message  *' rows='4'\r\n                    type='text'></textarea>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='message'\r\n                                           controlTitle='message'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n      </div>\r\n    </div>\r\n      <div class=\"row form-footer\">\r\n        <div class=\"col\">\r\n          <button *ngIf='showActionButtons'\r\n                  [class.btn-primary]='!formGroup.invalid'\r\n                  class='btn btn-success'\r\n                  type='submit'>\r\n            Submit\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n" }]
-    }], () => [{ type: i1$a.ReCaptchaV3Service }, { type: i2$1.FormBuilder }, { type: AppContextService }, { type: EmailsApiService }, { type: NotificationService }], { showActionButtons: [{
+    }], () => [{ type: i1$a.ReCaptchaV3Service }, { type: i2.FormBuilder }, { type: AppContextService }, { type: EmailsApiService }, { type: NotificationService }], { showActionButtons: [{
             type: Input
         }], submit: [{
             type: Output
@@ -9879,7 +9866,7 @@ class AddressComponent extends EditComponentBase {
         let usState = event.target.value;
         this.change.emit(usState);
     }
-    static { this.ɵfac = function AddressComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AddressComponent)(i0.ɵɵdirectiveInject(i2$1.FormBuilder), i0.ɵɵdirectiveInject(AppContextService)); }; }
+    static { this.ɵfac = function AddressComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AddressComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(AppContextService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressComponent, selectors: [["anatoly-forms-address"]], inputs: { address: "address" }, outputs: { change: "change" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 30, vars: 29, consts: [["classes", "card-outline card-primary"], [3, "title", 4, "ngIf"], [3, "formGroup"], [1, "row"], [1, "form-group", 3, "ngClass"], ["type", "text", "formControlName", "address_street", "placeholder", "Street Address", 1, "form-control"], ["controlName", "address_street", "controlTitle", "Street", 3, "formGroup", "formSubmitted"], ["type", "text", "formControlName", "address_street2", "placeholder", "Apartment, suite, unit, building, floor, etc.", 1, "form-control"], ["controlName", "address_street2", "controlTitle", "Street2", 3, "formGroup", "formSubmitted"], [1, "form-group", "col-3", "mb-0", 3, "ngClass"], ["type", "text", "formControlName", "address_city", "placeholder", "City", 1, "form-control"], ["controlName", "address_city", "controlTitle", "City", 3, "formGroup", "formSubmitted"], ["class", "form-group col-3 mb-0", 3, "ngClass", 4, "ngIf"], ["type", "text", "formControlName", "address_zipcode", "placeholder", "zipcode", 1, "form-control"], ["controlName", "address_zipcode", "controlTitle", "zipcode", 3, "formGroup", "formSubmitted"], ["formControlName", "address_country", "data-placeholder", "Select a Country", 1, "form-control", 3, "change"], [3, "value", 4, "ngFor", "ngForOf"], ["controlName", "address_country", "controlTitle", "Country", 3, "formGroup", "formSubmitted"], [3, "title"], ["formControlName", "address_stateOrRegion", 1, "form-control", 3, "change"], ["controlName", "address_stateOrRegion", "controlTitle", "State", 3, "formGroup", "formSubmitted"], [3, "value"]], template: function AddressComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "anatoly-card", 0);
             i0.ɵɵtemplate(1, AddressComponent_anatoly_card_header_1_Template, 1, 1, "anatoly-card-header", 1);
@@ -9940,12 +9927,12 @@ class AddressComponent extends EditComponentBase {
             i0.ɵɵproperty("ngForOf", ctx.countryData);
             i0.ɵɵadvance();
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
-        } }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf, i2$1.NgSelectOption, i2$1.ɵNgSelectMultipleOption, i2$1.DefaultValueAccessor, i2$1.SelectControlValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressComponent, [{
         type: Component,
         args: [{ selector: 'anatoly-forms-address', standalone: false, template: "<anatoly-card classes='card-outline card-primary'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title' />\r\n  <anatoly-card-body [formGroup]='formGroup'>\r\n    <div class=\"row\">\r\n      <div class='form-group' [ngClass]=\"{'has-error': isControlInvalid('address_street')}\" >\r\n        <label>Street Address</label>\r\n        <input type='text' class='form-control' formControlName='address_street' placeholder='Street Address'>\r\n        <anatoly-item-validation-summary controlName='address_street'\r\n                                         controlTitle='Street'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group' [ngClass]=\"{'has-error': isControlInvalid('address_street2')}\" >\r\n        <input type='text' class='form-control' formControlName='address_street2' placeholder='Apartment, suite, unit, building, floor, etc.'>\r\n        <anatoly-item-validation-summary controlName='address_street2'\r\n                                         controlTitle='Street2'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_city')}\">\r\n        <label>City</label>\r\n        <input type='text' class='form-control' formControlName='address_city' placeholder='City'>\r\n        <anatoly-item-validation-summary controlName='address_city'\r\n                                         controlTitle='City'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-3 mb-0' *ngIf=\"formGroup.value.address_country == 'US'\" [ngClass]=\"{'has-error': isControlInvalid('address_stateOrRegion')}\">\r\n        <label>State</label>\r\n        <select class='form-control' (change)='onUSStateChange($event)' formControlName='address_stateOrRegion'>\r\n          <option *ngFor='let state of usStateData' [value]='state.code'>{{state.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary controlName='address_stateOrRegion'\r\n                                         controlTitle='State'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_zipcode')}\" >\r\n        <label>Zipcode</label>\r\n        <input type='text' class='form-control' formControlName='address_zipcode' placeholder='zipcode'>\r\n        <anatoly-item-validation-summary controlName='address_zipcode'\r\n                                         controlTitle='zipcode'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_country')}\">\r\n        <label>Country</label>\r\n        <select class='form-control' (change)='onCountryChange($event)' formControlName='address_country' data-placeholder='Select a Country'>\r\n          <option *ngFor='let country of countryData' [value]='country.code'>{{country.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary controlName='address_country'\r\n                                         controlTitle='Country'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
-    }], () => [{ type: i2$1.FormBuilder }, { type: AppContextService }], { address: [{
+    }], () => [{ type: i2.FormBuilder }, { type: AppContextService }], { address: [{
             type: Input
         }], change: [{
             type: Output
@@ -10024,7 +10011,7 @@ class CompanyComponent extends EditComponentBase {
         };
         return JSON.stringify(data);
     }
-    static { this.ɵfac = function CompanyComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CompanyComponent)(i0.ɵɵdirectiveInject(i2$1.FormBuilder)); }; }
+    static { this.ɵfac = function CompanyComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CompanyComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyComponent, selectors: [["anatoly-forms-company"]], inputs: { company: "company" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 25, vars: 22, consts: [["classes", "card-outline card-primary"], [3, "title", 4, "ngIf"], [3, "formGroup"], [1, "row"], [1, "form-group", "col-6", 3, "ngClass"], ["type", "text", "formControlName", "company_name", "placeholder", "Company Name", 1, "form-control"], ["controlName", "company_name", "controlTitle", "Company Name", 3, "formGroup", "formSubmitted"], ["type", "tel", "formControlName", "company_phone", "placeholder", "Company Phone", 1, "form-control"], ["controlName", "company_phone", "controlTitle", "Company Phone", 3, "formGroup", "formSubmitted"], [1, "form-group", "col-6", "mb-0", 3, "ngClass"], ["type", "email", "formControlName", "company_email", "placeholder", "Company Email", 1, "form-control"], ["controlName", "company_email", "controlTitle", "Company Email", 3, "formGroup", "formSubmitted"], ["type", "url", "placeholder", "https://example.com", "pattern", "https://.*", "size", "30", "formControlName", "company_websiteUrl", 1, "form-control"], ["controlName", "company_websiteUrl", "controlTitle", "Company website url", 3, "formGroup", "formSubmitted"], [3, "title"]], template: function CompanyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "anatoly-card", 0);
             i0.ɵɵtemplate(1, CompanyComponent_anatoly_card_header_1_Template, 1, 1, "anatoly-card-header", 1);
@@ -10069,12 +10056,12 @@ class CompanyComponent extends EditComponentBase {
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(20, _c0, ctx.isControlInvalid("company_websiteUrl")));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
-        } }, dependencies: [i1$1.NgClass, i1$1.NgIf, i2$1.DefaultValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.PatternValidator, i2$1.FormGroupDirective, i2$1.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i1$1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.PatternValidator, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyComponent, [{
         type: Component,
         args: [{ selector: 'anatoly-forms-company', standalone: false, template: "<anatoly-card classes='card-outline card-primary'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title' />\r\n  <anatoly-card-body [formGroup]='formGroup' >\r\n     <div class=\"row\">\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_name') }\">\r\n        <label>Name</label>\r\n        <input type='text' class='form-control' formControlName='company_name' placeholder='Company Name'>\r\n        <anatoly-item-validation-summary controlName='company_name'\r\n                                         controlTitle='Company Name'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_phone') }\">\r\n        <label>Phone</label>\r\n        <input type='tel' class='form-control' formControlName='company_phone' placeholder='Company Phone'>\r\n        <anatoly-item-validation-summary controlName='company_phone'\r\n                                         controlTitle='Company Phone'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n     </div>\r\n     <div class=\"row\">\r\n      <div class='form-group col-6 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_email') }\">\r\n        <label>Email</label>\r\n        <input type='email' class='form-control' formControlName='company_email' placeholder='Company Email'>\r\n        <anatoly-item-validation-summary controlName='company_email'\r\n                                         controlTitle='Company Email'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_websiteUrl') }\">\r\n        <label>Website Url</label>\r\n        <input type='url' placeholder='https://example.com' pattern='https://.*' size='30'\r\n               class='form-control' formControlName='company_websiteUrl'>\r\n        <anatoly-item-validation-summary controlName='company_websiteUrl'\r\n                                         controlTitle='Company website url'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n     </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
-    }], () => [{ type: i2$1.FormBuilder }], { company: [{
+    }], () => [{ type: i2.FormBuilder }], { company: [{
             type: Input
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyComponent, { className: "CompanyComponent", filePath: "lib/ui/forms/components/company/company.component.ts", lineNumber: 29 }); })();