@osovitny/anatoly 3.20.47 → 3.21.1

package/fesm2022/osovitny-anatoly.mjs

@@ -4,8 +4,6 @@ import { BehaviorSubject, forkJoin, Subject, filter, takeUntil, map as map$1, ca
 import { map, tap, mergeMap } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
 import { HttpClient, HttpBackend, HttpResponse, HTTP_INTERCEPTORS, provideHttpClient } from '@angular/common/http';
-import * as i1$2 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
 import { format, formatDistance, formatDistanceToNow } from 'date-fns';
 import js_beautify from 'js-beautify';
 import * as i1$1 from '@angular/router';
@@ -14,6 +12,8 @@ import { v4 } from 'uuid';
 import * as i4 from '@azure/msal-angular';
 import { MSAL_GUARD_CONFIG, MsalGuard, MsalService, MsalBroadcastService, MsalInterceptor, MSAL_INSTANCE, MSAL_INTERCEPTOR_CONFIG, MsalModule } from '@azure/msal-angular';
 import { BrowserUtils, EventType, InteractionStatus, InteractionType, InteractionRequiredAuthError, PromptValue, PublicClientApplication, LogLevel } from '@azure/msal-browser';
+import * as i1$2 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
 import { enUS } from 'date-fns/locale/en-US';
 import * as i1$3 from '@ngx-translate/core';
 import { TranslateModule, TranslateLoader, TranslateService } from '@ngx-translate/core';
@@ -29,11 +29,11 @@ import * as dropin from 'braintree-web-drop-in';
 import * as i4$1 from '@progress/kendo-angular-dialog';
 import { DialogsModule } from '@progress/kendo-angular-dialog';
 import { loadStripe } from '@stripe/stripe-js';
-import * as i4$2 from '@progress/kendo-angular-label';
+import * as i3 from '@progress/kendo-angular-label';
 import { LabelModule } from '@progress/kendo-angular-label';
-import * as i3 from '@progress/kendo-angular-dropdowns';
+import * as i2$1 from '@progress/kendo-angular-dropdowns';
 import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import * as i3$1 from 'angular-froala-wysiwyg';
+import * as i2$2 from 'angular-froala-wysiwyg';
 import { FERootModule } from 'angular-froala-wysiwyg';
 import * as i1$7 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
@@ -117,17 +117,89 @@ function resetAppCoreSettings() {
     IsProdMode = !IsDevMode;
     ClientApps = AppCoreSettings?.clientApps;
 }
-function formatUrl(url) {
-    let newUrl = url;
-    if (url) {
-        if (url.startsWith("http")) {
+var AssetGroupType;
+(function (AssetGroupType) {
+    AssetGroupType[AssetGroupType["App"] = 1] = "App";
+    AssetGroupType[AssetGroupType["Lib"] = 2] = "Lib";
+    AssetGroupType[AssetGroupType["External"] = 3] = "External";
+})(AssetGroupType || (AssetGroupType = {}));
+/*
+  formatAssetsUrl builds a typed asset URL and delegates to formatUrl.
+
+  Output pattern: {base}/{AppName}/assets/{assetGroup}/{assetType}/{file}
+
+  assetGroup tokens:
+    App      → {AppName}   e.g. "am"
+    Lib      → {LibName}   e.g. "@nexl"
+    External → external/{libname}
+
+  assetType:
+    jsons  - JSON data files
+    l10n   - localization files
+    images - image files
+
+  Examples (AppName = "am", LibName = "@nexl", CDN disabled):
+    App     → /am/assets/am/jsons/countries.json?v=1
+    Lib     → /am/assets/@nexl/l10n/en.json?v=1
+    External→ /am/assets/external/anatoly/jsons/file.json?v=1
+
+  Examples (CDN = "https://cdn.novaexpress.ai"):
+    App     → https://cdn.novaexpress.ai/am/assets/am/jsons/countries.json
+    Lib     → https://cdn.novaexpress.ai/am/assets/@nexl/l10n/en.json
+    External→ https://cdn.novaexpress.ai/am/assets/external/anatoly/jsons/file.json
+*/
+function formatAssetsUrl(assetGroupType, url) {
+    const path = url.replace(/^\/+/, '');
+    switch (assetGroupType) {
+        case AssetGroupType.App:
+            return formatUrl(`assets/{AppName}/${path}`);
+        case AssetGroupType.Lib:
+            return formatUrl(`assets/{LibName}/${path}`);
+        case AssetGroupType.External:
+            return formatUrl(`assets/external/${path}`);
+        default:
             return url;
-        }
-        const isCDNEnabled = AppCoreSettings.cdn?.enabled;
-        const cdnUrl = AppCoreSettings.cdn?.url;
-        newUrl = isCDNEnabled ? cdnUrl + url : url;
     }
-    return newUrl;
+}
+/*
+  formatUrl resolves a relative URL to its final form.
+
+  Output pattern: {base}/{AppName}/{url}
+
+  Tokens in url are resolved before building the path:
+    {AppName} → AppName (e.g. "am")
+    {LibName} → LibName (e.g. "@nexl")
+
+  base:
+    CDN disabled → "" (relative URL, e.g. /am/assets/...)
+    CDN enabled  → "https://cdn.novaexpress.ai"
+
+  Absolute URLs (starting with "http") are returned as-is.
+*/
+function formatUrl(url) {
+    if (!url) {
+        return "";
+    }
+    if (url.startsWith("http")) {
+        return url;
+    }
+    if (!AppCoreSettings) {
+        return url;
+    }
+    const version = AppCoreSettings.version;
+    const isCDNEnabled = AppCoreSettings.cdn?.enabled;
+    const cdnUrl = AppCoreSettings.cdn?.url;
+    const resolved = url
+        .replace('{AppName}', AppName ?? '')
+        .replace('{LibName}', LibName ?? '');
+    const base = (isCDNEnabled && cdnUrl)
+        ? cdnUrl.replace(/\/+$/, '')
+        : '';
+    const fullUrl = base + '/' + AppName + '/' + resolved.replace(/^\/+/, '');
+    if (fullUrl.endsWith('.json')) {
+        return fullUrl + '?v=' + version;
+    }
+    return fullUrl;
 }
 let AppCoreSettings;
 let AppVersion;
@@ -135,6 +207,7 @@ let IsDevMode = true;
 let IsProdMode = !IsDevMode;
 let ClientApps;
 const AppName = g_AppName;
+const LibName = g_LibName;
 const ApiUrl = g_ApiUrl;
 resetAppCoreSettings();
 
@@ -199,30 +272,14 @@ class ApiServiceBase {
         return this._http.get(url);
     }
     //Json Files
-    __getJsonFile(url) {
-        const version = AppCoreSettings.version;
-        const isCDNEnabled = AppCoreSettings.cdn.enabled;
-        const cdnUrl = AppCoreSettings.cdn.url;
-        //const cdnSasToken = AppCoreSettings.cdn.sasToken;
-        if (isCDNEnabled) {
-            url = (url[0] == '/') ? cdnUrl + url : cdnUrl + '/' + url;
-        }
-        else {
-            url = url + '?v=' + version;
-        }
-        return this._http.get(url);
+    getJsonFile(fileName) {
+        return this._http.get(formatAssetsUrl(AssetGroupType.App, `jsons/${fileName}`));
     }
     getLibJsonFile(fileName) {
-        const url = AppCoreSettings.assetsLibUrl + '/jsons';
-        return this.__getJsonFile(url + "/" + fileName);
-    }
-    getJsonFile(fileName) {
-        const url = AppCoreSettings.assetsUrl + '/jsons';
-        return this.__getJsonFile(url + "/" + fileName);
+        return this._http.get(formatAssetsUrl(AssetGroupType.Lib, `jsons/${fileName}`));
     }
     getExternalJsonFile(libname, fileName) {
-        const url = AppCoreSettings.assetsExternalUrl + "/" + libname + "/jsons";
-        return this.__getJsonFile(url + "/" + fileName);
+        return this._http.get(formatAssetsUrl(AssetGroupType.External, `${libname}/jsons/${fileName}`));
     }
     static { this.ɵfac = function ApiServiceBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ApiServiceBase)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ApiServiceBase, factory: ApiServiceBase.ɵfac }); }
@@ -2987,15 +3044,9 @@ class LocalizePipe {
 */
 //Node
 function translateLoaderFactory(httpClient) {
-    let appCoreSettings = getAppCoreSettings();
-    let url = appCoreSettings.assetsL10NUrl;
-    let isCDNEnabled = appCoreSettings.cdn.enabled;
-    let cdnUrl = appCoreSettings.cdn.url;
-    let version = AppVersion ?? '1.0.0';
-    if (isCDNEnabled) {
-        url = (url[0] == '/') ? cdnUrl + url : cdnUrl + '/' + url;
-    }
-    return new TranslateHttpLoader(httpClient, `${url}/`, `.json?v=${version}`);
+    const prefix = formatAssetsUrl(AssetGroupType.Lib, 'l10n/');
+    const suffix = `.json?v=${AppVersion ?? '1.0.0'}`;
+    return new TranslateHttpLoader(httpClient, prefix, suffix);
 }
 let _localizationInjectorInstance;
 function getLocalizationInjector() {
@@ -4340,7 +4391,6 @@ class AReplacerDirective extends ReplacerDirectiveBase {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
     4 Jul 2018
@@ -4350,37 +4400,10 @@ class AReplacerDirective extends ReplacerDirectiveBase {
 */
 //Node
 const _c0$i = ["*"];
-function SignUpButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function SignUpButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 4);
-    i0.ɵɵtemplate(1, SignUpButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const contentTemplate_r2 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
-} }
-function SignUpButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function SignUpButtonComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function SignUpButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 6);
-    i0.ɵɵtemplate(1, SignUpButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const contentTemplate_r2 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("routerLink", ctx_r0.url);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
-} }
-function SignUpButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
+function SignUpButtonComponent_ng_template_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Sign Up");
     i0.ɵɵelementEnd();
@@ -4389,46 +4412,41 @@ function SignUpButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", null, 1);
     i0.ɵɵprojection(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, SignUpButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
+    i0.ɵɵconditionalCreate(3, SignUpButtonComponent_ng_template_2_Conditional_3_Template, 2, 0, "span");
 } if (rf & 2) {
-    const ref_r3 = i0.ɵɵreference(1);
+    const ref_r1 = i0.ɵɵreference(1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !ref_r3.innerHTML.trim());
+    i0.ɵɵconditional(!ref_r1.innerHTML.trim() ? 3 : -1);
 } }
 class SignUpButtonComponent extends ComponentBase {
-    constructor() {
-        super(...arguments);
-        this.external = false;
-    }
     ngOnInit() {
-        let url = MSALConfig.ui.signup;
+        const url = MSALConfig.ui.signup;
         if (url) {
-            this.external = url.indexOf('http') > -1;
-            if (this.external) {
-                this.url = url + (this.qs ? '?' + this.qs : '');
-            }
-            else {
-                this.url = url;
-            }
+            this.url = url + (this.qs ? '?' + this.qs : '');
         }
     }
     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$i, 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { qs: "qs" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$i, decls: 4, vars: 4, consts: [["contentTemplate", ""], ["ref", ""], [3, "href"], [4, "ngTemplateOutlet"]], template: function SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            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);
+            i0.ɵɵelementStart(0, "a", 2);
+            i0.ɵɵtemplate(1, SignUpButtonComponent_ng_container_1_Template, 1, 0, "ng-container", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(2, SignUpButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.external);
+            const contentTemplate_r2 = i0.ɵɵreference(3);
+            i0.ɵɵclassMap(ctx.classes);
+            i0.ɵɵproperty("href", ctx.url, i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink, AReplacerDirective], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
+        } }, dependencies: [i1$2.NgTemplateOutlet, AReplacerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-signup-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Up</span>\r\n</ng-template>\r\n" }]
+        args: [{ selector: "anatoly-signup-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\">\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n</a>\n\n<ng-template #contentTemplate>\n  <span #ref><ng-content></ng-content></span>\n  @if (!ref.innerHTML.trim()) {\n    <span>Sign Up</span>\n  }\n</ng-template>\n" }]
     }], null, { qs: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpButtonComponent, { className: "SignUpButtonComponent", filePath: "lib/ui/components/identity/signup-button.component.ts", lineNumber: 29 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpButtonComponent, { className: "SignUpButtonComponent", filePath: "lib/ui/components/identity/signup-button.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -4446,44 +4464,46 @@ class SignUpButtonComponent extends ComponentBase {
 </file>
 */
 //Node
-function BuyAccessButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+function BuyAccessButtonComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "anatoly-signup-button", 3);
+    i0.ɵɵelement(1, "anatoly-signup-button", 1);
     i0.ɵɵelementEnd();
 } }
-function BuyAccessButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 6);
+function BuyAccessButtonComponent_Conditional_0_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 2);
     i0.ɵɵtext(1, " Your Plan ");
     i0.ɵɵelementEnd();
 } }
-function BuyAccessButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
+function BuyAccessButtonComponent_Conditional_0_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 7);
-    i0.ɵɵlistener("click", function BuyAccessButtonComponent_div_0_div_2_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onPlanSelect()); });
+    i0.ɵɵelementStart(0, "button", 4);
+    i0.ɵɵlistener("click", function BuyAccessButtonComponent_Conditional_0_Conditional_2_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onPlanSelect()); });
     i0.ɵɵtext(1, " Buy Now ");
     i0.ɵɵelementEnd();
 } }
