@osovitny/anatoly 3.16.95 → 3.16.97

package/fesm2022/osovitny-anatoly.mjs

@@ -3112,16 +3112,16 @@ class CoreApiService extends ApiServiceBase {
             }
         });
     }
-    getUSStatesJsonFile(done) {
-        this.getExternalJsonFile('anatoly', 'usStates.json').subscribe({
+    getCountriesJsonFile(done) {
+        this.getExternalJsonFile('anatoly', 'countries.json').subscribe({
             next: (data) => {
                 if (done)
                     done(data);
             }
         });
     }
-    getCountriesJsonFile(done) {
-        this.getExternalJsonFile('anatoly', 'countries.json').subscribe({
+    getUSStatesJsonFile(done) {
+        this.getExternalJsonFile('anatoly', 'usStates.json').subscribe({
             next: (data) => {
                 if (done)
                     done(data);
@@ -4625,6 +4625,147 @@ class Copy2ClipboardComponent {
             type: Input
         }] }); })();
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim@osovitny.com
+    Anatoly Osovitny anatoly@osovitny.com
+
+  Created:
+    28 Jun 2020
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+class NativeElementDirective {
+    el;
+    control;
+    constructor(el, control) {
+        this.el = el;
+        this.control = control;
+    }
+    ngOnInit() {
+        // sets the localization key to the control
+        this.control.control.nativeElement = this.el.nativeElement;
+    }
+    static ɵfac = function NativeElementDirective_Factory(t) { return new (t || NativeElementDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.NgControl)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NativeElementDirective, selectors: [["", "formControl", ""], ["", "formControlName", ""]] });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NativeElementDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[formControl], [formControlName]'
+            }]
+    }], function () { return [{ type: i0.ElementRef }, { type: i2.NgControl }]; }, null); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim@osovitny.com
+    Anatoly Osovitny anatoly@osovitny.com
+
+  Created:
+    02 Aug 2022
+
+  Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function TimezoneDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div");
+} }
+function TimezoneDropdownlist_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 6);
+    i0.ɵɵtext(1, "Timezone");
+    i0.ɵɵelementEnd();
+} }
+function TimezoneDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const timezone_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", timezone_r4.code);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate2(" (", timezone_r4.offset, ") ", timezone_r4.name, " ");
+} }
+function TimezoneDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtemplate(1, TimezoneDropdownlist_div_1_label_1_Template, 2, 0, "label", 3);
+    i0.ɵɵelementStart(2, "select", 4);
+    i0.ɵɵtemplate(3, TimezoneDropdownlist_div_1_option_3_Template, 2, 3, "option", 5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("formControlName", ctx_r1.controlName);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r1.timezones);
+} }
+class TimezoneDropdownlist extends EditComponentBase {
+    api;
+    appContext;
+    timezones;
+    constructor(api, appContext) {
+        super();
+        this.api = api;
+        this.appContext = appContext;
+        this.title = 'Timezone';
+    }
+    ngOnInit() {
+        this.setValues();
+    }
+    setValues() {
+        this.api.getTimezonesJsonFile(data => {
+            this.timezones = data.reverse();
+        });
+        if (this.isNgModelBased) {
+        }
+        else {
+            let timezone = this.getFormValue(this.controlName);
+            if (timezone) {
+                return;
+            }
+            //1. Try to set client timezone
+            try {
+                timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+                this.setFormValue(this.controlName, timezone);
+            }
+            catch {
+            }
+            //2. Try to set context timeZone
+            let context = this.appContext.current;
+            timezone = context?.user?.timezone;
+            if (timezone) {
+                this.setFormValue(this.controlName, timezone);
+            }
+        }
+    }
+    static ɵfac = function TimezoneDropdownlist_Factory(t) { return new (t || TimezoneDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimezoneDropdownlist, selectors: [["anatoly-timezone-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["class", "col-form-label", 4, "ngIf"], [1, "form-control", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [1, "col-form-label"], [3, "value"]], template: function TimezoneDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TimezoneDropdownlist_div_0_Template, 1, 0, "div", 0);
+            i0.ɵɵtemplate(1, TimezoneDropdownlist_div_1_Template, 4, 4, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
+        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimezoneDropdownlist, [{
+        type: Component,
+        args: [{ selector: 'anatoly-timezone-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div [formGroup]='formGroup' *ngIf='!isNgModelBased'>\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 timezones' [value]='timezone.code'>\r\n      ({{ timezone.offset }}) {{ timezone.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
+    }], function () { return [{ type: CoreApiService }, { type: AppContextService }]; }, null); })();
+
 /*
 <file>
   Project:
@@ -4949,43 +5090,6 @@ class HtmlEditorComponentBase extends EditComponentBase {
             type: Input
         }] }); })();
 
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim@osovitny.com
-    Anatoly Osovitny anatoly@osovitny.com
-
-  Created:
-    28 Jun 2020
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class NativeElementDirective {
-    el;
-    control;
-    constructor(el, control) {
-        this.el = el;
-        this.control = control;
-    }
-    ngOnInit() {
-        // sets the localization key to the control
-        this.control.control.nativeElement = this.el.nativeElement;
-    }
-    static ɵfac = function NativeElementDirective_Factory(t) { return new (t || NativeElementDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.NgControl)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NativeElementDirective, selectors: [["", "formControl", ""], ["", "formControlName", ""]] });
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NativeElementDirective, [{
-        type: Directive,
-        args: [{
-                selector: '[formControl], [formControlName]'
-            }]
-    }], function () { return [{ type: i0.ElementRef }, { type: i2.NgControl }]; }, null); })();
-
 /*
 <file>
   Project:
@@ -6195,95 +6299,6 @@ class UrlSlugComponent extends EditComponentBase {
             type: Output
         }] }); })();
 
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim@osovitny.com
-    Anatoly Osovitny anatoly@osovitny.com
-
-  Created:
-    02 Aug 2022
-
-  Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-function TimezoneDropdownlist_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "label", 4);
-    i0.ɵɵtext(1, "Timezone");
-    i0.ɵɵelementEnd();
-} }
-function TimezoneDropdownlist_option_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 5);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const timezone_r2 = ctx.$implicit;
-    i0.ɵɵproperty("value", timezone_r2.code);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate2(" (", timezone_r2.offset, ") ", timezone_r2.name, " ");
-} }
-class TimezoneDropdownlist extends EditComponentBase {
-    api;
-    appContext;
-    timezoneListItems;
-    constructor(api, appContext) {
-        super();
-        this.api = api;
-        this.appContext = appContext;
-        this.title = 'Timezone';
-        this.controlName = 'timezone';
-    }
-    ngOnInit() {
-        this.setValues();
-    }
-    setValues() {
-        this.api.getTimezonesJsonFile(data => {
-            this.timezoneListItems = data.reverse();
-        });
-        let timeZone = this.getFormValue(this.controlName);
-        if (timeZone) {
-            return;
-        }
-        //1. Try to set client timeZone
-        try {
-            timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-            this.setFormValue(this.controlName, timeZone);
-        }
-        catch {
-        }
-        //2. Try to set context timeZone
-        let context = this.appContext.current;
-        timeZone = context?.user?.timeZone;
-        if (timeZone) {
-            this.setFormValue(this.controlName, timeZone);
-        }
-    }
-    static ɵfac = function TimezoneDropdownlist_Factory(t) { return new (t || TimezoneDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimezoneDropdownlist, selectors: [["anatoly-forms-timezone-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 4, consts: [[1, "form-group", 3, "formGroup"], ["class", "col-form-label", 4, "ngIf"], [1, "form-control", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [1, "col-form-label"], [3, "value"]], template: function TimezoneDropdownlist_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, TimezoneDropdownlist_label_1_Template, 2, 0, "label", 1);
-            i0.ɵɵelementStart(2, "select", 2);
-            i0.ɵɵtemplate(3, TimezoneDropdownlist_option_3_Template, 2, 3, "option", 3);
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵproperty("formGroup", ctx.formGroup);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("formControlName", ctx.controlName);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx.timezoneListItems);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 });
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimezoneDropdownlist, [{
-        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" }]
-    }], function () { return [{ type: CoreApiService }, { type: AppContextService }]; }, null); })();
-
 /*
 <file>
   Project:
@@ -7072,6 +7087,8 @@ const COMPONENTS = [
     PageSpinnerComponent,
     LoadingComponent,
     Copy2ClipboardComponent,
+    //Dropdownlists
+    TimezoneDropdownlist,
     //Cards
     CardComponent,
     CardHeaderComponent,
@@ -7089,7 +7106,6 @@ const COMPONENTS = [
     AddressComponent,
     CompanyComponent,
     UrlSlugComponent,
-    TimezoneDropdownlist,
     ContactUsForm,
     //Pipes
     SafeHtmlPipe,
@@ -7143,6 +7159,8 @@ class AnatolyUIModule {
         PageSpinnerComponent,
         LoadingComponent,
         Copy2ClipboardComponent,
+        //Dropdownlists
+        TimezoneDropdownlist,
         //Cards
         CardComponent,
         CardHeaderComponent,
@@ -7160,7 +7178,6 @@ class AnatolyUIModule {
         AddressComponent,
         CompanyComponent,
         UrlSlugComponent,
-        TimezoneDropdownlist,
         ContactUsForm,
         //Pipes
         SafeHtmlPipe,
@@ -7186,6 +7203,8 @@ class AnatolyUIModule {
         PageSpinnerComponent,
         LoadingComponent,
         Copy2ClipboardComponent,
+        //Dropdownlists
+        TimezoneDropdownlist,
         //Cards
         CardComponent,
         CardHeaderComponent,
@@ -7203,7 +7222,6 @@ class AnatolyUIModule {
         AddressComponent,
         CompanyComponent,
         UrlSlugComponent,
-        TimezoneDropdownlist,
         ContactUsForm,
         //Pipes
         SafeHtmlPipe,