@skyux/datetime 7.0.0-alpha.0 → 7.0.0-beta.1

package/fesm2020/skyux-datetime.mjs

@@ -1,3 +1,4 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
 import * as i0 from '@angular/core';
 import { Pipe, NgModule, Injectable, EventEmitter, Component, ViewEncapsulation, Input, Output, ChangeDetectionStrategy, ViewChild, ElementRef, TemplateRef, Optional, forwardRef, Directive, HostListener } from '@angular/core';
 import * as i3 from '@skyux/i18n';
@@ -31,7 +32,7 @@ class SkyDateFormatUtility {
         // introduce a breaking change, so we check for it here. This could probably be removed
         // in a future major version.
         if (value instanceof Object && !(value instanceof Date)) {
-            handleInvalidDate(value);
+            throw new Error('Invalid value: ' + value);
         }
         // Use moment to avoid inconsistencies between browsers interpreting the value differently.
         const momentDate = moment(value);
@@ -39,7 +40,7 @@ class SkyDateFormatUtility {
             date = momentDate.toDate();
         }
         else {
-            handleInvalidDate(value);
+            throw new Error('Invalid value: ' + value);
         }
         return SkyIntlDateFormatter.format(date, locale, SkyDateFormatUtility._ALIASES[pattern] || pattern);
     }
@@ -57,10 +58,8 @@ SkyDateFormatUtility._ALIASES = {
 function isBlank(obj) {
     return !obj;
 }
-function handleInvalidDate(value) {
-    throw new Error('Invalid value: ' + value);
-}
 
+var _SkyDatePipe_defaultFormat, _SkyDatePipe_format, _SkyDatePipe_defaultLocale, _SkyDatePipe_locale, _SkyDatePipe_value, _SkyDatePipe_formattedValue, _SkyDatePipe_ngUnsubscribe;
 /**
  * Formats date values according to locale rules.
  * @example
@@ -73,20 +72,24 @@ function handleInvalidDate(value) {
 class SkyDatePipe {
     constructor(localeProvider) {
         this.localeProvider = localeProvider;
-        this.defaultFormat = 'short';
-        this.defaultLocale = 'en-US';
-        this.ngUnsubscribe = new Subject();
+        _SkyDatePipe_defaultFormat.set(this, 'short');
+        _SkyDatePipe_format.set(this, void 0);
+        _SkyDatePipe_defaultLocale.set(this, 'en-US');
+        _SkyDatePipe_locale.set(this, void 0);
+        _SkyDatePipe_value.set(this, void 0);
+        _SkyDatePipe_formattedValue.set(this, void 0);
+        _SkyDatePipe_ngUnsubscribe.set(this, new Subject());
         this.localeProvider
             .getLocaleInfo()
-            .pipe(takeUntil(this.ngUnsubscribe))
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyDatePipe_ngUnsubscribe, "f")))
             .subscribe((localeInfo) => {
-            this.defaultLocale = localeInfo.locale;
+            __classPrivateFieldSet(this, _SkyDatePipe_defaultLocale, localeInfo.locale, "f");
             this.updateFormattedValue();
         });
     }
     ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
+        __classPrivateFieldGet(this, _SkyDatePipe_ngUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyDatePipe_ngUnsubscribe, "f").complete();
     }
     /**
      * Transforms a date value using locale and format rules.
@@ -97,18 +100,19 @@ class SkyDatePipe {
      * @param locale Specifies the locale code to use in the transform.
      */
     transform(value, format, locale) {
-        this.value = value;
-        this.format = format;
-        this.locale = locale;
+        __classPrivateFieldSet(this, _SkyDatePipe_value, value, "f");
+        __classPrivateFieldSet(this, _SkyDatePipe_format, format, "f");
+        __classPrivateFieldSet(this, _SkyDatePipe_locale, locale, "f");
         this.updateFormattedValue();
-        return this.formattedValue;
+        return __classPrivateFieldGet(this, _SkyDatePipe_formattedValue, "f") ?? '';
     }
     updateFormattedValue() {
-        const locale = this.locale || this.defaultLocale;
-        const format = this.format || this.defaultFormat;
-        this.formattedValue = SkyDateFormatUtility.format(locale, this.value, format);
+        const locale = __classPrivateFieldGet(this, _SkyDatePipe_locale, "f") || __classPrivateFieldGet(this, _SkyDatePipe_defaultLocale, "f");
+        const format = __classPrivateFieldGet(this, _SkyDatePipe_format, "f") || __classPrivateFieldGet(this, _SkyDatePipe_defaultFormat, "f");
+        __classPrivateFieldSet(this, _SkyDatePipe_formattedValue, SkyDateFormatUtility.format(locale, __classPrivateFieldGet(this, _SkyDatePipe_value, "f"), format), "f");
     }
 }
+_SkyDatePipe_defaultFormat = new WeakMap(), _SkyDatePipe_format = new WeakMap(), _SkyDatePipe_defaultLocale = new WeakMap(), _SkyDatePipe_locale = new WeakMap(), _SkyDatePipe_value = new WeakMap(), _SkyDatePipe_formattedValue = new WeakMap(), _SkyDatePipe_ngUnsubscribe = new WeakMap();
 SkyDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDatePipe, deps: [{ token: i3.SkyAppLocaleProvider }], target: i0.ɵɵFactoryTarget.Pipe });
 SkyDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyDatePipe, name: "skyDate", pure: false });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyDatePipe, decorators: [{
@@ -668,7 +672,7 @@ class SkyFuzzyDatePipe {
      */
     transform(value, format, locale) {
         if (!value) {
-            return undefined;
+            return '';
         }
         const fuzzyDateFormat = format || this.fuzzyDateService.getLocaleShortFormat(locale);
         const fuzzyDateLocale = locale || this.fuzzyDateService.getCurrentLocale();