-function BuyAccessButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+function BuyAccessButtonComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 4)(2, BuyAccessButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 5);
+    i0.ɵɵconditionalCreate(1, BuyAccessButtonComponent_Conditional_0_Conditional_2_Conditional_1_Template, 2, 0, "button", 2);
+    i0.ɵɵconditionalCreate(2, BuyAccessButtonComponent_Conditional_0_Conditional_2_Conditional_2_Template, 2, 0, "button", 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.plan == ctx_r1.currentPlanId);
+    i0.ɵɵconditional(ctx_r1.plan == ctx_r1.currentPlanId ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.plan != ctx_r1.currentPlanId);
+    i0.ɵɵconditional(ctx_r1.plan != ctx_r1.currentPlanId ? 2 : -1);
 } }
-function BuyAccessButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_Template, 2, 0, "div", 2)(2, BuyAccessButtonComponent_div_0_div_2_Template, 3, 2, "div", 2);
+function BuyAccessButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵconditionalCreate(1, BuyAccessButtonComponent_Conditional_0_Conditional_1_Template, 2, 0, "div");
+    i0.ɵɵconditionalCreate(2, BuyAccessButtonComponent_Conditional_0_Conditional_2_Template, 3, 2, "div");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.isUserSignedIn && ctx_r1.visibleSignup);
+    i0.ɵɵconditional(!ctx_r1.isUserSignedIn && ctx_r1.visibleSignup ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isUserSignedIn && ctx_r1.visiblePlanStatus);
+    i0.ɵɵconditional(ctx_r1.isUserSignedIn && ctx_r1.visiblePlanStatus ? 2 : -1);
 } }
 class BuyAccessButtonComponent {
     constructor(appContext) {
@@ -4520,15 +4540,15 @@ class BuyAccessButtonComponent {
         this.planselect.emit(this.plan);
     }
     static { this.ɵfac = function BuyAccessButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BuyAccessButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BuyAccessButtonComponent, selectors: [["anatoly-billing-buyaccess-button"]], inputs: { plan: "plan", visiblePlanStatus: "visiblePlanStatus", visibleSignup: "visibleSignup" }, outputs: { planselect: "planselect" }, standalone: false, decls: 1, vars: 1, consts: [["class", "actions", 4, "ngIf"], [1, "actions"], [4, "ngIf"], ["classes", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function BuyAccessButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, BuyAccessButtonComponent_div_0_Template, 3, 2, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BuyAccessButtonComponent, selectors: [["anatoly-billing-buyaccess-button"]], inputs: { plan: "plan", visiblePlanStatus: "visiblePlanStatus", visibleSignup: "visibleSignup" }, outputs: { planselect: "planselect" }, standalone: false, decls: 1, vars: 1, consts: [[1, "actions"], ["classes", "btn btn-block btn-primary"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function BuyAccessButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, BuyAccessButtonComponent_Conditional_0_Template, 3, 2, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
-        } }, dependencies: [i1$2.NgIf, SignUpButtonComponent], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.contextUpdated ? 0 : -1);
+        } }, dependencies: [SignUpButtonComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BuyAccessButtonComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-billing-buyaccess-button', standalone: false, template: "<div class=\"actions\" *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn && visibleSignup\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visiblePlanStatus\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlanId\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlanId\"\r\n            (click)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-billing-buyaccess-button', standalone: false, template: "@if (contextUpdated) {\n  <div class=\"actions\">\n    @if (!isUserSignedIn && visibleSignup) {\n      <div>\n        <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\n      </div>\n    }\n    @if (isUserSignedIn && visiblePlanStatus) {\n      <div>\n        @if (plan == currentPlanId) {\n          <button class=\"btn btn-block btn-success selectPlan\">\n            Your Plan\n          </button>\n        }\n        @if (plan != currentPlanId) {\n          <button class=\"btn btn-block  btn-warning selectPlan\"\n            (click)=\"onPlanSelect()\">\n            Buy Now\n          </button>\n        }\n      </div>\n    }\n  </div>\n}\n" }]
     }], () => [{ type: AppContextService }], { plan: [{
             type: Input
         }], visiblePlanStatus: [{
@@ -4556,51 +4576,54 @@ class BuyAccessButtonComponent {
 </file>
 */
 //Node
-function SubscribePlanButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+function SubscribePlanButtonComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "anatoly-signup-button", 3);
+    i0.ɵɵelement(1, "anatoly-signup-button", 1);
     i0.ɵɵelementEnd();
 } }
-function SubscribePlanButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 7);
+function SubscribePlanButtonComponent_Conditional_0_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 2);
     i0.ɵɵtext(1, " Your Plan ");
     i0.ɵɵelementEnd();
 } }
-function SubscribePlanButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 8);
+function SubscribePlanButtonComponent_Conditional_0_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 3);
     i0.ɵɵtext(1, " Requested ");
     i0.ɵɵelementEnd();
 } }
-function SubscribePlanButtonComponent_div_0_div_2_button_3_Template(rf, ctx) { if (rf & 1) {
+function SubscribePlanButtonComponent_Conditional_0_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 9);
-    i0.ɵɵlistener("click", function SubscribePlanButtonComponent_div_0_div_2_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onPlanSelect()); });
+    i0.ɵɵelementStart(0, "button", 4);
+    i0.ɵɵlistener("click", function SubscribePlanButtonComponent_Conditional_0_Conditional_2_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onPlanSelect()); });
     i0.ɵɵtext(1, " Subscribe ");
     i0.ɵɵelementEnd();
 } }
-function SubscribePlanButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+function SubscribePlanButtonComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 4)(2, SubscribePlanButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 5)(3, SubscribePlanButtonComponent_div_0_div_2_button_3_Template, 2, 0, "button", 6);
+    i0.ɵɵconditionalCreate(1, SubscribePlanButtonComponent_Conditional_0_Conditional_2_Conditional_1_Template, 2, 0, "button", 2);
+    i0.ɵɵconditionalCreate(2, SubscribePlanButtonComponent_Conditional_0_Conditional_2_Conditional_2_Template, 2, 0, "button", 3);
+    i0.ɵɵconditionalCreate(3, SubscribePlanButtonComponent_Conditional_0_Conditional_2_Conditional_3_Template, 2, 0, "button", 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.plan == ctx_r1.currentPlanId);
+    i0.ɵɵconditional(ctx_r1.plan == ctx_r1.currentPlanId ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.plan == ctx_r1.requestedPlanId);
+    i0.ɵɵconditional(ctx_r1.plan == ctx_r1.requestedPlanId ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.plan != ctx_r1.currentPlanId && ctx_r1.plan != ctx_r1.requestedPlanId);
+    i0.ɵɵconditional(ctx_r1.plan != ctx_r1.currentPlanId && ctx_r1.plan != ctx_r1.requestedPlanId ? 3 : -1);
 } }
-function SubscribePlanButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_1_Template, 2, 0, "div", 2)(2, SubscribePlanButtonComponent_div_0_div_2_Template, 4, 3, "div", 2);
+function SubscribePlanButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵconditionalCreate(1, SubscribePlanButtonComponent_Conditional_0_Conditional_1_Template, 2, 0, "div");
+    i0.ɵɵconditionalCreate(2, SubscribePlanButtonComponent_Conditional_0_Conditional_2_Template, 4, 3, "div");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.isUserSignedIn && ctx_r1.visibleSignup);
+    i0.ɵɵconditional(!ctx_r1.isUserSignedIn && ctx_r1.visibleSignup ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isUserSignedIn && ctx_r1.visiblePlanStatus);
+    i0.ɵɵconditional(ctx_r1.isUserSignedIn && ctx_r1.visiblePlanStatus ? 2 : -1);
 } }
 class SubscribePlanButtonComponent {
     constructor(appContext) {
@@ -4639,15 +4662,15 @@ class SubscribePlanButtonComponent {
         this.planselect.emit(this.plan);
     }
     static { this.ɵfac = function SubscribePlanButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SubscribePlanButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscribePlanButtonComponent, selectors: [["anatoly-billing-subscribe-plan-button"]], inputs: { plan: "plan", visiblePlanStatus: "visiblePlanStatus", visibleSignup: "visibleSignup" }, outputs: { planselect: "planselect" }, standalone: false, decls: 1, vars: 1, consts: [["class", "actions", 4, "ngIf"], [1, "actions"], [4, "ngIf"], ["classes", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function SubscribePlanButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, SubscribePlanButtonComponent_div_0_Template, 3, 2, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscribePlanButtonComponent, selectors: [["anatoly-billing-subscribe-plan-button"]], inputs: { plan: "plan", visiblePlanStatus: "visiblePlanStatus", visibleSignup: "visibleSignup" }, outputs: { planselect: "planselect" }, standalone: false, decls: 1, vars: 1, consts: [[1, "actions"], ["classes", "btn btn-block btn-primary"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function SubscribePlanButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SubscribePlanButtonComponent_Conditional_0_Template, 3, 2, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
-        } }, dependencies: [i1$2.NgIf, SignUpButtonComponent], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.contextUpdated ? 0 : -1);
+        } }, dependencies: [SignUpButtonComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscribePlanButtonComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-billing-subscribe-plan-button', standalone: false, template: "<div class=\"actions\" *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn && visibleSignup\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visiblePlanStatus\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlanId\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan == requestedPlanId\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlanId && plan != requestedPlanId\"\r\n            (click)=\"onPlanSelect()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-billing-subscribe-plan-button', standalone: false, template: "@if (contextUpdated) {\n  <div class=\"actions\">\n    @if (!isUserSignedIn && visibleSignup) {\n      <div>\n        <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\n      </div>\n    }\n    @if (isUserSignedIn && visiblePlanStatus) {\n      <div>\n        @if (plan == currentPlanId) {\n          <button class=\"btn btn-block btn-success selectPlan\">\n            Your Plan\n          </button>\n        }\n        @if (plan == requestedPlanId) {\n          <button class=\"btn btn-block  btn-warning selectPlan\">\n            Requested\n          </button>\n        }\n        @if (plan != currentPlanId && plan != requestedPlanId) {\n          <button class=\"btn btn-block  btn-warning selectPlan\"\n            (click)=\"onPlanSelect()\">\n            Subscribe\n          </button>\n        }\n      </div>\n    }\n  </div>\n}\n" }]
     }], () => [{ type: AppContextService }], { plan: [{
             type: Input
         }], visiblePlanStatus: [{
@@ -7367,7 +7390,7 @@ class CardComponent extends ComponentBase {
 */
 //Node
 const _c0$d = ["*"];
-function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
+function CardHeaderComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -7378,22 +7401,22 @@ function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
 } }
 class CardHeaderComponent extends ComponentBase {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardHeaderComponent_BaseFactory; return function CardHeaderComponent_Factory(__ngFactoryType__) { return (ɵCardHeaderComponent_BaseFactory || (ɵCardHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardHeaderComponent)))(__ngFactoryType__ || CardHeaderComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 4, vars: 4, consts: [[1, "card-title"], [4, "ngIf"]], template: function CardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 4, vars: 4, consts: [[1, "card-title"]], template: function CardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div")(1, "div", 0);
-            i0.ɵɵtemplate(2, CardHeaderComponent_h3_2_Template, 2, 1, "h3", 1);
+            i0.ɵɵconditionalCreate(2, CardHeaderComponent_Conditional_2_Template, 2, 1, "h3");
             i0.ɵɵelementEnd();
             i0.ɵɵprojection(3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵclassMap(i0.ɵɵinterpolate1("card-header ", ctx.classes));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.title);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.title ? 2 : -1);
+        } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardHeaderComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-card-header', standalone: false, template: "<div class='card-header {{ classes }}'>\r\n  <div class=\"card-title\">\r\n    <h3 *ngIf='title'>{{ title }}</h3>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-card-header', standalone: false, template: "<div class='card-header {{ classes }}'>\n  <div class=\"card-title\">\n    @if (title) {\n      <h3>{{ title }}</h3>\n    }\n  </div>\n  <ng-content></ng-content>\n</div>\n" }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardHeaderComponent, { className: "CardHeaderComponent", filePath: "lib/ui/components/card/card-header.component.ts", lineNumber: 27 }); })();
 
@@ -7513,17 +7536,17 @@ class NativeElementDirective {
 </file>
 */
 //Node
-function CountryDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
+function CountryDropdownlist_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
 } }
-function CountryDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 6);
+function CountryDropdownlist_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 1);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     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);
+function CountryDropdownlist_Conditional_1_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 3);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -7532,21 +7555,21 @@ function CountryDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", item_r2.name, " ");
 } }
