@osovitny/anatoly 2.14.12 → 2.14.14

package/fesm2015/osovitny-anatoly.mjs

@@ -76,10 +76,7 @@ const Urls = {
 
   Created:
     17 Jun 2018
-
-  Version:
-    1.0
-
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -114,10 +111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
     26 Jun 2020
-
-  Version:
-    1.0
-
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -138,10 +132,7 @@ function throwIfAlreadyLoaded(parentModule, moduleName) {
 
   Created:
     26 Jun 2020
-
-  Version:
-    1.0
-
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -205,9 +196,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     26 Jun 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -240,10 +228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
     25 March 2020
-
-  Version:
-    1.0
-
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -343,6 +328,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 </file>
 */
 class Convert {
+    static pad(number) {
+        if (number < 10) {
+            return '0' + number;
+        }
+        return number;
+    }
     static toLocalizedDateTime(value) {
         if (value) {
             return new Date(Date.UTC(value.getFullYear(), value.getMonth(), value.getDate(), value.getHours(), value.getMinutes(), value.getSeconds(), value.getMilliseconds()));
@@ -387,6 +378,38 @@ class Convert {
         }
         return [];
     }
+    static address2String(adr) {
+        let address = JSON.parse(adr);
+        let addressAsString = `${address.street} ${address.street2} ${address.city} ${address.stateOrRegion} ${address.zipcode} ${address.country}`;
+        return addressAsString;
+    }
+    static dateToString(date) {
+        return date.getFullYear() +
+            '-' + this.pad(date.getMonth() + 1) +
+            '-' + this.pad(date.getDate()) +
+            ' ' + this.pad(date.getHours()) +
+            ':' + this.pad(date.getMinutes()) +
+            ':' + this.pad(date.getSeconds());
+    }
+    static utcDateToLocalDate(d) {
+        let date = new Date(d);
+        return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds()));
+    }
+    static stringToBoolean(value) {
+        switch (value.toLowerCase().trim()) {
+            case "true":
+            case "yes":
+            case "1":
+                return true;
+            case "false":
+            case "no":
+            case "0":
+            case null:
+                return false;
+            default:
+                return Boolean(value);
+        }
+    }
 }
 
 /*
@@ -400,10 +423,7 @@ class Convert {
 
   Created:
     05 May 2020
-
-  Version:
-    1.0
-
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -574,10 +594,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
      10 May 2020
-
-  Version:
-    1.0
-
+     
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -649,9 +666,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
      05 May 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -725,10 +739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
      12 May 2020
-
-  Version:
-    1.0
-
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -767,9 +778,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     26 Jun 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -801,10 +809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
     2 July 2020
-
-  Version:
-    1.0
-
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -843,10 +848,7 @@ class L10nUtils {
 
   Created:
     3 March 2020
-
-  Version:
-    1.0
-
+    
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -972,9 +974,6 @@ class Guid {
   Created:
     2 Jun 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -1191,9 +1190,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
      13 Nov 2017
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -1237,9 +1233,6 @@ class BaseApiService {
     getExternalTextFile(url) {
         return this.http.get(url);
     }
-    getExternalJsonFile(url) {
-        return this.http.get(url);
-    }
     getJsonFile(fileName) {
         const jsonsUrl = AppCoreSettings.jsonsUrl;
         const jsonVersion = AppCoreSettings.jsonVersion;
@@ -1254,6 +1247,20 @@ class BaseApiService {
         }
         return this.http.get(url).pipe(map(res => res));
     }
+    getExternalJsonFile(libname, fileName) {
+        const externalUrl = AppCoreSettings.externalUrl;
+        const jsonVersion = AppCoreSettings.jsonVersion;
+        const isCDNEnabled = AppCoreSettings.isCDNEnabled;
+        const cdnSasToken = AppCoreSettings.cdnSasToken;
+        let url = "";
+        if (isCDNEnabled) {
+            url = externalUrl + "/" + libname + "/jsons/" + fileName + cdnSasToken;
+        }
+        else {
+            url = externalUrl + "/" + libname + "/jsons/" + fileName + '?' + jsonVersion;
+        }
+        return this.http.get(url).pipe(map(res => res));
+    }
 }
 BaseApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 BaseApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseApiService });
@@ -1272,10 +1279,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
     26 Jun 2020
-
-  Version:
-    1.0
-
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -1365,15 +1369,22 @@ class AppContextService extends BaseApiService {
         if (!context) {
             return;
         }
-        let lu = context.lastRequested;
-        if (lu) {
+        let shouldBeUpdated = false;
+        let lr = context.lastRequested;
+        if (lr) {
             let now = new Date();
             let lastRequested = new Date(context.lastRequested);
             let in2Mins = new Date(lastRequested.getFullYear(), lastRequested.getMonth(), lastRequested.getDate(), lastRequested.getHours(), lastRequested.getMinutes() + 2, 0, 0);
             if (in2Mins.getTime() < now.getTime()) {
-                this.updateCurrent();
+                shouldBeUpdated = true;
             }
         }
+        else {
+            shouldBeUpdated = true;
+        }
+        if (shouldBeUpdated) {
+            this.updateCurrent();
+        }
     }
     dataReceived(data) {
         this.current = data;
@@ -1422,7 +1433,6 @@ class AppContextService extends BaseApiService {
         return ContextInitState.isUserAdmin;
     }
     //Properties
-    //current
     get current() {
         this.updateCurrentIfExpired();
         return this.getCurrentFromSession();
@@ -1449,9 +1459,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     26 Jun 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -1518,11 +1525,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
     Anatoly Osovitny
 
   Created:
-    29 Щсе 2020
-
-  Version:
-    1.0
-
+    29 Nov 2020
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -1589,9 +1593,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     29 Nov 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -1749,11 +1750,24 @@ class Utils {
     Anatoly Osovitny
 
   Created:
-    29 Apr 2018
+    2 Aug 2022
 
-  Version:
-    1.0
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
 
+  Created:
+    29 Apr 2018
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -1805,10 +1819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
     29 Apr 2018
-
-  Version:
-    1.0
-
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -1876,18 +1887,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     30 April 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
-const consts = {
+const Consts = {
+    //core
+    coreApiPath: 'api/core',
     //billing
     billingApiPath: 'api/billing',
     //emails
     emailsApiPath: 'api/emails',
-    //notifications 
+    //notifications
     notificationsApiPath: 'api/notifications'
 };
 
@@ -1903,9 +1913,6 @@ const consts = {
   Created:
     30 April 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -1913,7 +1920,7 @@ class NotificationsApiService extends BaseApiService {
     constructor(http) {
         super(http);
         this.http = http;
-        this.baseUrl = consts.notificationsApiPath;
+        this.baseUrl = Consts.notificationsApiPath;
     }
     retrieveNotifications() {
         return this.get('retrieveNotifications');
@@ -1940,9 +1947,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     12 Nov 2017
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -1950,7 +1954,7 @@ class BillingApiService extends BaseApiService {
     constructor(http) {
         super(http);
         this.http = http;
-        this.baseUrl = consts.billingApiPath;
+        this.baseUrl = Consts.billingApiPath;
     }
     requestNewSubscription(requestedPlan, success, error) {
         this.postQS("requestNewSubscription", { requestedPlan: requestedPlan }).subscribe((data) => {
@@ -1996,11 +2000,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
     Anatoly Osovitny
 
   Created:
-    28 Aug 2018
+    16 Jun 2022
 
-  Version:
-    1.0
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class EmailsApiService extends BaseApiService {
+    constructor(http) {
+        super(http);
+        this.http = http;
+        this.baseUrl = Consts.emailsApiPath;
+    }
+    sendContactUs(captcha, name, email, topic, subject, message, success, error) {
+        return this.post('sendContactUs', { captcha, name, email, topic, subject, message }).subscribe(data => {
+            if (success)
+                success(data);
+        }, e => {
+            if (error)
+                error(e);
+        });
+    }
+}
+EmailsApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: EmailsApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+EmailsApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: EmailsApiService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: EmailsApiService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+    
+  Created:
+    02 Aug 2022
 
+  Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CoreApiService extends BaseApiService {
+    constructor(http) {
+        super(http);
+        this.http = http;
+        this.baseUrl = Consts.coreApiPath;
+    }
+    getTimezonesJsonFile(done) {
+        this.getExternalJsonFile('anatoly', 'timezones.json').subscribe(data => done(data));
+    }
+    getUSStatesJsonFile(done) {
+        this.getExternalJsonFile('anatoly', 'usStates.json').subscribe(data => done(data));
+    }
+    getCountriesJsonFile(done) {
+        this.getExternalJsonFile('anatoly', 'countries.json').subscribe(data => done(data));
+    }
+}
+CoreApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CoreApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+CoreApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CoreApiService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CoreApiService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    2 Aug 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    28 Aug 2018
+    
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2039,9 +2130,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     20 Nov 2017
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2176,10 +2264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
     24 Jan 2022
-
-  Version:
-    1.0
-
+    
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2221,9 +2306,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     4 Jul 2018
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2311,9 +2393,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     12 Nov 2017
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2357,10 +2436,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
     1 Jun 2018
-
-  Version:
-    1.0
-
+    
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2414,9 +2490,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     12 Dec 2017
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2503,9 +2576,6 @@ const DefaultEditorOptions = {
   Created:
     12 Dec 2017
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2607,9 +2677,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     28 Jun 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2644,9 +2711,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     8 Dec 2017
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2767,10 +2831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
     6 Dec 2017
-
-  Version:
-    1.0
-
+    
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2801,10 +2862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 
   Created:
     12 Dec 2017
-
-  Version:
-    1.0
-
+ 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2840,9 +2898,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     12 Dec 2017
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2886,9 +2941,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     4 Jul 2018
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2916,9 +2968,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     4 Jul 2018
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -2981,9 +3030,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     9 May 2020
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -3208,32 +3254,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
     Anatoly Osovitny
 
   Created:
-    16 Jun 2022
+    2 Aug 2022
 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
-*/
-class EmailsApiService extends BaseApiService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.baseUrl = consts.emailsApiPath;
-    }
-    sendContactUs(captcha, name, email, topic, subject, message, success, error) {
-        return this.post('sendContactUs', { captcha, name, email, topic, subject, message }).subscribe(data => {
-            if (success)
-                success(data);
-        }, e => {
-            if (error)
-                error(e);
-        });
-    }
-}
-EmailsApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: EmailsApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-EmailsApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: EmailsApiService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: EmailsApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+*/
 
 /*
 <file>
@@ -3247,9 +3272,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
   Created:
     7 Dec 2017
 
-  Version:
-    1.0
-
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -3306,9 +3328,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
     Anatoly Osovitny
 
   Created:
-    29 June 2020
+    02 Aug 2022
 
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+  Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
 </file>
 */
 class ContactUsForm extends BaseEditComponent {
@@ -3453,32 +3475,149 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
     Anatoly Osovitny
 
   Created:
-    26 Jun 2020
+    2 Aug 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
 
-  Version:
-    1.0
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    2 Aug 2022
 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
+*/
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    02 Aug 2022
+
+  Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
+</file>
 */
-class ReplaceTextPipe {
-    transform(inputData, search, replacement) {
-        if (inputData) {
-            return inputData.replace(new RegExp(search, "g"), replacement);
+class AddressComponent extends BaseEditComponent {
+    constructor(fb, api) {
+        super();
+        this.fb = fb;
+        this.api = api;
+        this.formGroupGenerated = false;
+        this.countryData = [];
+        this.usStateData = [];
+        this.currentCountry = 'US';
+        this.currentUSState = 'NY';
+        //Inputs
+        this.title = 'Address';
+        this.isTitleVisible = true;
+        //Outputs
+        this.change = new EventEmitter();
+    }
+    get address() {
+        return this._address;
+    }
+    set address(value) {
+        this._address = value;
+        if (value) {
+            this.init();
+        }
+    }
+    ngOnInit() {
+        this.api.getCountriesJsonFile(data => {
+            this.countryData = data;
+        });
+        this.api.getUSStatesJsonFile(data => {
+            this.usStateData = data;
+        });
+        this.createFormGroup();
+        this.init();
+    }
+    createFormGroup() {
+        let isRequired = Convert.stringToBoolean(this.isRequired);
+        if (isRequired) {
+            this.formGroup.addControl('street', this.fb.control('', [Validators.required])),
+                this.formGroup.addControl('street2', this.fb.control('', [])),
+                this.formGroup.addControl('city', this.fb.control('', [Validators.required])),
+                this.formGroup.addControl('stateOrRegion', this.fb.control(this.currentUSState, [Validators.required])),
+                this.formGroup.addControl('country', this.fb.control(this.currentCountry, [Validators.required])),
+                this.formGroup.addControl('zipcode', this.fb.control('', [Validators.required]));
         }
         else {
-            return inputData;
+            this.formGroup.addControl('street', this.fb.control('', [])),
+                this.formGroup.addControl('street2', this.fb.control('', [])),
+                this.formGroup.addControl('city', this.fb.control('', [])),
+                this.formGroup.addControl('stateOrRegion', this.fb.control(this.currentUSState, [])),
+                this.formGroup.addControl('country', this.fb.control(this.currentCountry, [])),
+                this.formGroup.addControl('zipcode', this.fb.control('', []));
+        }
+        this.formGroupGenerated = true;
+    }
+    init() {
+        if (!this.formGroupGenerated) {
+            return;
+        }
+        if (this._address !== undefined) {
+            let address = JSON.parse(this._address);
+            this.setFormValue('street', address.street);
+            this.setFormValue('street2', address.street2);
+            this.setFormValue('city', address.city);
+            this.setFormValue('stateOrRegion', address.stateOrRegion);
+            this.setFormValue('zipcode', address.zipcode);
+            this.setFormValue('country', address.country);
         }
     }
+    getAddress() {
+        const data = {
+            street: this.getFormValue('street') || null,
+            street2: this.getFormValue('street2') || null,
+            city: this.getFormValue('city') || null,
+            stateOrRegion: this.getFormValue('stateOrRegion') || null,
+            zipcode: this.getFormValue('zipcode') || null,
+            country: this.getFormValue('country') || null
+        };
+        return JSON.stringify(data);
+    }
+    //Events
+    onCountryChange(event) {
+        let country = event.target.value;
+        this.change.emit(country);
+    }
+    onUSStateChange(event) {
+        let usState = event.target.value;
+        this.change.emit(usState);
+    }
 }
-ReplaceTextPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ReplaceTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ReplaceTextPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: ReplaceTextPipe, name: "replaceText" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ReplaceTextPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: "replaceText",
-                }]
-        }] });
+AddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: AddressComponent, deps: [{ token: i1$6.FormBuilder }, { token: CoreApiService }], target: i0.ɵɵFactoryTarget.Component });
+AddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: AddressComponent, selector: "anatoly-forms-address", inputs: { title: "title", isTitleVisible: "isTitleVisible", isRequired: "isRequired", address: "address" }, outputs: { change: "change" }, usesInheritance: true, ngImport: i0, template: "<anatoly-card [class]=\"'card-primary card-outline'\">\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title'></anatoly-card-header>\r\n  <anatoly-card-body>\r\n    <div [formGroup]='formGroup' class='row'>\r\n      <div [ngClass]=\"{'has-error': isControlInvalid('street')}\" class='form-group col-12'>\r\n        <label class='col-form-label required'>Street Address</label>\r\n        <input class='form-control '\r\n               formControlName='street'\r\n               placeholder='Street Address'\r\n               type='text'>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='street'\r\n                                         controlTitle='street'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div [ngClass]=\"{'has-error': isControlInvalid('street2')}\" class='form-group col-12'>\r\n        <input class='form-control'\r\n               formControlName='street2'\r\n               placeholder='Apartment, suite, unit, building, floor, etc.'\r\n               type='text'>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='street2'\r\n                                         controlTitle='street2'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div [ngClass]=\"{'has-error': isControlInvalid('city')}\" class='form-group col-3'>\r\n        <label class='col-form-label required'>City</label>\r\n        <input class='form-control'\r\n               formControlName='city'\r\n               placeholder=' City'\r\n               type='text'>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='city'\r\n                                         controlTitle='City'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div *ngIf=\"formGroup.value.country == 'US'\" [ngClass]=\"{'has-error': isControlInvalid('stateOrRegion')}\"\r\n           class='form-group col-3'>\r\n        <label class='col-form-label required'>State</label>\r\n        <select (change)='onUSStateChange($event)' class='form-control' formControlName='stateOrRegion'>\r\n          <option *ngFor='let state of usStateData' [value]='state.code'>{{state.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='stateOrRegion'\r\n                                         controlTitle='State'>\r\n        </anatoly-item-validation-summary>\r\n      </div> \r\n\r\n      <div [ngClass]=\"{'has-error': isControlInvalid('zipcode')}\" class='form-group col-3'>\r\n        <label class='col-form-label required'>zipcode</label>\r\n        <input class='form-control'\r\n               formControlName='zipcode'\r\n               placeholder='zipcode'\r\n               type='text'>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='zipcode'\r\n                                         controlTitle='zipcode'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div [ngClass]=\"{'has-error': isControlInvalid('country')}\" class='form-group col-3'>\r\n        <label class='col-form-label required'>Country</label>\r\n        <select (change)='onCountryChange($event)' class='form-control'\r\n                data-placeholder='Select a Country'\r\n                formControlName='country'>\r\n          <option *ngFor='let country of countryData' [value]='country.code'>{{country.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='country'\r\n                                         controlTitle='Country'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$6.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$6.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$6.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CardComponent, selector: "anatoly-card", inputs: ["class"] }, { kind: "component", type: CardHeaderComponent, selector: "anatoly-card-header", inputs: ["class", "title"] }, { kind: "component", type: CardBodyComponent, selector: "anatoly-card-body", inputs: ["class", "styles"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }, { kind: "component", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: ["controlName", "controlTitle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: AddressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-forms-address', template: "<anatoly-card [class]=\"'card-primary card-outline'\">\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title'></anatoly-card-header>\r\n  <anatoly-card-body>\r\n    <div [formGroup]='formGroup' class='row'>\r\n      <div [ngClass]=\"{'has-error': isControlInvalid('street')}\" class='form-group col-12'>\r\n        <label class='col-form-label required'>Street Address</label>\r\n        <input class='form-control '\r\n               formControlName='street'\r\n               placeholder='Street Address'\r\n               type='text'>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='street'\r\n                                         controlTitle='street'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div [ngClass]=\"{'has-error': isControlInvalid('street2')}\" class='form-group col-12'>\r\n        <input class='form-control'\r\n               formControlName='street2'\r\n               placeholder='Apartment, suite, unit, building, floor, etc.'\r\n               type='text'>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='street2'\r\n                                         controlTitle='street2'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div [ngClass]=\"{'has-error': isControlInvalid('city')}\" class='form-group col-3'>\r\n        <label class='col-form-label required'>City</label>\r\n        <input class='form-control'\r\n               formControlName='city'\r\n               placeholder=' City'\r\n               type='text'>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='city'\r\n                                         controlTitle='City'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div *ngIf=\"formGroup.value.country == 'US'\" [ngClass]=\"{'has-error': isControlInvalid('stateOrRegion')}\"\r\n           class='form-group col-3'>\r\n        <label class='col-form-label required'>State</label>\r\n        <select (change)='onUSStateChange($event)' class='form-control' formControlName='stateOrRegion'>\r\n          <option *ngFor='let state of usStateData' [value]='state.code'>{{state.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='stateOrRegion'\r\n                                         controlTitle='State'>\r\n        </anatoly-item-validation-summary>\r\n      </div> \r\n\r\n      <div [ngClass]=\"{'has-error': isControlInvalid('zipcode')}\" class='form-group col-3'>\r\n        <label class='col-form-label required'>zipcode</label>\r\n        <input class='form-control'\r\n               formControlName='zipcode'\r\n               placeholder='zipcode'\r\n               type='text'>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='zipcode'\r\n                                         controlTitle='zipcode'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div [ngClass]=\"{'has-error': isControlInvalid('country')}\" class='form-group col-3'>\r\n        <label class='col-form-label required'>Country</label>\r\n        <select (change)='onCountryChange($event)' class='form-control'\r\n                data-placeholder='Select a Country'\r\n                formControlName='country'>\r\n          <option *ngFor='let country of countryData' [value]='country.code'>{{country.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'\r\n                                         controlName='country'\r\n                                         controlTitle='Country'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1$6.FormBuilder }, { type: CoreApiService }]; }, propDecorators: { title: [{
+                type: Input
+            }], isTitleVisible: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], address: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
 
 /*
 <file>
@@ -3490,10 +3629,222 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
     Anatoly Osovitny
 
   Created:
-    26 Jun 2020
+    02 Aug 2022
 
-  Version:
-    1.0
+  Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CompanyComponent extends BaseEditComponent {
+    constructor(fb) {
+        super();
+        this.fb = fb;
+        this.formGroupGenerated = false;
+        //Inputs
+        this.title = 'Company / Organization';
+        this.isTitleVisible = true;
+    }
+    get company() {
+        return this._company;
+    }
+    set company(value) {
+        this._company = value;
+        if (value) {
+            this.init();
+        }
+    }
+    ngOnInit() {
+        this.createFormGroup();
+        this.init();
+    }
+    createFormGroup() {
+        this.formGroup = this.fb.group({
+            name: new FormControl('', []),
+            phone: new FormControl('', []),
+            email: new FormControl('', []),
+            websiteUrl: new FormControl('', []),
+        });
+        this.formGroupGenerated = true;
+    }
+    init() {
+        if (!this.formGroupGenerated) {
+            return;
+        }
+        if (this._company !== undefined) {
+            let company = JSON.parse(this._company);
+            this.setFormValue('name', company.name);
+            this.setFormValue('phone', company.phone);
+            this.setFormValue('email', company.email);
+            this.setFormValue('websiteUrl', company.websiteUrl);
+        }
+    }
+    getCompany() {
+        const data = {
+            name: this.getFormValue('name') || null,
+            phone: this.getFormValue('phone') || null,
+            email: this.getFormValue('email') || null,
+            websiteUrl: this.getFormValue('websiteUrl') || null
+        };
+        return JSON.stringify(data);
+    }
+}
+CompanyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CompanyComponent, deps: [{ token: i1$6.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+CompanyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CompanyComponent, selector: "anatoly-forms-company", inputs: { title: "title", isTitleVisible: "isTitleVisible", company: "company" }, usesInheritance: true, ngImport: i0, template: "<anatoly-card [class]=\"'card-primary card-outline'\">\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title'></anatoly-card-header>\r\n  <anatoly-card-body>\r\n    <div  [formGroup]='formGroup'  class='row'>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('name') }\">\r\n        <label class='col-form-label'>Name</label>\r\n        <input type='text' class='form-control' formControlName='name' placeholder='Company Name'>\r\n        <anatoly-item-validation-summary controlName='name'\r\n                                         controlTitle='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('phone') }\">\r\n        <label class='col-form-label'>Phone</label>\r\n        <input type='tel' class='form-control' formControlName='phone' placeholder='Office Phone'>\r\n        <anatoly-item-validation-summary controlName='phone'\r\n                                         controlTitle='phone'\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('email') }\">\r\n        <label class='col-form-label'>Email</label>\r\n        <input type='email' class='form-control' formControlName='email' placeholder='email'>\r\n        <anatoly-item-validation-summary controlName='email'\r\n                                         controlTitle='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' [ngClass]=\"{'has-error': isControlInvalid('websiteUrl') }\">\r\n        <label class='col-form-label'>Website Url</label>\r\n        <input type='url' placeholder='https://example.com' pattern='https://.*' size='30'\r\n               class='form-control' formControlName='websiteUrl'>\r\n        <anatoly-item-validation-summary controlName='websiteUrl'\r\n                                         controlTitle='websiteUrl'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$6.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CardComponent, selector: "anatoly-card", inputs: ["class"] }, { kind: "component", type: CardHeaderComponent, selector: "anatoly-card-header", inputs: ["class", "title"] }, { kind: "component", type: CardBodyComponent, selector: "anatoly-card-body", inputs: ["class", "styles"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }, { kind: "component", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: ["controlName", "controlTitle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CompanyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-forms-company', template: "<anatoly-card [class]=\"'card-primary card-outline'\">\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title'></anatoly-card-header>\r\n  <anatoly-card-body>\r\n    <div  [formGroup]='formGroup'  class='row'>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('name') }\">\r\n        <label class='col-form-label'>Name</label>\r\n        <input type='text' class='form-control' formControlName='name' placeholder='Company Name'>\r\n        <anatoly-item-validation-summary controlName='name'\r\n                                         controlTitle='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('phone') }\">\r\n        <label class='col-form-label'>Phone</label>\r\n        <input type='tel' class='form-control' formControlName='phone' placeholder='Office Phone'>\r\n        <anatoly-item-validation-summary controlName='phone'\r\n                                         controlTitle='phone'\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('email') }\">\r\n        <label class='col-form-label'>Email</label>\r\n        <input type='email' class='form-control' formControlName='email' placeholder='email'>\r\n        <anatoly-item-validation-summary controlName='email'\r\n                                         controlTitle='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' [ngClass]=\"{'has-error': isControlInvalid('websiteUrl') }\">\r\n        <label class='col-form-label'>Website Url</label>\r\n        <input type='url' placeholder='https://example.com' pattern='https://.*' size='30'\r\n               class='form-control' formControlName='websiteUrl'>\r\n        <anatoly-item-validation-summary controlName='websiteUrl'\r\n                                         controlTitle='websiteUrl'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1$6.FormBuilder }]; }, propDecorators: { title: [{
+                type: Input
+            }], isTitleVisible: [{
+                type: Input
+            }], company: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    02 Aug 2022
+
+  Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class UrlSlugComponent extends BaseEditComponent {
+    constructor() {
+        super();
+        //Inputs
+        this.title = 'Permalink';
+        this.isTitleVisible = true;
+    }
+    ngOnInit() {
+        this.setWatchers();
+    }
+    setWatchers() {
+        this.formGroup.get(this.watchedControlName).valueChanges.subscribe(val => {
+            this.generateUrlSlug();
+        });
+    }
+    generateUrlSlug() {
+        let name = this.getFormValue(this.watchedControlName);
+        let slugedText = Utils.slugify(name);
+        this.setFormValue(this.controlName, slugedText);
+    }
+}
+UrlSlugComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: UrlSlugComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UrlSlugComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: UrlSlugComponent, selector: "anatoly-forms-urlslug", inputs: { title: "title", isTitleVisible: "isTitleVisible", controlName: "controlName", controlTitle: "controlTitle", class: "class", watchedControlName: "watchedControlName", urlPrefix: "urlPrefix" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]='formGroup'  class=\"{'has-error': isControlInvalid(controlName)} form-group {{class}}\">\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>{{ title }} <strong>{{ urlPrefix }} </strong></label>\r\n  <input [formControlName]='controlName' type='text' placeholder='Type url slug here' class='form-control' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle'>\r\n  </anatoly-item-validation-summary>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }, { kind: "component", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: ["controlName", "controlTitle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: UrlSlugComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-forms-urlslug', template: "<div [formGroup]='formGroup'  class=\"{'has-error': isControlInvalid(controlName)} form-group {{class}}\">\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>{{ title }} <strong>{{ urlPrefix }} </strong></label>\r\n  <input [formControlName]='controlName' type='text' placeholder='Type url slug here' class='form-control' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle'>\r\n  </anatoly-item-validation-summary>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
+                type: Input
+            }], isTitleVisible: [{
+                type: Input
+            }], controlName: [{
+                type: Input
+            }], controlTitle: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], watchedControlName: [{
+                type: Input
+            }], urlPrefix: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    02 Aug 2022
+
+  Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class TimezoneDropdownlist extends BaseEditComponent {
+    constructor(api, appContext) {
+        super();
+        this.api = api;
+        this.appContext = appContext;
+        //Inputs
+        this.title = 'Timezone';
+        this.isTitleVisible = true;
+        this.controlName = 'timezone';
+    }
+    ngOnInit() {
+        this.setValues();
+    }
+    setValues() {
+        var _a;
+        this.api.getTimezonesJsonFile(data => {
+            this.timezoneListItems = data.reverse();
+        });
+        try {
+            let timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+            this.setFormValue(this.controlName, timeZone);
+        }
+        catch (_b) {
+        }
+        let context = this.appContext.current;
+        let timeZone = (_a = context === null || context === void 0 ? void 0 : context.account) === null || _a === void 0 ? void 0 : _a.timezone;
+        if (timeZone) {
+            this.setFormValue(this.controlName, timeZone);
+        }
+    }
+}
+TimezoneDropdownlist.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: TimezoneDropdownlist, deps: [{ token: CoreApiService }, { token: AppContextService }], target: i0.ɵɵFactoryTarget.Component });
+TimezoneDropdownlist.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: TimezoneDropdownlist, selector: "anatoly-forms-timezone-dropdownlist", inputs: { title: "title", isTitleVisible: "isTitleVisible", controlName: "controlName", controlTitle: "controlTitle" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]='formGroup' class='form-group'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Timezone</label>\r\n  <select [formControlName]='controlName' class='form-control'>\r\n    <option *ngFor='let timezone of timezoneListItems'\r\n            [value]='timezone.code'>\r\n      ({{timezone.offset}})  {{timezone.name}}\r\n    </option>\r\n  </select>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$6.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$6.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$6.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: TimezoneDropdownlist, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-forms-timezone-dropdownlist', template: "<div [formGroup]='formGroup' class='form-group'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Timezone</label>\r\n  <select [formControlName]='controlName' class='form-control'>\r\n    <option *ngFor='let timezone of timezoneListItems'\r\n            [value]='timezone.code'>\r\n      ({{timezone.offset}})  {{timezone.name}}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: CoreApiService }, { type: AppContextService }]; }, propDecorators: { title: [{
+                type: Input
+            }], isTitleVisible: [{
+                type: Input
+            }], controlName: [{
+                type: Input
+            }], controlTitle: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    2 Aug 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    26 Jun 2020
 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
@@ -3532,10 +3883,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
     Anatoly Osovitny
 
   Created:
-    27 Oct 2019
+    26 Jun 2020
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class ReplaceTextPipe {
+    transform(inputData, search, replacement) {
+        if (inputData) {
+            return inputData.replace(new RegExp(search, "g"), replacement);
+        }
+        else {
+            return inputData;
+        }
+    }
+}
+ReplaceTextPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ReplaceTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ReplaceTextPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: ReplaceTextPipe, name: "replaceText" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ReplaceTextPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "replaceText",
+                }]
+        }] });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
 
-  Version:
-    1.0
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    27 Oct 2019
 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
@@ -3555,6 +3937,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
             args: [{ name: 'safeHtml' }]
         }], ctorParameters: function () { return [{ type: i1$4.DomSanitizer }]; } });
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    2 Aug 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    2 Aug 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+
 /*
 <file>
   Project:
@@ -3637,6 +4051,7 @@ class AnatolyDataModule {
 AnatolyDataModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: AnatolyDataModule, deps: [{ token: AnatolyDataModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
 AnatolyDataModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: AnatolyDataModule, imports: [CommonModule] });
 AnatolyDataModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: AnatolyDataModule, providers: [
+        CoreApiService,
         BillingApiService,
         EmailsApiService
     ], imports: [CommonModule] });
@@ -3647,6 +4062,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                         CommonModule
                     ],
                     providers: [
+                        CoreApiService,
                         BillingApiService,
                         EmailsApiService
                     ]
@@ -3700,6 +4116,10 @@ AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         //Directives
         NativeElementDirective,
         //Forms
+        AddressComponent,
+        CompanyComponent,
+        UrlSlugComponent,
+        TimezoneDropdownlist,
         ContactUsForm,
         //Dialogs
         ContactUsDialog,
@@ -3735,6 +4155,10 @@ AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         //Directives
         NativeElementDirective,
         //Forms
+        AddressComponent,
+        CompanyComponent,
+        UrlSlugComponent,
+        TimezoneDropdownlist,
         ContactUsForm,
         //Dialogs
         ContactUsDialog,
@@ -3788,6 +4212,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                         //Directives
                         NativeElementDirective,
                         //Forms
+                        AddressComponent,
+                        CompanyComponent,
+                        UrlSlugComponent,
+                        TimezoneDropdownlist,
                         ContactUsForm,
                         //Dialogs
                         ContactUsDialog,
@@ -3821,6 +4249,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                         //Directives
                         NativeElementDirective,
                         //Forms
+                        AddressComponent,
+                        CompanyComponent,
+                        UrlSlugComponent,
+                        TimezoneDropdownlist,
                         ContactUsForm,
                         //Dialogs
                         ContactUsDialog,
@@ -3843,5 +4275,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseDialog, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BaseHtmlEditorComponent, BillingApiService, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, ContactUsDialog, ContactUsForm, ContextInitState, Convert, DefaultEditorOptions, DigitalMarketingService, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, FroalaEditorModuleWithProviders, FroalaViewModuleWithProviders, GlobalErrorHandler, GoogleAnalyticsService, Guid, HtmlEditorComponent, IdleService, InjectorInstance, ItemValidationSummaryComponent, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, NativeElementDirective, NodataComponent, NotificationService, NotificationsApiService, PageSpinnerComponent, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, Subs, SubscribePlanButtonComponent, TranslateModuleAtRoot, UpgradePlanButtonComponent, Urls, Utils, ValidationSummaryComponent, customTranslateLoaderFactory, localizationInitializerFactory, throwIfAlreadyLoaded };
+export { AddressComponent, Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseDialog, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BaseHtmlEditorComponent, BillingApiService, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CompanyComponent, ContactUsDialog, ContactUsForm, ContextInitState, Convert, CoreApiService, DefaultEditorOptions, DigitalMarketingService, EmailsApiService, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, FroalaEditorModuleWithProviders, FroalaViewModuleWithProviders, GlobalErrorHandler, GoogleAnalyticsService, Guid, HtmlEditorComponent, IdleService, InjectorInstance, ItemValidationSummaryComponent, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, NativeElementDirective, NodataComponent, NotificationService, NotificationsApiService, PageSpinnerComponent, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, Subs, SubscribePlanButtonComponent, TimezoneDropdownlist, TranslateModuleAtRoot, UpgradePlanButtonComponent, UrlSlugComponent, Urls, Utils, ValidationSummaryComponent, customTranslateLoaderFactory, localizationInitializerFactory, throwIfAlreadyLoaded };
 //# sourceMappingURL=osovitny-anatoly.mjs.map