@osovitny/anatoly 3.21.22 → 3.21.23

package/fesm2022/osovitny-anatoly.mjs

@@ -1581,8 +1581,16 @@ const MSALStorageKeys = {
     //SessionStorage
 };
 class MSALStorage {
+    static hasRedirectValue(value) {
+        return value && value !== 'null' && value !== 'undefined';
+    }
     static saveRedirectState(redirectTo, calledBy) {
+        if (!MSALStorage.hasRedirectValue(redirectTo)) {
+            MSALStorage.clearRedirectState(calledBy);
+            return;
+        }
         if (redirectTo.indexOf('iam') >= 0) {
+            MSALStorage.clearRedirectState(calledBy);
             return;
         }
         localStorage.setItem(MSALStorageKeys.redirectTo, redirectTo);
@@ -1591,6 +1599,10 @@ class MSALStorage {
     static getRedirectState(calledBy) {
         let redirectTo = localStorage.getItem(MSALStorageKeys.redirectTo);
         console.log(`msal.app: redirect state requested: ${redirectTo}. Called by: ${calledBy}`);
+        if (!MSALStorage.hasRedirectValue(redirectTo)) {
+            MSALStorage.clearRedirectState(calledBy);
+            return null;
+        }
         return redirectTo;
     }
     static clearRedirectState(calledBy) {
@@ -1620,10 +1632,11 @@ class MSALStorage {
 class MSALRedirect {
     static handle(router, calledBy) {
         let redirectTo = MSALStorage.getRedirectState(calledBy);
-        if (redirectTo) {
-            MSALStorage.clearRedirectState(calledBy);
-            router.navigate([redirectTo]);
+        if (!redirectTo) {
+            return;
         }
+        MSALStorage.clearRedirectState(calledBy);
+        router.navigate([redirectTo]);
     }
 }
 
@@ -4409,7 +4422,7 @@ class SignUpButtonComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: "anatoly-signup-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\">\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  @if (!ref.innerHTML.trim()) {\r\n    <span>Sign Up</span>\r\n  }\r\n</ng-template>\r\n" }]
     }], null, { qs: [{
             type: Input
         }] }); })();
@@ -4515,7 +4528,7 @@ class BuyAccessButtonComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BuyAccessButtonComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-billing-buyaccess-button', standalone: false, template: "@if (contextUpdated) {\r\n  <div class=\"actions\">\r\n    @if (!isUserSignedIn && visibleSignup) {\r\n      <div>\r\n        <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n      </div>\r\n    }\r\n    @if (isUserSignedIn && visiblePlanStatus) {\r\n      <div>\r\n        @if (plan == currentPlanId) {\r\n          <button class=\"btn btn-block btn-success selectPlan\">\r\n            Your Plan\r\n          </button>\r\n        }\r\n        @if (plan != currentPlanId) {\r\n          <button class=\"btn btn-block  btn-warning selectPlan\"\r\n            (click)=\"onPlanSelect()\">\r\n            Buy Now\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n" }]
     }], () => [{ type: AppContextService }], { plan: [{
             type: Input
         }], visiblePlanStatus: [{
@@ -4637,7 +4650,7 @@ class SubscribePlanButtonComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscribePlanButtonComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-billing-subscribe-plan-button', standalone: false, template: "@if (contextUpdated) {\r\n  <div class=\"actions\">\r\n    @if (!isUserSignedIn && visibleSignup) {\r\n      <div>\r\n        <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n      </div>\r\n    }\r\n    @if (isUserSignedIn && visiblePlanStatus) {\r\n      <div>\r\n        @if (plan == currentPlanId) {\r\n          <button class=\"btn btn-block btn-success selectPlan\">\r\n            Your Plan\r\n          </button>\r\n        }\r\n        @if (plan == requestedPlanId) {\r\n          <button class=\"btn btn-block  btn-warning selectPlan\">\r\n            Requested\r\n          </button>\r\n        }\r\n        @if (plan != currentPlanId && plan != requestedPlanId) {\r\n          <button class=\"btn btn-block  btn-warning selectPlan\"\r\n            (click)=\"onPlanSelect()\">\r\n            Subscribe\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n" }]
     }], () => [{ type: AppContextService }], { plan: [{
             type: Input
         }], visiblePlanStatus: [{
@@ -7383,7 +7396,7 @@ class CardHeaderComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardHeaderComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-card-header', standalone: false, template: "<div class='card-header {{ classes }}'>\r\n  <div class=\"card-title\">\r\n    @if (title) {\r\n      <h3>{{ title }}</h3>\r\n    }\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardHeaderComponent, { className: "CardHeaderComponent", filePath: "lib/ui/components/card/card-header.component.ts", lineNumber: 27 }); })();
 
@@ -7570,7 +7583,7 @@ class CountryDropdownlist extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CountryDropdownlist, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-country-dropdownlist', standalone: false, template: "@if (isNgModelBased) {\r\n  <div>\r\n  </div>\r\n}\r\n\r\n@if (!isNgModelBased) {\r\n  <div [formGroup]='formGroup'>\r\n    @if (isTitleVisible) {\r\n      <kendo-label text=\"{{ title }}\"></kendo-label>\r\n    }\r\n    <select [formControlName]='controlName' class='form-select'>\r\n      @for (item of items; track item) {\r\n        <option [value]='item.code'>\r\n          {{ item.name }}\r\n        </option>\r\n      }\r\n    </select>\r\n  </div>\r\n}\r\n" }]
     }], () => [{ type: AppContextService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CountryDropdownlist, { className: "CountryDropdownlist", filePath: "lib/ui/components/dropdownlists/country/country.dropdownlist.ts", lineNumber: 29 }); })();
 
@@ -7636,7 +7649,7 @@ class LanguageDropdownlist extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LanguageDropdownlist, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-language-dropdownlist', standalone: false, template: "@if (isNgModelBased) {\r\n  <div>\r\n  </div>\r\n}\r\n\r\n@if (!isNgModelBased) {\r\n  <div [formGroup]='formGroup'>\r\n    @if (isTitleVisible) {\r\n      <kendo-label text=\"{{ title }}\"></kendo-label>\r\n    }\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  }\r\n" }]
     }], () => [{ type: AppContextService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LanguageDropdownlist, { className: "LanguageDropdownlist", filePath: "lib/ui/components/dropdownlists/language/language.dropdownlist.ts", lineNumber: 30 }); })();
 