-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, 2, "kendo-label", 3);
-    i0.ɵɵelementStart(2, "select", 4);
-    i0.ɵɵtemplate(3, CountryDropdownlist_div_1_option_3_Template, 2, 2, "option", 5);
+function CountryDropdownlist_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵconditionalCreate(1, CountryDropdownlist_Conditional_1_Conditional_1_Template, 1, 2, "kendo-label", 1);
+    i0.ɵɵelementStart(2, "select", 2);
+    i0.ɵɵrepeaterCreate(3, CountryDropdownlist_Conditional_1_For_4_Template, 2, 2, "option", 3, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("formGroup", ctx_r0.formGroup);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
+    i0.ɵɵconditional(ctx_r0.isTitleVisible ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("formControlName", ctx_r0.controlName);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r0.items);
+    i0.ɵɵrepeater(ctx_r0.items);
 } }
 class CountryDropdownlist extends EditComponentBase {
     constructor(appContext) {
@@ -7569,17 +7592,18 @@ class CountryDropdownlist extends EditComponentBase {
         }
     }
     static { this.ɵfac = function CountryDropdownlist_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CountryDropdownlist)(i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CountryDropdownlist, selectors: [["anatoly-country-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], [3, "text", 4, "ngIf"], [1, "form-select", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [3, "text"], [3, "value"]], template: function CountryDropdownlist_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, CountryDropdownlist_div_0_Template, 1, 0, "div", 0)(1, CountryDropdownlist_div_1_Template, 4, 4, "div", 1);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CountryDropdownlist, selectors: [["anatoly-country-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[3, "formGroup"], [3, "text"], [1, "form-select", 3, "formControlName"], [3, "value"]], template: function CountryDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, CountryDropdownlist_Conditional_0_Template, 1, 0, "div");
+            i0.ɵɵconditionalCreate(1, CountryDropdownlist_Conditional_1_Template, 5, 3, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵconditional(ctx.isNgModelBased ? 0 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$2.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
+            i0.ɵɵconditional(!ctx.isNgModelBased ? 1 : -1);
+        } }, dependencies: [i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CountryDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-country-dropdownlist', standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <select [formControlName]='controlName' class='form-select'>\r\n    <option *ngFor='let item of items' [value]='item.code'>\r\n      {{ item.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-country-dropdownlist', standalone: false, template: "@if (isNgModelBased) {\n  <div>\n  </div>\n}\n\n@if (!isNgModelBased) {\n  <div [formGroup]='formGroup'>\n    @if (isTitleVisible) {\n      <kendo-label text=\"{{ title }}\"></kendo-label>\n    }\n    <select [formControlName]='controlName' class='form-select'>\n      @for (item of items; track item) {\n        <option [value]='item.code'>\n          {{ item.name }}\n        </option>\n      }\n    </select>\n  </div>\n}\n" }]
     }], () => [{ type: AppContextService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CountryDropdownlist, { className: "CountryDropdownlist", filePath: "lib/ui/components/dropdownlists/country/country.dropdownlist.ts", lineNumber: 29 }); })();
 
@@ -7599,25 +7623,25 @@ class CountryDropdownlist extends EditComponentBase {
 </file>
 */
 //Node
-function LanguageDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
+function LanguageDropdownlist_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
 } }
-function LanguageDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 5);
+function LanguageDropdownlist_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 1);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     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, 2, "kendo-label", 3);
-    i0.ɵɵelement(2, "kendo-dropdownlist", 4);
+function LanguageDropdownlist_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵconditionalCreate(1, LanguageDropdownlist_Conditional_1_Conditional_1_Template, 1, 2, "kendo-label", 1);
+    i0.ɵɵelement(2, "kendo-dropdownlist", 2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("formGroup", ctx_r0.formGroup);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
+    i0.ɵɵconditional(ctx_r0.isTitleVisible ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("data", ctx_r0.items)("valuePrimitive", true)("formControlName", ctx_r0.controlName);
 } }
@@ -7634,17 +7658,18 @@ class LanguageDropdownlist extends EditComponentBase {
         });
     }
     static { this.ɵfac = function LanguageDropdownlist_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LanguageDropdownlist)(i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LanguageDropdownlist, selectors: [["anatoly-language-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], [3, "text", 4, "ngIf"], ["valueField", "code", "textField", "name", 3, "data", "valuePrimitive", "formControlName"], [3, "text"]], template: function LanguageDropdownlist_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, LanguageDropdownlist_div_0_Template, 1, 0, "div", 0)(1, LanguageDropdownlist_div_1_Template, 3, 5, "div", 1);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LanguageDropdownlist, selectors: [["anatoly-language-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[3, "formGroup"], [3, "text"], ["valueField", "code", "textField", "name", 3, "data", "valuePrimitive", "formControlName"]], template: function LanguageDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, LanguageDropdownlist_Conditional_0_Template, 1, 0, "div");
+            i0.ɵɵconditionalCreate(1, LanguageDropdownlist_Conditional_1_Template, 3, 5, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵconditional(ctx.isNgModelBased ? 0 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.DropDownListComponent, i4$2.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
+            i0.ɵɵconditional(!ctx.isNgModelBased ? 1 : -1);
+        } }, dependencies: [i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2$1.DropDownListComponent, i3.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LanguageDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-language-dropdownlist', standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]='items'\r\n                      valueField=\"code\"\r\n                      textField=\"name\"\r\n                      [valuePrimitive]='true'\r\n                      [formControlName]='controlName' />\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-language-dropdownlist', standalone: false, template: "@if (isNgModelBased) {\n  <div>\n  </div>\n}\n\n@if (!isNgModelBased) {\n  <div [formGroup]='formGroup'>\n    @if (isTitleVisible) {\n      <kendo-label text=\"{{ title }}\"></kendo-label>\n    }\n    <kendo-dropdownlist [data]='items'\n      valueField=\"code\"\n      textField=\"name\"\n      [valuePrimitive]='true'\n      [formControlName]='controlName' />\n    </div>\n  }\n" }]
     }], () => [{ type: AppContextService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LanguageDropdownlist, { className: "LanguageDropdownlist", filePath: "lib/ui/components/dropdownlists/language/language.dropdownlist.ts", lineNumber: 30 }); })();
 
@@ -7785,8 +7810,8 @@ class ValidationSummaryComponent extends EditComponentBase {
 </file>
 */
 //Node
-function ItemValidationSummaryComponent_ul_0_li_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li")(1, "span", 3);
+function ItemValidationSummaryComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li")(1, "span", 1);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -7794,26 +7819,26 @@ function ItemValidationSummaryComponent_ul_0_li_1_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(error_r1);
 } }
-function ItemValidationSummaryComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 1);
-    i0.ɵɵtemplate(1, ItemValidationSummaryComponent_ul_0_li_1_Template, 3, 1, "li", 2);
+function ItemValidationSummaryComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 0);
+    i0.ɵɵrepeaterCreate(1, ItemValidationSummaryComponent_Conditional_0_For_2_Template, 3, 1, "li", null, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.getValidationMessages(ctx_r1.formGroup.controls[ctx_r1.controlName], ctx_r1.controlName, ctx_r1.controlTitle));
+    i0.ɵɵrepeater(ctx_r1.getValidationMessages(ctx_r1.formGroup.controls[ctx_r1.controlName], ctx_r1.controlName, ctx_r1.controlTitle));
 } }
 class ItemValidationSummaryComponent extends ValidationSummaryComponent {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵItemValidationSummaryComponent_BaseFactory; return function ItemValidationSummaryComponent_Factory(__ngFactoryType__) { return (ɵItemValidationSummaryComponent_BaseFactory || (ɵItemValidationSummaryComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ItemValidationSummaryComponent)))(__ngFactoryType__ || ItemValidationSummaryComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ItemValidationSummaryComponent, selectors: [["anatoly-item-validation-summary"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "list-unstyled", 4, "ngIf"], [1, "list-unstyled"], [4, "ngFor", "ngForOf"], [1, "help-block"]], template: function ItemValidationSummaryComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ItemValidationSummaryComponent_ul_0_Template, 2, 1, "ul", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ItemValidationSummaryComponent, selectors: [["anatoly-item-validation-summary"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "list-unstyled"], [1, "help-block"]], template: function ItemValidationSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ItemValidationSummaryComponent_Conditional_0_Template, 3, 0, "ul", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isControlInvalid(ctx.controlName));
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.isControlInvalid(ctx.controlName) ? 0 : -1);
+        } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ItemValidationSummaryComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-item-validation-summary", standalone: false, template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(controlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.controls[controlName], controlName, controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n" }]
+        args: [{ selector: "anatoly-item-validation-summary", standalone: false, template: "@if (isControlInvalid(controlName)) {\n  <ul class=\"list-unstyled\">\n    @for (error of getValidationMessages(formGroup.controls[controlName], controlName, controlTitle); track error) {\n      <li>\n        <span class=\"help-block\">{{ error }}</span>\n      </li>\n    }\n  </ul>\n}\n\n" }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemValidationSummaryComponent, { className: "ItemValidationSummaryComponent", filePath: "lib/ui/validation/item-validation-summary.component.ts", lineNumber: 28 }); })();
 
@@ -7832,44 +7857,44 @@ class ItemValidationSummaryComponent extends ValidationSummaryComponent {
 </file>
 */
 //Node
-function ModerationStatusDropdownlist_div_0_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 4);
+function ModerationStatusDropdownlist_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r1.title));
 } }
-function ModerationStatusDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
+function ModerationStatusDropdownlist_Conditional_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, 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)); });
+    i0.ɵɵconditionalCreate(1, ModerationStatusDropdownlist_Conditional_0_Conditional_1_Template, 1, 2, "kendo-label", 1);
+    i0.ɵɵelementStart(2, "kendo-dropdownlist", 2);
+    i0.ɵɵtwoWayListener("ngModelChange", function ModerationStatusDropdownlist_Conditional_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_Conditional_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onChange($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵconditional(ctx_r1.isTitleVisible ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("data", ctx_r1.items)("valuePrimitive", true);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.sv);
 } }
-function ModerationStatusDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 4);
+function ModerationStatusDropdownlist_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     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, 2, "kendo-label", 2);
-    i0.ɵɵelement(2, "kendo-dropdownlist", 6)(3, "anatoly-item-validation-summary", 7);
+function ModerationStatusDropdownlist_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵconditionalCreate(1, ModerationStatusDropdownlist_Conditional_1_Conditional_1_Template, 1, 2, "kendo-label", 1);
+    i0.ɵɵelement(2, "kendo-dropdownlist", 3)(3, "anatoly-item-validation-summary", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵconditional(ctx_r1.isTitleVisible ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("data", ctx_r1.items)("valuePrimitive", true)("formControlName", ctx_r1.controlName);
     i0.ɵɵadvance();
@@ -7882,17 +7907,18 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
         this.enumeration = ModerationStatus;
     }
     static { this.ɵfac = function ModerationStatusDropdownlist_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModerationStatusDropdownlist)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModerationStatusDropdownlist, selectors: [["anatoly-moderationstatus-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], ["valueField", "value", "textField", "text", 3, "ngModelChange", "valueChange", "data", "valuePrimitive", "ngModel"], [3, "text"], [3, "formGroup"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function ModerationStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ModerationStatusDropdownlist_div_0_Template, 3, 4, "div", 0)(1, ModerationStatusDropdownlist_div_1_Template, 4, 9, "div", 1);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModerationStatusDropdownlist, selectors: [["anatoly-moderationstatus-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[3, "formGroup"], [3, "text"], ["valueField", "value", "textField", "text", 3, "ngModelChange", "valueChange", "data", "valuePrimitive", "ngModel"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function ModerationStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ModerationStatusDropdownlist_Conditional_0_Template, 3, 4, "div");
+            i0.ɵɵconditionalCreate(1, ModerationStatusDropdownlist_Conditional_1_Template, 4, 9, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵconditional(ctx.isNgModelBased ? 0 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$2.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+            i0.ɵɵconditional(!ctx.isNgModelBased ? 1 : -1);
+        } }, dependencies: [i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i2$1.DropDownListComponent, i3.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModerationStatusDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-moderationstatus-dropdownlist', standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [(ngModel)]=\"sv\"\r\n                      (valueChange)=\"onChange($event)\" />\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [formControlName]='controlName' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-moderationstatus-dropdownlist', standalone: false, template: "@if (isNgModelBased) {\n  <div>\n    @if (isTitleVisible) {\n      <kendo-label text=\"{{ title }}\"></kendo-label>\n    }\n    <kendo-dropdownlist [data]=\"items\"\n      valueField=\"value\" textField=\"text\"\n      [valuePrimitive]=\"true\"\n      [(ngModel)]=\"sv\"\n      (valueChange)=\"onChange($event)\" />\n    </div>\n  }\n\n  @if (!isNgModelBased) {\n    <div [formGroup]='formGroup'>\n      @if (isTitleVisible) {\n        <kendo-label text=\"{{ title }}\"></kendo-label>\n      }\n      <kendo-dropdownlist [data]=\"items\"\n        valueField=\"value\" textField=\"text\"\n        [valuePrimitive]=\"true\"\n        [formControlName]='controlName' />\n        <anatoly-item-validation-summary [formGroup]='formGroup'\n          [formSubmitted]='formSubmitted'\n          [controlName]='controlName'\n          [controlTitle]='controlTitle' />\n        </div>\n      }\n" }]
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModerationStatusDropdownlist, { className: "ModerationStatusDropdownlist", filePath: "lib/ui/components/dropdownlists/moderationstatus/moderationstatus.dropdownlist.ts", lineNumber: 28 }); })();
 
@@ -7911,44 +7937,44 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
 </file>
 */
 //Node
-function PublishStatusDropdownlist_div_0_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 4);
+function PublishStatusDropdownlist_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r1.title));
 } }
-function PublishStatusDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
+function PublishStatusDropdownlist_Conditional_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, 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)); });
+    i0.ɵɵconditionalCreate(1, PublishStatusDropdownlist_Conditional_0_Conditional_1_Template, 1, 2, "kendo-label", 1);
+    i0.ɵɵelementStart(2, "kendo-dropdownlist", 2);
+    i0.ɵɵtwoWayListener("ngModelChange", function PublishStatusDropdownlist_Conditional_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_Conditional_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onChange($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵconditional(ctx_r1.isTitleVisible ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("data", ctx_r1.items)("valuePrimitive", true);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.sv);
 } }
