@skyux/datetime 7.0.0-beta.0 → 7.0.0-beta.10

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();
@@ -2313,17 +2317,6 @@ class SkyFuzzyDatepickerInputDirective {
     get minDate() {
         return this._minDate;
     }
-    /**
-     * Creates the fuzzy datepicker input and calendar to let users specify dates that are
-     * not complete. For example, if users know the year but not the month or day, they can
-     * enter just the year. Place this directive on an `input` element, and wrap the `input`
-     * in a `sky-datepicker` component. The value that users select is driven
-     * through the `ngModel` attribute specified on the `input` element.
-     * @required
-     */
-    set skyFuzzyDatepickerInput(value) {
-        // TODO: Remove this property in a future version of SKY UX.
-    }
     /**
      * Specifies the starting day of the week in the calendar, where `0` sets the starting day
      * to Sunday. Place this attribute on the `input` element to override the default
@@ -2603,7 +2596,7 @@ class SkyFuzzyDatepickerInputDirective {
     }
 }
 SkyFuzzyDatepickerInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyFuzzyDatepickerInputDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDatepickerConfigService }, { token: i0.ElementRef }, { token: SkyFuzzyDateService }, { token: i3.SkyAppLocaleProvider }, { token: i0.Renderer2 }, { token: i3.SkyLibResourcesService }, { token: SkyDatepickerComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SkyFuzzyDatepickerInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: SkyFuzzyDatepickerInputDirective, selector: "[skyFuzzyDatepickerInput]", inputs: { dateFormat: "dateFormat", disabled: "disabled", futureDisabled: "futureDisabled", maxDate: "maxDate", minDate: "minDate", skyDatepickerNoValidate: "skyDatepickerNoValidate", skyFuzzyDatepickerInput: "skyFuzzyDatepickerInput", startingDay: "startingDay", yearRequired: "yearRequired" }, host: { listeners: { "change": "onInputChange($event)", "blur": "onInputBlur()", "input": "onInput()" } }, providers: [
+SkyFuzzyDatepickerInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: SkyFuzzyDatepickerInputDirective, selector: "[skyFuzzyDatepickerInput]", inputs: { dateFormat: "dateFormat", disabled: "disabled", futureDisabled: "futureDisabled", maxDate: "maxDate", minDate: "minDate", skyDatepickerNoValidate: "skyDatepickerNoValidate", startingDay: "startingDay", yearRequired: "yearRequired" }, host: { listeners: { "change": "onInputChange($event)", "blur": "onInputBlur()", "input": "onInput()" } }, providers: [
         SKY_FUZZY_DATEPICKER_VALUE_ACCESSOR,
         SKY_FUZZY_DATEPICKER_VALIDATOR,
     ], ngImport: i0 });
@@ -2630,8 +2623,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 type: Input
             }], skyDatepickerNoValidate: [{
                 type: Input
-            }], skyFuzzyDatepickerInput: [{
-                type: Input
             }], startingDay: [{
                 type: Input
             }], yearRequired: [{