@@ -7805,7 +7818,7 @@ class ItemValidationSummaryComponent extends ValidationSummaryComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ItemValidationSummaryComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: "anatoly-item-validation-summary", standalone: false, template: "@if (isControlInvalid(controlName)) {\r\n  <ul class=\"list-unstyled\">\r\n    @for (error of getValidationMessages(formGroup.controls[controlName], controlName, controlTitle); track error) {\r\n      <li>\r\n        <span class=\"help-block\">{{ error }}</span>\r\n      </li>\r\n    }\r\n  </ul>\r\n}\r\n\r\n" }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemValidationSummaryComponent, { className: "ItemValidationSummaryComponent", filePath: "lib/ui/validation/item-validation-summary.component.ts", lineNumber: 28 }); })();
 
@@ -7885,7 +7898,7 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModerationStatusDropdownlist, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-moderationstatus-dropdownlist', standalone: false, template: "@if (isNgModelBased) {\r\n  <div>\r\n    @if (isTitleVisible) {\r\n      <kendo-label text=\"{{ title }}\"></kendo-label>\r\n    }\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\r\n  @if (!isNgModelBased) {\r\n    <div [formGroup]='formGroup'>\r\n      @if (isTitleVisible) {\r\n        <kendo-label text=\"{{ title }}\"></kendo-label>\r\n      }\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      }\r\n" }]
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModerationStatusDropdownlist, { className: "ModerationStatusDropdownlist", filePath: "lib/ui/components/dropdownlists/moderationstatus/moderationstatus.dropdownlist.ts", lineNumber: 28 }); })();
 
@@ -7965,7 +7978,7 @@ class PublishStatusDropdownlist extends EnumEditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PublishStatusDropdownlist, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-publishstatus-dropdownlist', standalone: false, template: "@if (isNgModelBased) {\r\n  <div>\r\n    @if (isTitleVisible) {\r\n      <kendo-label text=\"{{ title }}\"></kendo-label>\r\n    }\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\r\n  @if (!isNgModelBased) {\r\n    <div [formGroup]='formGroup'>\r\n      @if (isTitleVisible) {\r\n        <kendo-label text=\"{{ title }}\"></kendo-label>\r\n      }\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      }\r\n" }]
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PublishStatusDropdownlist, { className: "PublishStatusDropdownlist", filePath: "lib/ui/components/dropdownlists/publishstatus/publishstatus.dropdownlist.ts", lineNumber: 28 }); })();
 
@@ -8069,7 +8082,7 @@ class TimezoneDropdownlist extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimezoneDropdownlist, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-timezone-dropdownlist', standalone: false, template: "@if (isNgModelBased) {\r\n  <div>\r\n  </div>\r\n}\r\n\r\n@if (!isNgModelBased) {\r\n  <div [formGroup]='formGroup'>\r\n    @if (isTitleVisible) {\r\n      <label class='col-form-label'>Timezone</label>\r\n    }\r\n    <select [formControlName]='controlName' class='form-select' [disabled]='disabled'>\r\n      @for (item of items; track item) {\r\n        <option [value]='item.code'>\r\n          ({{ item.offset }}) {{ item.name }}\r\n        </option>\r\n      }\r\n    </select>\r\n  </div>\r\n}\r\n" }]
     }], () => [{ type: AppContextService }], { disabled: [{
             type: Input
         }] }); })();