-function PublishStatusDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 4);
+function PublishStatusDropdownlist_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     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, 2, "kendo-label", 2);
-    i0.ɵɵelement(2, "kendo-dropdownlist", 6)(3, "anatoly-item-validation-summary", 7);
+function PublishStatusDropdownlist_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵconditionalCreate(1, PublishStatusDropdownlist_Conditional_1_Conditional_1_Template, 1, 2, "kendo-label", 1);
+    i0.ɵɵelement(2, "kendo-dropdownlist", 3)(3, "anatoly-item-validation-summary", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵconditional(ctx_r1.isTitleVisible ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("data", ctx_r1.items)("valuePrimitive", true)("formControlName", ctx_r1.controlName);
     i0.ɵɵadvance();
@@ -7961,17 +7987,18 @@ class PublishStatusDropdownlist extends EnumEditComponentBase {
         this.enumeration = PublishStatus;
     }
     static { this.ɵfac = function PublishStatusDropdownlist_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PublishStatusDropdownlist)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PublishStatusDropdownlist, selectors: [["anatoly-publishstatus-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], ["valueField", "value", "textField", "text", 3, "ngModelChange", "valueChange", "data", "valuePrimitive", "ngModel"], [3, "text"], [3, "formGroup"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function PublishStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, PublishStatusDropdownlist_div_0_Template, 3, 4, "div", 0)(1, PublishStatusDropdownlist_div_1_Template, 4, 9, "div", 1);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PublishStatusDropdownlist, selectors: [["anatoly-publishstatus-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[3, "formGroup"], [3, "text"], ["valueField", "value", "textField", "text", 3, "ngModelChange", "valueChange", "data", "valuePrimitive", "ngModel"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function PublishStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PublishStatusDropdownlist_Conditional_0_Template, 3, 4, "div");
+            i0.ɵɵconditionalCreate(1, PublishStatusDropdownlist_Conditional_1_Template, 4, 9, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵconditional(ctx.isNgModelBased ? 0 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$2.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+            i0.ɵɵconditional(!ctx.isNgModelBased ? 1 : -1);
+        } }, dependencies: [i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i2$1.DropDownListComponent, i3.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PublishStatusDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-publishstatus-dropdownlist', standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [(ngModel)]=\"sv\"\r\n                      (valueChange)=\"onChange($event)\" />\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [formControlName]='controlName' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-publishstatus-dropdownlist', standalone: false, template: "@if (isNgModelBased) {\n  <div>\n    @if (isTitleVisible) {\n      <kendo-label text=\"{{ title }}\"></kendo-label>\n    }\n    <kendo-dropdownlist [data]=\"items\"\n      valueField=\"value\" textField=\"text\"\n      [valuePrimitive]=\"true\"\n      [(ngModel)]=\"sv\"\n      (valueChange)=\"onChange($event)\" />\n    </div>\n  }\n\n  @if (!isNgModelBased) {\n    <div [formGroup]='formGroup'>\n      @if (isTitleVisible) {\n        <kendo-label text=\"{{ title }}\"></kendo-label>\n      }\n      <kendo-dropdownlist [data]=\"items\"\n        valueField=\"value\" textField=\"text\"\n        [valuePrimitive]=\"true\"\n        [formControlName]='controlName' />\n        <anatoly-item-validation-summary [formGroup]='formGroup'\n          [formSubmitted]='formSubmitted'\n          [controlName]='controlName'\n          [controlTitle]='controlTitle' />\n        </div>\n      }\n" }]
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PublishStatusDropdownlist, { className: "PublishStatusDropdownlist", filePath: "lib/ui/components/dropdownlists/publishstatus/publishstatus.dropdownlist.ts", lineNumber: 28 }); })();
 
@@ -7991,16 +8018,16 @@ class PublishStatusDropdownlist extends EnumEditComponentBase {
 </file>
 */
 //Node
-function TimezoneDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
+function TimezoneDropdownlist_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div");
 } }
-function TimezoneDropdownlist_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "label", 6);
+function TimezoneDropdownlist_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 1);
     i0.ɵɵtext(1, "Timezone");
     i0.ɵɵelementEnd();
 } }
-function TimezoneDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 7);
+function TimezoneDropdownlist_Conditional_1_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 3);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -8009,21 +8036,21 @@ function TimezoneDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2(" (", item_r1.offset, ") ", item_r1.name, " ");
 } }
-function TimezoneDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵtemplate(1, TimezoneDropdownlist_div_1_label_1_Template, 2, 0, "label", 3);
-    i0.ɵɵelementStart(2, "select", 4);
-    i0.ɵɵtemplate(3, TimezoneDropdownlist_div_1_option_3_Template, 2, 3, "option", 5);
+function TimezoneDropdownlist_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵconditionalCreate(1, TimezoneDropdownlist_Conditional_1_Conditional_1_Template, 2, 0, "label", 1);
+    i0.ɵɵelementStart(2, "select", 2);
+    i0.ɵɵrepeaterCreate(3, TimezoneDropdownlist_Conditional_1_For_4_Template, 2, 3, "option", 3, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵconditional(ctx_r1.isTitleVisible ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("formControlName", ctx_r1.controlName)("disabled", ctx_r1.disabled);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.items);
+    i0.ɵɵrepeater(ctx_r1.items);
 } }
 class TimezoneDropdownlist extends EditComponentBase {
     constructor(appContext) {
@@ -8064,17 +8091,18 @@ class TimezoneDropdownlist extends EditComponentBase {
         }
     }
     static { this.ɵfac = function TimezoneDropdownlist_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TimezoneDropdownlist)(i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimezoneDropdownlist, selectors: [["anatoly-timezone-dropdownlist"]], inputs: { disabled: "disabled" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["class", "col-form-label", 4, "ngIf"], [1, "form-select", 3, "formControlName", "disabled"], [3, "value", 4, "ngFor", "ngForOf"], [1, "col-form-label"], [3, "value"]], template: function TimezoneDropdownlist_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, TimezoneDropdownlist_div_0_Template, 1, 0, "div", 0)(1, TimezoneDropdownlist_div_1_Template, 4, 5, "div", 1);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimezoneDropdownlist, selectors: [["anatoly-timezone-dropdownlist"]], inputs: { disabled: "disabled" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[3, "formGroup"], [1, "col-form-label"], [1, "form-select", 3, "formControlName", "disabled"], [3, "value"]], template: function TimezoneDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, TimezoneDropdownlist_Conditional_0_Template, 1, 0, "div");
+            i0.ɵɵconditionalCreate(1, TimezoneDropdownlist_Conditional_1_Template, 5, 4, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵconditional(ctx.isNgModelBased ? 0 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 }); }
+            i0.ɵɵconditional(!ctx.isNgModelBased ? 1 : -1);
+        } }, dependencies: [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,
-        args: [{ selector: 'anatoly-timezone-dropdownlist', standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Timezone</label>\r\n  <select [formControlName]='controlName' class='form-select' [disabled]='disabled'>\r\n    <option *ngFor='let item of items' [value]='item.code'>\r\n      ({{ item.offset }}) {{ item.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-timezone-dropdownlist', standalone: false, template: "@if (isNgModelBased) {\n  <div>\n  </div>\n}\n\n@if (!isNgModelBased) {\n  <div [formGroup]='formGroup'>\n    @if (isTitleVisible) {\n      <label class='col-form-label'>Timezone</label>\n    }\n    <select [formControlName]='controlName' class='form-select' [disabled]='disabled'>\n      @for (item of items; track item) {\n        <option [value]='item.code'>\n          ({{ item.offset }}) {{ item.name }}\n        </option>\n      }\n    </select>\n  </div>\n}\n" }]
     }], () => [{ type: AppContextService }], { disabled: [{
             type: Input
         }] }); })();
@@ -8270,47 +8298,47 @@ class HtmlEditorComponentBase extends EditComponentBase {
 </file>
 */
 //Node
-function HtmlEditorComponent_div_0_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 4);
+function HtmlEditorComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r1.title));
 } }
-function HtmlEditorComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+function HtmlEditorComponent_Conditional_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, 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.ɵɵconditionalCreate(1, HtmlEditorComponent_Conditional_0_Conditional_1_Template, 1, 2, "kendo-label", 1);
+    i0.ɵɵelementStart(2, "textarea", 2);
+    i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_Conditional_0_Template_textarea_froalaInit_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.initializeControl($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵconditional(ctx_r1.isTitleVisible ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("froalaEditor", ctx_r1.options);
 } }
-function HtmlEditorComponent_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 4);
+function HtmlEditorComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("text", i0.ɵɵinterpolate(ctx_r1.title));
 } }
-function HtmlEditorComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+function HtmlEditorComponent_Conditional_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, 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, "  ");
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵconditionalCreate(1, HtmlEditorComponent_Conditional_1_Conditional_1_Template, 1, 2, "kendo-label", 1);
+    i0.ɵɵelementStart(2, "textarea", 3);
+    i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_Conditional_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, "    ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "anatoly-item-validation-summary", 7);
+    i0.ɵɵelement(4, "anatoly-item-validation-summary", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵconditional(ctx_r1.isTitleVisible ? 1 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("froalaEditor", ctx_r1.options)("formControlName", ctx_r1.controlName);
     i0.ɵɵattribute("formControlTitle", ctx_r1.controlTitle);
@@ -8338,17 +8366,18 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
         });
     }
     static { this.ɵfac = function HtmlEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HtmlEditorComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponent, selectors: [["anatoly-html-editor"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], [3, "froalaInit", "froalaEditor"], [3, "text"], [3, "formGroup"], [3, "froalaInit", "froalaEditor", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function HtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, HtmlEditorComponent_div_0_Template, 3, 2, "div", 0)(1, HtmlEditorComponent_div_1_Template, 5, 9, "div", 1);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponent, selectors: [["anatoly-html-editor"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[3, "formGroup"], [3, "text"], [3, "froalaInit", "froalaEditor"], [3, "froalaInit", "froalaEditor", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function HtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, HtmlEditorComponent_Conditional_0_Template, 3, 2, "div");
+            i0.ɵɵconditionalCreate(1, HtmlEditorComponent_Conditional_1_Template, 5, 9, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵconditional(ctx.isNgModelBased ? 0 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3$1.FroalaEditorDirective, i4$2.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+            i0.ɵɵconditional(!ctx.isNgModelBased ? 1 : -1);
+        } }, dependencies: [i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2$2.FroalaEditorDirective, i3.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-html-editor", standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <textarea [froalaEditor]=\"options\" \r\n            [formControlName]=\"controlName\" \r\n            [attr.formControlTitle]=\"controlTitle\" \r\n            (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\r\n</div>\r\n" }]
+        args: [{ selector: "anatoly-html-editor", standalone: false, template: "@if (isNgModelBased) {\n  <div>\n    @if (isTitleVisible) {\n      <kendo-label text=\"{{ title }}\"></kendo-label>\n    }\n    <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\n  </div>\n}\n\n@if (!isNgModelBased) {\n  <div [formGroup]='formGroup'>\n    @if (isTitleVisible) {\n      <kendo-label text=\"{{ title }}\"></kendo-label>\n    }\n    <textarea [froalaEditor]=\"options\"\n      [formControlName]=\"controlName\"\n      [attr.formControlTitle]=\"controlTitle\"\n      (froalaInit)=\"initializeControl($event)\">\n    </textarea>\n    <anatoly-item-validation-summary [formGroup]='formGroup'\n      [formSubmitted]='formSubmitted'\n      [controlName]='controlName'\n      [controlTitle]='controlTitle' />\n    </div>\n  }\n" }]
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponent, { className: "HtmlEditorComponent", filePath: "lib/ui/components/html-editor/html-editor.component.ts", lineNumber: 27 }); })();
 
@@ -8562,7 +8591,7 @@ class ControlPanelComponent extends ComponentBase {
             i0.ɵɵconditional(ctx.viewTypesVisible ? 7 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.addButtonVisible ? 8 : -1);
-        } }, dependencies: [i1$2.NgClass, i2.NgControlStatus, i2.NgModel, i1$7.FaIconComponent, i3.DropDownListComponent, AReplacerDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgClass, i2.NgControlStatus, i2.NgModel, i1$7.FaIconComponent, i2$1.DropDownListComponent, AReplacerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
         type: Component,
@@ -8683,7 +8712,6 @@ class DataPagerComponent extends ComponentBase {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
     4 Jul 2018
@@ -8693,37 +8721,10 @@ class DataPagerComponent extends ComponentBase {
 */
 //Node
 const _c0$8 = ["*"];
-function SignInButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function SignInButtonComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function SignInButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 4);
-    i0.ɵɵtemplate(1, SignInButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const contentTemplate_r2 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
-} }
-function SignInButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function SignInButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 6);
-    i0.ɵɵtemplate(1, SignInButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const contentTemplate_r2 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("routerLink", ctx_r0.url);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
-} }
-function SignInButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
+function SignInButtonComponent_ng_template_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Sign In");
     i0.ɵɵelementEnd();
