@datarailsshared/datarailsshared 1.4.153-rocket → 1.4.155-rocket

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -4930,17 +4930,13 @@
                 }
                 return true;
             };
-            if (datePickerService && datePickerService.updatedQuarter$) {
-                datePickerService.updatedQuarter$.pipe(operators.takeUntil(this.destroyed$)).subscribe(function (value) {
-                    _this.setValueFromMoment(value);
-                });
-            }
+            datePickerService.updatedQuarter$.pipe(operators.takeUntil(this.destroyed$)).subscribe(function (value) {
+                _this.setValueFromMoment(value);
+            });
         }
         Object.defineProperty(DrDatePickerComponent.prototype, "format", {
             set: function (value) {
-                if (this.datePickerService) {
-                    this.datePickerService.updateTimeframeAndFormat(value);
-                }
+                this.datePickerService.updateTimeframeAndFormat(value);
             },
             enumerable: false,
             configurable: true
@@ -4972,14 +4968,6 @@
             enumerable: false,
             configurable: true
         });
-        DrDatePickerComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this.datePickerService && this.datePickerService.updatedQuarter$) {
-                this.datePickerService.updatedQuarter$.pipe(operators.takeUntil(this.destroyed$)).subscribe(function (value) {
-                    _this.setValueFromMoment(value);
-                });
-            }
-        };
         DrDatePickerComponent.prototype.ngAfterViewInit = function () {
             this.datePickerService.fiscalYearMonthsModifier = this.fiscalYearMonthsModifier;
             this.datePickerService.datePickerInstance = this.datePicker;
@@ -5104,7 +5092,10 @@
                     selector: 'dr-date-picker',
                     template: "<i class=\"dr-icon-schedule\"></i>\n<input [(ngModel)]=\"value\"\n       (click)=\"datePicker.open()\"\n       [matDatepicker]=\"datePicker\"\n       [matDatepickerFilter]=\"dateFilter\"\n       [disabled]=\"disabled\"\n       [placeholder]=\"placeholder\"\n       [drDatePickerFormat]=\"datePickerService.format$ | async\"\n       [readonly]=\"readonly\"\n       [min]=\"_min\"\n       [max]=\"_max\"/>\n<mat-datepicker #datePicker\n                [calendarHeaderComponent]=\"customHeader\"\n                (yearSelected)=\"chosenPeriodHandler($event, timeframeOption.YEAR)\"\n                (monthSelected)=\"chosenPeriodHandler($event, timeframeOption.MONTH)\">\n</mat-datepicker>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: DrDatePickerComponent, multi: true }],
+                    providers: [
+                        { provide: forms.NG_VALUE_ACCESSOR, useExisting: DrDatePickerComponent, multi: true },
+                        { provide: DrDatePickerService }
+                    ],
                     styles: [":host{position:relative;width:100%;display:flex;flex-direction:row;min-height:32px;height:32px;font-size:14px;font-family:\"Poppins\",sans-serif;background-color:#fff;border:1px solid #c3c4ce;border-radius:6px;color:#85889c;overflow:hidden;outline:none;cursor:pointer}:host:hover{border-color:#85889c}:host:focus-within{border-color:#21b8f1!important;color:#151b3f}:host.disabled{pointer-events:none;border:none;color:#85889c;background:#e5e6ea}:host.ng-valid.ng-dirty{border-color:#03a678}:host.ng-invalid.ng-dirty:not(:focus-within){border-color:#de2833!important}:host.ng-untouched.ng-valid{border-color:#c3c4ce}:host:after,:host:before{position:absolute;display:flex;border-color:#999999 transparent transparent;color:#999}:host:after{content:\"\";height:0;width:0;border-style:solid;border-width:5px 5px 2.5px;right:11px;top:13px}:host i{position:absolute;color:#999;left:8px;top:3px}:host input{display:flex;flex-grow:1;height:100%;border:none;text-align:left;padding-left:35px;padding-right:25px;cursor:pointer!important;outline:none}:host input.when-quarter{position:absolute;visibility:hidden}:host input:disabled{border:none;color:#85889c;background:transparent}:host input::-webkit-search-decoration,:host input::-webkit-search-cancel-button,:host input::-webkit-search-results-button,:host input::-webkit-search-results-decoration{-webkit-appearance:none}::ng-deep .mat-datepicker-content{margin:7px 0;box-shadow:0 4px 8px 1px #00000040;border-radius:12px!important}::ng-deep .mat-datepicker-content button[disabled]{border:inherit;color:inherit;background-color:inherit}::ng-deep .mat-datepicker-content button[disabled]:hover{border:inherit}::ng-deep .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background:#f2f2fb;color:#4646ce;font-weight:600}::ng-deep .mat-calendar-body-selected{background-color:#4646ce;color:#f2f2fb;font-weight:600}::ng-deep .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:none}::ng-deep .mat-button-focus-overlay{background:#f3f7ff}::ng-deep .mat-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:1!important;background:#f3f7ff;transition:opacity .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-controls .mat-calendar-period-button:hover{background:#f3f7ff;transition:background .2s cubic-bezier(.35,0,.25,1)}::ng-deep .mat-calendar-table-header th{font-size:14px;font-weight:600;color:#19181a}::ng-deep .mat-calendar-table-header-divider{display:none}::ng-deep .mat-calendar-body-label{color:#fff;padding:0}\n"]
                 },] }
     ];