@@ -8344,7 +8357,7 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: "anatoly-html-editor", standalone: false, template: "@if (isNgModelBased) {\r\n  <div>\r\n    @if (isTitleVisible) {\r\n      <kendo-label text=\"{{ title }}\"></kendo-label>\r\n    }\r\n    <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n  </div>\r\n}\r\n\r\n@if (!isNgModelBased) {\r\n  <div [formGroup]='formGroup'>\r\n    @if (isTitleVisible) {\r\n      <kendo-label text=\"{{ title }}\"></kendo-label>\r\n    }\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  }\r\n" }]
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponent, { className: "HtmlEditorComponent", filePath: "lib/ui/components/html-editor/html-editor.component.ts", lineNumber: 27 }); })();
 
@@ -8730,7 +8743,7 @@ class SignInButtonComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInButtonComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: "anatoly-signin-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\">\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  @if (!ref.innerHTML.trim()) {\r\n    <span>Sign In</span>\r\n  }\r\n</ng-template>\r\n" }]
     }], null, { qs: [{
             type: Input
         }] }); })();
@@ -8794,7 +8807,7 @@ class SignOutButtonComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutButtonComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: "anatoly-signout-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\">\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  @if (!ref.innerHTML.trim()) {\r\n    <span>Sign Out</span>\r\n  }\r\n</ng-template>\r\n" }]
     }], null, { qs: [{
             type: Input
         }] }); })();
@@ -8856,7 +8869,7 @@ class NodataComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodataComponent, [{
         type: Component,
-        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" }]
+        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      @if (icon) {\r\n        <div>\r\n          <fa-icon [icon]=\"icon\" [size]=\"iconSize\"></fa-icon>\r\n        </div>\r\n      }\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" }]
     }], null, { dataLoading: [{
             type: Input
         }], dataLoaded: [{
@@ -9107,7 +9120,7 @@ class LoadingComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-loading', standalone: false, template: "@if (show) {\r\n  <div id=\"pnlLoading\">\r\n    <span class=\"k-icon k-i-loading\"></span>\r\n  </div>\r\n}\r\n" }]
     }], () => [{ type: LoadingService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingComponent, { className: "LoadingComponent", filePath: "lib/ui/components/spinners/loading/loading.component.ts", lineNumber: 29 }); })();
 