@@ -8732,46 +8733,41 @@ function SignInButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", null, 1);
     i0.ɵɵprojection(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, SignInButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
+    i0.ɵɵconditionalCreate(3, SignInButtonComponent_ng_template_2_Conditional_3_Template, 2, 0, "span");
 } if (rf & 2) {
-    const ref_r3 = i0.ɵɵreference(1);
+    const ref_r1 = i0.ɵɵreference(1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !ref_r3.innerHTML.trim());
+    i0.ɵɵconditional(!ref_r1.innerHTML.trim() ? 3 : -1);
 } }
 class SignInButtonComponent extends ComponentBase {
-    constructor() {
-        super(...arguments);
-        this.external = false;
-    }
     ngOnInit() {
-        let url = MSALConfig.ui.signin;
+        const url = MSALConfig.ui.signin;
         if (url) {
-            this.external = url.indexOf('http') > -1;
-            if (this.external) {
-                this.url = url + (this.qs ? '?' + this.qs : '');
-            }
-            else {
-                this.url = url;
-            }
+            this.url = url + (this.qs ? '?' + this.qs : '');
         }
     }
     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) {
+    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: 4, consts: [["contentTemplate", ""], ["ref", ""], [3, "href"], [4, "ngTemplateOutlet"]], template: function SignInButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            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);
+            i0.ɵɵelementStart(0, "a", 2);
+            i0.ɵɵtemplate(1, SignInButtonComponent_ng_container_1_Template, 1, 0, "ng-container", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(2, SignInButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.external);
+            const contentTemplate_r2 = i0.ɵɵreference(3);
+            i0.ɵɵclassMap(ctx.classes);
+            i0.ɵɵproperty("href", ctx.url, i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink, AReplacerDirective], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
+        } }, dependencies: [i1$2.NgTemplateOutlet, AReplacerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInButtonComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-signin-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign In</span>\r\n</ng-template>\r\n" }]
+        args: [{ selector: "anatoly-signin-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\">\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n</a>\n\n<ng-template #contentTemplate>\n  <span #ref><ng-content></ng-content></span>\n  @if (!ref.innerHTML.trim()) {\n    <span>Sign In</span>\n  }\n</ng-template>\n" }]
     }], null, { qs: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignInButtonComponent, { className: "SignInButtonComponent", filePath: "lib/ui/components/identity/signin-button.component.ts", lineNumber: 29 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignInButtonComponent, { className: "SignInButtonComponent", filePath: "lib/ui/components/identity/signin-button.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -8780,7 +8776,6 @@ class SignInButtonComponent extends ComponentBase {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
     4 Jul 2018
@@ -8790,37 +8785,10 @@ class SignInButtonComponent extends ComponentBase {
 */
 //Node
 const _c0$7 = ["*"];
-function SignOutButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function SignOutButtonComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function SignOutButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 4);
-    i0.ɵɵtemplate(1, SignOutButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const contentTemplate_r2 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
-} }
-function SignOutButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function SignOutButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 6);
-    i0.ɵɵtemplate(1, SignOutButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const contentTemplate_r2 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("routerLink", ctx_r0.url);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
-} }
-function SignOutButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
+function SignOutButtonComponent_ng_template_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Sign Out");
     i0.ɵɵelementEnd();
@@ -8829,46 +8797,41 @@ function SignOutButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", null, 1);
     i0.ɵɵprojection(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, SignOutButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
+    i0.ɵɵconditionalCreate(3, SignOutButtonComponent_ng_template_2_Conditional_3_Template, 2, 0, "span");
 } if (rf & 2) {
-    const ref_r3 = i0.ɵɵreference(1);
+    const ref_r1 = i0.ɵɵreference(1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !ref_r3.innerHTML.trim());
+    i0.ɵɵconditional(!ref_r1.innerHTML.trim() ? 3 : -1);
 } }
 class SignOutButtonComponent extends ComponentBase {
-    constructor() {
-        super(...arguments);
-        this.external = false;
-    }
     ngOnInit() {
-        let url = MSALConfig.ui.signout;
+        const url = MSALConfig.ui.signout;
         if (url) {
-            this.external = url.indexOf('http') > -1;
-            if (this.external) {
-                this.url = url + (this.qs ? '?' + this.qs : '');
-            }
-            else {
-                this.url = url;
-            }
+            this.url = url + (this.qs ? '?' + this.qs : '');
         }
     }
     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) {
+    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: 4, consts: [["contentTemplate", ""], ["ref", ""], [3, "href"], [4, "ngTemplateOutlet"]], template: function SignOutButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            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);
+            i0.ɵɵelementStart(0, "a", 2);
+            i0.ɵɵtemplate(1, SignOutButtonComponent_ng_container_1_Template, 1, 0, "ng-container", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(2, SignOutButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.external);
+            const contentTemplate_r2 = i0.ɵɵreference(3);
+            i0.ɵɵclassMap(ctx.classes);
+            i0.ɵɵproperty("href", ctx.url, i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink, AReplacerDirective], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
+        } }, dependencies: [i1$2.NgTemplateOutlet, AReplacerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutButtonComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-signout-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Out</span>\r\n</ng-template>\r\n" }]
+        args: [{ selector: "anatoly-signout-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\">\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n</a>\n\n<ng-template #contentTemplate>\n  <span #ref><ng-content></ng-content></span>\n  @if (!ref.innerHTML.trim()) {\n    <span>Sign Out</span>\n  }\n</ng-template>\n" }]
     }], null, { qs: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignOutButtonComponent, { className: "SignOutButtonComponent", filePath: "lib/ui/components/identity/signout-button.component.ts", lineNumber: 29 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignOutButtonComponent, { className: "SignOutButtonComponent", filePath: "lib/ui/components/identity/signout-button.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -8887,9 +8850,9 @@ class SignOutButtonComponent extends ComponentBase {
 */
 //Node
 const _c0$6 = ["*"];
-function NodataComponent_Conditional_0_div_2_Template(rf, ctx) { if (rf & 1) {
+function NodataComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "fa-icon", 4);
+    i0.ɵɵelement(1, "fa-icon", 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -8898,8 +8861,8 @@ function NodataComponent_Conditional_0_div_2_Template(rf, ctx) { if (rf & 1) {
 } }
 function NodataComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
-    i0.ɵɵtemplate(2, NodataComponent_Conditional_0_div_2_Template, 2, 2, "div", 2);
-    i0.ɵɵelementStart(3, "h3", 3);
+    i0.ɵɵconditionalCreate(2, NodataComponent_Conditional_0_Conditional_2_Template, 2, 2, "div");
+    i0.ɵɵelementStart(3, "h3", 2);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵprojection(5);
@@ -8907,7 +8870,7 @@ function NodataComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.icon);
+    i0.ɵɵconditional(ctx_r0.icon ? 2 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.heading);
 } }
@@ -8917,16 +8880,16 @@ class NodataComponent {
         this.heading = 'No data found';
     }
     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$6, 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) {
+    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$6, decls: 1, vars: 1, consts: [[1, "no-data"], [1, "loaded", "text-info"], [1, "no-data-heading"], [3, "icon", "size"]], template: function NodataComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             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$2.NgIf, i1$7.FaIconComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$7.FaIconComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodataComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-nodata', standalone: false, template: "@if (!dataLoading && dataLoaded && !dataFound) {\r\n  <div class=\"no-data\">\r\n    <div class='loaded text-info'>\r\n      <div *ngIf='icon'>\r\n        <fa-icon [icon]=\"icon\" [size]=\"iconSize\"></fa-icon>\r\n      </div>\r\n      <h3 class='no-data-heading'>{{heading}}</h3>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n}\r\n" }]
+        args: [{ selector: 'anatoly-nodata', standalone: false, template: "@if (!dataLoading && dataLoaded && !dataFound) {\n  <div class=\"no-data\">\n    <div class='loaded text-info'>\n      @if (icon) {\n        <div>\n          <fa-icon [icon]=\"icon\" [size]=\"iconSize\"></fa-icon>\n        </div>\n      }\n      <h3 class='no-data-heading'>{{heading}}</h3>\n      <ng-content></ng-content>\n    </div>\n  </div>\n}\n" }]
     }], null, { dataLoading: [{
             type: Input
         }], dataLoaded: [{
@@ -9150,9 +9113,9 @@ class Message2UserComponent extends ComponentBase {
 </file>
 */
 //Node
-function LoadingComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "span", 2);
+function LoadingComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "span", 1);
     i0.ɵɵelementEnd();
 } }
 class LoadingComponent extends ComponentBase {
@@ -9169,15 +9132,15 @@ class LoadingComponent extends ComponentBase {
         });
     }
     static { this.ɵfac = function LoadingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoadingComponent)(i0.ɵɵdirectiveInject(LoadingService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingComponent, selectors: [["anatoly-loading"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["id", "pnlLoading", 4, "ngIf"], ["id", "pnlLoading"], [1, "k-icon", "k-i-loading"]], template: function LoadingComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, LoadingComponent_div_0_Template, 2, 0, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingComponent, selectors: [["anatoly-loading"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["id", "pnlLoading"], [1, "k-icon", "k-i-loading"]], template: function LoadingComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, LoadingComponent_Conditional_0_Template, 2, 0, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.show);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.show ? 0 : -1);
+        } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-loading', standalone: false, template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-loading', standalone: false, template: "@if (show) {\n  <div id=\"pnlLoading\">\n    <span class=\"k-icon k-i-loading\"></span>\n  </div>\n}\n" }]
     }], () => [{ type: LoadingService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingComponent, { className: "LoadingComponent", filePath: "lib/ui/components/spinners/loading/loading.component.ts", lineNumber: 29 }); })();
 
@@ -9209,9 +9172,9 @@ const Spinkit = {
 </file>
 */
 //Node
-function PageSpinnerComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵelement(1, "div", 5);
+function PageSpinnerComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "div", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -9219,14 +9182,14 @@ function PageSpinnerComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("background-color", ctx_r0.backgroundColor);
 } }
-function PageSpinnerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
-    i0.ɵɵtemplate(2, PageSpinnerComponent_div_0_div_2_Template, 2, 4, "div", 3);
+function PageSpinnerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+    i0.ɵɵconditionalCreate(2, PageSpinnerComponent_Conditional_0_Conditional_2_Template, 2, 4, "div", 2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.spinner === ctx_r0.Spinkit.skLine);
+    i0.ɵɵconditional(ctx_r0.spinner === ctx_r0.Spinkit.skLine ? 2 : -1);
 } }
 class PageSpinnerComponent {
     constructor(router) {
@@ -9255,15 +9218,15 @@ class PageSpinnerComponent {
         this.isSpinnerVisible = false;
     }
     static { this.ɵfac = function PageSpinnerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1$1.Router)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageSpinnerComponent, selectors: [["anatoly-pagespinner"]], inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, standalone: false, decls: 1, vars: 1, consts: [["id", "http-loader", 4, "ngIf"], ["id", "http-loader"], [1, "loader-bg"], ["class", "sk-line-material", 3, "colored", 4, "ngIf"], [1, "sk-line-material"], [1, "sk-child", "sk-bounce1"]], template: function PageSpinnerComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, PageSpinnerComponent_div_0_Template, 3, 1, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageSpinnerComponent, selectors: [["anatoly-pagespinner"]], inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, standalone: false, decls: 1, vars: 1, consts: [["id", "http-loader"], [1, "loader-bg"], [1, "sk-line-material", 3, "colored"], [1, "sk-line-material"], [1, "sk-child", "sk-bounce1"]], template: function PageSpinnerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PageSpinnerComponent_Conditional_0_Template, 3, 1, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isSpinnerVisible);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.isSpinnerVisible ? 0 : -1);
+        } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageSpinnerComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-pagespinner', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div id=\"http-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n      <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === Spinkit.skLine\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-pagespinner', standalone: false, encapsulation: ViewEncapsulation.None, template: "@if (isSpinnerVisible) {\n  <div id=\"http-loader\">\n    <div class=\"loader-bg\">\n      @if (spinner === Spinkit.skLine) {\n        <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\">\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\n        </div>\n      }\n    </div>\n  </div>\n}\n" }]
     }], () => [{ type: i1$1.Router }], { backgroundColor: [{
             type: Input
         }], spinner: [{
@@ -9338,8 +9301,8 @@ class Copy2ClipboardComponent extends ComponentBase {
 */
 //Node
 const _c0$4 = a0 => ({ "has-error": a0 });
-function UrlSlugComponent_label_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "label", 7);
+function UrlSlugComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 3);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -9347,8 +9310,8 @@ function UrlSlugComponent_label_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.title);
 } }
-function UrlSlugComponent_a_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 8);
+function UrlSlugComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 6);
     i0.ɵɵtext(1, "Go");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -9397,18 +9360,18 @@ class UrlSlugComponent extends EditComponentBase {
         this.generateUrlSlug(text);
     }
     static { this.ɵfac = function UrlSlugComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UrlSlugComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UrlSlugComponent, selectors: [["anatoly-urlslug"]], inputs: { urlPrefix: "urlPrefix", isGoButtonVisible: "isGoButtonVisible", watchedControlName: "watchedControlName" }, outputs: { generated: "generated" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 12, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [3, "formGroup", "formSubmitted", "controlName"], [1, "input-group", "permalink", 3, "ngClass"], ["for", "urlPrefixId", 4, "ngIf"], [1, "urlPrefix"], ["type", "text", "id", "urlPrefixId", 1, "form-control", 3, "focusout", "formControlName"], ["class", "btn btn-primary", "target", "_blank", 3, "href", 4, "ngIf"], ["for", "urlPrefixId"], ["target", "_blank", 1, "btn", "btn-primary", 3, "href"]], template: function UrlSlugComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UrlSlugComponent, selectors: [["anatoly-urlslug"]], inputs: { urlPrefix: "urlPrefix", isGoButtonVisible: "isGoButtonVisible", watchedControlName: "watchedControlName" }, outputs: { generated: "generated" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 12, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [3, "formGroup", "formSubmitted", "controlName"], [1, "input-group", "permalink", 3, "ngClass"], ["for", "urlPrefixId"], [1, "urlPrefix"], ["type", "text", "id", "urlPrefixId", 1, "form-control", 3, "focusout", "formControlName"], ["target", "_blank", 1, "btn", "btn-primary", 3, "href"]], template: function UrlSlugComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "anatoly-item-validation-summary", 1);
             i0.ɵɵelementStart(2, "div", 2);
