@skyux/datetime 5.5.0 → 5.6.2

package/esm2015/lib/modules/datepicker/datepicker-input.directive.js

@@ -1,13 +1,13 @@
-import { ChangeDetectorRef, Directive, ElementRef, forwardRef, HostListener, Input, Optional, Renderer2, } from '@angular/core';
+import { ChangeDetectorRef, Directive, ElementRef, HostListener, Input, Optional, Renderer2, forwardRef, } from '@angular/core';
 import { NG_VALIDATORS, NG_VALUE_ACCESSOR, } from '@angular/forms';
 import { SkyAppLocaleProvider, SkyLibResourcesService } from '@skyux/i18n';
+import moment from 'moment';
 import { Subject } from 'rxjs';
 import { distinctUntilChanged, takeUntil } from 'rxjs/operators';
 import { SkyDateFormatter } from './date-formatter';
 import { SkyDatepickerAdapterService } from './datepicker-adapter.service';
 import { SkyDatepickerConfigService } from './datepicker-config.service';
 import { SkyDatepickerComponent } from './datepicker.component';
-import moment from 'moment';
 import * as i0 from "@angular/core";
 import * as i1 from "./datepicker-adapter.service";
 import * as i2 from "./datepicker-config.service";
@@ -41,11 +41,12 @@ export class SkyDatepickerInputDirective {
          */
         this.skyDatepickerNoValidate = false;
         this.dateFormatter = new SkyDateFormatter();
-        this.isFirstChange = true;
         this.ngUnsubscribe = new Subject();
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onChange = (_) => { };
-        /*istanbul ignore next */
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
+        // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onValidatorChange = () => { };
         this.initialPlaceholder = this.adapter.getPlaceholder(this.elementRef);
         this.updatePlaceholder();
@@ -166,28 +167,7 @@ export class SkyDatepickerInputDirective {
         return this._value;
     }
     set value(value) {
-        const dateValue = this.getDateValue(value);
-        const areDatesEqual = this._value instanceof Date &&
-            dateValue &&
-            dateValue.getTime() === this._value.getTime();
-        const isValidDateString = this.isDateStringValid(value);
-        // If the string value supplied is malformed, do not set the value to its Date equivalent.
-        // (JavaScript's Date parser will convert poorly formatted dates to Date objects, such as "abc 123", which isn't ideal.)
-        if (!isValidDateString) {
-            this._value = value;
-            this.notifyUpdatedValue();
-        }
-        else if (dateValue !== this._value || !areDatesEqual) {
-            this._value = dateValue || value;
-            this.notifyUpdatedValue();
-        }
-        if (dateValue && isValidDateString) {
-            const formattedDate = this.dateFormatter.format(dateValue, this.dateFormat);
-            this.setInputElementValue(formattedDate);
-        }
-        else {
-            this.setInputElementValue(value || '');
-        }
+        this.updateValue(value);
     }
     ngOnInit() {
         if (!this.datepickerComponent) {
@@ -211,7 +191,6 @@ export class SkyDatepickerInputDirective {
             .pipe(distinctUntilChanged())
             .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe((value) => {
-            this.isFirstChange = false;
             this.value = value;
             this.onTouched();
         });
@@ -263,7 +242,7 @@ export class SkyDatepickerInputDirective {
         this.control.markAsDirty();
     }
     writeValue(value) {
-        this.value = value;
+        this.updateValue(value, false);
     }
     validate(control) {
         if (!this.control) {
@@ -334,7 +313,6 @@ export class SkyDatepickerInputDirective {
         }
     }
     onValueChange(newValue) {
-        this.isFirstChange = false;
         this.value = newValue;
     }
     setInputElementValue(value) {
@@ -361,7 +339,7 @@ export class SkyDatepickerInputDirective {
             return true;
         }
         // Does the value only include digits, dashes, or slashes?
-        const regexp = /^[\d\/\-]+$/;
+        const regexp = /^[\d/-]+$/;
         const isValid = regexp.test(value);
         if (isValid) {
             return true;
@@ -370,23 +348,56 @@ export class SkyDatepickerInputDirective {
         const isValidIso = moment(value, moment.ISO_8601).isValid();
         return isValidIso;
     }
-    notifyUpdatedValue() {
-        this.onChange(this._value);
-        // Do not mark the field as "dirty"
-        // if the field has been initialized with a value.
-        if (this.isFirstChange && this.control) {
-            this.control.markAsPristine();
-        }
-        if (this.isFirstChange && this._value) {
-            this.isFirstChange = false;
-        }
-        this.datepickerComponent.selectedDate = this._value;
-    }
     updatePlaceholder() {
         if (!this.initialPlaceholder) {
             this.adapter.setPlaceholder(this.elementRef, this.dateFormat);
         }
     }
+    /**
+     * Update the value of the form control and input element
+     * @param emitEvent Denotes if we emit an event to the consumer's form control. We do not want to do this if the value is being updated via a `setValue` call or a `patchValue` call as this is already handled by Angular.
+     * In these cases we do not want to fire `onChange` as it will cause extra `valueChange` and `statusChange` events and the status of the form should not be affected by these changes.
+     */
+    updateValue(value, emitEvent = true) {
+        var _a, _b;
+        if (this._value === value) {
+            return;
+        }
+        const dateValue = this.getDateValue(value);
+        const areDatesEqual = this._value instanceof Date &&
+            dateValue &&
+            dateValue.getTime() === this._value.getTime();
+        const isValidDateString = this.isDateStringValid(value);
+        // If the string value supplied is malformed, do not set the value to its Date equivalent.
+        // (JavaScript's Date parser will convert poorly formatted dates to Date objects, such as "abc 123", which isn't ideal.)
+        if (!isValidDateString) {
+            this._value = value;
+            if (emitEvent) {
+                this.onChange(this._value);
+            }
+            else {
+                (_a = this.control) === null || _a === void 0 ? void 0 : _a.setValue(this._value, { emitEvent: false });
+            }
+            this.datepickerComponent.selectedDate = this._value;
+        }
+        else if (dateValue !== this._value || !areDatesEqual) {
+            this._value = dateValue || value;
+            if (emitEvent) {
+                this.onChange(this._value);
+            }
+            else {
+                (_b = this.control) === null || _b === void 0 ? void 0 : _b.setValue(this._value, { emitEvent: false });
+            }
+            this.datepickerComponent.selectedDate = this._value;
+        }
+        if (dateValue && isValidDateString) {
+            const formattedDate = this.dateFormatter.format(dateValue, this.dateFormat);
+            this.setInputElementValue(formattedDate);
+        }
+        else {
+            this.setInputElementValue(value || '');
+        }
+    }
 }
 SkyDatepickerInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerInputDirective, deps: [{ token: i1.SkyDatepickerAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyDatepickerConfigService }, { token: i0.ElementRef }, { token: i3.SkyAppLocaleProvider }, { token: i0.Renderer2 }, { token: i3.SkyLibResourcesService }, { token: i4.SkyDatepickerComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
 SkyDatepickerInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyDatepickerInputDirective, selector: "[skyDatepickerInput]", inputs: { dateFormat: "dateFormat", disabled: "disabled", maxDate: "maxDate", minDate: "minDate", skyDatepickerInput: "skyDatepickerInput", skyDatepickerNoValidate: "skyDatepickerNoValidate", startingDay: "startingDay", strict: "strict" }, host: { listeners: { "change": "onInputChange($event)", "blur": "onInputBlur()", "keyup": "onInputKeyup()" } }, providers: [

package/esm2015/lib/modules/datepicker/datepicker-input.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-input.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-input.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,EACZ,KAAK,EAGL,QAAQ,EACR,SAAS,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAGL,aAAa,EACb,iBAAiB,GAGlB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE3E,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAE3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,MAAM,MAAM,QAAQ,CAAC;;;;;;AAE5B,sDAAsD;AACtD,MAAM,6BAA6B,GAAG;IACpC,OAAO,EAAE,iBAAiB;IAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC;IAC1D,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,MAAM,wBAAwB,GAAG;IAC/B,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC;IAC1D,KAAK,EAAE,IAAI;CACZ,CAAC;AACF,gBAAgB;AAUhB,MAAM,OAAO,2BAA2B;IAuMtC,YACU,OAAoC,EACpC,cAAiC,EACjC,aAAyC,EACzC,UAAsB,EACtB,cAAoC,EACpC,QAAmB,EACnB,gBAAwC,EAC5B,mBAA2C;QAPvD,YAAO,GAAP,OAAO,CAA6B;QACpC,mBAAc,GAAd,cAAc,CAAmB;QACjC,kBAAa,GAAb,aAAa,CAA4B;QACzC,eAAU,GAAV,UAAU,CAAY;QACtB,mBAAc,GAAd,cAAc,CAAsB;QACpC,aAAQ,GAAR,QAAQ,CAAW;QACnB,qBAAgB,GAAhB,gBAAgB,CAAwB;QAC5B,wBAAmB,GAAnB,mBAAmB,CAAwB;QApGjE;;;WAGG;QAEI,4BAAuB,GAAG,KAAK,CAAC;QAyE/B,kBAAa,GAAG,IAAI,gBAAgB,EAAE,CAAC;QACvC,kBAAa,GAAG,IAAI,CAAC;QAGrB,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;QA8QpC,aAAQ,GAAG,CAAC,CAAM,EAAE,EAAE,GAAE,CAAC,CAAC;QAClC,yBAAyB;QACjB,cAAS,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QACrB,sBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QA7PnC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACvE,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,CAAC,cAAc;aAChB,aAAa,EAAE;aACf,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE;YACxB,gBAAgB,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC9C,IAAI,CAAC,wBAAwB;gBAC3B,gBAAgB,CAAC,2BAA2B,EAAE,CAAC;YACjD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACP,CAAC;IApND;;;;OAIG;IACH,IACW,UAAU,CAAC,KAAa;QACjC,0BAA0B;QAC1B,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE;YAC9B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;IACH,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,CACL,IAAI,CAAC,WAAW;YAChB,IAAI,CAAC,aAAa,CAAC,UAAU;YAC7B,IAAI,CAAC,wBAAwB,CAC9B,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,IACW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,mBAAmB,CAAC,QAAQ,GAAG,KAAK,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;IAC9E,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC;IACjC,CAAC;IAED;;;OAGG;IACH,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC;IACzC,CAAC;IAED;;;OAGG;IACH,IACW,OAAO,CAAC,KAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAEhD,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;IACrD,CAAC;IAED;;;OAGG;IACH,IACW,OAAO,CAAC,KAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAEhD,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;IACrD,CAAC;IAED;;;;;OAKG;IACH,IACW,kBAAkB,CAC3B,KAA8C;QAE9C,IAAI,KAAK,EAAE;YACT,OAAO,CAAC,IAAI,CACV,oFAAoF;gBAClF,oFAAoF;gBACpF,2BAA2B;gBAC3B,oBAAoB;gBACpB,qEAAqE,CACxE,CAAC;SACH;IACH,CAAC;IASD;;;;;OAKG;IACH,IACW,WAAW,CAAC,KAAa;QAClC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,mBAAmB,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAExD,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;IAC7D,CAAC;IAED;;;;;;;OAOG;IACH,IACW,MAAM,CAAC,KAAc;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC;IAC/B,CAAC;IAED,IAAY,KAAK;QACf,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAY,KAAK,CAAC,KAAU;QAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAE3C,MAAM,aAAa,GACjB,IAAI,CAAC,MAAM,YAAY,IAAI;YAC3B,SAAS;YACT,SAAS,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QAEhD,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAExD,0FAA0F;QAC1F,wHAAwH;QACxH,IAAI,CAAC,iBAAiB,EAAE;YACtB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;aAAM,IAAI,SAAS,KAAK,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE;YACtD,IAAI,CAAC,MAAM,GAAG,SAAS,IAAI,KAAK,CAAC;YACjC,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;QAED,IAAI,SAAS,IAAI,iBAAiB,EAAE;YAClC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAC7C,SAAS,EACT,IAAI,CAAC,UAAU,CAChB,CAAC;YACF,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;SAC1C;aAAM;YACL,IAAI,CAAC,oBAAoB,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;SACxC;IACH,CAAC;IAyCM,QAAQ;QACb,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC7B,MAAM,IAAI,KAAK,CACb,4DAA4D;gBAC1D,+BAA+B,CAClC,CAAC;SACH;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QAE9C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAEpD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAExD,IAAI,CAAC,YAAY,EAAE;YACjB,IAAI,CAAC,gBAAgB;iBAClB,SAAS,CAAC,gCAAgC,CAAC;iBAC3C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,CAAC,KAAa,EAAE,EAAE;gBAC3B,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEM,kBAAkB;QACvB,IAAI,CAAC,mBAAmB,CAAC,UAAU;aAChC,IAAI,CAAC,oBAAoB,EAAE,CAAC;aAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,CAAC,KAAW,EAAE,EAAE;YACzB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,eAAe;QACpB,gDAAgD;QAChD,kFAAkF;QAClF,uDAAuD;QACvD,oFAAoF;QACpF,6DAA6D;QAC7D,0BAA0B;QAC1B,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACvC,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE;oBAChC,SAAS,EAAE,KAAK;iBACjB,CAAC,CAAC;gBAEH,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;YACrC,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;IAGM,aAAa,CAAC,KAAU;QAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAEjC,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAChC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO;SACR;QAED,4EAA4E;QAC5E,IAAI,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE;YACjC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO;SACR;QAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YACrB,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF,CAAC,CAAC;IACL,CAAC;IAGM,WAAW;QAChB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAGM,YAAY;QACjB,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC;IAEM,UAAU,CAAC,KAAU;QAC1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAEM,QAAQ,CAAC,OAAwB;QACtC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;SACxB;QAED,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAChC,OAAO;SACR;QAED,MAAM,KAAK,GAAQ,OAAO,CAAC,KAAK,CAAC;QAEjC,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC3C,MAAM,WAAW,GAAG,SAAS,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAE3E,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE;YAClD,qFAAqF;YACrF,wFAAwF;YACxF,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YAE7B,OAAO;gBACL,OAAO,EAAE;oBACP,OAAO,EAAE,KAAK;iBACf;aACF,CAAC;SACH;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,OAAO,EAAE;YACzE,OAAO;gBACL,OAAO,EAAE;oBACP,OAAO;iBACR;aACF,CAAC;SACH;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,OAAO,EAAE;YACzE,OAAO;gBACL,OAAO,EAAE;oBACP,OAAO;iBACR;aACF,CAAC;SACH;IACH,CAAC;IAEM,gBAAgB,CAAC,EAAwB;QAC9C,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACrB,CAAC;IAEM,iBAAiB,CAAC,EAAc;QACrC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACtB,CAAC;IAEM,yBAAyB,CAAC,EAAc;QAC7C,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;IAC9B,CAAC;IAEM,gBAAgB,CAAC,QAAiB;QACvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,mBAAmB,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC/C,CAAC;IAED;;;OAGG;IACI,sBAAsB;QAC3B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAC7C,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,UAAU,CAChB,CAAC;YACF,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;YACzC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;SACpC;IACH,CAAC;IAEO,aAAa,CAAC,QAAgB;QACpC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;IACxB,CAAC;IAEO,oBAAoB,CAAC,KAAa;QACxC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC3E,CAAC;IAEO,YAAY,CAAC,KAAU;QAC7B,IAAI,SAAe,CAAC;QACpB,IAAI,KAAK,YAAY,IAAI,EAAE;YACzB,SAAS,GAAG,KAAK,CAAC;SACnB;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACpC,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAC/C,KAAK,EACL,IAAI,CAAC,UAAU,EACf,IAAI,CAAC,MAAM,CACZ,CAAC;YACF,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;gBACxC,SAAS,GAAG,IAAI,CAAC;aAClB;SACF;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;OAEG;IACK,iBAAiB,CAAC,KAAa;QACrC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACvC,OAAO,IAAI,CAAC;SACb;QAED,0DAA0D;QAC1D,MAAM,MAAM,GAAG,aAAa,CAAC;QAC7B,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEnC,IAAI,OAAO,EAAE;YACX,OAAO,IAAI,CAAC;SACb;QAED,sDAAsD;QACtD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;QAE5D,OAAO,UAAU,CAAC;IACpB,CAAC;IAOO,kBAAkB;QACxB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAE3B,mCAAmC;QACnC,kDAAkD;QAClD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,OAAO,EAAE;YACtC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;SAC/B;QAED,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,MAAM,EAAE;YACrC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;SAC5B;QAED,IAAI,CAAC,mBAAmB,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC;IACtD,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC5B,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;SAC/D;IACH,CAAC;;yHApeU,2BAA2B;6GAA3B,2BAA2B,+YAN3B;QACT,6BAA6B;QAC7B,wBAAwB;QACxB,2BAA2B;KAC5B;4FAEU,2BAA2B;kBARvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,SAAS,EAAE;wBACT,6BAA6B;wBAC7B,wBAAwB;wBACxB,2BAA2B;qBAC5B;iBACF;;0BAgNI,QAAQ;4CAhMA,UAAU;sBADpB,KAAK;gBAsBK,QAAQ;sBADlB,KAAK;gBAwBK,OAAO;sBADjB,KAAK;gBAiBK,OAAO;sBADjB,KAAK;gBAmBK,kBAAkB;sBAD5B,KAAK;gBAoBC,uBAAuB;sBAD7B,KAAK;gBAUK,WAAW;sBADrB,KAAK;gBAqBK,MAAM;sBADhB,KAAK;gBAgJC,aAAa;sBADnB,YAAY;uBAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC;gBA0B3B,WAAW;sBADjB,YAAY;uBAAC,MAAM;gBAMb,YAAY;sBADlB,YAAY;uBAAC,OAAO","sourcesContent":["import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectorRef,\n  Directive,\n  ElementRef,\n  forwardRef,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Renderer2,\n} from '@angular/core';\n\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  Validator,\n  ValidationErrors,\n} from '@angular/forms';\n\nimport { SkyAppLocaleProvider, SkyLibResourcesService } from '@skyux/i18n';\n\nimport { Subject } from 'rxjs';\n\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\nimport { SkyDateFormatter } from './date-formatter';\n\nimport { SkyDatepickerAdapterService } from './datepicker-adapter.service';\n\nimport { SkyDatepickerConfigService } from './datepicker-config.service';\n\nimport { SkyDatepickerComponent } from './datepicker.component';\n\nimport moment from 'moment';\n\n// tslint:disable:no-forward-ref no-use-before-declare\nconst SKY_DATEPICKER_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SkyDatepickerInputDirective),\n  multi: true,\n};\n\nconst SKY_DATEPICKER_VALIDATOR = {\n  provide: NG_VALIDATORS,\n  useExisting: forwardRef(() => SkyDatepickerInputDirective),\n  multi: true,\n};\n// tslint:enable\n\n@Directive({\n  selector: '[skyDatepickerInput]',\n  providers: [\n    SKY_DATEPICKER_VALUE_ACCESSOR,\n    SKY_DATEPICKER_VALIDATOR,\n    SkyDatepickerAdapterService,\n  ],\n})\nexport class SkyDatepickerInputDirective\n  implements\n    OnInit,\n    OnDestroy,\n    AfterViewInit,\n    AfterContentInit,\n    ControlValueAccessor,\n    Validator\n{\n  /**\n   * Specifies the date format for the input. Place this attribute on the `input` element\n   * to override the default in the `SkyDatepickerConfigService`.\n   * @default \"MM/DD/YYYY\"\n   */\n  @Input()\n  public set dateFormat(value: string) {\n    /* istanbul ignore else */\n    if (value !== this._dateFormat) {\n      this._dateFormat = value;\n      this.applyDateFormat();\n    }\n  }\n\n  public get dateFormat(): string {\n    return (\n      this._dateFormat ||\n      this.configService.dateFormat ||\n      this.preferredShortDateFormat\n    );\n  }\n\n  /**\n   * Indicates whether to disable the datepicker.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.datepickerComponent.disabled = value;\n    this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', value);\n  }\n\n  public get disabled(): boolean {\n    return this._disabled || false;\n  }\n\n  /**\n   * @internal\n   * Indicates if the input element or any of its children have focus.\n   */\n  public get inputIsFocused(): boolean {\n    return this.adapter.elementIsFocused();\n  }\n\n  /**\n   * Specifies the latest date that is available in the calendar. Place this attribute on\n   * the `input` element to override the default in `SkyDatepickerConfigService`.\n   */\n  @Input()\n  public set maxDate(value: Date) {\n    this._maxDate = value;\n    this.datepickerComponent.maxDate = this.maxDate;\n\n    this.onValidatorChange();\n  }\n\n  public get maxDate(): Date {\n    return this._maxDate || this.configService.maxDate;\n  }\n\n  /**\n   * Specifies the earliest date that is available in the calendar. Place this attribute on\n   * the `input` element to override the default in `SkyDatepickerConfigService`.\n   */\n  @Input()\n  public set minDate(value: Date) {\n    this._minDate = value;\n    this.datepickerComponent.minDate = this.minDate;\n\n    this.onValidatorChange();\n  }\n\n  public get minDate(): Date {\n    return this._minDate || this.configService.minDate;\n  }\n\n  /**\n   * Creates the datepicker input and calendar. Place this directive on an `input` element,\n   * and wrap the input in a `sky-datepicker` component. The value that users select is driven\n   * through the `ngModel` attribute specified on the `input` element.\n   * @required\n   */\n  @Input()\n  public set skyDatepickerInput(\n    value: SkyDatepickerComponent | undefined | ''\n  ) {\n    if (value) {\n      console.warn(\n        '[Deprecation warning] You no longer need to provide a template reference variable ' +\n          'to the `skyDatepickerInput` attribute (this will be a breaking change in the next ' +\n          'major version release).\\n' +\n          'Do this instead:\\n' +\n          '<sky-datepicker>\\n  <input skyDatepickerInput />\\n</sky-datepicker>'\n      );\n    }\n  }\n\n  /**\n   * Indicates whether to disable date validation on the datepicker input.\n   * @default false\n   */\n  @Input()\n  public skyDatepickerNoValidate = false;\n\n  /**\n   * Specifies the starting day of the week in the calendar, where `0` sets the starting day\n   * to Sunday. Place this attribute on the `input` element to override the default\n   * in `SkyDatepickerConfigService`.\n   * @default 0\n   */\n  @Input()\n  public set startingDay(value: number) {\n    this._startingDay = value;\n    this.datepickerComponent.startingDay = this.startingDay;\n\n    this.onValidatorChange();\n  }\n\n  public get startingDay(): number {\n    return this._startingDay || this.configService.startingDay;\n  }\n\n  /**\n   * Indicates whether the format of the date value must match the format from the `dateFormat` value.\n   * If this property is `true` and the datepicker input directive cannot find an exact match, then\n   * the input is marked as invalid.\n   * If this property is `false` and the datepicker input directive cannot find an exact match, then\n   * it attempts to format the string based on the [ISO 8601 standard format](https://www.iso.org/iso-8601-date-and-time-format.html).\n   * @default false\n   */\n  @Input()\n  public set strict(value: boolean) {\n    this._strict = value;\n  }\n\n  public get strict(): boolean {\n    return this._strict || false;\n  }\n\n  private get value(): any {\n    return this._value;\n  }\n\n  private set value(value: any) {\n    const dateValue = this.getDateValue(value);\n\n    const areDatesEqual =\n      this._value instanceof Date &&\n      dateValue &&\n      dateValue.getTime() === this._value.getTime();\n\n    const isValidDateString = this.isDateStringValid(value);\n\n    // If the string value supplied is malformed, do not set the value to its Date equivalent.\n    // (JavaScript's Date parser will convert poorly formatted dates to Date objects, such as \"abc 123\", which isn't ideal.)\n    if (!isValidDateString) {\n      this._value = value;\n      this.notifyUpdatedValue();\n    } else if (dateValue !== this._value || !areDatesEqual) {\n      this._value = dateValue || value;\n      this.notifyUpdatedValue();\n    }\n\n    if (dateValue && isValidDateString) {\n      const formattedDate = this.dateFormatter.format(\n        dateValue,\n        this.dateFormat\n      );\n      this.setInputElementValue(formattedDate);\n    } else {\n      this.setInputElementValue(value || '');\n    }\n  }\n\n  private control: AbstractControl;\n  private dateFormatter = new SkyDateFormatter();\n  private isFirstChange = true;\n  private initialPlaceholder: string;\n  private preferredShortDateFormat: string;\n  private ngUnsubscribe = new Subject<void>();\n\n  private _dateFormat: string;\n  private _disabled: boolean;\n  private _maxDate: Date;\n  private _minDate: Date;\n  private _startingDay: number;\n  private _strict: boolean;\n  private _value: any;\n\n  constructor(\n    private adapter: SkyDatepickerAdapterService,\n    private changeDetector: ChangeDetectorRef,\n    private configService: SkyDatepickerConfigService,\n    private elementRef: ElementRef,\n    private localeProvider: SkyAppLocaleProvider,\n    private renderer: Renderer2,\n    private resourcesService: SkyLibResourcesService,\n    @Optional() private datepickerComponent: SkyDatepickerComponent\n  ) {\n    this.initialPlaceholder = this.adapter.getPlaceholder(this.elementRef);\n    this.updatePlaceholder();\n\n    this.localeProvider\n      .getLocaleInfo()\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((localeInfo) => {\n        SkyDateFormatter.setLocale(localeInfo.locale);\n        this.preferredShortDateFormat =\n          SkyDateFormatter.getPreferredShortDateFormat();\n        this.applyDateFormat();\n      });\n  }\n\n  public ngOnInit(): void {\n    if (!this.datepickerComponent) {\n      throw new Error(\n        'You must wrap the `skyDatepickerInput` directive within a ' +\n          '`<sky-datepicker>` component!'\n      );\n    }\n\n    const element = this.elementRef.nativeElement;\n\n    this.renderer.addClass(element, 'sky-form-control');\n\n    const hasAriaLabel = element.getAttribute('aria-label');\n\n    if (!hasAriaLabel) {\n      this.resourcesService\n        .getString('skyux_date_field_default_label')\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((value: string) => {\n          this.renderer.setAttribute(element, 'aria-label', value);\n        });\n    }\n  }\n\n  public ngAfterContentInit(): void {\n    this.datepickerComponent.dateChange\n      .pipe(distinctUntilChanged())\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((value: Date) => {\n        this.isFirstChange = false;\n        this.value = value;\n        this.onTouched();\n      });\n  }\n\n  public ngAfterViewInit(): void {\n    // This is needed to address a bug in Angular 4.\n    // When a control value is set intially, its value is not represented on the view.\n    // See: https://github.com/angular/angular/issues/13792\n    // Of note is the parent check which allows us to determine if the form is reactive.\n    // Without this check there is a changed before checked error\n    /* istanbul ignore else */\n    if (this.control && this.control.parent) {\n      setTimeout(() => {\n        this.control.setValue(this.value, {\n          emitEvent: false,\n        });\n\n        this.changeDetector.markForCheck();\n      });\n    }\n\n    this.adapter.init(this.elementRef);\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  @HostListener('change', ['$event'])\n  public onInputChange(event: any) {\n    const value = event.target.value;\n\n    if (this.skyDatepickerNoValidate) {\n      this.onValueChange(value);\n      return;\n    }\n\n    // Don't try to parse the string value into a Date value if it is malformed.\n    if (this.isDateStringValid(value)) {\n      this.onValueChange(value);\n      return;\n    }\n\n    this._value = value;\n    this.onChange(value);\n\n    this.control.setErrors({\n      skyDate: {\n        invalid: true,\n      },\n    });\n  }\n\n  @HostListener('blur')\n  public onInputBlur(): void {\n    this.onTouched();\n  }\n\n  @HostListener('keyup')\n  public onInputKeyup(): void {\n    this.control.markAsDirty();\n  }\n\n  public writeValue(value: any): void {\n    this.value = value;\n  }\n\n  public validate(control: AbstractControl): ValidationErrors {\n    if (!this.control) {\n      this.control = control;\n    }\n\n    if (this.skyDatepickerNoValidate) {\n      return;\n    }\n\n    const value: any = control.value;\n\n    if (!value) {\n      return;\n    }\n\n    const dateValue = this.getDateValue(value);\n    const isDateValid = dateValue && this.dateFormatter.dateIsValid(dateValue);\n\n    if (!isDateValid || !this.isDateStringValid(value)) {\n      // Mark the invalid control as touched so that the input's invalid CSS styles appear.\n      // (This is only required when the invalid value is set by the FormControl constructor.)\n      this.control.markAsTouched();\n\n      return {\n        skyDate: {\n          invalid: value,\n        },\n      };\n    }\n\n    const minDate = this.minDate;\n\n    if (minDate && this.dateFormatter.dateIsValid(minDate) && value < minDate) {\n      return {\n        skyDate: {\n          minDate,\n        },\n      };\n    }\n\n    const maxDate = this.maxDate;\n\n    if (maxDate && this.dateFormatter.dateIsValid(maxDate) && value > maxDate) {\n      return {\n        skyDate: {\n          maxDate,\n        },\n      };\n    }\n  }\n\n  public registerOnChange(fn: (value: any) => void): void {\n    this.onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  public registerOnValidatorChange(fn: () => void): void {\n    this.onValidatorChange = fn;\n  }\n\n  public setDisabledState(disabled: boolean): void {\n    this.disabled = disabled;\n    this.datepickerComponent.disabled = disabled;\n  }\n\n  /**\n   * Detects changes to the underlying input element's value and updates the ngModel accordingly.\n   * This is useful if you need to update the ngModel value before the input element loses focus.\n   */\n  public detectInputValueChange(): void {\n    this.onValueChange(this.elementRef.nativeElement.value);\n  }\n\n  private applyDateFormat(): void {\n    this.updatePlaceholder();\n    if (this.value) {\n      const formattedDate = this.dateFormatter.format(\n        this.value,\n        this.dateFormat\n      );\n      this.setInputElementValue(formattedDate);\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  private onValueChange(newValue: string): void {\n    this.isFirstChange = false;\n    this.value = newValue;\n  }\n\n  private setInputElementValue(value: string): void {\n    this.renderer.setProperty(this.elementRef.nativeElement, 'value', value);\n  }\n\n  private getDateValue(value: any): Date {\n    let dateValue: Date;\n    if (value instanceof Date) {\n      dateValue = value;\n    } else if (typeof value === 'string') {\n      const date = this.dateFormatter.getDateFromString(\n        value,\n        this.dateFormat,\n        this.strict\n      );\n      if (this.dateFormatter.dateIsValid(date)) {\n        dateValue = date;\n      }\n    }\n\n    return dateValue;\n  }\n\n  /**\n   * Validates the input value to ensure it is formatted correctly.\n   */\n  private isDateStringValid(value: string): boolean {\n    if (!value || typeof value !== 'string') {\n      return true;\n    }\n\n    // Does the value only include digits, dashes, or slashes?\n    const regexp = /^[\\d\\/\\-]+$/;\n    const isValid = regexp.test(value);\n\n    if (isValid) {\n      return true;\n    }\n\n    // If not, does it conform to the standard ISO format?\n    const isValidIso = moment(value, moment.ISO_8601).isValid();\n\n    return isValidIso;\n  }\n\n  private onChange = (_: any) => {};\n  /*istanbul ignore next */\n  private onTouched = () => {};\n  private onValidatorChange = () => {};\n\n  private notifyUpdatedValue(): void {\n    this.onChange(this._value);\n\n    // Do not mark the field as \"dirty\"\n    // if the field has been initialized with a value.\n    if (this.isFirstChange && this.control) {\n      this.control.markAsPristine();\n    }\n\n    if (this.isFirstChange && this._value) {\n      this.isFirstChange = false;\n    }\n\n    this.datepickerComponent.selectedDate = this._value;\n  }\n\n  private updatePlaceholder(): void {\n    if (!this.initialPlaceholder) {\n      this.adapter.setPlaceholder(this.elementRef, this.dateFormat);\n    }\n  }\n}\n"]}
+{"version":3,"file":"datepicker-input.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-input.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectorRef,\n  Directive,\n  ElementRef,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Renderer2,\n  forwardRef,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\nimport { SkyAppLocaleProvider, SkyLibResourcesService } from '@skyux/i18n';\n\nimport moment from 'moment';\nimport { Subject } from 'rxjs';\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\nimport { SkyDateFormatter } from './date-formatter';\nimport { SkyDatepickerAdapterService } from './datepicker-adapter.service';\nimport { SkyDatepickerConfigService } from './datepicker-config.service';\nimport { SkyDatepickerComponent } from './datepicker.component';\n\n// tslint:disable:no-forward-ref no-use-before-declare\nconst SKY_DATEPICKER_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SkyDatepickerInputDirective),\n  multi: true,\n};\n\nconst SKY_DATEPICKER_VALIDATOR = {\n  provide: NG_VALIDATORS,\n  useExisting: forwardRef(() => SkyDatepickerInputDirective),\n  multi: true,\n};\n// tslint:enable\n\n@Directive({\n  selector: '[skyDatepickerInput]',\n  providers: [\n    SKY_DATEPICKER_VALUE_ACCESSOR,\n    SKY_DATEPICKER_VALIDATOR,\n    SkyDatepickerAdapterService,\n  ],\n})\nexport class SkyDatepickerInputDirective\n  implements\n    OnInit,\n    OnDestroy,\n    AfterViewInit,\n    AfterContentInit,\n    ControlValueAccessor,\n    Validator\n{\n  /**\n   * Specifies the date format for the input. Place this attribute on the `input` element\n   * to override the default in the `SkyDatepickerConfigService`.\n   * @default \"MM/DD/YYYY\"\n   */\n  @Input()\n  public set dateFormat(value: string) {\n    /* istanbul ignore else */\n    if (value !== this._dateFormat) {\n      this._dateFormat = value;\n      this.applyDateFormat();\n    }\n  }\n\n  public get dateFormat(): string {\n    return (\n      this._dateFormat ||\n      this.configService.dateFormat ||\n      this.preferredShortDateFormat\n    );\n  }\n\n  /**\n   * Indicates whether to disable the datepicker.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.datepickerComponent.disabled = value;\n    this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', value);\n  }\n\n  public get disabled(): boolean {\n    return this._disabled || false;\n  }\n\n  /**\n   * @internal\n   * Indicates if the input element or any of its children have focus.\n   */\n  public get inputIsFocused(): boolean {\n    return this.adapter.elementIsFocused();\n  }\n\n  /**\n   * Specifies the latest date that is available in the calendar. Place this attribute on\n   * the `input` element to override the default in `SkyDatepickerConfigService`.\n   */\n  @Input()\n  public set maxDate(value: Date) {\n    this._maxDate = value;\n    this.datepickerComponent.maxDate = this.maxDate;\n\n    this.onValidatorChange();\n  }\n\n  public get maxDate(): Date {\n    return this._maxDate || this.configService.maxDate;\n  }\n\n  /**\n   * Specifies the earliest date that is available in the calendar. Place this attribute on\n   * the `input` element to override the default in `SkyDatepickerConfigService`.\n   */\n  @Input()\n  public set minDate(value: Date) {\n    this._minDate = value;\n    this.datepickerComponent.minDate = this.minDate;\n\n    this.onValidatorChange();\n  }\n\n  public get minDate(): Date {\n    return this._minDate || this.configService.minDate;\n  }\n\n  /**\n   * Creates the datepicker input and calendar. Place this directive on an `input` element,\n   * and wrap the input in a `sky-datepicker` component. The value that users select is driven\n   * through the `ngModel` attribute specified on the `input` element.\n   * @required\n   */\n  @Input()\n  public set skyDatepickerInput(\n    value: SkyDatepickerComponent | undefined | ''\n  ) {\n    if (value) {\n      console.warn(\n        '[Deprecation warning] You no longer need to provide a template reference variable ' +\n          'to the `skyDatepickerInput` attribute (this will be a breaking change in the next ' +\n          'major version release).\\n' +\n          'Do this instead:\\n' +\n          '<sky-datepicker>\\n  <input skyDatepickerInput />\\n</sky-datepicker>'\n      );\n    }\n  }\n\n  /**\n   * Indicates whether to disable date validation on the datepicker input.\n   * @default false\n   */\n  @Input()\n  public skyDatepickerNoValidate = false;\n\n  /**\n   * Specifies the starting day of the week in the calendar, where `0` sets the starting day\n   * to Sunday. Place this attribute on the `input` element to override the default\n   * in `SkyDatepickerConfigService`.\n   * @default 0\n   */\n  @Input()\n  public set startingDay(value: number) {\n    this._startingDay = value;\n    this.datepickerComponent.startingDay = this.startingDay;\n\n    this.onValidatorChange();\n  }\n\n  public get startingDay(): number {\n    return this._startingDay || this.configService.startingDay;\n  }\n\n  /**\n   * Indicates whether the format of the date value must match the format from the `dateFormat` value.\n   * If this property is `true` and the datepicker input directive cannot find an exact match, then\n   * the input is marked as invalid.\n   * If this property is `false` and the datepicker input directive cannot find an exact match, then\n   * it attempts to format the string based on the [ISO 8601 standard format](https://www.iso.org/iso-8601-date-and-time-format.html).\n   * @default false\n   */\n  @Input()\n  public set strict(value: boolean) {\n    this._strict = value;\n  }\n\n  public get strict(): boolean {\n    return this._strict || false;\n  }\n\n  private get value(): any {\n    return this._value;\n  }\n\n  private set value(value: any) {\n    this.updateValue(value);\n  }\n\n  private control: AbstractControl;\n  private dateFormatter = new SkyDateFormatter();\n  private initialPlaceholder: string;\n  private preferredShortDateFormat: string;\n  private ngUnsubscribe = new Subject<void>();\n\n  private _dateFormat: string;\n  private _disabled: boolean;\n  private _maxDate: Date;\n  private _minDate: Date;\n  private _startingDay: number;\n  private _strict: boolean;\n  private _value: any;\n\n  constructor(\n    private adapter: SkyDatepickerAdapterService,\n    private changeDetector: ChangeDetectorRef,\n    private configService: SkyDatepickerConfigService,\n    private elementRef: ElementRef,\n    private localeProvider: SkyAppLocaleProvider,\n    private renderer: Renderer2,\n    private resourcesService: SkyLibResourcesService,\n    @Optional() private datepickerComponent: SkyDatepickerComponent\n  ) {\n    this.initialPlaceholder = this.adapter.getPlaceholder(this.elementRef);\n    this.updatePlaceholder();\n\n    this.localeProvider\n      .getLocaleInfo()\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((localeInfo) => {\n        SkyDateFormatter.setLocale(localeInfo.locale);\n        this.preferredShortDateFormat =\n          SkyDateFormatter.getPreferredShortDateFormat();\n        this.applyDateFormat();\n      });\n  }\n\n  public ngOnInit(): void {\n    if (!this.datepickerComponent) {\n      throw new Error(\n        'You must wrap the `skyDatepickerInput` directive within a ' +\n          '`<sky-datepicker>` component!'\n      );\n    }\n\n    const element = this.elementRef.nativeElement;\n\n    this.renderer.addClass(element, 'sky-form-control');\n\n    const hasAriaLabel = element.getAttribute('aria-label');\n\n    if (!hasAriaLabel) {\n      this.resourcesService\n        .getString('skyux_date_field_default_label')\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((value: string) => {\n          this.renderer.setAttribute(element, 'aria-label', value);\n        });\n    }\n  }\n\n  public ngAfterContentInit(): void {\n    this.datepickerComponent.dateChange\n      .pipe(distinctUntilChanged())\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((value: Date) => {\n        this.value = value;\n        this.onTouched();\n      });\n  }\n\n  public ngAfterViewInit(): void {\n    // This is needed to address a bug in Angular 4.\n    // When a control value is set intially, its value is not represented on the view.\n    // See: https://github.com/angular/angular/issues/13792\n    // Of note is the parent check which allows us to determine if the form is reactive.\n    // Without this check there is a changed before checked error\n    /* istanbul ignore else */\n    if (this.control && this.control.parent) {\n      setTimeout(() => {\n        this.control.setValue(this.value, {\n          emitEvent: false,\n        });\n\n        this.changeDetector.markForCheck();\n      });\n    }\n\n    this.adapter.init(this.elementRef);\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  @HostListener('change', ['$event'])\n  public onInputChange(event: any) {\n    const value = event.target.value;\n\n    if (this.skyDatepickerNoValidate) {\n      this.onValueChange(value);\n      return;\n    }\n\n    // Don't try to parse the string value into a Date value if it is malformed.\n    if (this.isDateStringValid(value)) {\n      this.onValueChange(value);\n      return;\n    }\n\n    this._value = value;\n    this.onChange(value);\n\n    this.control.setErrors({\n      skyDate: {\n        invalid: true,\n      },\n    });\n  }\n\n  @HostListener('blur')\n  public onInputBlur(): void {\n    this.onTouched();\n  }\n\n  @HostListener('keyup')\n  public onInputKeyup(): void {\n    this.control.markAsDirty();\n  }\n\n  public writeValue(value: any): void {\n    this.updateValue(value, false);\n  }\n\n  public validate(control: AbstractControl): ValidationErrors {\n    if (!this.control) {\n      this.control = control;\n    }\n\n    if (this.skyDatepickerNoValidate) {\n      return;\n    }\n\n    const value: any = control.value;\n\n    if (!value) {\n      return;\n    }\n\n    const dateValue = this.getDateValue(value);\n    const isDateValid = dateValue && this.dateFormatter.dateIsValid(dateValue);\n\n    if (!isDateValid || !this.isDateStringValid(value)) {\n      // Mark the invalid control as touched so that the input's invalid CSS styles appear.\n      // (This is only required when the invalid value is set by the FormControl constructor.)\n      this.control.markAsTouched();\n\n      return {\n        skyDate: {\n          invalid: value,\n        },\n      };\n    }\n\n    const minDate = this.minDate;\n\n    if (minDate && this.dateFormatter.dateIsValid(minDate) && value < minDate) {\n      return {\n        skyDate: {\n          minDate,\n        },\n      };\n    }\n\n    const maxDate = this.maxDate;\n\n    if (maxDate && this.dateFormatter.dateIsValid(maxDate) && value > maxDate) {\n      return {\n        skyDate: {\n          maxDate,\n        },\n      };\n    }\n  }\n\n  public registerOnChange(fn: (value: any) => void): void {\n    this.onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  public registerOnValidatorChange(fn: () => void): void {\n    this.onValidatorChange = fn;\n  }\n\n  public setDisabledState(disabled: boolean): void {\n    this.disabled = disabled;\n    this.datepickerComponent.disabled = disabled;\n  }\n\n  /**\n   * Detects changes to the underlying input element's value and updates the ngModel accordingly.\n   * This is useful if you need to update the ngModel value before the input element loses focus.\n   */\n  public detectInputValueChange(): void {\n    this.onValueChange(this.elementRef.nativeElement.value);\n  }\n\n  private applyDateFormat(): void {\n    this.updatePlaceholder();\n    if (this.value) {\n      const formattedDate = this.dateFormatter.format(\n        this.value,\n        this.dateFormat\n      );\n      this.setInputElementValue(formattedDate);\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  private onValueChange(newValue: string): void {\n    this.value = newValue;\n  }\n\n  private setInputElementValue(value: string): void {\n    this.renderer.setProperty(this.elementRef.nativeElement, 'value', value);\n  }\n\n  private getDateValue(value: any): Date {\n    let dateValue: Date;\n    if (value instanceof Date) {\n      dateValue = value;\n    } else if (typeof value === 'string') {\n      const date = this.dateFormatter.getDateFromString(\n        value,\n        this.dateFormat,\n        this.strict\n      );\n      if (this.dateFormatter.dateIsValid(date)) {\n        dateValue = date;\n      }\n    }\n\n    return dateValue;\n  }\n\n  /**\n   * Validates the input value to ensure it is formatted correctly.\n   */\n  private isDateStringValid(value: string): boolean {\n    if (!value || typeof value !== 'string') {\n      return true;\n    }\n\n    // Does the value only include digits, dashes, or slashes?\n    const regexp = /^[\\d/-]+$/;\n    const isValid = regexp.test(value);\n\n    if (isValid) {\n      return true;\n    }\n\n    // If not, does it conform to the standard ISO format?\n    const isValidIso = moment(value, moment.ISO_8601).isValid();\n\n    return isValidIso;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onChange = (_: any) => {};\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onTouched = () => {};\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onValidatorChange = () => {};\n\n  private updatePlaceholder(): void {\n    if (!this.initialPlaceholder) {\n      this.adapter.setPlaceholder(this.elementRef, this.dateFormat);\n    }\n  }\n\n  /**\n   * Update the value of the form control and input element\n   * @param emitEvent Denotes if we emit an event to the consumer's form control. We do not want to do this if the value is being updated via a `setValue` call or a `patchValue` call as this is already handled by Angular.\n   * In these cases we do not want to fire `onChange` as it will cause extra `valueChange` and `statusChange` events and the status of the form should not be affected by these changes.\n   */\n  private updateValue(value: any, emitEvent = true): void {\n    if (this._value === value) {\n      return;\n    }\n\n    const dateValue = this.getDateValue(value);\n\n    const areDatesEqual =\n      this._value instanceof Date &&\n      dateValue &&\n      dateValue.getTime() === this._value.getTime();\n\n    const isValidDateString = this.isDateStringValid(value);\n\n    // If the string value supplied is malformed, do not set the value to its Date equivalent.\n    // (JavaScript's Date parser will convert poorly formatted dates to Date objects, such as \"abc 123\", which isn't ideal.)\n    if (!isValidDateString) {\n      this._value = value;\n      if (emitEvent) {\n        this.onChange(this._value);\n      } else {\n        this.control?.setValue(this._value, { emitEvent: false });\n      }\n\n      this.datepickerComponent.selectedDate = this._value;\n    } else if (dateValue !== this._value || !areDatesEqual) {\n      this._value = dateValue || value;\n      if (emitEvent) {\n        this.onChange(this._value);\n      } else {\n        this.control?.setValue(this._value, { emitEvent: false });\n      }\n\n      this.datepickerComponent.selectedDate = this._value;\n    }\n\n    if (dateValue && isValidDateString) {\n      const formattedDate = this.dateFormatter.format(\n        dateValue,\n        this.dateFormat\n      );\n      this.setInputElementValue(formattedDate);\n    } else {\n      this.setInputElementValue(value || '');\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/datepicker/datepicker.component.js

@@ -1,8 +1,8 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, TemplateRef, Optional, ViewChild, Output, } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Optional, Output, TemplateRef, ViewChild, } from '@angular/core';
 import { SkyAffixAutoFitContext, SkyAffixService, SkyCoreAdapterService, SkyOverlayService, } from '@skyux/core';
 import { SkyInputBoxHostService } from '@skyux/forms';
 import { SkyThemeService } from '@skyux/theme';
-import { fromEvent, Subject } from 'rxjs';
+import { Subject, fromEvent } from 'rxjs';
 import { debounceTime, takeUntil } from 'rxjs/operators';
 import { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';
 import * as i0 from "@angular/core";

package/esm2015/lib/modules/datepicker/datepicker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  TemplateRef,\n  OnDestroy,\n  OnInit,\n  Optional,\n  ViewChild,\n  Output,\n} from '@angular/core';\n\nimport {\n  SkyAffixAutoFitContext,\n  SkyAffixer,\n  SkyAffixService,\n  SkyCoreAdapterService,\n  SkyOverlayInstance,\n  SkyOverlayService,\n} from '@skyux/core';\nimport { SkyDatepickerCustomDate } from './datepicker-custom-date';\nimport { SkyDatepickerCalendarChange } from './datepicker-calendar-change';\n\nimport { SkyInputBoxHostService } from '@skyux/forms';\n\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { fromEvent, Subject, Subscription } from 'rxjs';\n\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\nimport { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';\n\nlet nextId = 0;\n\n/**\n * Creates the datepicker button and calendar.\n * You must wrap this component around an input with the `skyDatepickerInput` directive.\n */\n@Component({\n  selector: 'sky-datepicker',\n  templateUrl: './datepicker.component.html',\n  styleUrls: ['./datepicker.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDatepickerComponent implements OnDestroy, OnInit {\n  /**\n   * Adds a class to the datepicker.\n   * @default \"\"\n   */\n  @Input()\n  public pickerClass = '';\n\n  /**\n   * @internal\n   * Indicates if the calendar button element or any of its children have focus.\n   * @deprecated This property will be removed in the next major version release.\n   */\n  public get buttonIsFocused(): boolean {\n    /* sanity check */\n    /* istanbul ignore if */\n    if (!this.triggerButtonRef) {\n      return false;\n    }\n    const activeEl = document.activeElement;\n    return this.triggerButtonRef.nativeElement === activeEl;\n  }\n\n  /**\n   * @internal\n   * Indicates if the calendar element or any of its children have focus.\n   * @deprecated This property will be removed in the next major version release.\n   */\n  public get calendarIsFocused(): boolean {\n    if (!this.calendarRef) {\n      return false;\n    }\n\n    const focusedEl = document.activeElement;\n    return this.calendarRef.nativeElement.contains(focusedEl);\n  }\n\n  /**\n   * @internal\n   * Indicates if the calendar element's visiblity property is 'visible'.\n   * @deprecated This property will be removed in the next major version release.\n   */\n  public get calendarIsVisible(): boolean {\n    return this.calendar ? this.calendar.isVisible : false;\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public set selectedDate(value: Date) {\n    this._selectedDate = value;\n    if (this.calendar) {\n      this.calendar.writeValue(this._selectedDate);\n    }\n  }\n\n  /**\n   * Fires when the range of displayed dates in the calendar changes. Provides the\n   * current range of displayed dates and a mutable `customDate` property consumers can use\n   * to modify individual dates on the calendar.\n   */\n  @Output()\n  public calendarDateRangeChange = new EventEmitter<SkyDatepickerCalendarChange>();\n\n  public calendarId: string;\n\n  public customDates: SkyDatepickerCustomDate[] | undefined;\n\n  public dateChange = new EventEmitter<Date>();\n\n  public isDaypickerWaiting: boolean = false;\n\n  public isOpen: boolean = false;\n\n  public isVisible: boolean = false;\n\n  public maxDate: Date;\n\n  public minDate: Date;\n\n  public startingDay: number;\n\n  public triggerButtonId: string;\n\n  @ViewChild(SkyDatepickerCalendarComponent)\n  private calendar: SkyDatepickerCalendarComponent;\n\n  @ViewChild('calendarRef', {\n    read: ElementRef,\n  })\n  private set calendarRef(value: ElementRef) {\n    if (value) {\n      this._calendarRef = value;\n\n      // Wait for the calendar component to render before gauging dimensions.\n      setTimeout(() => {\n        this.calendar.writeValue(this._selectedDate);\n\n        this.destroyAffixer();\n        this.createAffixer();\n\n        setTimeout(() => {\n          this.coreAdapter.getFocusableChildrenAndApplyFocus(\n            this.calendarRef,\n            '.sky-datepicker-calendar-inner',\n            false\n          );\n\n          this.isVisible = true;\n          this.changeDetector.markForCheck();\n        });\n      });\n    }\n  }\n\n  private get calendarRef(): ElementRef {\n    return this._calendarRef;\n  }\n\n  @ViewChild('calendarTemplateRef', {\n    read: TemplateRef,\n  })\n  private calendarTemplateRef: TemplateRef<any>;\n\n  @ViewChild('triggerButtonRef', {\n    read: ElementRef,\n  })\n  private triggerButtonRef: ElementRef;\n\n  @ViewChild('inputTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private inputTemplateRef: TemplateRef<any>;\n\n  @ViewChild('triggerButtonTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private triggerButtonTemplateRef: TemplateRef<any>;\n\n  private affixer: SkyAffixer;\n\n  private calendarUnsubscribe: Subject<void>;\n\n  private customDatesSubscription: Subscription;\n\n  private ngUnsubscribe = new Subject();\n\n  private overlay: SkyOverlayInstance;\n\n  private overlayKeydownListner: Subscription;\n\n  private _calendarRef: ElementRef;\n\n  private _disabled = false;\n\n  private _selectedDate: Date;\n\n  constructor(\n    private affixService: SkyAffixService,\n    private changeDetector: ChangeDetectorRef,\n    private coreAdapter: SkyCoreAdapterService,\n    private overlayService: SkyOverlayService,\n    @Optional() public inputBoxHostService?: SkyInputBoxHostService,\n    @Optional() themeSvc?: SkyThemeService\n  ) {\n    const uniqueId = nextId++;\n    this.calendarId = `sky-datepicker-calendar-${uniqueId}`;\n    this.triggerButtonId = `sky-datepicker-button-${uniqueId}`;\n\n    // Update icons when theme changes.\n    themeSvc?.settingsChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  public ngOnInit(): void {\n    if (this.inputBoxHostService) {\n      this.inputBoxHostService.populate({\n        inputTemplate: this.inputTemplateRef,\n        buttonsTemplate: this.triggerButtonTemplateRef,\n      });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.dateChange.complete();\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.removePickerEventListeners();\n    this.destroyAffixer();\n    this.destroyOverlay();\n  }\n\n  public onCalendarModeChange(): void {\n    // Let the calendar populate in the DOM before recalculating placement.\n    setTimeout(() => {\n      this.affixer.reaffix();\n    });\n  }\n\n  public onSelectedDateChange(value: Date): void {\n    this.dateChange.emit(value);\n    this.closePicker();\n  }\n\n  public onTriggerButtonClick(): void {\n    if (this.isOpen) {\n      this.closePicker();\n    } else {\n      this.openPicker();\n    }\n  }\n\n  public onCalendarDateRangeChange(event: SkyDatepickerCalendarChange): void {\n    /* istanbul ignore else */\n    if (event) {\n      this.cancelCustomDatesSubscription();\n\n      const args: SkyDatepickerCalendarChange = {\n        startDate: event.startDate,\n        endDate: event.endDate,\n        customDates: undefined,\n      };\n      this.calendarDateRangeChange.emit(args);\n      // If consumer has added an observable to the args, watch for incoming custom dates.\n      /* istanbul ignore else */\n      if (args.customDates) {\n        this.isDaypickerWaiting = true;\n        // Avoid an ExpressionChangedAfterItHasBeenCheckedError.\n        this.changeDetector.detectChanges();\n\n        this.customDatesSubscription = args.customDates\n          .pipe(debounceTime(250))\n          .subscribe((result) => {\n            this.customDates = result;\n            this.isDaypickerWaiting = false;\n\n            // Trigger change detection in child components to show changes in the calendar.\n            this.changeDetector.markForCheck();\n          });\n      } else {\n        // If consumer returns an undefined value after custom dates have\n        // already ben established, remove custom dates.\n        if (this.customDates) {\n          this.customDates = undefined;\n          // Avoid an ExpressionChangedAfterItHasBeenCheckedError.\n          this.changeDetector.detectChanges();\n        }\n      }\n    }\n  }\n\n  private closePicker() {\n    this.destroyAffixer();\n    this.destroyOverlay();\n    this.removePickerEventListeners();\n    this.triggerButtonRef.nativeElement.focus();\n    this.isOpen = false;\n  }\n\n  private openPicker(): void {\n    this.isVisible = false;\n    this.changeDetector.markForCheck();\n\n    this.removePickerEventListeners();\n    this.calendarUnsubscribe = new Subject<void>();\n    this.destroyOverlay();\n    this.createOverlay();\n\n    this.isOpen = true;\n    this.changeDetector.markForCheck();\n  }\n\n  private createAffixer(): void {\n    const affixer = this.affixService.createAffixer(this.calendarRef);\n\n    // Hide calendar when trigger button is scrolled off screen.\n    affixer.placementChange\n      .pipe(takeUntil(this.calendarUnsubscribe))\n      .subscribe((change) => {\n        this.isVisible = change.placement !== null;\n        this.changeDetector.markForCheck();\n      });\n\n    affixer.affixTo(this.triggerButtonRef.nativeElement, {\n      autoFitContext: SkyAffixAutoFitContext.Viewport,\n      enableAutoFit: true,\n      horizontalAlignment: 'right',\n      isSticky: true,\n      placement: 'below',\n    });\n\n    this.affixer = affixer;\n  }\n\n  private destroyAffixer(): void {\n    /*istanbul ignore else*/\n    if (this.affixer) {\n      this.affixer.destroy();\n      this.affixer = undefined;\n    }\n  }\n\n  private createOverlay(): void {\n    const overlay = this.overlayService.create({\n      wrapperClass: this.pickerClass,\n      enableClose: false,\n      enablePointerEvents: false,\n    });\n\n    overlay.backdropClick\n      .pipe(takeUntil(this.calendarUnsubscribe))\n      .subscribe(() => {\n        /* istanbul ignore else */\n        if (this.isOpen) {\n          this.closePicker();\n        }\n      });\n\n    this.addKeydownListner();\n\n    overlay.attachTemplate(this.calendarTemplateRef);\n\n    this.overlay = overlay;\n  }\n\n  private destroyOverlay(): void {\n    /*istanbul ignore else*/\n    if (this.overlay) {\n      this.overlayService.close(this.overlay);\n      this.overlay = undefined;\n    }\n  }\n\n  private addKeydownListner(): void {\n    this.overlayKeydownListner = fromEvent(window.document, 'keydown')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event: KeyboardEvent) => {\n        const key = event.key?.toLowerCase();\n        if (key === 'escape' && this.isOpen) {\n          this.closePicker();\n        }\n      });\n  }\n\n  private removePickerEventListeners(): void {\n    /* istanbul ignore else */\n    if (this.calendarUnsubscribe) {\n      this.calendarUnsubscribe.next();\n      this.calendarUnsubscribe.complete();\n      this.calendarUnsubscribe = undefined;\n    }\n    this.overlayKeydownListner?.unsubscribe();\n  }\n\n  private cancelCustomDatesSubscription(): void {\n    if (this.customDatesSubscription) {\n      this.customDatesSubscription.unsubscribe();\n      this.customDatesSubscription = undefined;\n    }\n  }\n}\n","<div class=\"sky-datepicker\">\n  <ng-container *ngIf=\"!inputBoxHostService\">\n    <div class=\"sky-input-group\">\n      <ng-container *ngTemplateOutlet=\"inputTemplateRef\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"triggerButtonTemplateRef\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template #inputTemplateRef>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #triggerButtonTemplateRef>\n  <div class=\"sky-input-group-btn\">\n    <button\n      aria-haspopup=\"dialog\"\n      class=\"sky-btn sky-btn-default sky-input-group-datepicker-btn\"\n      type=\"button\"\n      [attr.aria-controls]=\"isOpen ? calendarId : null\"\n      [attr.aria-expanded]=\"isOpen\"\n      [attr.aria-label]=\"\n        'skyux_datepicker_trigger_button_label' | skyLibResources\n      \"\n      [attr.id]=\"triggerButtonId\"\n      [attr.title]=\"'skyux_datepicker_trigger_button_label' | skyLibResources\"\n      [disabled]=\"disabled\"\n      (click)=\"onTriggerButtonClick()\"\n      #triggerButtonRef\n    >\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"calendar\" size=\"lg\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"calendar\"\n        size=\"lg\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #calendarTemplateRef>\n  <div\n    class=\"sky-datepicker-calendar-container sky-shadow sky-elevation-4\"\n    role=\"dialog\"\n    [attr.aria-labelledby]=\"triggerButtonId\"\n    [attr.id]=\"calendarId\"\n    [class.sky-datepicker-hidden]=\"!isVisible\"\n    #calendarRef\n  >\n    <sky-datepicker-calendar\n      [customDates]=\"customDates\"\n      [isDaypickerWaiting]=\"isDaypickerWaiting\"\n      [maxDate]=\"maxDate\"\n      [minDate]=\"minDate\"\n      [startingDay]=\"startingDay\"\n      (calendarDateRangeChange)=\"onCalendarDateRangeChange($event)\"\n      (calendarModeChange)=\"onCalendarModeChange()\"\n      (selectedDateChange)=\"onSelectedDateChange($event)\"\n    >\n    </sky-datepicker-calendar>\n  </div>\n</ng-template>\n"]}
+{"version":3,"file":"datepicker.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Output,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport {\n  SkyAffixAutoFitContext,\n  SkyAffixService,\n  SkyAffixer,\n  SkyCoreAdapterService,\n  SkyOverlayInstance,\n  SkyOverlayService,\n} from '@skyux/core';\nimport { SkyInputBoxHostService } from '@skyux/forms';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Subject, Subscription, fromEvent } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\nimport { SkyDatepickerCalendarChange } from './datepicker-calendar-change';\nimport { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';\nimport { SkyDatepickerCustomDate } from './datepicker-custom-date';\n\nlet nextId = 0;\n\n/**\n * Creates the datepicker button and calendar.\n * You must wrap this component around an input with the `skyDatepickerInput` directive.\n */\n@Component({\n  selector: 'sky-datepicker',\n  templateUrl: './datepicker.component.html',\n  styleUrls: ['./datepicker.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDatepickerComponent implements OnDestroy, OnInit {\n  /**\n   * Adds a class to the datepicker.\n   * @default \"\"\n   */\n  @Input()\n  public pickerClass = '';\n\n  /**\n   * @internal\n   * Indicates if the calendar button element or any of its children have focus.\n   * @deprecated This property will be removed in the next major version release.\n   */\n  public get buttonIsFocused(): boolean {\n    /* sanity check */\n    /* istanbul ignore if */\n    if (!this.triggerButtonRef) {\n      return false;\n    }\n    const activeEl = document.activeElement;\n    return this.triggerButtonRef.nativeElement === activeEl;\n  }\n\n  /**\n   * @internal\n   * Indicates if the calendar element or any of its children have focus.\n   * @deprecated This property will be removed in the next major version release.\n   */\n  public get calendarIsFocused(): boolean {\n    if (!this.calendarRef) {\n      return false;\n    }\n\n    const focusedEl = document.activeElement;\n    return this.calendarRef.nativeElement.contains(focusedEl);\n  }\n\n  /**\n   * @internal\n   * Indicates if the calendar element's visiblity property is 'visible'.\n   * @deprecated This property will be removed in the next major version release.\n   */\n  public get calendarIsVisible(): boolean {\n    return this.calendar ? this.calendar.isVisible : false;\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public set selectedDate(value: Date) {\n    this._selectedDate = value;\n    if (this.calendar) {\n      this.calendar.writeValue(this._selectedDate);\n    }\n  }\n\n  /**\n   * Fires when the range of displayed dates in the calendar changes. Provides the\n   * current range of displayed dates and a mutable `customDate` property consumers can use\n   * to modify individual dates on the calendar.\n   */\n  @Output()\n  public calendarDateRangeChange = new EventEmitter<SkyDatepickerCalendarChange>();\n\n  public calendarId: string;\n\n  public customDates: SkyDatepickerCustomDate[] | undefined;\n\n  public dateChange = new EventEmitter<Date>();\n\n  public isDaypickerWaiting = false;\n\n  public isOpen = false;\n\n  public isVisible = false;\n\n  public maxDate: Date;\n\n  public minDate: Date;\n\n  public startingDay: number;\n\n  public triggerButtonId: string;\n\n  @ViewChild(SkyDatepickerCalendarComponent)\n  private calendar: SkyDatepickerCalendarComponent;\n\n  @ViewChild('calendarRef', {\n    read: ElementRef,\n  })\n  private set calendarRef(value: ElementRef) {\n    if (value) {\n      this._calendarRef = value;\n\n      // Wait for the calendar component to render before gauging dimensions.\n      setTimeout(() => {\n        this.calendar.writeValue(this._selectedDate);\n\n        this.destroyAffixer();\n        this.createAffixer();\n\n        setTimeout(() => {\n          this.coreAdapter.getFocusableChildrenAndApplyFocus(\n            this.calendarRef,\n            '.sky-datepicker-calendar-inner',\n            false\n          );\n\n          this.isVisible = true;\n          this.changeDetector.markForCheck();\n        });\n      });\n    }\n  }\n\n  private get calendarRef(): ElementRef {\n    return this._calendarRef;\n  }\n\n  @ViewChild('calendarTemplateRef', {\n    read: TemplateRef,\n  })\n  private calendarTemplateRef: TemplateRef<any>;\n\n  @ViewChild('triggerButtonRef', {\n    read: ElementRef,\n  })\n  private triggerButtonRef: ElementRef;\n\n  @ViewChild('inputTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private inputTemplateRef: TemplateRef<any>;\n\n  @ViewChild('triggerButtonTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private triggerButtonTemplateRef: TemplateRef<any>;\n\n  private affixer: SkyAffixer;\n\n  private calendarUnsubscribe: Subject<void>;\n\n  private customDatesSubscription: Subscription;\n\n  private ngUnsubscribe = new Subject();\n\n  private overlay: SkyOverlayInstance;\n\n  private overlayKeydownListner: Subscription;\n\n  private _calendarRef: ElementRef;\n\n  private _disabled = false;\n\n  private _selectedDate: Date;\n\n  constructor(\n    private affixService: SkyAffixService,\n    private changeDetector: ChangeDetectorRef,\n    private coreAdapter: SkyCoreAdapterService,\n    private overlayService: SkyOverlayService,\n    @Optional() public inputBoxHostService?: SkyInputBoxHostService,\n    @Optional() themeSvc?: SkyThemeService\n  ) {\n    const uniqueId = nextId++;\n    this.calendarId = `sky-datepicker-calendar-${uniqueId}`;\n    this.triggerButtonId = `sky-datepicker-button-${uniqueId}`;\n\n    // Update icons when theme changes.\n    themeSvc?.settingsChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  public ngOnInit(): void {\n    if (this.inputBoxHostService) {\n      this.inputBoxHostService.populate({\n        inputTemplate: this.inputTemplateRef,\n        buttonsTemplate: this.triggerButtonTemplateRef,\n      });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.dateChange.complete();\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.removePickerEventListeners();\n    this.destroyAffixer();\n    this.destroyOverlay();\n  }\n\n  public onCalendarModeChange(): void {\n    // Let the calendar populate in the DOM before recalculating placement.\n    setTimeout(() => {\n      this.affixer.reaffix();\n    });\n  }\n\n  public onSelectedDateChange(value: Date): void {\n    this.dateChange.emit(value);\n    this.closePicker();\n  }\n\n  public onTriggerButtonClick(): void {\n    if (this.isOpen) {\n      this.closePicker();\n    } else {\n      this.openPicker();\n    }\n  }\n\n  public onCalendarDateRangeChange(event: SkyDatepickerCalendarChange): void {\n    /* istanbul ignore else */\n    if (event) {\n      this.cancelCustomDatesSubscription();\n\n      const args: SkyDatepickerCalendarChange = {\n        startDate: event.startDate,\n        endDate: event.endDate,\n        customDates: undefined,\n      };\n      this.calendarDateRangeChange.emit(args);\n      // If consumer has added an observable to the args, watch for incoming custom dates.\n      /* istanbul ignore else */\n      if (args.customDates) {\n        this.isDaypickerWaiting = true;\n        // Avoid an ExpressionChangedAfterItHasBeenCheckedError.\n        this.changeDetector.detectChanges();\n\n        this.customDatesSubscription = args.customDates\n          .pipe(debounceTime(250))\n          .subscribe((result) => {\n            this.customDates = result;\n            this.isDaypickerWaiting = false;\n\n            // Trigger change detection in child components to show changes in the calendar.\n            this.changeDetector.markForCheck();\n          });\n      } else {\n        // If consumer returns an undefined value after custom dates have\n        // already ben established, remove custom dates.\n        if (this.customDates) {\n          this.customDates = undefined;\n          // Avoid an ExpressionChangedAfterItHasBeenCheckedError.\n          this.changeDetector.detectChanges();\n        }\n      }\n    }\n  }\n\n  private closePicker() {\n    this.destroyAffixer();\n    this.destroyOverlay();\n    this.removePickerEventListeners();\n    this.triggerButtonRef.nativeElement.focus();\n    this.isOpen = false;\n  }\n\n  private openPicker(): void {\n    this.isVisible = false;\n    this.changeDetector.markForCheck();\n\n    this.removePickerEventListeners();\n    this.calendarUnsubscribe = new Subject<void>();\n    this.destroyOverlay();\n    this.createOverlay();\n\n    this.isOpen = true;\n    this.changeDetector.markForCheck();\n  }\n\n  private createAffixer(): void {\n    const affixer = this.affixService.createAffixer(this.calendarRef);\n\n    // Hide calendar when trigger button is scrolled off screen.\n    affixer.placementChange\n      .pipe(takeUntil(this.calendarUnsubscribe))\n      .subscribe((change) => {\n        this.isVisible = change.placement !== null;\n        this.changeDetector.markForCheck();\n      });\n\n    affixer.affixTo(this.triggerButtonRef.nativeElement, {\n      autoFitContext: SkyAffixAutoFitContext.Viewport,\n      enableAutoFit: true,\n      horizontalAlignment: 'right',\n      isSticky: true,\n      placement: 'below',\n    });\n\n    this.affixer = affixer;\n  }\n\n  private destroyAffixer(): void {\n    /*istanbul ignore else*/\n    if (this.affixer) {\n      this.affixer.destroy();\n      this.affixer = undefined;\n    }\n  }\n\n  private createOverlay(): void {\n    const overlay = this.overlayService.create({\n      wrapperClass: this.pickerClass,\n      enableClose: false,\n      enablePointerEvents: false,\n    });\n\n    overlay.backdropClick\n      .pipe(takeUntil(this.calendarUnsubscribe))\n      .subscribe(() => {\n        /* istanbul ignore else */\n        if (this.isOpen) {\n          this.closePicker();\n        }\n      });\n\n    this.addKeydownListner();\n\n    overlay.attachTemplate(this.calendarTemplateRef);\n\n    this.overlay = overlay;\n  }\n\n  private destroyOverlay(): void {\n    /*istanbul ignore else*/\n    if (this.overlay) {\n      this.overlayService.close(this.overlay);\n      this.overlay = undefined;\n    }\n  }\n\n  private addKeydownListner(): void {\n    this.overlayKeydownListner = fromEvent(window.document, 'keydown')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event: KeyboardEvent) => {\n        const key = event.key?.toLowerCase();\n        if (key === 'escape' && this.isOpen) {\n          this.closePicker();\n        }\n      });\n  }\n\n  private removePickerEventListeners(): void {\n    /* istanbul ignore else */\n    if (this.calendarUnsubscribe) {\n      this.calendarUnsubscribe.next();\n      this.calendarUnsubscribe.complete();\n      this.calendarUnsubscribe = undefined;\n    }\n    this.overlayKeydownListner?.unsubscribe();\n  }\n\n  private cancelCustomDatesSubscription(): void {\n    if (this.customDatesSubscription) {\n      this.customDatesSubscription.unsubscribe();\n      this.customDatesSubscription = undefined;\n    }\n  }\n}\n","<div class=\"sky-datepicker\">\n  <ng-container *ngIf=\"!inputBoxHostService\">\n    <div class=\"sky-input-group\">\n      <ng-container *ngTemplateOutlet=\"inputTemplateRef\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"triggerButtonTemplateRef\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template #inputTemplateRef>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #triggerButtonTemplateRef>\n  <div class=\"sky-input-group-btn\">\n    <button\n      aria-haspopup=\"dialog\"\n      class=\"sky-btn sky-btn-default sky-input-group-datepicker-btn\"\n      type=\"button\"\n      [attr.aria-controls]=\"isOpen ? calendarId : null\"\n      [attr.aria-expanded]=\"isOpen\"\n      [attr.aria-label]=\"\n        'skyux_datepicker_trigger_button_label' | skyLibResources\n      \"\n      [attr.id]=\"triggerButtonId\"\n      [attr.title]=\"'skyux_datepicker_trigger_button_label' | skyLibResources\"\n      [disabled]=\"disabled\"\n      (click)=\"onTriggerButtonClick()\"\n      #triggerButtonRef\n    >\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"calendar\" size=\"lg\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"calendar\"\n        size=\"lg\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #calendarTemplateRef>\n  <div\n    class=\"sky-datepicker-calendar-container sky-shadow sky-elevation-4\"\n    role=\"dialog\"\n    [attr.aria-labelledby]=\"triggerButtonId\"\n    [attr.id]=\"calendarId\"\n    [class.sky-datepicker-hidden]=\"!isVisible\"\n    #calendarRef\n  >\n    <sky-datepicker-calendar\n      [customDates]=\"customDates\"\n      [isDaypickerWaiting]=\"isDaypickerWaiting\"\n      [maxDate]=\"maxDate\"\n      [minDate]=\"minDate\"\n      [startingDay]=\"startingDay\"\n      (calendarDateRangeChange)=\"onCalendarDateRangeChange($event)\"\n      (calendarModeChange)=\"onCalendarModeChange()\"\n      (selectedDateChange)=\"onSelectedDateChange($event)\"\n    >\n    </sky-datepicker-calendar>\n  </div>\n</ng-template>\n"]}

package/esm2015/lib/modules/datepicker/datepicker.module.js

@@ -1,23 +1,23 @@
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { SkyAffixModule, SkyOverlayModule } from '@skyux/core';
 import { SkyI18nModule } from '@skyux/i18n';
 import { SkyIconModule, SkyWaitModule } from '@skyux/indicators';
+import { SkyPopoverModule } from '@skyux/popovers';
 import { SkyThemeModule } from '@skyux/theme';
-import { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';
+import { SkyDatetimeResourcesModule } from '../shared/sky-datetime-resources.module';
 import { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';
-import { SkyDayPickerComponent } from './daypicker.component';
-import { SkyMonthPickerComponent } from './monthpicker.component';
-import { SkyYearPickerComponent } from './yearpicker.component';
-import { SkyDatepickerComponent } from './datepicker.component';
-import { SkyDatepickerInputDirective } from './datepicker-input.directive';
+import { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';
 import { SkyFuzzyDatepickerInputDirective } from './datepicker-input-fuzzy.directive';
-import { SkyDatetimeResourcesModule } from '../shared/sky-datetime-resources.module';
+import { SkyDatepickerInputDirective } from './datepicker-input.directive';
+import { SkyDatepickerComponent } from './datepicker.component';
+import { SkyDatepickerService } from './datepicker.service';
 import { SkyDayPickerButtonComponent } from './daypicker-button.component';
 import { SkyDayPickerCellComponent } from './daypicker-cell.component';
-import { SkyPopoverModule } from '@skyux/popovers';
-import { SkyDatepickerService } from './datepicker.service';
+import { SkyDayPickerComponent } from './daypicker.component';
+import { SkyMonthPickerComponent } from './monthpicker.component';
+import { SkyYearPickerComponent } from './yearpicker.component';
 import * as i0 from "@angular/core";
 export class SkyDatepickerModule {
 }

package/esm2015/lib/modules/datepicker/datepicker.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEjF,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAE5F,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAE3E,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;;AAmC5D,MAAM,OAAO,mBAAmB;;iHAAnB,mBAAmB;kHAAnB,mBAAmB,iBA/B5B,8BAA8B;QAC9B,mCAAmC;QACnC,qBAAqB;QACrB,uBAAuB;QACvB,sBAAsB;QACtB,sBAAsB;QACtB,2BAA2B;QAC3B,gCAAgC;QAChC,yBAAyB;QACzB,2BAA2B,aAG3B,YAAY;QACZ,aAAa;QACb,WAAW;QACX,aAAa;QACb,0BAA0B;QAC1B,cAAc;QACd,gBAAgB;QAChB,cAAc;QACd,gBAAgB;QAChB,aAAa,aAGb,8BAA8B;QAC9B,sBAAsB;QACtB,2BAA2B;QAC3B,gCAAgC;kHAIvB,mBAAmB,aAFnB,CAAC,oBAAoB,CAAC,YAlBxB;YACP,YAAY;YACZ,aAAa;YACb,WAAW;YACX,aAAa;YACb,0BAA0B;YAC1B,cAAc;YACd,gBAAgB;YAChB,cAAc;YACd,gBAAgB;YAChB,aAAa;SACd;4FASU,mBAAmB;kBAjC/B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,8BAA8B;wBAC9B,mCAAmC;wBACnC,qBAAqB;wBACrB,uBAAuB;wBACvB,sBAAsB;wBACtB,sBAAsB;wBACtB,2BAA2B;wBAC3B,gCAAgC;wBAChC,yBAAyB;wBACzB,2BAA2B;qBAC5B;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,WAAW;wBACX,aAAa;wBACb,0BAA0B;wBAC1B,cAAc;wBACd,gBAAgB;wBAChB,cAAc;wBACd,gBAAgB;wBAChB,aAAa;qBACd;oBACD,OAAO,EAAE;wBACP,8BAA8B;wBAC9B,sBAAsB;wBACtB,2BAA2B;wBAC3B,gCAAgC;qBACjC;oBACD,SAAS,EAAE,CAAC,oBAAoB,CAAC;iBAClC","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyAffixModule, SkyOverlayModule } from '@skyux/core';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyIconModule, SkyWaitModule } from '@skyux/indicators';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';\n\nimport { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';\n\nimport { SkyDayPickerComponent } from './daypicker.component';\n\nimport { SkyMonthPickerComponent } from './monthpicker.component';\n\nimport { SkyYearPickerComponent } from './yearpicker.component';\n\nimport { SkyDatepickerComponent } from './datepicker.component';\n\nimport { SkyDatepickerInputDirective } from './datepicker-input.directive';\n\nimport { SkyFuzzyDatepickerInputDirective } from './datepicker-input-fuzzy.directive';\nimport { SkyDatetimeResourcesModule } from '../shared/sky-datetime-resources.module';\nimport { SkyDayPickerButtonComponent } from './daypicker-button.component';\nimport { SkyDayPickerCellComponent } from './daypicker-cell.component';\nimport { SkyPopoverModule } from '@skyux/popovers';\nimport { SkyDatepickerService } from './datepicker.service';\n\n@NgModule({\n  declarations: [\n    SkyDatepickerCalendarComponent,\n    SkyDatepickerCalendarInnerComponent,\n    SkyDayPickerComponent,\n    SkyMonthPickerComponent,\n    SkyYearPickerComponent,\n    SkyDatepickerComponent,\n    SkyDatepickerInputDirective,\n    SkyFuzzyDatepickerInputDirective,\n    SkyDayPickerCellComponent,\n    SkyDayPickerButtonComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    FormsModule,\n    SkyIconModule,\n    SkyDatetimeResourcesModule,\n    SkyAffixModule,\n    SkyOverlayModule,\n    SkyThemeModule,\n    SkyPopoverModule,\n    SkyWaitModule,\n  ],\n  exports: [\n    SkyDatepickerCalendarComponent,\n    SkyDatepickerComponent,\n    SkyDatepickerInputDirective,\n    SkyFuzzyDatepickerInputDirective,\n  ],\n  providers: [SkyDatepickerService],\n})\nexport class SkyDatepickerModule {}\n"]}
+{"version":3,"file":"datepicker.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;;AAmChE,MAAM,OAAO,mBAAmB;;iHAAnB,mBAAmB;kHAAnB,mBAAmB,iBA/B5B,8BAA8B;QAC9B,mCAAmC;QACnC,qBAAqB;QACrB,uBAAuB;QACvB,sBAAsB;QACtB,sBAAsB;QACtB,2BAA2B;QAC3B,gCAAgC;QAChC,yBAAyB;QACzB,2BAA2B,aAG3B,YAAY;QACZ,aAAa;QACb,WAAW;QACX,aAAa;QACb,0BAA0B;QAC1B,cAAc;QACd,gBAAgB;QAChB,cAAc;QACd,gBAAgB;QAChB,aAAa,aAGb,8BAA8B;QAC9B,sBAAsB;QACtB,2BAA2B;QAC3B,gCAAgC;kHAIvB,mBAAmB,aAFnB,CAAC,oBAAoB,CAAC,YAlBxB;YACP,YAAY;YACZ,aAAa;YACb,WAAW;YACX,aAAa;YACb,0BAA0B;YAC1B,cAAc;YACd,gBAAgB;YAChB,cAAc;YACd,gBAAgB;YAChB,aAAa;SACd;4FASU,mBAAmB;kBAjC/B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,8BAA8B;wBAC9B,mCAAmC;wBACnC,qBAAqB;wBACrB,uBAAuB;wBACvB,sBAAsB;wBACtB,sBAAsB;wBACtB,2BAA2B;wBAC3B,gCAAgC;wBAChC,yBAAyB;wBACzB,2BAA2B;qBAC5B;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,WAAW;wBACX,aAAa;wBACb,0BAA0B;wBAC1B,cAAc;wBACd,gBAAgB;wBAChB,cAAc;wBACd,gBAAgB;wBAChB,aAAa;qBACd;oBACD,OAAO,EAAE;wBACP,8BAA8B;wBAC9B,sBAAsB;wBACtB,2BAA2B;wBAC3B,gCAAgC;qBACjC;oBACD,SAAS,EAAE,CAAC,oBAAoB,CAAC;iBAClC","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyAffixModule, SkyOverlayModule } from '@skyux/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyIconModule, SkyWaitModule } from '@skyux/indicators';\nimport { SkyPopoverModule } from '@skyux/popovers';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyDatetimeResourcesModule } from '../shared/sky-datetime-resources.module';\n\nimport { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';\nimport { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';\nimport { SkyFuzzyDatepickerInputDirective } from './datepicker-input-fuzzy.directive';\nimport { SkyDatepickerInputDirective } from './datepicker-input.directive';\nimport { SkyDatepickerComponent } from './datepicker.component';\nimport { SkyDatepickerService } from './datepicker.service';\nimport { SkyDayPickerButtonComponent } from './daypicker-button.component';\nimport { SkyDayPickerCellComponent } from './daypicker-cell.component';\nimport { SkyDayPickerComponent } from './daypicker.component';\nimport { SkyMonthPickerComponent } from './monthpicker.component';\nimport { SkyYearPickerComponent } from './yearpicker.component';\n\n@NgModule({\n  declarations: [\n    SkyDatepickerCalendarComponent,\n    SkyDatepickerCalendarInnerComponent,\n    SkyDayPickerComponent,\n    SkyMonthPickerComponent,\n    SkyYearPickerComponent,\n    SkyDatepickerComponent,\n    SkyDatepickerInputDirective,\n    SkyFuzzyDatepickerInputDirective,\n    SkyDayPickerCellComponent,\n    SkyDayPickerButtonComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    FormsModule,\n    SkyIconModule,\n    SkyDatetimeResourcesModule,\n    SkyAffixModule,\n    SkyOverlayModule,\n    SkyThemeModule,\n    SkyPopoverModule,\n    SkyWaitModule,\n  ],\n  exports: [\n    SkyDatepickerCalendarComponent,\n    SkyDatepickerComponent,\n    SkyDatepickerInputDirective,\n    SkyFuzzyDatepickerInputDirective,\n  ],\n  providers: [SkyDatepickerService],\n})\nexport class SkyDatepickerModule {}\n"]}

package/esm2015/lib/modules/datepicker/daypicker-button.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"daypicker-button.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/daypicker-button.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/daypicker-button.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;;;;AAI5F;;GAEG;AAMH,MAAM,OAAO,2BAA2B;IAOtC,YAAmB,UAA+C;QAA/C,eAAU,GAAV,UAAU,CAAqC;IAAG,CAAC;;yHAP3D,2BAA2B;6GAA3B,2BAA2B,sFCdxC,0lBAkBA;4FDJa,2BAA2B;kBALvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,mCAAmC,CAAC;iBACjD;0HAMQ,IAAI;sBADV,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';\n\nimport { SkyDatepickerDate } from './datepicker-date';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-daypicker-button',\n  templateUrl: 'daypicker-button.component.html',\n  styleUrls: ['./daypicker-button.component.scss'],\n})\nexport class SkyDayPickerButtonComponent {\n  /**\n   * Specifies the date this picker button will represent on the calendar.\n   */\n  @Input()\n  public date: SkyDatepickerDate;\n\n  constructor(public datepicker: SkyDatepickerCalendarInnerComponent) {}\n}\n","<button\n  class=\"sky-btn sky-btn-sm sky-btn-default sky-datepicker-btn-date\"\n  tabindex=\"-1\"\n  type=\"button\"\n  [disabled]=\"date.disabled\"\n  [ngClass]=\"{\n    'sky-datepicker-btn-selected': date.selected,\n    'sky-btn-disabled': date.disabled,\n    'sky-btn-active': datepicker.isActive(date),\n    'sky-datepicker-btn-disabled': date.disabled,\n    'sky-datepicker-btn-key-date': date.keyDate\n  }\"\n  (click)=\"datepicker.selectCalendar($event, date.date, true)\"\n>\n  <span [ngClass]=\"{ 'sky-datepicker-secondary': date.secondary }\">\n    {{ date.label }}\n  </span>\n</button>\n"]}
+{"version":3,"file":"daypicker-button.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/daypicker-button.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/daypicker-button.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;;;;AAG5F;;GAEG;AAMH,MAAM,OAAO,2BAA2B;IAOtC,YAAmB,UAA+C;QAA/C,eAAU,GAAV,UAAU,CAAqC;IAAG,CAAC;;yHAP3D,2BAA2B;6GAA3B,2BAA2B,sFCbxC,0lBAkBA;4FDLa,2BAA2B;kBALvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,mCAAmC,CAAC;iBACjD;0HAMQ,IAAI;sBADV,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';\nimport { SkyDatepickerDate } from './datepicker-date';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-daypicker-button',\n  templateUrl: 'daypicker-button.component.html',\n  styleUrls: ['./daypicker-button.component.scss'],\n})\nexport class SkyDayPickerButtonComponent {\n  /**\n   * Specifies the date this picker button will represent on the calendar.\n   */\n  @Input()\n  public date: SkyDatepickerDate;\n\n  constructor(public datepicker: SkyDatepickerCalendarInnerComponent) {}\n}\n","<button\n  class=\"sky-btn sky-btn-sm sky-btn-default sky-datepicker-btn-date\"\n  tabindex=\"-1\"\n  type=\"button\"\n  [disabled]=\"date.disabled\"\n  [ngClass]=\"{\n    'sky-datepicker-btn-selected': date.selected,\n    'sky-btn-disabled': date.disabled,\n    'sky-btn-active': datepicker.isActive(date),\n    'sky-datepicker-btn-disabled': date.disabled,\n    'sky-datepicker-btn-key-date': date.keyDate\n  }\"\n  (click)=\"datepicker.selectCalendar($event, date.date, true)\"\n>\n  <span [ngClass]=\"{ 'sky-datepicker-secondary': date.secondary }\">\n    {{ date.label }}\n  </span>\n</button>\n"]}

package/esm2015/lib/modules/datepicker/daypicker-cell.component.js

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
 import { SkyPopoverMessageType } from '@skyux/popovers';
-import { takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 import { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';
 import { SkyDatepickerService } from './datepicker.service';
 import * as i0 from "@angular/core";

package/esm2015/lib/modules/datepicker/daypicker-cell.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"daypicker-cell.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/daypicker-cell.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/daypicker-cell.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,KAAK,GAGN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAqB,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE3E,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAI5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;;;;;;;AAE5D;;GAEG;AAMH,MAAM,OAAO,yBAAyB;IAyBpC,YACU,UAA+C,EAC/C,iBAAuC;QADvC,eAAU,GAAV,UAAU,CAAqC;QAC/C,sBAAiB,GAAjB,iBAAiB,CAAsB;QAd1C,eAAU,GAAY,KAAK,CAAC;QAE5B,sBAAiB,GAAG,IAAI,OAAO,EAAqB,CAAC;QAEpD,cAAS,GAAW,EAAE,CAAC;QAEvB,kBAAa,GAAY,KAAK,CAAC;QAE/B,gBAAW,GAAY,KAAK,CAAC;QAE7B,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;IAKzC,CAAC;IAEG,QAAQ;QACb,IAAI,CAAC,UAAU;YACb,IAAI,CAAC,IAAI,CAAC,OAAO;gBACjB,IAAI,CAAC,IAAI,CAAC,WAAW;gBACrB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;gBAChC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAEtC,6DAA6D;QAC7D,6CAA6C;QAC7C,IACE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YACnC,IAAI,CAAC,oBAAoB;YACzB,IAAI,CAAC,UAAU,EACf;YACA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;QAED,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,iBAAiB,CAAC,oBAAoB;iBACxC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClB,IAAI,IAAI,EAAE;oBACR,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC;iBAC3B;qBAAM;oBACL,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;iBACrB;gBACD,wFAAwF;gBACxF,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,SAAS,EAAE;oBACpC,IAAI,CAAC,WAAW,EAAE,CAAC;iBACpB;YACH,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;IAEM,eAAe;QACpB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC7D;IACH,CAAC;IAEM,eAAe;QACpB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;QACD,IAAI,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC9D,CAAC;IAEM,eAAe;QACpB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAEM,eAAe;QACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,0BAA0B;QAC1B,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,yEAAyE;YACzE,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;SAC5B;IACH,CAAC;IAEM,eAAe;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACzC;aAAM;YACL,OAAO,EAAE,CAAC;SACX;IACH,CAAC;IAEO,WAAW;QACjB,0BAA0B;QAC1B,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,CAAC,CAAC;SACpE;IACH,CAAC;IAEO,WAAW;QACjB,0BAA0B;QAC1B,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACxC;;eAEG;YACH,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;oBAC3D,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,qBAAqB,CAAC,IAAI,EAAE,CAAC,CAAC;iBACnE;YACH,CAAC,EAAE,GAAG,CAAC,CAAC;SACT;IACH,CAAC;;uHA/HU,yBAAyB;2GAAzB,yBAAyB,kIC5BtC,o9BAiCA;4FDLa,yBAAyB;kBALrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,WAAW,EAAE,+BAA+B;oBAC5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;6JAMQ,oBAAoB;sBAD1B,KAAK;gBAOC,IAAI;sBADV,KAAK","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  OnDestroy,\n  OnInit,\n} from '@angular/core';\n\nimport { SkyPopoverMessage, SkyPopoverMessageType } from '@skyux/popovers';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { Subject } from 'rxjs';\n\nimport { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';\n\nimport { SkyDatepickerDate } from './datepicker-date';\n\nimport { SkyDatepickerService } from './datepicker.service';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-daypicker-cell',\n  templateUrl: 'daypicker-cell.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDayPickerCellComponent implements OnInit, OnDestroy {\n  /**\n   * Specifies if the active date has been changed.\n   */\n  @Input()\n  public activeDateHasChanged: boolean;\n\n  /**\n   * Specifies the date this picker cell will represent on the calendar.\n   */\n  @Input()\n  public date: SkyDatepickerDate;\n\n  public hasTooltip: boolean = false;\n\n  public popoverController = new Subject<SkyPopoverMessage>();\n\n  private activeUid: string = '';\n\n  private cancelPopover: boolean = false;\n\n  private popoverOpen: boolean = false;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  public constructor(\n    private datepicker: SkyDatepickerCalendarInnerComponent,\n    private datepickerService: SkyDatepickerService\n  ) {}\n\n  public ngOnInit(): void {\n    this.hasTooltip =\n      this.date.keyDate &&\n      this.date.keyDateText &&\n      this.date.keyDateText.length > 0 &&\n      this.date.keyDateText[0].length > 0;\n\n    // show the tooltip if this is the active date and is not the\n    // initial active date (activeDateHasChanged)\n    if (\n      this.datepicker.isActive(this.date) &&\n      this.activeDateHasChanged &&\n      this.hasTooltip\n    ) {\n      this.activeUid = this.date.uid;\n      this.showTooltip();\n    }\n\n    if (this.hasTooltip) {\n      this.datepickerService.keyDatePopoverStream\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((date) => {\n          if (date) {\n            this.activeUid = date.uid;\n          } else {\n            this.activeUid = '';\n          }\n          // If this day has an open popover and they have moved off of the day close the popover.\n          if (this.date.uid !== this.activeUid) {\n            this.hideTooltip();\n          }\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public onDayMouseenter(): void {\n    this.cancelPopover = false;\n    if (this.hasTooltip) {\n      this.showTooltip();\n      this.datepickerService.keyDatePopoverStream.next(this.date);\n    }\n  }\n\n  public onDayMouseleave(): void {\n    this.cancelPopover = true;\n    if (this.hasTooltip) {\n      this.hideTooltip();\n    }\n    this.datepickerService.keyDatePopoverStream.next(undefined);\n  }\n\n  public onPopoverClosed(): void {\n    this.popoverOpen = false;\n  }\n\n  public onPopoverOpened(): void {\n    this.popoverOpen = true;\n    /* istanbul ignore else */\n    if (this.cancelPopover) {\n      // If the popover gets opened just as a mouseout event happens, close it.\n      this.hideTooltip();\n      this.cancelPopover = false;\n    }\n  }\n\n  public getKeyDateLabel(): string {\n    if (this.hasTooltip) {\n      return this.date.keyDateText.join(', ');\n    } else {\n      return '';\n    }\n  }\n\n  private hideTooltip(): void {\n    /* istanbul ignore else */\n    if (this.popoverOpen) {\n      this.popoverController.next({ type: SkyPopoverMessageType.Close });\n    }\n  }\n\n  private showTooltip(): void {\n    /* istanbul ignore else */\n    if (this.hasTooltip && !this.popoverOpen) {\n      /**\n       * Delay 1/2 second before opening the popover as long as mouse hasn't moved off the date.\n       */\n      setTimeout(() => {\n        if (!this.cancelPopover && this.activeUid === this.date.uid) {\n          this.popoverController.next({ type: SkyPopoverMessageType.Open });\n        }\n      }, 500);\n    }\n  }\n}\n","<div\n  *ngIf=\"hasTooltip\"\n  class=\"sky-daypicker-cell\"\n  [attr.aria-label]=\"getKeyDateLabel()\"\n  [skyPopover]=\"dayInfoPopover\"\n  skyPopoverPlacement=\"left\"\n  [skyPopoverMessageStream]=\"popoverController\"\n  (mouseenter)=\"onDayMouseenter()\"\n  (mouseleave)=\"onDayMouseleave()\"\n>\n  <ng-container *ngTemplateOutlet=\"daypickerButtonTemplateRef\"></ng-container>\n  <sky-popover\n    (popoverClosed)=\"onPopoverClosed()\"\n    (popoverOpened)=\"onPopoverOpened()\"\n    #dayInfoPopover\n  >\n    <div *ngFor=\"let text of date.keyDateText\">\n      {{ text }}\n    </div>\n  </sky-popover>\n</div>\n<div\n  *ngIf=\"!hasTooltip\"\n  class=\"sky-daypicker-cell\"\n  (mouseenter)=\"onDayMouseenter()\"\n  (mouseleave)=\"onDayMouseleave()\"\n>\n  <ng-container *ngTemplateOutlet=\"daypickerButtonTemplateRef\"></ng-container>\n</div>\n\n<ng-template #daypickerButtonTemplateRef>\n  <sky-daypicker-button [date]=\"date\"> </sky-daypicker-button>\n</ng-template>\n"]}
+{"version":3,"file":"daypicker-cell.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/daypicker-cell.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/daypicker-cell.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  OnDestroy,\n  OnInit,\n} from '@angular/core';\nimport { SkyPopoverMessage, SkyPopoverMessageType } from '@skyux/popovers';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';\nimport { SkyDatepickerDate } from './datepicker-date';\nimport { SkyDatepickerService } from './datepicker.service';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-daypicker-cell',\n  templateUrl: 'daypicker-cell.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDayPickerCellComponent implements OnInit, OnDestroy {\n  /**\n   * Specifies if the active date has been changed.\n   */\n  @Input()\n  public activeDateHasChanged: boolean;\n\n  /**\n   * Specifies the date this picker cell will represent on the calendar.\n   */\n  @Input()\n  public date: SkyDatepickerDate;\n\n  public hasTooltip = false;\n\n  public popoverController = new Subject<SkyPopoverMessage>();\n\n  private activeUid = '';\n\n  private cancelPopover = false;\n\n  private popoverOpen = false;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  public constructor(\n    private datepicker: SkyDatepickerCalendarInnerComponent,\n    private datepickerService: SkyDatepickerService\n  ) {}\n\n  public ngOnInit(): void {\n    this.hasTooltip =\n      this.date.keyDate &&\n      this.date.keyDateText &&\n      this.date.keyDateText.length > 0 &&\n      this.date.keyDateText[0].length > 0;\n\n    // show the tooltip if this is the active date and is not the\n    // initial active date (activeDateHasChanged)\n    if (\n      this.datepicker.isActive(this.date) &&\n      this.activeDateHasChanged &&\n      this.hasTooltip\n    ) {\n      this.activeUid = this.date.uid;\n      this.showTooltip();\n    }\n\n    if (this.hasTooltip) {\n      this.datepickerService.keyDatePopoverStream\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((date) => {\n          if (date) {\n            this.activeUid = date.uid;\n          } else {\n            this.activeUid = '';\n          }\n          // If this day has an open popover and they have moved off of the day close the popover.\n          if (this.date.uid !== this.activeUid) {\n            this.hideTooltip();\n          }\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public onDayMouseenter(): void {\n    this.cancelPopover = false;\n    if (this.hasTooltip) {\n      this.showTooltip();\n      this.datepickerService.keyDatePopoverStream.next(this.date);\n    }\n  }\n\n  public onDayMouseleave(): void {\n    this.cancelPopover = true;\n    if (this.hasTooltip) {\n      this.hideTooltip();\n    }\n    this.datepickerService.keyDatePopoverStream.next(undefined);\n  }\n\n  public onPopoverClosed(): void {\n    this.popoverOpen = false;\n  }\n\n  public onPopoverOpened(): void {\n    this.popoverOpen = true;\n    /* istanbul ignore else */\n    if (this.cancelPopover) {\n      // If the popover gets opened just as a mouseout event happens, close it.\n      this.hideTooltip();\n      this.cancelPopover = false;\n    }\n  }\n\n  public getKeyDateLabel(): string {\n    if (this.hasTooltip) {\n      return this.date.keyDateText.join(', ');\n    } else {\n      return '';\n    }\n  }\n\n  private hideTooltip(): void {\n    /* istanbul ignore else */\n    if (this.popoverOpen) {\n      this.popoverController.next({ type: SkyPopoverMessageType.Close });\n    }\n  }\n\n  private showTooltip(): void {\n    /* istanbul ignore else */\n    if (this.hasTooltip && !this.popoverOpen) {\n      /**\n       * Delay 1/2 second before opening the popover as long as mouse hasn't moved off the date.\n       */\n      setTimeout(() => {\n        if (!this.cancelPopover && this.activeUid === this.date.uid) {\n          this.popoverController.next({ type: SkyPopoverMessageType.Open });\n        }\n      }, 500);\n    }\n  }\n}\n","<div\n  *ngIf=\"hasTooltip\"\n  class=\"sky-daypicker-cell\"\n  [attr.aria-label]=\"getKeyDateLabel()\"\n  [skyPopover]=\"dayInfoPopover\"\n  skyPopoverPlacement=\"left\"\n  [skyPopoverMessageStream]=\"popoverController\"\n  (mouseenter)=\"onDayMouseenter()\"\n  (mouseleave)=\"onDayMouseleave()\"\n>\n  <ng-container *ngTemplateOutlet=\"daypickerButtonTemplateRef\"></ng-container>\n  <sky-popover\n    (popoverClosed)=\"onPopoverClosed()\"\n    (popoverOpened)=\"onPopoverOpened()\"\n    #dayInfoPopover\n  >\n    <div *ngFor=\"let text of date.keyDateText\">\n      {{ text }}\n    </div>\n  </sky-popover>\n</div>\n<div\n  *ngIf=\"!hasTooltip\"\n  class=\"sky-daypicker-cell\"\n  (mouseenter)=\"onDayMouseenter()\"\n  (mouseleave)=\"onDayMouseleave()\"\n>\n  <ng-container *ngTemplateOutlet=\"daypickerButtonTemplateRef\"></ng-container>\n</div>\n\n<ng-template #daypickerButtonTemplateRef>\n  <sky-daypicker-button [date]=\"date\"> </sky-daypicker-button>\n</ng-template>\n"]}

package/esm2015/lib/modules/datepicker/daypicker.component.js

@@ -46,7 +46,7 @@ export class SkyDayPickerComponent {
         this.ngUnsubscribe.complete();
     }
     getDates(startDate, n) {
-        let dates = new Array(n);
+        const dates = new Array(n);
         let current = new Date(startDate.getTime());
         let i = 0;
         let date;
@@ -59,17 +59,17 @@ export class SkyDayPickerComponent {
         return dates;
     }
     compareDays(date1, date2) {
-        let d1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate());
-        let d2 = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
+        const d1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate());
+        const d2 = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
         return d1.getTime() - d2.getTime();
     }
     refreshDayView() {
-        let year = this.datepicker.activeDate.getFullYear();
-        let month = this.datepicker.activeDate.getMonth();
-        let firstDayOfMonth = new Date(year, month, 1);
-        let difference = this.datepicker.startingDay - firstDayOfMonth.getDay();
-        let numDisplayedFromPreviousMonth = difference > 0 ? 7 - difference : -difference;
-        let firstDate = new Date(firstDayOfMonth.getTime());
+        const year = this.datepicker.activeDate.getFullYear();
+        const month = this.datepicker.activeDate.getMonth();
+        const firstDayOfMonth = new Date(year, month, 1);
+        const difference = this.datepicker.startingDay - firstDayOfMonth.getDay();
+        const numDisplayedFromPreviousMonth = difference > 0 ? 7 - difference : -difference;
+        const firstDate = new Date(firstDayOfMonth.getTime());
         if (this.datepicker.activeDate.getDate() !== this.initialDate) {
             this.activeDateHasChanged = true;
         }
@@ -79,10 +79,10 @@ export class SkyDayPickerComponent {
             firstDate.setDate(-numDisplayedFromPreviousMonth + 1);
         }
         // 42 is the number of days on a six-week calendar
-        let days = this.getDates(firstDate, 42);
-        let pickerDates = [];
+        const days = this.getDates(firstDate, 42);
+        const pickerDates = [];
         for (let i = 0; i < 42; i++) {
-            let _dateObject = this.datepicker.createDateObject(days[i], this.datepicker.formatDay, days[i].getMonth() !== month, this.datepicker.datepickerId + '-' + i);
+            const _dateObject = this.datepicker.createDateObject(days[i], this.datepicker.formatDay, days[i].getMonth() !== month, this.datepicker.datepickerId + '-' + i);
             pickerDates[i] = _dateObject;
         }
         this.labels = [];
@@ -119,7 +119,7 @@ export class SkyDayPickerComponent {
             date = date + 7;
         }
         else if (key === 'pageup' || key === 'pagedown') {
-            let month = this.datepicker.activeDate.getMonth() + (key === 'pageup' ? -1 : 1);
+            const month = this.datepicker.activeDate.getMonth() + (key === 'pageup' ? -1 : 1);
             this.datepicker.activeDate.setMonth(month, 1);
             date = Math.min(this.getDaysInMonth(this.datepicker.activeDate.getFullYear(), this.datepicker.activeDate.getMonth()), date);
         }