@@ -9193,7 +9206,7 @@ class PageSpinnerComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageSpinnerComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-pagespinner', standalone: false, encapsulation: ViewEncapsulation.None, template: "@if (isSpinnerVisible) {\r\n  <div id=\"http-loader\">\r\n    <div class=\"loader-bg\">\r\n      @if (spinner === Spinkit.skLine) {\r\n        <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n}\r\n" }]
     }], () => [{ type: i1$1.Router }], { backgroundColor: [{
             type: Input
         }], spinner: [{
@@ -9358,7 +9371,7 @@ class UrlSlugComponent extends EditComponentBase {
 }
 (() => { (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)}\" >\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" }]
+        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    @if (isTitleVisible) {\r\n      <label for=\"urlPrefixId\">{{ title }}</label>\r\n    }\r\n    <div class=\"urlPrefix\">{{ urlPrefix }}</div>\r\n    <input type=\"text\" class=\"form-control\" id=\"urlPrefixId\" [formControlName]='controlName' (focusout)='onUrlSlugChange()'>\r\n    @if (isGoButtonVisible) {\r\n      <a class=\"btn btn-primary\" href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" >Go</a>\r\n    }\r\n  </div>\r\n</div>\r\n" }]
     }], () => [], { urlPrefix: [{
             type: Input
         }], isGoButtonVisible: [{
@@ -9415,7 +9428,7 @@ class FeatureWillBeReadyComponent extends ComponentBase {
 }
 (() => { (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'>\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" }]
+        args: [{ selector: 'anatoly-feature-will-be-ready', standalone: false, template: "<div class='feature-will-be-ready'>\r\n  @if (readyDate) {\r\n    <h3>This feature will be ready in {{ readyDate }} </h3>\r\n  }\r\n  @if (!readyDate) {\r\n    <h3>This feature will be available soon</h3>\r\n  }\r\n</div>\r\n" }]
     }], null, { readyDate: [{
             type: Input
         }] }); })();
@@ -9571,7 +9584,7 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormValidationSummaryComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: "anatoly-form-validation-summary", standalone: false, template: "@if (visible) {\r\n  <div class=\"callout callout-danger\">\r\n    <h6 class=\"box-title\">There are problems with the form</h6>\r\n    <ul>\r\n      @for (error of getErrors(); track error) {\r\n        <li><span>{{error}}</span></li>\r\n      }\r\n    </ul>\r\n  </div>\r\n}\r\n\r\n" }]
     }], () => [], { visible: [{
             type: Input
         }], customerrors: [{
@@ -9773,7 +9786,7 @@ class ContactUsForm extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsForm, [{
         type: Component,
-        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" }]
+        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              @for (topic of topicList; track topic) {\r\n                <option [value]='topic.value'>{{ topic.value }} </option>\r\n              }\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          @if (!isUserSignedIn) {\r\n            <p>Please indicate the email used for your MailEx login if you already have an account</p>\r\n          }\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        @if (showActionButtons) {\r\n          <button\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        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n" }]
     }], () => [{ type: i1$9.ReCaptchaV3Service }, { type: i2.FormBuilder }, { type: AppContextService }, { type: EmailsApiService }, { type: NotificationService }], { showActionButtons: [{
             type: Input
         }], submit: [{
@@ -9845,7 +9858,7 @@ class ContactUsDialog extends DialogBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsDialog, [{
         type: Component,
-        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}" }]
+        args: [{ selector: 'anatoly-contactus-dialog', standalone: false, template: "@if (isOpen) {\r\n  <kendo-dialog (close)='onClose()' [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>\r\n}" }]
     }], () => [], { contactUsForm: [{
             type: ViewChild,
             args: ['contactusform']
@@ -10146,7 +10159,7 @@ class AddressComponent extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-forms-address', standalone: false, template: "<anatoly-card classes='card-outline card-primary'>\r\n  @if (isTitleVisible) {\r\n    <anatoly-card-header [title]='title' />\r\n  }\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      @if (formGroup.value.address_country == 'US') {\r\n        <div class='form-group col-3 mb-0' [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            @for (state of usStateData; track state) {\r\n              <option [value]='state.code'>{{state.name}}</option>\r\n            }\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      }\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          @for (country of countryData; track country) {\r\n            <option [value]='country.code'>{{country.name}}</option>\r\n          }\r\n        </select>\r\n        <anatoly-item-validation-summary controlName='address_country'\r\n          controlTitle='Country'\r\n          [formGroup]='formGroup'\r\n          [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
     }], () => [{ type: i2.FormBuilder }, { type: AppContextService }], { address: [{
             type: Input
         }], change: [{
@@ -10275,7 +10288,7 @@ class CompanyComponent extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyComponent, [{
         type: Component,
-        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" }]
+        args: [{ selector: 'anatoly-forms-company', standalone: false, template: "<anatoly-card classes='card-outline card-primary'>\r\n  @if (isTitleVisible) {\r\n    <anatoly-card-header [title]='title' />\r\n  }\r\n  <anatoly-card-body [formGroup]='formGroup' >\r\n    <div class=\"row\">\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_name') }\">\r\n        <label>Name</label>\r\n        <input type='text' class='form-control' formControlName='company_name' placeholder='Company Name'>\r\n        <anatoly-item-validation-summary controlName='company_name'\r\n          controlTitle='Company Name'\r\n          [formGroup]='formGroup'\r\n          [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_phone') }\">\r\n        <label>Phone</label>\r\n        <input type='tel' class='form-control' formControlName='company_phone' placeholder='Company Phone'>\r\n        <anatoly-item-validation-summary controlName='company_phone'\r\n          controlTitle='Company Phone'\r\n          [formGroup]='formGroup'\r\n          [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class='form-group col-6 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_email') }\">\r\n        <label>Email</label>\r\n        <input type='email' class='form-control' formControlName='company_email' placeholder='Company Email'>\r\n        <anatoly-item-validation-summary controlName='company_email'\r\n          controlTitle='Company Email'\r\n          [formGroup]='formGroup'\r\n          [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_websiteUrl') }\">\r\n        <label>Website Url</label>\r\n        <input type='url' placeholder='https://example.com' pattern='https://.*' size='30'\r\n          class='form-control' formControlName='company_websiteUrl'>\r\n          <anatoly-item-validation-summary controlName='company_websiteUrl'\r\n            controlTitle='Company website url'\r\n            [formGroup]='formGroup'\r\n            [formSubmitted]='formSubmitted'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n      </div>\r\n    </anatoly-card-body>\r\n  </anatoly-card>\r\n" }]
     }], () => [{ type: i2.FormBuilder }], { company: [{
             type: Input
         }] }); })();