-            i0.ɵɵtemplate(3, UrlSlugComponent_label_3_Template, 2, 1, "label", 3);
+            i0.ɵɵconditionalCreate(3, UrlSlugComponent_Conditional_3_Template, 2, 1, "label", 3);
             i0.ɵɵelementStart(4, "div", 4);
             i0.ɵɵtext(5);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "input", 5);
             i0.ɵɵlistener("focusout", function UrlSlugComponent_Template_input_focusout_6_listener() { return ctx.onUrlSlugChange(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(7, UrlSlugComponent_a_7_Template, 2, 3, "a", 6);
+            i0.ɵɵconditionalCreate(7, UrlSlugComponent_Conditional_7_Template, 2, 3, "a", 6);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(10, _c0$4, ctx.isControlInvalid(ctx.controlName)));
@@ -9417,18 +9380,18 @@ class UrlSlugComponent extends EditComponentBase {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.classes);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
+            i0.ɵɵconditional(ctx.isTitleVisible ? 3 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(ctx.urlPrefix);
             i0.ɵɵadvance();
             i0.ɵɵproperty("formControlName", ctx.controlName);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isGoButtonVisible);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$2.LabelDirective, AReplacerDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.isGoButtonVisible ? 7 : -1);
+        } }, dependencies: [i1$2.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.LabelDirective, AReplacerDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UrlSlugComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-urlslug', standalone: false, template: "<div class=\"form-group\" [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(controlName)}\" >\r\n  <anatoly-item-validation-summary\r\n    [formGroup]='formGroup'\r\n    [formSubmitted]='formSubmitted'\r\n    [controlName]='controlName'>\r\n  </anatoly-item-validation-summary>\r\n\r\n  <div class=\"input-group permalink\" [ngClass]=\"classes\">\r\n    <label for=\"urlPrefixId\" *ngIf='isTitleVisible'>{{ title }}</label>\r\n    <div class=\"urlPrefix\">{{ urlPrefix }}</div>\r\n    <input type=\"text\" class=\"form-control\" id=\"urlPrefixId\" [formControlName]='controlName' (focusout)='onUrlSlugChange()'>\r\n    <a class=\"btn btn-primary\" href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" *ngIf=\"isGoButtonVisible\" >Go</a>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-urlslug', standalone: false, template: "<div class=\"form-group\" [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(controlName)}\" >\n  <anatoly-item-validation-summary\n    [formGroup]='formGroup'\n    [formSubmitted]='formSubmitted'\n    [controlName]='controlName'>\n  </anatoly-item-validation-summary>\n\n  <div class=\"input-group permalink\" [ngClass]=\"classes\">\n    @if (isTitleVisible) {\n      <label for=\"urlPrefixId\">{{ title }}</label>\n    }\n    <div class=\"urlPrefix\">{{ urlPrefix }}</div>\n    <input type=\"text\" class=\"form-control\" id=\"urlPrefixId\" [formControlName]='controlName' (focusout)='onUrlSlugChange()'>\n    @if (isGoButtonVisible) {\n      <a class=\"btn btn-primary\" href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" >Go</a>\n    }\n  </div>\n</div>\n" }]
     }], () => [], { urlPrefix: [{
             type: Input
         }], isGoButtonVisible: [{
@@ -9455,7 +9418,7 @@ class UrlSlugComponent extends EditComponentBase {
 </file>
 */
 //Node
-function FeatureWillBeReadyComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
+function FeatureWillBeReadyComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -9464,27 +9427,28 @@ function FeatureWillBeReadyComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("This feature will be ready in ", ctx_r0.readyDate, " ");
 } }
-function FeatureWillBeReadyComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
+function FeatureWillBeReadyComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1, "This feature will be available soon");
     i0.ɵɵelementEnd();
 } }
 class FeatureWillBeReadyComponent extends ComponentBase {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFeatureWillBeReadyComponent_BaseFactory; return function FeatureWillBeReadyComponent_Factory(__ngFactoryType__) { return (ɵFeatureWillBeReadyComponent_BaseFactory || (ɵFeatureWillBeReadyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FeatureWillBeReadyComponent)))(__ngFactoryType__ || FeatureWillBeReadyComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FeatureWillBeReadyComponent, selectors: [["anatoly-feature-will-be-ready"]], inputs: { readyDate: "readyDate" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[1, "feature-will-be-ready"], [4, "ngIf"]], template: function FeatureWillBeReadyComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FeatureWillBeReadyComponent, selectors: [["anatoly-feature-will-be-ready"]], inputs: { readyDate: "readyDate" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[1, "feature-will-be-ready"]], template: function FeatureWillBeReadyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, FeatureWillBeReadyComponent_h3_1_Template, 2, 1, "h3", 1)(2, FeatureWillBeReadyComponent_h3_2_Template, 2, 0, "h3", 1);
+            i0.ɵɵconditionalCreate(1, FeatureWillBeReadyComponent_Conditional_1_Template, 2, 1, "h3");
+            i0.ɵɵconditionalCreate(2, FeatureWillBeReadyComponent_Conditional_2_Template, 2, 0, "h3");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.readyDate);
+            i0.ɵɵconditional(ctx.readyDate ? 1 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.readyDate);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+            i0.ɵɵconditional(!ctx.readyDate ? 2 : -1);
+        } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeatureWillBeReadyComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-feature-will-be-ready', standalone: false, template: "<div class='feature-will-be-ready'>\r\n  <h3 *ngIf='readyDate'>This feature will be ready in {{ readyDate }} </h3>\r\n  <h3 *ngIf='!readyDate'>This feature will be available soon</h3>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-feature-will-be-ready', standalone: false, template: "<div class='feature-will-be-ready'>\n  @if (readyDate) {\n    <h3>This feature will be ready in {{ readyDate }} </h3>\n  }\n  @if (!readyDate) {\n    <h3>This feature will be available soon</h3>\n  }\n</div>\n" }]
     }], null, { readyDate: [{
             type: Input
         }] }); })();
@@ -9581,7 +9545,7 @@ class YouAgreeToOurTermsComponent extends ComponentBase {
 </file>
 */
 //Node
-function FormValidationSummaryComponent_div_0_li_4_Template(rf, ctx) { if (rf & 1) {
+function FormValidationSummaryComponent_Conditional_0_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li")(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
@@ -9590,17 +9554,17 @@ function FormValidationSummaryComponent_div_0_li_4_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(error_r1);
 } }
-function FormValidationSummaryComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "h6", 2);
+function FormValidationSummaryComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0)(1, "h6", 1);
     i0.ɵɵtext(2, "There are problems with the form");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "ul");
-    i0.ɵɵtemplate(4, FormValidationSummaryComponent_div_0_li_4_Template, 3, 1, "li", 3);
+    i0.ɵɵrepeaterCreate(4, FormValidationSummaryComponent_Conditional_0_For_5_Template, 3, 1, "li", null, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", ctx_r1.getErrors());
+    i0.ɵɵrepeater(ctx_r1.getErrors());
 } }
 class FormValidationSummaryComponent extends ValidationSummaryComponent {
     constructor() {
@@ -9632,15 +9596,15 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
         return messages;
     }
     static { this.ɵfac = function FormValidationSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormValidationSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormValidationSummaryComponent, selectors: [["anatoly-form-validation-summary"]], inputs: { visible: "visible", customerrors: "customerrors", viewtype: "viewtype" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "callout callout-danger", 4, "ngIf"], [1, "callout", "callout-danger"], [1, "box-title"], [4, "ngFor", "ngForOf"]], template: function FormValidationSummaryComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, FormValidationSummaryComponent_div_0_Template, 5, 1, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormValidationSummaryComponent, selectors: [["anatoly-form-validation-summary"]], inputs: { visible: "visible", customerrors: "customerrors", viewtype: "viewtype" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "callout", "callout-danger"], [1, "box-title"]], template: function FormValidationSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, FormValidationSummaryComponent_Conditional_0_Template, 6, 0, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.visible);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.visible ? 0 : -1);
+        } }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormValidationSummaryComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-form-validation-summary", standalone: false, template: "<div class=\"callout callout-danger\" *ngIf=\"visible\">\r\n  <h6 class=\"box-title\">There are problems with the form</h6>\r\n  <ul>\r\n    <li *ngFor=\"let error of getErrors()\"><span>{{error}}</span></li>\r\n  </ul>\r\n</div>\r\n\r\n" }]
+        args: [{ selector: "anatoly-form-validation-summary", standalone: false, template: "@if (visible) {\n  <div class=\"callout callout-danger\">\n    <h6 class=\"box-title\">There are problems with the form</h6>\n    <ul>\n      @for (error of getErrors(); track error) {\n        <li><span>{{error}}</span></li>\n      }\n    </ul>\n  </div>\n}\n\n" }]
     }], () => [], { visible: [{
             type: Input
         }], customerrors: [{
@@ -9667,8 +9631,8 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
 */
 //Node
 const _c0$3 = a0 => ({ "has-error": a0 });
-function ContactUsForm_option_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 28);
+function ContactUsForm_For_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 9);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -9677,13 +9641,13 @@ function ContactUsForm_option_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", topic_r1.value, " ");
 } }
-function ContactUsForm_p_23_Template(rf, ctx) { if (rf & 1) {
+function ContactUsForm_Conditional_24_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p");
     i0.ɵɵtext(1, "Please indicate the email used for your MailEx login if you already have an account");
     i0.ɵɵelementEnd();
 } }
-function ContactUsForm_button_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 29);
+function ContactUsForm_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 27);
     i0.ɵɵtext(1, " Submit ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -9767,7 +9731,7 @@ class ContactUsForm extends EditComponentBase {
         this.selectedTopic = event.target.value;
     }
     static { this.ɵfac = function ContactUsForm_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContactUsForm)(i0.ɵɵdirectiveInject(i1$9.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) {
+    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: 40, vars: 30, 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"], ["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"], ["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"], ["type", "submit", 1, "btn", "btn-success", 3, "btn-primary"], ["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(); });
             i0.ɵɵelement(1, "anatoly-form-validation-summary", 1);
@@ -9779,70 +9743,70 @@ class ContactUsForm extends EditComponentBase {
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(11, "select", 8);
             i0.ɵɵlistener("change", function ContactUsForm_Template_select_change_11_listener($event) { return ctx.onTopicChange($event); });
-            i0.ɵɵtemplate(12, ContactUsForm_option_12_Template, 2, 2, "option", 9);
+            i0.ɵɵrepeaterCreate(12, ContactUsForm_For_13_Template, 2, 2, "option", 9, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(13, "anatoly-item-validation-summary", 10);
+            i0.ɵɵelement(14, "anatoly-item-validation-summary", 10);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(14, "div", 11)(15, "label", 7);
-            i0.ɵɵtext(16, "Name *");
+            i0.ɵɵelementStart(15, "div", 11)(16, "label", 7);
+            i0.ɵɵtext(17, "Name *");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(17, "input", 12)(18, "anatoly-item-validation-summary", 13);
+            i0.ɵɵelement(18, "input", 12)(19, "anatoly-item-validation-summary", 13);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(19, "div", 14)(20, "label", 7);
-            i0.ɵɵtext(21, "E-mail * ");
+            i0.ɵɵelementStart(20, "div", 14)(21, "label", 7);
+            i0.ɵɵtext(22, "E-mail * ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(22, "input", 15);
-            i0.ɵɵtemplate(23, ContactUsForm_p_23_Template, 2, 0, "p", 16);
-            i0.ɵɵelement(24, "anatoly-item-validation-summary", 17);
+            i0.ɵɵelement(23, "input", 15);
+            i0.ɵɵconditionalCreate(24, ContactUsForm_Conditional_24_Template, 2, 0, "p");
+            i0.ɵɵelement(25, "anatoly-item-validation-summary", 16);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(25, "div", 18)(26, "label", 7);
-            i0.ɵɵtext(27, "Subject *");
+            i0.ɵɵelementStart(26, "div", 17)(27, "label", 7);
+            i0.ɵɵtext(28, "Subject *");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(28, "input", 19)(29, "anatoly-item-validation-summary", 20);
+            i0.ɵɵelement(29, "input", 18)(30, "anatoly-item-validation-summary", 19);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(30, "div", 21)(31, "div", 22)(32, "label", 7);
-            i0.ɵɵtext(33, "Message *");
+            i0.ɵɵelementStart(31, "div", 20)(32, "div", 21)(33, "label", 7);
+            i0.ɵɵtext(34, "Message *");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(34, "textarea", 23)(35, "anatoly-item-validation-summary", 24);
+            i0.ɵɵelement(35, "textarea", 22)(36, "anatoly-item-validation-summary", 23);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(36, "div", 25)(37, "div", 26);
-            i0.ɵɵtemplate(38, ContactUsForm_button_38_Template, 2, 2, "button", 27);
+            i0.ɵɵelementStart(37, "div", 24)(38, "div", 25);
+            i0.ɵɵconditionalCreate(39, ContactUsForm_Conditional_39_Template, 2, 2, "button", 26);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance();
             i0.ɵɵproperty("formGroup", ctx.formGroup)("visible", ctx.formSubmitted && ctx.formGroup.invalid);
             i0.ɵɵadvance(6);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(21, _c0$3, ctx.isControlInvalid("topic")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(20, _c0$3, ctx.isControlInvalid("topic")));
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("ngForOf", ctx.topicList);
-            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.topicList);
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c0$3, ctx.isControlInvalid("name")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(22, _c0$3, ctx.isControlInvalid("name")));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(25, _c0$3, ctx.isControlInvalid("email")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(24, _c0$3, ctx.isControlInvalid("email")));
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngIf", !ctx.isUserSignedIn);
+            i0.ɵɵconditional(!ctx.isUserSignedIn ? 24 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(27, _c0$3, ctx.isControlInvalid("subject")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(26, _c0$3, ctx.isControlInvalid("subject")));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(29, _c0$3, ctx.isControlInvalid("message")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(28, _c0$3, ctx.isControlInvalid("message")));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.showActionButtons);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i2.ɵNgNoValidate, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective, FormValidationSummaryComponent, ItemValidationSummaryComponent], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.showActionButtons ? 39 : -1);
+        } }, dependencies: [i1$2.NgClass, 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" }]
+        args: [{ selector: 'anatoly-forms-contactus-form', standalone: false, template: "<form (ngSubmit)='onSubmit()' [formGroup]='formGroup' novalidate>\n  <anatoly-form-validation-summary [formGroup]='formGroup'\n  [visible]='formSubmitted && formGroup.invalid'></anatoly-form-validation-summary>\n\n  <div class='contact-us'>\n    <div class=\"row\">\n      <div class='form-fields col-6'>\n        <p>What can we help you with?</p>\n        <div [ngClass]=\"{'has-error': isControlInvalid('topic') }\" class='form-topic'>\n          <div class='form-select-wrapper'>\n            <label class='assistive-text'>Topic *</label>\n            <select (change)='onTopicChange($event)' class='form-select' formControlName='topic'>\n              @for (topic of topicList; track topic) {\n                <option [value]='topic.value'>{{ topic.value }} </option>\n              }\n            </select>\n            <anatoly-item-validation-summary [formGroup]='formGroup'\n              [formSubmitted]='formSubmitted'\n              controlName='topic'\n              controlTitle='topic'>\n            </anatoly-item-validation-summary>\n          </div>\n        </div>\n        <div [ngClass]=\"{'has-error': isControlInvalid('name') }\" class='form-name'>\n          <label class='assistive-text'>Name *</label>\n          <input class='form-control' formControlName='name' placeholder='Name *' type='text'>\n          <anatoly-item-validation-summary [formGroup]='formGroup'\n            [formSubmitted]='formSubmitted'\n            controlName='name'\n            controlTitle='name'>\n          </anatoly-item-validation-summary>\n        </div>\n        <div [ngClass]=\"{'has-error': isControlInvalid('email') }\" class='form-email'>\n          <label class='assistive-text'>E-mail * </label>\n          <input class='form-control' formControlName='email' placeholder='E-mail *' type='text' />\n          @if (!isUserSignedIn) {\n            <p>Please indicate the email used for your MailEx login if you already have an account</p>\n          }\n          <anatoly-item-validation-summary [formGroup]='formGroup'\n            [formSubmitted]='formSubmitted'\n            controlName='email'\n            controlTitle='email'>\n          </anatoly-item-validation-summary>\n        </div>\n        <div [ngClass]=\"{'has-error': isControlInvalid('subject') }\" class='form-subject'>\n          <label class='assistive-text'>Subject *</label>\n          <input class='form-control' formControlName='subject' placeholder='Subject *' type='text' />\n          <anatoly-item-validation-summary [formGroup]='formGroup'\n            [formSubmitted]='formSubmitted'\n            controlName='subject'\n            controlTitle='subject'>\n          </anatoly-item-validation-summary>\n        </div>\n\n      </div>\n      <div class='col-6'>\n        <div [ngClass]=\"{'has-error': isControlInvalid('message') }\" class='form-message'>\n          <label class='assistive-text'>Message *</label>\n          <textarea formControlName='message' name='message' placeholder='Message  *' rows='4'\n          type='text'></textarea>\n          <anatoly-item-validation-summary [formGroup]='formGroup'\n            [formSubmitted]='formSubmitted'\n            controlName='message'\n            controlTitle='message'>\n          </anatoly-item-validation-summary>\n        </div>\n      </div>\n    </div>\n    <div class=\"row form-footer\">\n      <div class=\"col\">\n        @if (showActionButtons) {\n          <button\n            [class.btn-primary]='!formGroup.invalid'\n            class='btn btn-success'\n            type='submit'>\n            Submit\n          </button>\n        }\n      </div>\n    </div>\n  </div>\n</form>\n" }]
     }], () => [{ type: i1$9.ReCaptchaV3Service }, { type: i2.FormBuilder }, { type: AppContextService }, { type: EmailsApiService }, { type: NotificationService }], { showActionButtons: [{
             type: Input
         }], submit: [{
@@ -9866,19 +9830,19 @@ class ContactUsForm extends EditComponentBase {
 */
 //Node
 const _c0$2 = ["contactusform"];
-function ContactUsDialog_kendo_dialog_0_Template(rf, ctx) { if (rf & 1) {
+function ContactUsDialog_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "kendo-dialog", 2);
-    i0.ɵɵlistener("close", function ContactUsDialog_kendo_dialog_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
+    i0.ɵɵlistener("close", function ContactUsDialog_Conditional_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
     i0.ɵɵelementStart(1, "div", 3)(2, "anatoly-forms-contactus-form", 4, 0);
-    i0.ɵɵlistener("submit", function ContactUsDialog_kendo_dialog_0_Template_anatoly_forms_contactus_form_submit_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSubmit()); });
+    i0.ɵɵlistener("submit", function ContactUsDialog_Conditional_0_Template_anatoly_forms_contactus_form_submit_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSubmit()); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(4, "kendo-dialog-actions", 5)(5, "div", 6)(6, "button", 7);
-    i0.ɵɵlistener("click", function ContactUsDialog_kendo_dialog_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSubmitFire()); });
+    i0.ɵɵlistener("click", function ContactUsDialog_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSubmitFire()); });
     i0.ɵɵtext(7, "Submit");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "button", 8);
-    i0.ɵɵlistener("click", function ContactUsDialog_kendo_dialog_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
+    i0.ɵɵlistener("click", function ContactUsDialog_Conditional_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
     i0.ɵɵtext(9, "Cancel ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -9906,15 +9870,15 @@ class ContactUsDialog extends DialogBase {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.contactUsForm = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["contactusform", ""], ["title", "Contact Us", 3, "width", "close", 4, "ngIf"], ["title", "Contact Us", 3, "close", "width"], [1, "k-content", "k-window-content", "k-dialog-content"], [3, "submit", "showActionButtons"], [1, "k-actions"], [1, "d-flex", "justify-content-end"], ["type", "button", 1, "btn", "btn-sm", "btn-success", 3, "click"], ["type", "button", 1, "btn", "btn-sm", "btn-danger", 3, "click"]], template: function ContactUsDialog_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ContactUsDialog_kendo_dialog_0_Template, 10, 2, "kendo-dialog", 1);
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["contactusform", ""], ["title", "Contact Us", 3, "width"], ["title", "Contact Us", 3, "close", "width"], [1, "k-content", "k-window-content", "k-dialog-content"], [3, "submit", "showActionButtons"], [1, "k-actions"], [1, "d-flex", "justify-content-end"], ["type", "button", 1, "btn", "btn-sm", "btn-success", 3, "click"], ["type", "button", 1, "btn", "btn-sm", "btn-danger", 3, "click"]], template: function ContactUsDialog_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ContactUsDialog_Conditional_0_Template, 10, 2, "kendo-dialog", 1);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isOpen);
-        } }, dependencies: [i1$2.NgIf, i4$1.DialogComponent, i4$1.DialogActionsComponent, ContactUsForm], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.isOpen ? 0 : -1);
+        } }, dependencies: [i4$1.DialogComponent, i4$1.DialogActionsComponent, ContactUsForm], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsDialog, [{
         type: Component,
-        args: [{ selector: 'anatoly-contactus-dialog', standalone: false, template: "<kendo-dialog (close)='onClose()' *ngIf='isOpen' [width]='700' title='Contact Us'>\r\n  <div class=\"k-content k-window-content k-dialog-content\">\r\n    <anatoly-forms-contactus-form #contactusform [showActionButtons]='false' (submit)='onSubmit()'>\r\n    </anatoly-forms-contactus-form>\r\n  </div>\r\n  <kendo-dialog-actions class=\"k-actions\">\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button (click)='onSubmitFire()' class='btn btn-sm btn-success' type='button'>Submit</button>\r\n      <button (click)='onClose()' class='btn btn-sm btn-danger' type='button'>Cancel </button>\r\n    </div>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>" }]
+        args: [{ selector: 'anatoly-contactus-dialog', standalone: false, template: "@if (isOpen) {\n  <kendo-dialog (close)='onClose()' [width]='700' title='Contact Us'>\n    <div class=\"k-content k-window-content k-dialog-content\">\n      <anatoly-forms-contactus-form #contactusform [showActionButtons]='false' (submit)='onSubmit()'>\n      </anatoly-forms-contactus-form>\n    </div>\n    <kendo-dialog-actions class=\"k-actions\">\n      <div class=\"d-flex justify-content-end\">\n        <button (click)='onSubmitFire()' class='btn btn-sm btn-success' type='button'>Submit</button>\n        <button (click)='onClose()' class='btn btn-sm btn-danger' type='button'>Cancel </button>\n      </div>\n    </kendo-dialog-actions>\n  </kendo-dialog>\n}" }]
     }], () => [], { contactUsForm: [{
             type: ViewChild,
             args: ['contactusform']
@@ -10017,14 +9981,14 @@ class HoveringDirective {
 */
 //Node
 const _c0$1 = a0 => ({ "has-error": a0 });
-function AddressComponent_anatoly_card_header_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "anatoly-card-header", 18);
+function AddressComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "anatoly-card-header", 1);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("title", ctx_r0.title);
 } }
-function AddressComponent_div_18_option_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 21);
+function AddressComponent_Conditional_18_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 15);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -10033,27 +9997,27 @@ function AddressComponent_div_18_option_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(state_r3.name);
 } }
-function AddressComponent_div_18_Template(rf, ctx) { if (rf & 1) {
+function AddressComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 9)(1, "label");
     i0.ɵɵtext(2, "State");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 19);
-    i0.ɵɵlistener("change", function AddressComponent_div_18_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onUSStateChange($event)); });
-    i0.ɵɵtemplate(4, AddressComponent_div_18_option_4_Template, 2, 2, "option", 16);
+    i0.ɵɵelementStart(3, "select", 17);
+    i0.ɵɵlistener("change", function AddressComponent_Conditional_18_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onUSStateChange($event)); });
+    i0.ɵɵrepeaterCreate(4, AddressComponent_Conditional_18_For_5_Template, 2, 2, "option", 15, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "anatoly-item-validation-summary", 20);
+    i0.ɵɵelement(6, "anatoly-item-validation-summary", 18);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$1, ctx_r0.isControlInvalid("address_stateOrRegion")));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$1, ctx_r0.isControlInvalid("address_stateOrRegion")));
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", ctx_r0.usStateData);
-    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.usStateData);
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("formGroup", ctx_r0.formGroup)("formSubmitted", ctx_r0.formSubmitted);
 } }
-function AddressComponent_option_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 21);
+function AddressComponent_For_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 15);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -10151,9 +10115,9 @@ class AddressComponent extends EditComponentBase {
         this.change.emit(usState);
     }
     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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressComponent, selectors: [["anatoly-forms-address"]], inputs: { address: "address" }, outputs: { change: "change" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 31, vars: 28, consts: [["classes", "card-outline card-primary"], [3, "title"], [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"], ["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"], ["controlName", "address_country", "controlTitle", "Country", 3, "formGroup", "formSubmitted"], ["formControlName", "address_stateOrRegion", 1, "form-control", 3, "change"], ["controlName", "address_stateOrRegion", "controlTitle", "State", 3, "formGroup", "formSubmitted"]], 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);
+            i0.ɵɵconditionalCreate(1, AddressComponent_Conditional_1_Template, 1, 1, "anatoly-card-header", 1);
             i0.ɵɵelementStart(2, "anatoly-card-body", 2)(3, "div", 3)(4, "div", 4)(5, "label");
             i0.ɵɵtext(6, "Street Address");
             i0.ɵɵelementEnd();
@@ -10167,55 +10131,55 @@ class AddressComponent extends EditComponentBase {
             i0.ɵɵelementEnd();
             i0.ɵɵelement(16, "input", 10)(17, "anatoly-item-validation-summary", 11);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(18, AddressComponent_div_18_Template, 6, 6, "div", 12);
+            i0.ɵɵconditionalCreate(18, AddressComponent_Conditional_18_Template, 7, 5, "div", 9);
             i0.ɵɵelementStart(19, "div", 9)(20, "label");
             i0.ɵɵtext(21, "Zipcode");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(22, "input", 13)(23, "anatoly-item-validation-summary", 14);
+            i0.ɵɵelement(22, "input", 12)(23, "anatoly-item-validation-summary", 13);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(24, "div", 9)(25, "label");
             i0.ɵɵtext(26, "Country");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(27, "select", 15);
+            i0.ɵɵelementStart(27, "select", 14);
             i0.ɵɵlistener("change", function AddressComponent_Template_select_change_27_listener($event) { return ctx.onCountryChange($event); });
-            i0.ɵɵtemplate(28, AddressComponent_option_28_Template, 2, 2, "option", 16);
+            i0.ɵɵrepeaterCreate(28, AddressComponent_For_29_Template, 2, 2, "option", 15, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(29, "anatoly-item-validation-summary", 17);
+            i0.ɵɵelement(30, "anatoly-item-validation-summary", 16);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
+            i0.ɵɵconditional(ctx.isTitleVisible ? 1 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(19, _c0$1, ctx.isControlInvalid("address_street")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(18, _c0$1, ctx.isControlInvalid("address_street")));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(21, _c0$1, ctx.isControlInvalid("address_street2")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(20, _c0$1, ctx.isControlInvalid("address_street2")));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c0$1, ctx.isControlInvalid("address_city")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(22, _c0$1, ctx.isControlInvalid("address_city")));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.formGroup.value.address_country == "US");
+            i0.ɵɵconditional(ctx.formGroup.value.address_country == "US" ? 18 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(25, _c0$1, ctx.isControlInvalid("address_zipcode")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(24, _c0$1, ctx.isControlInvalid("address_zipcode")));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(27, _c0$1, ctx.isControlInvalid("address_country")));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(26, _c0$1, ctx.isControlInvalid("address_country")));
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngForOf", ctx.countryData);
-            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.countryData);
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgClass, 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" }]
+        args: [{ selector: 'anatoly-forms-address', standalone: false, template: "<anatoly-card classes='card-outline card-primary'>\n  @if (isTitleVisible) {\n    <anatoly-card-header [title]='title' />\n  }\n  <anatoly-card-body [formGroup]='formGroup'>\n    <div class=\"row\">\n      <div class='form-group' [ngClass]=\"{'has-error': isControlInvalid('address_street')}\" >\n        <label>Street Address</label>\n        <input type='text' class='form-control' formControlName='address_street' placeholder='Street Address'>\n        <anatoly-item-validation-summary controlName='address_street'\n          controlTitle='Street'\n          [formGroup]='formGroup'\n          [formSubmitted]='formSubmitted'>\n        </anatoly-item-validation-summary>\n      </div>\n      <div class='form-group' [ngClass]=\"{'has-error': isControlInvalid('address_street2')}\" >\n        <input type='text' class='form-control' formControlName='address_street2' placeholder='Apartment, suite, unit, building, floor, etc.'>\n        <anatoly-item-validation-summary controlName='address_street2'\n          controlTitle='Street2'\n          [formGroup]='formGroup'\n          [formSubmitted]='formSubmitted'>\n        </anatoly-item-validation-summary>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_city')}\">\n        <label>City</label>\n        <input type='text' class='form-control' formControlName='address_city' placeholder='City'>\n        <anatoly-item-validation-summary controlName='address_city'\n          controlTitle='City'\n          [formGroup]='formGroup'\n          [formSubmitted]='formSubmitted'>\n        </anatoly-item-validation-summary>\n      </div>\n      @if (formGroup.value.address_country == 'US') {\n        <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_stateOrRegion')}\">\n          <label>State</label>\n          <select class='form-control' (change)='onUSStateChange($event)' formControlName='address_stateOrRegion'>\n            @for (state of usStateData; track state) {\n              <option [value]='state.code'>{{state.name}}</option>\n            }\n          </select>\n          <anatoly-item-validation-summary controlName='address_stateOrRegion'\n            controlTitle='State'\n            [formGroup]='formGroup'\n            [formSubmitted]='formSubmitted'>\n          </anatoly-item-validation-summary>\n        </div>\n      }\n      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_zipcode')}\" >\n        <label>Zipcode</label>\n        <input type='text' class='form-control' formControlName='address_zipcode' placeholder='zipcode'>\n        <anatoly-item-validation-summary controlName='address_zipcode'\n          controlTitle='zipcode'\n          [formGroup]='formGroup'\n          [formSubmitted]='formSubmitted'>\n        </anatoly-item-validation-summary>\n      </div>\n      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_country')}\">\n        <label>Country</label>\n        <select class='form-control' (change)='onCountryChange($event)' formControlName='address_country' data-placeholder='Select a Country'>\n          @for (country of countryData; track country) {\n            <option [value]='country.code'>{{country.name}}</option>\n          }\n        </select>\n        <anatoly-item-validation-summary controlName='address_country'\n          controlTitle='Country'\n          [formGroup]='formGroup'\n          [formSubmitted]='formSubmitted'>\n        </anatoly-item-validation-summary>\n      </div>\n    </div>\n  </anatoly-card-body>\n</anatoly-card>\n" }]
     }], () => [{ type: i2.FormBuilder }, { type: AppContextService }], { address: [{
             type: Input
         }], change: [{
@@ -10240,8 +10204,8 @@ class AddressComponent extends EditComponentBase {
 */
 //Node
 const _c0 = a0 => ({ "has-error": a0 });
-function CompanyComponent_anatoly_card_header_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "anatoly-card-header", 14);
+function CompanyComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "anatoly-card-header", 1);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("title", ctx_r0.title);
@@ -10296,9 +10260,9 @@ class CompanyComponent extends EditComponentBase {
         return JSON.stringify(data);
     }
     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) {
+    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"], [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"]], 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);
+            i0.ɵɵconditionalCreate(1, CompanyComponent_Conditional_1_Template, 1, 1, "anatoly-card-header", 1);
             i0.ɵɵelementStart(2, "anatoly-card-body", 2)(3, "div", 3)(4, "div", 4)(5, "label");
             i0.ɵɵtext(6, "Name");
             i0.ɵɵelementEnd();
@@ -10321,7 +10285,7 @@ class CompanyComponent extends EditComponentBase {
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
+            i0.ɵɵconditional(ctx.isTitleVisible ? 1 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("formGroup", ctx.formGroup);
             i0.ɵɵadvance(2);
@@ -10340,11 +10304,11 @@ 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$2.NgClass, i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.PatternValidator, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgClass, 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" }]
+        args: [{ selector: 'anatoly-forms-company', standalone: false, template: "<anatoly-card classes='card-outline card-primary'>\n  @if (isTitleVisible) {\n    <anatoly-card-header [title]='title' />\n  }\n  <anatoly-card-body [formGroup]='formGroup' >\n    <div class=\"row\">\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_name') }\">\n        <label>Name</label>\n        <input type='text' class='form-control' formControlName='company_name' placeholder='Company Name'>\n        <anatoly-item-validation-summary controlName='company_name'\n          controlTitle='Company Name'\n          [formGroup]='formGroup'\n          [formSubmitted]='formSubmitted'>\n        </anatoly-item-validation-summary>\n      </div>\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_phone') }\">\n        <label>Phone</label>\n        <input type='tel' class='form-control' formControlName='company_phone' placeholder='Company Phone'>\n        <anatoly-item-validation-summary controlName='company_phone'\n          controlTitle='Company Phone'\n          [formGroup]='formGroup'\n          [formSubmitted]='formSubmitted'>\n        </anatoly-item-validation-summary>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class='form-group col-6 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_email') }\">\n        <label>Email</label>\n        <input type='email' class='form-control' formControlName='company_email' placeholder='Company Email'>\n        <anatoly-item-validation-summary controlName='company_email'\n          controlTitle='Company Email'\n          [formGroup]='formGroup'\n          [formSubmitted]='formSubmitted'>\n        </anatoly-item-validation-summary>\n      </div>\n      <div class='form-group col-6 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_websiteUrl') }\">\n        <label>Website Url</label>\n        <input type='url' placeholder='https://example.com' pattern='https://.*' size='30'\n          class='form-control' formControlName='company_websiteUrl'>\n          <anatoly-item-validation-summary controlName='company_websiteUrl'\n            controlTitle='Company website url'\n            [formGroup]='formGroup'\n            [formSubmitted]='formSubmitted'>\n          </anatoly-item-validation-summary>\n        </div>\n      </div>\n    </anatoly-card-body>\n  </anatoly-card>\n" }]
     }], () => [{ type: i2.FormBuilder }], { company: [{
             type: Input
         }] }); })();
@@ -11675,5 +11639,5 @@ class AnatolyModule {
  * Generated bundle index. Do not edit.
  */
 
-export { AReplacerDirective, AddressComponent, AdminGuard, Alerts, AnatolyBillingModule, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyIAMModule, AnatolyIAMPagesModule, AnatolyModule, AnatolyUIModule, ApiServiceBase, ApiUrl, AppContextService, AppCoreSettings, AppName, AppVersion, AppsGoServiceBase, AuthService, AuthenticationGuard, BillingService, BillingUtils, BraintreeDialog, BrowserService, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CheckIconComponent, ClientApps, CompanyComponent, ComponentBase, ContactUsDialog, ContactUsForm, ControlPanelComponent, Convert, Copy2ClipboardComponent, CoreApiService, CountryDropdownlist, CurrenciesApiService, CurrenciesStorageService, DOM, DataPagerComponent, DataViewType, DateConvert, DefaultEditorOptions, DialogBase, DigitalMarketingService, DiscountCodeStatus, DiscountCodeType, EditComponentBase, EditPageBase, EmailsApiService, EnumEditComponentBase, FeatureWillBeReadyComponent, FileSizePipe, FormValidationSummaryComponent, GABillingEvents, GAEvents, GlobalErrorHandler, GoServiceBase, GoogleAnalyticsService, GridEditServiceBase, GridReadServiceBase, Guid, HoveringDirective, HtmlEditorComponent, HtmlEditorComponentBase, IdleService, ImageReplacerDirective, InjectorInstance$1 as InjectorInstance, IsDevMode, IsProdMode, ItemValidationSummaryComponent, L10nUtils, LanguageDropdownlist, ListBase, LoadingComponent, LoadingService, LocalStorageService, LocalizationModule, LocalizationService, LocalizePipe, LoggingService, MSALUtils, Message2User, Message2UserComponent, Message2UserService, Mode, ModerationStatus, ModerationStatusDropdownlist, NativeElementDirective, NoMobileSupportComponent, NodataComponent, NotificationService, OrderSummaryComponent, PageBase, PageSpinnerComponent, PagedPageBase, PayPalComponent, PayPalScriptService, PaymentMethod, PaymentMethodsComponent, PaymentOptionsComponent, PaymentStage, PaymentType, PaymentsApiService, PaymentsService, PaypalButtonComponent, PaypalSubscribeButtonComponent, PromoCodesApiService, PublishStatus, PublishStatusDropdownlist, QSUtils, ReplaceTextPipe, SafeHtmlPipe, ScriptService, ServiceBase, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, StarterGuard, StarterService, Stopwatch, StripeDialog, Subs, SubscribePlanButtonComponent, SubscriptionProvider, SubscriptionsApiService, TimezoneDropdownlist, TransactionsApiService, UrlSlugComponent, Utils, ValidationSummaryComponent, XmlFormatter, YouAgreeToOurTermsComponent, dateFormats, dateTimeFormats, formatUrl, getAppCoreSettings, getAppSettingsById, getAppSettingsByName, getCurrentApp, getLocalizationInjector, is, resetAppCoreSettings, throwIfAlreadyLoaded, timeFormats, translateLoaderFactory };
+export { AReplacerDirective, AddressComponent, AdminGuard, Alerts, AnatolyBillingModule, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyIAMModule, AnatolyIAMPagesModule, AnatolyModule, AnatolyUIModule, ApiServiceBase, ApiUrl, AppContextService, AppCoreSettings, AppName, AppVersion, AppsGoServiceBase, AssetGroupType, AuthService, AuthenticationGuard, BillingService, BillingUtils, BraintreeDialog, BrowserService, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CheckIconComponent, ClientApps, CompanyComponent, ComponentBase, ContactUsDialog, ContactUsForm, ControlPanelComponent, Convert, Copy2ClipboardComponent, CoreApiService, CountryDropdownlist, CurrenciesApiService, CurrenciesStorageService, DOM, DataPagerComponent, DataViewType, DateConvert, DefaultEditorOptions, DialogBase, DigitalMarketingService, DiscountCodeStatus, DiscountCodeType, EditComponentBase, EditPageBase, EmailsApiService, EnumEditComponentBase, FeatureWillBeReadyComponent, FileSizePipe, FormValidationSummaryComponent, GABillingEvents, GAEvents, GlobalErrorHandler, GoServiceBase, GoogleAnalyticsService, GridEditServiceBase, GridReadServiceBase, Guid, HoveringDirective, HtmlEditorComponent, HtmlEditorComponentBase, IdleService, ImageReplacerDirective, InjectorInstance$1 as InjectorInstance, IsDevMode, IsProdMode, ItemValidationSummaryComponent, L10nUtils, LanguageDropdownlist, LibName, ListBase, LoadingComponent, LoadingService, LocalStorageService, LocalizationModule, LocalizationService, LocalizePipe, LoggingService, MSALUtils, Message2User, Message2UserComponent, Message2UserService, Mode, ModerationStatus, ModerationStatusDropdownlist, NativeElementDirective, NoMobileSupportComponent, NodataComponent, NotificationService, OrderSummaryComponent, PageBase, PageSpinnerComponent, PagedPageBase, PayPalComponent, PayPalScriptService, PaymentMethod, PaymentMethodsComponent, PaymentOptionsComponent, PaymentStage, PaymentType, PaymentsApiService, PaymentsService, PaypalButtonComponent, PaypalSubscribeButtonComponent, PromoCodesApiService, PublishStatus, PublishStatusDropdownlist, QSUtils, ReplaceTextPipe, SafeHtmlPipe, ScriptService, ServiceBase, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, StarterGuard, StarterService, Stopwatch, StripeDialog, Subs, SubscribePlanButtonComponent, SubscriptionProvider, SubscriptionsApiService, TimezoneDropdownlist, TransactionsApiService, UrlSlugComponent, Utils, ValidationSummaryComponent, XmlFormatter, YouAgreeToOurTermsComponent, dateFormats, dateTimeFormats, formatAssetsUrl, formatUrl, getAppCoreSettings, getAppSettingsById, getAppSettingsByName, getCurrentApp, getLocalizationInjector, is, resetAppCoreSettings, throwIfAlreadyLoaded, timeFormats, translateLoaderFactory };
 //# sourceMappingURL=osovitny-anatoly.mjs.map