@gipisistemas/ng-core 1.1.11 → 1.1.12
Sign up to get free protection for your applications and to get access to all the features.
- package/assets/styles/colors.scss +228 -211
- package/assets/styles/styles.scss +50 -5
- package/bundles/gipisistemas-ng-core.umd.js +3467 -122
- package/bundles/gipisistemas-ng-core.umd.js.map +1 -1
- package/bundles/gipisistemas-ng-core.umd.min.js +9 -9
- package/bundles/gipisistemas-ng-core.umd.min.js.map +1 -1
- package/core/gipi-components/components/abstract-find.component.d.ts +1 -0
- package/core/gipi-components/components/abstract.component.d.ts +1 -0
- package/esm2015/core/gipi-components/components/abstract-find.component.js +22 -1
- package/esm2015/core/gipi-components/components/abstract.component.js +5 -2
- package/esm2015/gipi-components.js +19 -6
- package/esm2015/gipisistemas-ng-core.js +3 -1
- package/esm2015/shared/gipi-components/datepicker/date-range-picker/date-range-picker.component.js +1 -1
- package/esm2015/shared/gipi-components/datepicker/datepicker/datepicker.component.js +3 -3
- package/esm2015/shared/gipi-components/datepicker/mat-datepicker/calendar-body.js +1 -1
- package/esm2015/shared/gipi-components/datepicker/mat-datepicker/date-range-input.js +1 -1
- package/esm2015/shared/gipi-components/datetime-picker/datetime-picker/datetime-picker.component.js +158 -0
- package/esm2015/shared/gipi-components/datetime-picker/datetime-picker.module.js +82 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/calendar-body.js +116 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/calendar.js +676 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/clock.js +306 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-animations.js +30 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-errors.js +7 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-filtertype.js +7 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-input.js +346 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-toggle.js +83 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-type.js +1 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker.js +451 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/month-view.js +151 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/multi-year-view.js +230 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/adapter.module.js +43 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/datetime-adapter.js +139 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/datetime-formats.js +3 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/native-datetime-adapter.js +138 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/native-datetime-formats.js +20 -0
- package/esm2015/shared/gipi-components/datetime-picker/mat-datetime-picker/year-view.js +141 -0
- package/esm2015/shared/gipi-components/dropdown-menu/dropdown-menu.component.js +1 -1
- package/esm2015/shared/gipi-components/form-field/form-field.component.js +1 -1
- package/esm2015/shared/gipi-components/input-currency/input-currency.component.js +1 -1
- package/esm2015/shared/gipi-components/input-monthpicker/input-monthpicker.component.js +1 -1
- package/esm2015/shared/gipi-components/input-select/input-select.component.js +1 -1
- package/esm2015/shared/gipi-components/month-year-picker/month-year-picker.component.js +1 -1
- package/esm2015/shared/gipi-components/radio-group/radio-group.component.js +1 -1
- package/esm2015/shared/gipi-components/range-page/range-page.component.js +1 -1
- package/esm2015/shared/gipi-components/range-slider/range-slider.component.js +1 -1
- package/esm2015/shared/gipi-components/select-button/select-button.component.js +1 -1
- package/esm2015/shared/gipi-components/textarea/textarea.component.js +1 -1
- package/esm2015/shared/shared.module.js +51 -3
- package/esm5/core/gipi-components/components/abstract-find.component.js +22 -1
- package/esm5/core/gipi-components/components/abstract.component.js +5 -2
- package/esm5/gipi-components.js +19 -6
- package/esm5/gipisistemas-ng-core.js +3 -1
- package/esm5/shared/gipi-components/datepicker/date-range-picker/date-range-picker.component.js +1 -1
- package/esm5/shared/gipi-components/datepicker/datepicker/datepicker.component.js +3 -3
- package/esm5/shared/gipi-components/datepicker/mat-datepicker/calendar-body.js +1 -1
- package/esm5/shared/gipi-components/datepicker/mat-datepicker/date-range-input.js +1 -1
- package/esm5/shared/gipi-components/datetime-picker/datetime-picker/datetime-picker.component.js +176 -0
- package/esm5/shared/gipi-components/datetime-picker/datetime-picker.module.js +85 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/calendar-body.js +119 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/calendar.js +747 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/clock.js +332 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-animations.js +30 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-errors.js +7 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-filtertype.js +7 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-input.js +377 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-toggle.js +89 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-type.js +1 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker.js +495 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/month-view.js +160 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/multi-year-view.js +248 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/adapter.module.js +49 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/datetime-adapter.js +145 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/datetime-formats.js +3 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/native-datetime-adapter.js +141 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/native-datetime-formats.js +20 -0
- package/esm5/shared/gipi-components/datetime-picker/mat-datetime-picker/year-view.js +151 -0
- package/esm5/shared/gipi-components/dropdown-menu/dropdown-menu.component.js +1 -1
- package/esm5/shared/gipi-components/form-field/form-field.component.js +1 -1
- package/esm5/shared/gipi-components/input-currency/input-currency.component.js +1 -1
- package/esm5/shared/gipi-components/input-monthpicker/input-monthpicker.component.js +1 -1
- package/esm5/shared/gipi-components/input-select/input-select.component.js +1 -1
- package/esm5/shared/gipi-components/month-year-picker/month-year-picker.component.js +1 -1
- package/esm5/shared/gipi-components/radio-group/radio-group.component.js +1 -1
- package/esm5/shared/gipi-components/range-page/range-page.component.js +1 -1
- package/esm5/shared/gipi-components/range-slider/range-slider.component.js +1 -1
- package/esm5/shared/gipi-components/select-button/select-button.component.js +1 -1
- package/esm5/shared/gipi-components/textarea/textarea.component.js +1 -1
- package/esm5/shared/shared.module.js +51 -3
- package/fesm2015/gipisistemas-ng-core.js +3234 -167
- package/fesm2015/gipisistemas-ng-core.js.map +1 -1
- package/fesm5/gipisistemas-ng-core.js +3445 -128
- package/fesm5/gipisistemas-ng-core.js.map +1 -1
- package/gipi-components.d.ts +16 -0
- package/gipisistemas-ng-core.d.ts +2 -0
- package/gipisistemas-ng-core.metadata.json +1 -1
- package/package.json +4 -4
- package/shared/gipi-components/datetime-picker/datetime-picker/datetime-picker.component.d.ts +40 -0
- package/shared/gipi-components/datetime-picker/datetime-picker.module.d.ts +2 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/calendar-body.d.ts +50 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/calendar.d.ts +140 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/clock.d.ts +66 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-animations.d.ts +8 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-errors.d.ts +2 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-filtertype.d.ts +5 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-input.d.ts +98 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-toggle.d.ts +20 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker-type.d.ts +1 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/datetimepicker.d.ts +133 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/month-view.d.ts +53 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/multi-year-view.d.ts +80 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/adapter.module.d.ts +4 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/datetime-adapter.d.ts +46 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/datetime-formats.d.ts +20 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/native-datetime-adapter.d.ts +36 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/shared/adapter/native-datetime-formats.d.ts +2 -0
- package/shared/gipi-components/datetime-picker/mat-datetime-picker/year-view.d.ts +52 -0
|
@@ -27,7 +27,7 @@ import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
|
27
27
|
import { MatCardModule } from '@angular/material/card';
|
|
28
28
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
29
29
|
import { MatChipsModule } from '@angular/material/chips';
|
|
30
|
-
import { MatRippleModule, MAT_DATE_FORMATS as MAT_DATE_FORMATS$1, ErrorStateMatcher, mixinErrorState, mixinColor } from '@angular/material/core';
|
|
30
|
+
import { MatRippleModule, MAT_DATE_FORMATS as MAT_DATE_FORMATS$1, ErrorStateMatcher, mixinErrorState, mixinColor, DateAdapter as DateAdapter$1, MAT_DATE_LOCALE as MAT_DATE_LOCALE$1, NativeDateModule, MatNativeDateModule as MatNativeDateModule$1 } from '@angular/material/core';
|
|
31
31
|
import { MatDialogModule, MatDialog as MatDialog$1 } from '@angular/material/dialog';
|
|
32
32
|
import { MatDividerModule } from '@angular/material/divider';
|
|
33
33
|
import { MatExpansionModule } from '@angular/material/expansion';
|
|
@@ -55,10 +55,10 @@ import { MatTooltipModule } from '@angular/material/tooltip';
|
|
|
55
55
|
import { MatTreeModule } from '@angular/material/tree';
|
|
56
56
|
import rfdc_ from 'rfdc';
|
|
57
57
|
import { HttpHeaders, HttpParams, HttpClient, HttpErrorResponse, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
|
|
58
|
-
import { Subject, throwError, BehaviorSubject, of, combineLatest, fromEvent, ReplaySubject, Subscription, merge } from 'rxjs';
|
|
59
|
-
import { debounceTime, map, distinctUntilChanged, switchMap, startWith, delay, takeUntil, take, tap, filter, auditTime, finalize, shareReplay, catchError } from 'rxjs/operators';
|
|
58
|
+
import { Subject, throwError, BehaviorSubject, of, combineLatest, fromEvent, ReplaySubject, Subscription, merge, asyncScheduler } from 'rxjs';
|
|
59
|
+
import { debounceTime, map, distinctUntilChanged, switchMap, startWith, delay, takeUntil, take, tap, filter, auditTime, finalize, shareReplay, first, catchError } from 'rxjs/operators';
|
|
60
60
|
import { parsePhoneNumberFromString, getExampleNumber } from 'libphonenumber-js';
|
|
61
|
-
import { trigger, state, style, transition, animate, animation, useAnimation } from '@angular/animations';
|
|
61
|
+
import { trigger, state, style, transition, animate, animation, useAnimation, keyframes } from '@angular/animations';
|
|
62
62
|
import { A, Z, ZERO, NINE, SPACE, HOME, END, ENTER, ESCAPE, UP_ARROW, DOWN_ARROW, PAGE_DOWN, PAGE_UP, RIGHT_ARROW, LEFT_ARROW, BACKSPACE } from '@angular/cdk/keycodes';
|
|
63
63
|
import { coerceCssPixelValue, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
|
|
64
64
|
import { MediaMatcher, BreakpointObserver } from '@angular/cdk/layout';
|
|
@@ -66,7 +66,7 @@ import { Platform as Platform$1, PlatformModule } from '@angular/cdk/platform';
|
|
|
66
66
|
import { Directionality } from '@angular/cdk/bidi';
|
|
67
67
|
import { OverlayConfig, Overlay, OverlayModule } from '@angular/cdk/overlay';
|
|
68
68
|
import * as moment_ from 'moment';
|
|
69
|
-
import { matDatepickerAnimations as matDatepickerAnimations$1 } from '@angular/material/datepicker';
|
|
69
|
+
import { MatDatepickerIntl as MatDatepickerIntl$1, MAT_DATEPICKER_SCROLL_STRATEGY as MAT_DATEPICKER_SCROLL_STRATEGY$1, MatDatepickerModule, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER as MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER$1, matDatepickerAnimations as matDatepickerAnimations$1 } from '@angular/material/datepicker';
|
|
70
70
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
71
71
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
72
72
|
import { onlyNumbers, isValidIE, isValidCEP } from '@brazilian-utils/brazilian-utils';
|
|
@@ -82,15 +82,6 @@ const DEFAULT_MESSAGES = {
|
|
|
82
82
|
NOT_PERMISSION: 'Infelizmente, esta ação não é permitida para o seu perfil',
|
|
83
83
|
};
|
|
84
84
|
|
|
85
|
-
/**
|
|
86
|
-
* @license
|
|
87
|
-
* Copyright Google LLC All Rights Reserved.
|
|
88
|
-
*
|
|
89
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
90
|
-
* found in the LICENSE file at https://angular.io/license
|
|
91
|
-
*/
|
|
92
|
-
const MAT_DATE_FORMATS = new InjectionToken('mat-date-formats');
|
|
93
|
-
|
|
94
85
|
const MODULES = [
|
|
95
86
|
A11yModule,
|
|
96
87
|
CdkPopoverEditModule,
|
|
@@ -148,6 +139,17 @@ MaterialModule = __decorate([
|
|
|
148
139
|
})
|
|
149
140
|
], MaterialModule);
|
|
150
141
|
|
|
142
|
+
/**
|
|
143
|
+
* @license
|
|
144
|
+
* Copyright Google LLC All Rights Reserved.
|
|
145
|
+
*
|
|
146
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
147
|
+
* found in the LICENSE file at https://angular.io/license
|
|
148
|
+
*/
|
|
149
|
+
const MAT_DATE_FORMATS = new InjectionToken('mat-date-formats');
|
|
150
|
+
|
|
151
|
+
const GIPI_DATETIME_FORMATS = new InjectionToken('mat-datetime-formats');
|
|
152
|
+
|
|
151
153
|
let ButtonComponent = class ButtonComponent {
|
|
152
154
|
constructor() {
|
|
153
155
|
this.color = 'primary';
|
|
@@ -9291,7 +9293,7 @@ GIPIDropdownMenuComponent = GIPIDropdownMenuComponent_1 = __decorate([
|
|
|
9291
9293
|
'class': 'gipi-dropdown-menu',
|
|
9292
9294
|
},
|
|
9293
9295
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9294
|
-
styles: [".dropdown-menu-container{display:flex;flex-direction:column;gap:1rem;width:100%}.dropdown-menu-container .dropdown-menu-label{color:#131313;font-size:1.4rem;line-height:100%}.dropdown-menu-container .dropdown-menu-label>span{color:#d14014;font-size:inherit;line-height:inherit}.dropdown-menu-container .dropdown-menu-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;gap:1rem;width:100%;max-height:4rem;border-radius:5px;cursor:pointer;background-color:#fff;border:1px solid
|
|
9296
|
+
styles: [".dropdown-menu-container{display:flex;flex-direction:column;gap:1rem;width:100%}.dropdown-menu-container .dropdown-menu-label{color:#131313;font-size:1.4rem;line-height:100%}.dropdown-menu-container .dropdown-menu-label>span{color:#d14014;font-size:inherit;line-height:inherit}.dropdown-menu-container .dropdown-menu-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;gap:1rem;width:100%;max-height:4rem;border-radius:5px;cursor:pointer;background-color:#fff;border:1px solid #0000001f;color:#696969;transition:.2s}.dropdown-menu-container .dropdown-menu-content:focus-within,.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:active),.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.dropdown-menu-container .dropdown-menu-content:focus-within,.dropdown-menu-container .dropdown-menu-content:hover{border-color:#bfbfbf!important;background-color:#f5f5f5}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled){background-color:#e0e1e2!important;border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-input,.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-suffix .dropdown-menu-button{cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) .dropdown-menu-suffix .dropdown-menu-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content:has(.dropdown-menu-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-input{cursor:pointer;height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix{display:flex;flex-direction:row;align-items:center;gap:16px}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:8px;border-radius:40px;border:1px solid transparent;color:#131313;background-color:#f0f0f0;font-size:1.2rem;line-height:1.4rem}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.dropdown-menu-container .dropdown-menu-content .dropdown-menu-suffix .dropdown-menu-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.dropdown-menu-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}.btn-popover-content{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);padding:8px}"]
|
|
9295
9297
|
}),
|
|
9296
9298
|
__metadata("design:paramtypes", [ChangeDetectorRef,
|
|
9297
9299
|
ElementRef])
|
|
@@ -9952,7 +9954,7 @@ GIPIFormFieldComponent = GIPIFormFieldComponent_1 = __decorate([
|
|
|
9952
9954
|
'class': 'gipi-form-field',
|
|
9953
9955
|
},
|
|
9954
9956
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9955
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.form-field-container{display:flex;flex-direction:column;gap:1rem;width:100%}.form-field-container .form-field-label{color:#131313;font-size:1.4rem;line-height:100%}.form-field-container .form-field-label>span{color:#d14014;font-size:inherit;line-height:inherit}.form-field-container .form-field-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.2rem;gap:1rem;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid
|
|
9957
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.form-field-container{display:flex;flex-direction:column;gap:1rem;width:100%}.form-field-container .form-field-label{color:#131313;font-size:1.4rem;line-height:100%}.form-field-container .form-field-label>span{color:#d14014;font-size:inherit;line-height:inherit}.form-field-container .form-field-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.2rem;gap:1rem;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid #0000001f;color:#696969;caret-color:#9a9da2;transition:.2s}.form-field-container .form-field-content:focus-within,.form-field-container .form-field-content:has(.form-field-input:active),.form-field-container .form-field-content:has(.form-field-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.form-field-container .form-field-content:focus-within,.form-field-container .form-field-content:hover{border-color:#bfbfbf!important}.form-field-container .form-field-content:has(.form-field-input:invalid){border-color:#d14014!important;color:#d14014!important;caret-color:#d14014!important}.form-field-container .form-field-content:has(.form-field-input:invalid):focus-within{box-shadow:0 0 0 .2rem #f1c4b6!important}.form-field-container .form-field-content:has(.form-field-input:disabled){border-color:#e0e1e2!important;color:#d1d2d4!important;box-shadow:none!important;cursor:not-allowed!important;caret-color:#d1d2d4!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-input,.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-suffix .form-field-button{cursor:not-allowed!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) .form-field-suffix .form-field-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.form-field-container .form-field-content:has(.form-field-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.form-field-container .form-field-content.form-field-select,.form-field-container .form-field-content.form-field-select .form-field-input{box-shadow:none!important;cursor:pointer!important}.form-field-container .form-field-content .form-field-input{height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-field-container .form-field-content .form-field-suffix{display:flex;flex-direction:row;align-items:center;gap:1.6rem}.form-field-container .form-field-content .form-field-suffix .form-field-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:8px;border-radius:40px;border:1px solid transparent;color:#131313;background-color:#f0f0f0;font-size:1.2rem;line-height:1.4rem}.form-field-container .form-field-content .form-field-suffix .form-field-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.form-field-container .form-field-content .form-field-suffix .form-field-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.form-field-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}.form-field-icon-arrow{border:solid #131313;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);margin:-5px 4px 0}"]
|
|
9956
9958
|
}),
|
|
9957
9959
|
__metadata("design:paramtypes", [ChangeDetectorRef,
|
|
9958
9960
|
ElementRef])
|
|
@@ -10310,7 +10312,7 @@ GIPIInputCurrencyComponent = GIPIInputCurrencyComponent_1 = __decorate([
|
|
|
10310
10312
|
'class': 'gipi-input-currency',
|
|
10311
10313
|
},
|
|
10312
10314
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
10313
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-currency-container{display:flex;flex-direction:column;gap:1rem;width:100%}.input-currency-container .input-currency-label{color:#131313;font-size:1.4rem;line-height:100%}.input-currency-container .input-currency-label>span{color:#d14014;font-size:inherit;line-height:inherit}.input-currency-container .input-currency-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid
|
|
10315
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-currency-container{display:flex;flex-direction:column;gap:1rem;width:100%}.input-currency-container .input-currency-label{color:#131313;font-size:1.4rem;line-height:100%}.input-currency-container .input-currency-label>span{color:#d14014;font-size:inherit;line-height:inherit}.input-currency-container .input-currency-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid #0000001f;color:#696969;caret-color:#9a9da2;transition:.2s}.input-currency-container .input-currency-content:focus-within,.input-currency-container .input-currency-content:has(.input-currency-input:active),.input-currency-container .input-currency-content:has(.input-currency-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.input-currency-container .input-currency-content:focus-within,.input-currency-container .input-currency-content:hover{border-color:#bfbfbf!important}.input-currency-container .input-currency-content:has(.input-currency-input:invalid){border-color:#d14014!important;color:#d14014!important;caret-color:#d14014!important}.input-currency-container .input-currency-content:has(.input-currency-input:invalid):focus-within{box-shadow:0 0 0 .2rem #f1c4b6!important}.input-currency-container .input-currency-content:has(.input-currency-input:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed!important;box-shadow:none!important;pointer-events:none!important}.input-currency-container .input-currency-content .input-currency-input{height:16px;outline:0;border:none;background-color:transparent;color:inherit;flex:1}"]
|
|
10314
10316
|
}),
|
|
10315
10317
|
__metadata("design:paramtypes", [ChangeDetectorRef,
|
|
10316
10318
|
ElementRef])
|
|
@@ -10712,7 +10714,7 @@ GIPIInputMonthPickerComponent = GIPIInputMonthPickerComponent_1 = __decorate([
|
|
|
10712
10714
|
'class': 'gipi-input-monthpicker',
|
|
10713
10715
|
},
|
|
10714
10716
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
10715
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-monthpicker-container{display:flex;flex-direction:column;gap:1rem;width:100%}.input-monthpicker-container .input-monthpicker-label{color:#131313;font-size:1.4rem;line-height:100%}.input-monthpicker-container .input-monthpicker-label>span{color:#d14014;font-size:inherit;line-height:inherit}.input-monthpicker-container .input-monthpicker-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid
|
|
10717
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}.input-monthpicker-container{display:flex;flex-direction:column;gap:1rem;width:100%}.input-monthpicker-container .input-monthpicker-label{color:#131313;font-size:1.4rem;line-height:100%}.input-monthpicker-container .input-monthpicker-label>span{color:#d14014;font-size:inherit;line-height:inherit}.input-monthpicker-container .input-monthpicker-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;width:100%;max-height:4rem;border-radius:5px;cursor:text;background-color:#fff;border:1px solid #0000001f;color:#696969;caret-color:#9a9da2;transition:.2s;position:relative}.input-monthpicker-container .input-monthpicker-content:focus-within,.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:active),.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:focus){box-shadow:0 0 0 .2rem #f0f0f0}.input-monthpicker-container .input-monthpicker-content:focus-within,.input-monthpicker-container .input-monthpicker-content:hover{border-color:#bfbfbf!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;box-shadow:none!important;caret-color:#d1d2d4!important;pointer-events:none!important;cursor:not-allowed!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-input,.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-suffix .input-monthpicker-button{cursor:not-allowed!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) .input-monthpicker-suffix .input-monthpicker-trigger{border-color:#e0e1e2!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content:has(.input-monthpicker-input:disabled) mat-icon{color:#d1d2d4!important;fill:#d1d2d4!important;cursor:not-allowed!important;pointer-events:none!important}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-input{height:16px;max-width:84%;outline:0;border:none;background-color:transparent;color:inherit;flex:1}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix{display:flex;flex-direction:row;align-items:center;gap:16px}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix .input-monthpicker-button{display:flex;align-items:center;justify-content:center;outline:0;border:none;cursor:pointer;background-color:transparent}.input-monthpicker-container .input-monthpicker-content .input-monthpicker-suffix .input-monthpicker-button:hover:not(:disabled)>mat-icon{transform:scale(1.08)}.input-monthpicker-icon{width:1.6rem;height:1.6rem;font-size:1.6rem;color:#131313;fill:#131313}::ng-deep .calendar{width:100%;display:flex;flex-direction:column}::ng-deep .calendar .calendar-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #aeb1b5;margin-bottom:8px}::ng-deep .calendar .calendar-header .calendar-title{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:1.6rem;line-height:1.8rem;font-weight:600;cursor:default;border-radius:8px;padding:8px;white-space:nowrap}::ng-deep .calendar .calendar-header .calendar-title>mat-icon{font-size:2rem;width:20px;height:20px}::ng-deep .calendar .calendar-header .calendar-title.month:hover{cursor:pointer;background-color:#f0f0f0}::ng-deep .calendar .calendar-header .calendar-controls{display:flex;flex-direction:row;align-items:center;gap:8px}::ng-deep .calendar .calendar-header .calendar-controls>button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background-color:#e0313e;cursor:pointer;transition:.3s;border:0;outline:0;color:#fff}::ng-deep .calendar .calendar-header .calendar-controls>button:hover{background-color:#cc2d38}::ng-deep .calendar .calendar-header .calendar-controls>button>mat-icon{font-size:1.8rem;width:18px;height:18px}::ng-deep .calendar .table-months{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:4px}::ng-deep .calendar .table-months .month{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:1.4rem;line-height:1.7rem;color:#555659;background-color:#f0f0f0;transition:background-color .1s;cursor:pointer}::ng-deep .calendar .table-months .month.disabled{color:#bbbdc1;background-color:#e0e1e2}::ng-deep .calendar .table-months .month:not(.disabled).selected,::ng-deep .calendar .table-months .month:not(.disabled):hover{color:#fff;background-color:#e0313e}::ng-deep .calendar .table-months .month:not(.disabled).selected:hover{background-color:#cc2d38}::ng-deep .calendar .table-years{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);gap:4px}::ng-deep .calendar .table-years .year{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:1.4rem;line-height:1.7rem;color:#555659;background-color:#f0f0f0;transition:background-color .1s;cursor:pointer}::ng-deep .calendar .table-years .year.disabled{color:#bbbdc1;background-color:#e0e1e2}::ng-deep .calendar .table-years .year:not(.disabled).selected,::ng-deep .calendar .table-years .year:not(.disabled):hover{color:#fff;background-color:#e0313e}::ng-deep .calendar .table-years .year:not(.disabled).selected:hover{background-color:#cc2d38}"]
|
|
10716
10718
|
}),
|
|
10717
10719
|
__metadata("design:paramtypes", [ChangeDetectorRef,
|
|
10718
10720
|
GIPINgConfig])
|
|
@@ -12408,7 +12410,7 @@ GIPIInputSelectComponent = GIPIInputSelectComponent_1 = __decorate([
|
|
|
12408
12410
|
'class': 'gipi-input-select',
|
|
12409
12411
|
},
|
|
12410
12412
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12411
|
-
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select{padding:0!important;overflow:hidden!important}::ng-deep .select-virtual-scroll-viewport{width:100%!important;max-height:240px;overflow:auto}::ng-deep .select-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important;position:relative!important}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar{width:15px}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar-thumb{background-color:#e0e1e2;border-radius:10px;border:4px solid transparent;background-clip:padding-box}::ng-deep .select-row{display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:1.3rem;line-height:100%;gap:1rem}::ng-deep .select-row:hover{background:#f5f5f6}::ng-deep .select-row:active{background:#e0e1e2}::ng-deep .select-row.disabled{background-color:#d1d2d4!important;color:#9a9da2!important;cursor:not-allowed!important;pointer-events:none!important}::ng-deep .select-row>span{display:-webkit-box;line-clamp:2;box-orient:vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.select-search{display:flex;align-items:center;font-size:1.4rem;line-height:100%;gap:1rem;padding:8px 12px}.select-option-all{border-bottom:1px solid
|
|
12413
|
+
styles: [":host{display:block;min-width:0;max-width:100%;flex:1}::ng-deep .overlay-select{padding:0!important;overflow:hidden!important}::ng-deep .select-virtual-scroll-viewport{width:100%!important;max-height:240px;overflow:auto}::ng-deep .select-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper{width:100%!important;position:relative!important}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar{width:15px}::ng-deep .select-virtual-scroll-viewport::-webkit-scrollbar-thumb{background-color:#e0e1e2;border-radius:10px;border:4px solid transparent;background-clip:padding-box}::ng-deep .select-row{display:flex;align-items:center;padding:0 16px;cursor:pointer;font-size:1.3rem;line-height:100%;gap:1rem}::ng-deep .select-row:hover{background:#f5f5f6}::ng-deep .select-row:active{background:#e0e1e2}::ng-deep .select-row.disabled{background-color:#d1d2d4!important;color:#9a9da2!important;cursor:not-allowed!important;pointer-events:none!important}::ng-deep .select-row>span{display:-webkit-box;line-clamp:2;box-orient:vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.select-search{display:flex;align-items:center;font-size:1.4rem;line-height:100%;gap:1rem;padding:8px 12px}.select-option-all{border-bottom:1px solid #0000001f}.select-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;gap:8px;color:#131313;cursor:default;padding:1.6rem 0}.select-not-found>mat-icon{width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;color:#131313}.select-loading{height:4rem;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.select-loading .dot-pulse{position:relative;left:-9999px;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e;box-shadow:9999px 0 0 -5px;-webkit-animation:1.5s linear .25s infinite dot-pulse;animation:1.5s linear .25s infinite dot-pulse}.select-loading .dot-pulse::after,.select-loading .dot-pulse::before{content:\"\";display:inline-block;position:absolute;top:0;width:5px;height:5px;border-radius:50%;background-color:#e0313e;color:#e0313e}.select-loading .dot-pulse::before{box-shadow:9984px 0 0 -5px;-webkit-animation:1.5s linear infinite dot-pulse-before;animation:1.5s linear infinite dot-pulse-before}.select-loading .dot-pulse::after{box-shadow:10014px 0 0 -5px;-webkit-animation:1.5s linear .5s infinite dot-pulse-after;animation:1.5s linear .5s infinite dot-pulse-after}@-webkit-keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@keyframes dot-pulse-before{0%,100%,60%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}}@-webkit-keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@keyframes dot-pulse{0%,100%,60%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}}@-webkit-keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}@keyframes dot-pulse-after{0%,100%,60%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}}.select-footer{display:flex;align-items:center;gap:1rem;padding:8px 12px;border-top:1px solid #bfbfbf}::ng-deep .select-mat-option-pseudo-checkbox{margin:0!important}"]
|
|
12412
12414
|
}),
|
|
12413
12415
|
__metadata("design:paramtypes", [ChangeDetectorRef])
|
|
12414
12416
|
], GIPIInputSelectComponent);
|
|
@@ -14726,7 +14728,7 @@ GIPIRadioGroupComponent = GIPIRadioGroupComponent_1 = __decorate([
|
|
|
14726
14728
|
'class': 'gipi-radio-group',
|
|
14727
14729
|
},
|
|
14728
14730
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14729
|
-
styles: [".radiogroup-content{display:flex;flex-direction:column;gap:1rem}.radiogroup-content>label,.radiogroup-content>legend{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.radiogroup-content>label>span,.radiogroup-content>legend>span{color:#d14014}.radiogroup-content .radiogroup{display:flex;align-items:center;gap:1rem;padding:8px 0}.fieldset-radio-content{height:6.6rem;border-color
|
|
14731
|
+
styles: [".radiogroup-content{display:flex;flex-direction:column;gap:1rem}.radiogroup-content>label,.radiogroup-content>legend{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.radiogroup-content>label>span,.radiogroup-content>legend>span{color:#d14014}.radiogroup-content .radiogroup{display:flex;align-items:center;gap:1rem;padding:8px 0}.fieldset-radio-content{height:6.6rem;border-color:#0000001f;border-radius:5px}.fieldset-radio-content .radiogroup{width:100%;height:100%;justify-content:space-around}"]
|
|
14730
14732
|
}),
|
|
14731
14733
|
__metadata("design:paramtypes", [ChangeDetectorRef])
|
|
14732
14734
|
], GIPIRadioGroupComponent);
|
|
@@ -14972,7 +14974,7 @@ GIPIRangePageComponent = GIPIRangePageComponent_1 = __decorate([
|
|
|
14972
14974
|
multi: true
|
|
14973
14975
|
},
|
|
14974
14976
|
],
|
|
14975
|
-
styles: [":host{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid
|
|
14977
|
+
styles: [":host{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid #0000001f;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}:host .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0;text-align:center;margin:0!important}:host .input-content .input-element::-webkit-inner-spin-button,:host .input-content .input-element::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;opacity:0}:host .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}:host .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}:host .input-content .input-element:disabled{cursor:not-allowed}:host .input-content .infix,:host .input-content .prefix,:host .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;padding-inline:.8rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:.2s;background-color:#e0313e}:host .input-content .infix>mat-icon,:host .input-content .prefix>mat-icon,:host .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#fff}:host .input-content .infix:not(.infix):not(.disabled):hover,:host .input-content .prefix:not(.infix):not(.disabled):hover,:host .input-content .suffix:not(.infix):not(.disabled):hover{background-color:#cc2d38}:host .input-content .infix:not(.infix):not(.disabled):active,:host .input-content .prefix:not(.infix):not(.disabled):active,:host .input-content .suffix:not(.infix):not(.disabled):active{background-color:#9f232c}:host .input-content .prefix.disabled,:host .input-content .suffix.disabled{background-color:#d1d2d4}:host .input-content .prefix.disabled>mat-icon,:host .input-content .suffix.disabled>mat-icon{color:#9a9da2}:host .input-content .prefix{border-right:1px solid #0000001f;border-radius:.6rem 0 0 .6rem;cursor:pointer}:host .input-content .infix{width:1rem;padding:0;background-color:transparent}:host .input-content .suffix{border-left:1px solid #0000001f;border-radius:0 .6rem .6rem 0;cursor:pointer}:host .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
|
|
14976
14978
|
}),
|
|
14977
14979
|
__metadata("design:paramtypes", [ElementRef,
|
|
14978
14980
|
ChangeDetectorRef])
|
|
@@ -15312,7 +15314,7 @@ GIPIRangeSliderComponent = GIPIRangeSliderComponent_1 = __decorate([
|
|
|
15312
15314
|
'class': 'gipi-range-slider',
|
|
15313
15315
|
},
|
|
15314
15316
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
15315
|
-
styles: [":host{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .slider-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}:host .slider-wrapper>input{display:flex;font-family:inherit;font-size:inherit;color:inherit;text-align:center;padding:.75rem .8rem;background:#fff;border:1px solid
|
|
15317
|
+
styles: [":host{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .slider-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}:host .slider-wrapper>input{display:flex;font-family:inherit;font-size:inherit;color:inherit;text-align:center;padding:.75rem .8rem;background:#fff;border:1px solid #0000001f;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem;outline:0}:host .sliders-control{display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;flex:1}:host .from-value,:host .to-value{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.6rem;border-radius:.4rem;width:100%;position:absolute;background-color:#e0e1e2;pointer-events:none;outline:0}:host .from-value::-webkit-slider-thumb,:host .to-value::-webkit-slider-thumb{-webkit-appearance:none;display:block;width:1.4rem;height:1.4rem;border-radius:50%;background-color:#e0313e;pointer-events:all;box-shadow:0 .5px 0 0 rgba(0,0,0,.08),0 1px 1px 0 rgba(0,0,0,.14);cursor:-webkit-grab;cursor:grab;outline:0}:host .from-value::-webkit-slider-thumb:hover,:host .to-value::-webkit-slider-thumb:hover{background-color:#cc2d38}:host .from-value::-webkit-slider-thumb:active,:host .to-value::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #e0313e,0 0 9px #e0313e;-webkit-box-shadow:inset 0 0 3px #e0313e,0 0 9px #e0313e;cursor:-webkit-grabbing;cursor:grabbing}:host input[type=number]{border:1px solid #0000001f;color:#131313;width:50px;height:30px;font-size:20px;outline:0}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;opacity:0}:host #fromSlider{height:0;z-index:1}"]
|
|
15316
15318
|
}),
|
|
15317
15319
|
__metadata("design:paramtypes", [ElementRef,
|
|
15318
15320
|
ChangeDetectorRef])
|
|
@@ -15494,7 +15496,7 @@ GIPISelectButtonComponent = GIPISelectButtonComponent_1 = __decorate([
|
|
|
15494
15496
|
'class': 'gipi-select-button',
|
|
15495
15497
|
},
|
|
15496
15498
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
15497
|
-
styles: [".select-button-content{display:flex;flex-direction:column;gap:1rem}.select-button-content .label{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.select-button-content .label>span{color:#d14014}.select-button-content .select-button{display:flex;flex-direction:row}.select-button-content .select-button .button{width:100%;padding:1.2rem 1.6rem;font-weight:700;font-size:1.3rem;line-height:100%;text-align:center;cursor:pointer;background-color:#fff;border:1px solid
|
|
15499
|
+
styles: [".select-button-content{display:flex;flex-direction:column;gap:1rem}.select-button-content .label{font-weight:400;font-size:1.4rem;line-height:100%;color:#131313}.select-button-content .label>span{color:#d14014}.select-button-content .select-button{display:flex;flex-direction:row}.select-button-content .select-button .button{width:100%;padding:1.2rem 1.6rem;font-weight:700;font-size:1.3rem;line-height:100%;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #0000001f;color:#696969;height:4rem;display:flex;align-items:center;justify-content:center}.select-button-content .select-button .button:hover{background-color:#f5f5f6}.select-button-content .select-button .button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.select-button-content .select-button .button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.select-button-content .select-button .button.disabled{pointer-events:none!important;cursor:not-allowed!important;border-color:#e0e1e2!important;color:#d1d2d4!important}.select-button-content .select-button .button.disabled.selected{background-color:#e0e1e2!important}.select-button-content .select-button .button.button-primary.selected{background-color:#e0313e;border-color:#e0313e;color:#fff}.select-button-content .select-button .button.button-primary:hover.selected{background-color:#cc2d38}.select-button-content .select-button .button.button-secondary.selected{background-color:#9a9da2;border-color:#9a9da2;color:#fff}.select-button-content .select-button .button.button-secondary:hover.selected{background-color:#8c8f93}"]
|
|
15498
15500
|
}),
|
|
15499
15501
|
__metadata("design:paramtypes", [ElementRef,
|
|
15500
15502
|
ChangeDetectorRef])
|
|
@@ -17676,7 +17678,7 @@ GIPITextareaComponent = GIPITextareaComponent_1 = __decorate([
|
|
|
17676
17678
|
'class': 'gipi-textarea',
|
|
17677
17679
|
},
|
|
17678
17680
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
17679
|
-
styles: [":host{display:flex;min-width:0;max-width:100%;flex:1;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .textarea-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .textarea-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .textarea-element{display:flex;font-family:inherit;font-size:inherit;color:inherit;padding:.75rem .8rem;background:#fff;border:1px solid
|
|
17681
|
+
styles: [":host{display:flex;min-width:0;max-width:100%;flex:1;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}:host .textarea-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}:host .textarea-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}:host .textarea-element{display:flex;font-family:inherit;font-size:inherit;color:inherit;padding:.75rem .8rem;background:#fff;border:1px solid #0000001f;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;caret-color:#696969;max-height:12rem;min-height:6rem;resize:vertical;outline:0;overflow:auto}:host .textarea-element:not(:disabled):hover{border-color:#6d6f73}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled:hover,:host .textarea-element:not(:disabled):invalid:enabled:hover{border-color:#e07f62}:host .textarea-element:not(:disabled):enabled:focus{outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled,:host .textarea-element:not(:disabled):invalid:enabled{border-color:#d14014}:host .textarea-element:not(:disabled).ng-dirty.ng-invalid:enabled:focus,:host .textarea-element:not(:disabled):invalid:enabled:focus{outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #f1c4b6;border-color:#d14014}:host .textarea-element:disabled{color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}:host .textarea-element.resize-none{resize:none}:host .textarea-element.resize-both{resize:both}:host .textarea-element.resize-horizontal{resize:horizontal}:host .textarea-element.resize-vertical{resize:vertical}:host .textarea-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
|
|
17680
17682
|
}),
|
|
17681
17683
|
__metadata("design:paramtypes", [ElementRef,
|
|
17682
17684
|
ChangeDetectorRef])
|
|
@@ -21854,7 +21856,7 @@ MatDateRangeInput = MatDateRangeInput_1 = __decorate([
|
|
|
21854
21856
|
{ provide: MatFormFieldControl, useExisting: MatDateRangeInput_1 },
|
|
21855
21857
|
{ provide: MAT_DATE_RANGE_INPUT_PARENT, useExisting: MatDateRangeInput_1 },
|
|
21856
21858
|
],
|
|
21857
|
-
styles: [".mat-date-range-input{display:block;width:100%}.mat-date-range-input-container{display:flex;align-items:center;padding-bottom:3px}.mat-date-range-input-separator{transition:opacity .4s cubic-bezier(.25,.8,.25,1) .133s;margin:0 4px}.mat-date-range-input-separator-hidden{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:none}.mat-date-range-input-inner{font:inherit;background:0 0;color:currentColor;border:none;outline:0;padding:0;margin:0;vertical-align:bottom;text-align:inherit;-webkit-appearance:none
|
|
21859
|
+
styles: [".mat-date-range-input{display:block;width:100%}.mat-date-range-input-container{display:flex;align-items:center;padding-bottom:3px}.mat-date-range-input-separator{transition:opacity .4s cubic-bezier(.25,.8,.25,1) .133s;margin:0 4px}.mat-date-range-input-separator-hidden{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:none}.mat-date-range-input-inner{font:inherit;background:0 0;color:currentColor;border:none;outline:0;padding:0;margin:0;vertical-align:bottom;text-align:inherit;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.mat-date-range-input-inner::-ms-clear,.mat-date-range-input-inner::-ms-reveal{display:none}.mat-date-range-input-inner:-moz-ui-invalid{box-shadow:none}.mat-date-range-input-inner::-ms-input-placeholder{transition:color .4s cubic-bezier(.25,.8,.25,1) .133s}.mat-date-range-input-inner::placeholder{transition:color .4s cubic-bezier(.25,.8,.25,1) .133s}.mat-date-range-input-inner::-moz-placeholder{transition:color .4s cubic-bezier(.25,.8,.25,1) .133s}.mat-date-range-input-inner::-webkit-input-placeholder{transition:color .4s cubic-bezier(.25,.8,.25,1) .133s}.mat-date-range-input-inner:-ms-input-placeholder{transition:color .4s cubic-bezier(.25,.8,.25,1) .133s}.mat-date-range-input-hide-placeholders .mat-date-range-input-inner::-ms-input-placeholder,.mat-form-field-hide-placeholder .mat-date-range-input-inner::-ms-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}.mat-date-range-input-hide-placeholders .mat-date-range-input-inner::placeholder,.mat-form-field-hide-placeholder .mat-date-range-input-inner::placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}.mat-date-range-input-hide-placeholders .mat-date-range-input-inner::-moz-placeholder,.mat-form-field-hide-placeholder .mat-date-range-input-inner::-moz-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}.mat-date-range-input-hide-placeholders .mat-date-range-input-inner::-webkit-input-placeholder,.mat-form-field-hide-placeholder .mat-date-range-input-inner::-webkit-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}.mat-date-range-input-hide-placeholders .mat-date-range-input-inner:-ms-input-placeholder,.mat-form-field-hide-placeholder .mat-date-range-input-inner:-ms-input-placeholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:transparent!important;-webkit-text-fill-color:transparent;transition:none}.mat-date-range-input-mirror{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden;white-space:nowrap;display:inline-block;min-width:2px}.mat-date-range-input-start-wrapper{position:relative;overflow:hidden;max-width:calc(50% - 4px)}.mat-date-range-input-start-wrapper .mat-date-range-input-inner{position:absolute;top:0;left:0}.mat-date-range-input-end-wrapper{flex-grow:1;max-width:calc(50% - 4px)}.mat-form-field-type-mat-date-range-input .mat-form-field-infix{width:200px}"]
|
|
21858
21860
|
}),
|
|
21859
21861
|
__param(2, Optional()), __param(2, Self()),
|
|
21860
21862
|
__param(3, Optional()),
|
|
@@ -22660,7 +22662,7 @@ DateRangePickerComponent = DateRangePickerComponent_1 = __decorate([
|
|
|
22660
22662
|
host: {
|
|
22661
22663
|
'class': 'gipi-date-range-picker',
|
|
22662
22664
|
},
|
|
22663
|
-
styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid
|
|
22665
|
+
styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid #0000001f;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .mat-date-range-input{height:4rem!important;padding-left:.8rem!important}::ng-deep .mat-date-range-input-container,::ng-deep .mat-date-range-input-end-wrapper,::ng-deep .mat-date-range-input-inner,::ng-deep .mat-date-range-input-start-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:100%;height:100%;padding-bottom:3px}::ng-deep .mat-date-range-input-end-wrapper{padding-bottom:0!important}::ng-deep .mat-date-range-input-inner{padding:0!important}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
|
|
22664
22666
|
}),
|
|
22665
22667
|
__metadata("design:paramtypes", [ElementRef,
|
|
22666
22668
|
ChangeDetectorRef])
|
|
@@ -23188,7 +23190,7 @@ DatepickerComponent = DatepickerComponent_1 = __decorate([
|
|
|
23188
23190
|
host: {
|
|
23189
23191
|
'class': 'gipi-datepicker',
|
|
23190
23192
|
},
|
|
23191
|
-
styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid
|
|
23193
|
+
styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid #0000001f;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
|
|
23192
23194
|
}),
|
|
23193
23195
|
__metadata("design:paramtypes", [ElementRef,
|
|
23194
23196
|
ChangeDetectorRef])
|
|
@@ -23290,162 +23292,3157 @@ DatepickerModule = __decorate([
|
|
|
23290
23292
|
})
|
|
23291
23293
|
], DatepickerModule);
|
|
23292
23294
|
|
|
23293
|
-
|
|
23294
|
-
|
|
23295
|
-
|
|
23296
|
-
|
|
23297
|
-
|
|
23298
|
-
|
|
23299
|
-
|
|
23300
|
-
|
|
23301
|
-
|
|
23302
|
-
|
|
23303
|
-
|
|
23295
|
+
/**
|
|
23296
|
+
* This animation fades in the background color and text content of the
|
|
23297
|
+
* select's options. It is time delayed to occur 100ms after the overlay
|
|
23298
|
+
* panel has transformed in.
|
|
23299
|
+
*/
|
|
23300
|
+
const fadeInContent = trigger('fadeInContent', [
|
|
23301
|
+
state('showing', style({ opacity: 1 })),
|
|
23302
|
+
transition('void => showing', [
|
|
23303
|
+
style({ opacity: 0 }),
|
|
23304
|
+
animate(`150ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)`),
|
|
23305
|
+
]),
|
|
23306
|
+
]);
|
|
23307
|
+
const slideCalendar = trigger('slideCalendar', [
|
|
23308
|
+
transition('* => left', [
|
|
23309
|
+
animate(180, keyframes([
|
|
23310
|
+
style({ transform: 'translateX(100%)', offset: 0.5 }),
|
|
23311
|
+
style({ transform: 'translateX(-100%)', offset: 0.51 }),
|
|
23312
|
+
style({ transform: 'translateX(0)', offset: 1 }),
|
|
23313
|
+
])),
|
|
23314
|
+
]),
|
|
23315
|
+
transition('* => right', [
|
|
23316
|
+
animate(180, keyframes([
|
|
23317
|
+
style({ transform: 'translateX(-100%)', offset: 0.5 }),
|
|
23318
|
+
style({ transform: 'translateX(100%)', offset: 0.51 }),
|
|
23319
|
+
style({ transform: 'translateX(0)', offset: 1 }),
|
|
23320
|
+
])),
|
|
23321
|
+
]),
|
|
23322
|
+
]);
|
|
23323
|
+
|
|
23324
|
+
/** @docs-private */
|
|
23325
|
+
function createMissingDateImplError$1(provider) {
|
|
23326
|
+
return Error(`GIPIDatetimepickerComponent: No provider found for ${provider}. You must import one of the following ` +
|
|
23327
|
+
`modules at your application root: GIPINativeDatetimeModule, GIPIMomentDatetimeModule, or provide a ` +
|
|
23328
|
+
`custom implementation.`);
|
|
23329
|
+
}
|
|
23330
|
+
|
|
23331
|
+
var GIPIDatetimepickerFilterType;
|
|
23332
|
+
(function (GIPIDatetimepickerFilterType) {
|
|
23333
|
+
GIPIDatetimepickerFilterType[GIPIDatetimepickerFilterType["DATE"] = 0] = "DATE";
|
|
23334
|
+
GIPIDatetimepickerFilterType[GIPIDatetimepickerFilterType["HOUR"] = 1] = "HOUR";
|
|
23335
|
+
GIPIDatetimepickerFilterType[GIPIDatetimepickerFilterType["MINUTE"] = 2] = "MINUTE";
|
|
23336
|
+
})(GIPIDatetimepickerFilterType || (GIPIDatetimepickerFilterType = {}));
|
|
23337
|
+
|
|
23338
|
+
/**
|
|
23339
|
+
* An internal class that represents the data corresponding to a single calendar cell.
|
|
23340
|
+
* @docs-private
|
|
23341
|
+
*/
|
|
23342
|
+
class GIPIDatetimepickerCalendarCell {
|
|
23343
|
+
constructor(value, displayValue, ariaLabel, enabled) {
|
|
23344
|
+
this.value = value;
|
|
23345
|
+
this.displayValue = displayValue;
|
|
23346
|
+
this.ariaLabel = ariaLabel;
|
|
23347
|
+
this.enabled = enabled;
|
|
23304
23348
|
}
|
|
23305
|
-
|
|
23306
|
-
|
|
23307
|
-
|
|
23308
|
-
|
|
23309
|
-
|
|
23310
|
-
|
|
23311
|
-
|
|
23312
|
-
|
|
23313
|
-
|
|
23314
|
-
|
|
23315
|
-
|
|
23316
|
-
|
|
23317
|
-
|
|
23349
|
+
}
|
|
23350
|
+
/**
|
|
23351
|
+
* An internal component used to display calendar data in a table.
|
|
23352
|
+
* @docs-private
|
|
23353
|
+
*/
|
|
23354
|
+
let GIPIDatetimepickerCalendarBodyComponent = class GIPIDatetimepickerCalendarBodyComponent {
|
|
23355
|
+
constructor() {
|
|
23356
|
+
/**
|
|
23357
|
+
* The aspect ratio (width / height) to use for the cells in the table. This aspect ratio will be
|
|
23358
|
+
* maintained even as the table resizes.
|
|
23359
|
+
*/
|
|
23360
|
+
this.cellAspectRatio = 1;
|
|
23361
|
+
/** The number of columns in the table. */
|
|
23362
|
+
this.numCols = 7;
|
|
23363
|
+
/** Whether to allow selection of disabled cells. */
|
|
23364
|
+
this.allowDisabledSelection = false;
|
|
23365
|
+
/** The cell number of the active cell in the table. */
|
|
23366
|
+
this.activeCell = 0;
|
|
23367
|
+
/** Emits when a new value is selected. */
|
|
23368
|
+
this.selectedValueChange = new EventEmitter();
|
|
23318
23369
|
}
|
|
23319
|
-
|
|
23320
|
-
if (this.
|
|
23321
|
-
|
|
23322
|
-
this._changeDetectorRef.markForCheck();
|
|
23323
|
-
}));
|
|
23370
|
+
_cellClicked(cell) {
|
|
23371
|
+
if (!this.allowDisabledSelection && !cell.enabled) {
|
|
23372
|
+
return;
|
|
23324
23373
|
}
|
|
23374
|
+
this.selectedValueChange.emit(cell.value);
|
|
23325
23375
|
}
|
|
23326
|
-
|
|
23327
|
-
this.
|
|
23328
|
-
|
|
23329
|
-
|
|
23330
|
-
|
|
23331
|
-
this._animationState = 'void';
|
|
23332
|
-
if (this._changeDetectorRef) {
|
|
23333
|
-
this._changeDetectorRef.markForCheck();
|
|
23376
|
+
_isActiveCell(rowIndex, colIndex) {
|
|
23377
|
+
let cellNumber = rowIndex * this.numCols + colIndex;
|
|
23378
|
+
// Account for the fact that the first row may not have as many cells.
|
|
23379
|
+
if (rowIndex) {
|
|
23380
|
+
cellNumber -= this._firstRowOffset;
|
|
23334
23381
|
}
|
|
23382
|
+
return cellNumber === this.activeCell;
|
|
23335
23383
|
}
|
|
23336
|
-
|
|
23337
|
-
|
|
23338
|
-
|
|
23339
|
-
|
|
23384
|
+
ngOnChanges(changes) {
|
|
23385
|
+
const columnChanges = changes['numCols'];
|
|
23386
|
+
const { rows, numCols } = this;
|
|
23387
|
+
if (changes['rows'] || columnChanges) {
|
|
23388
|
+
this._firstRowOffset = rows && rows.length && rows[0].length ? numCols - rows[0].length : 0;
|
|
23340
23389
|
}
|
|
23341
|
-
|
|
23342
|
-
|
|
23343
|
-
|
|
23344
|
-
if (this.
|
|
23345
|
-
this.
|
|
23390
|
+
if (changes['cellAspectRatio'] || columnChanges || !this._cellPadding) {
|
|
23391
|
+
this._cellPadding = `${50 * this.cellAspectRatio / numCols}%`;
|
|
23392
|
+
}
|
|
23393
|
+
if (columnChanges || !this._cellWidth) {
|
|
23394
|
+
this._cellWidth = `${100 / numCols}%`;
|
|
23346
23395
|
}
|
|
23347
23396
|
}
|
|
23348
|
-
|
|
23349
|
-
|
|
23350
|
-
|
|
23351
|
-
|
|
23397
|
+
};
|
|
23398
|
+
__decorate([
|
|
23399
|
+
Input(),
|
|
23400
|
+
__metadata("design:type", Number)
|
|
23401
|
+
], GIPIDatetimepickerCalendarBodyComponent.prototype, "cellAspectRatio", void 0);
|
|
23402
|
+
__decorate([
|
|
23403
|
+
Input(),
|
|
23404
|
+
__metadata("design:type", String)
|
|
23405
|
+
], GIPIDatetimepickerCalendarBodyComponent.prototype, "label", void 0);
|
|
23406
|
+
__decorate([
|
|
23407
|
+
Input(),
|
|
23408
|
+
__metadata("design:type", Array)
|
|
23409
|
+
], GIPIDatetimepickerCalendarBodyComponent.prototype, "rows", void 0);
|
|
23410
|
+
__decorate([
|
|
23411
|
+
Input(),
|
|
23412
|
+
__metadata("design:type", Number)
|
|
23413
|
+
], GIPIDatetimepickerCalendarBodyComponent.prototype, "todayValue", void 0);
|
|
23414
|
+
__decorate([
|
|
23415
|
+
Input(),
|
|
23416
|
+
__metadata("design:type", Number)
|
|
23417
|
+
], GIPIDatetimepickerCalendarBodyComponent.prototype, "selectedValue", void 0);
|
|
23418
|
+
__decorate([
|
|
23419
|
+
Input(),
|
|
23420
|
+
__metadata("design:type", Number)
|
|
23421
|
+
], GIPIDatetimepickerCalendarBodyComponent.prototype, "labelMinRequiredCells", void 0);
|
|
23422
|
+
__decorate([
|
|
23423
|
+
Input(),
|
|
23424
|
+
__metadata("design:type", Object)
|
|
23425
|
+
], GIPIDatetimepickerCalendarBodyComponent.prototype, "numCols", void 0);
|
|
23426
|
+
__decorate([
|
|
23427
|
+
Input(),
|
|
23428
|
+
__metadata("design:type", Object)
|
|
23429
|
+
], GIPIDatetimepickerCalendarBodyComponent.prototype, "allowDisabledSelection", void 0);
|
|
23430
|
+
__decorate([
|
|
23431
|
+
Input(),
|
|
23432
|
+
__metadata("design:type", Object)
|
|
23433
|
+
], GIPIDatetimepickerCalendarBodyComponent.prototype, "activeCell", void 0);
|
|
23434
|
+
__decorate([
|
|
23435
|
+
Output(),
|
|
23436
|
+
__metadata("design:type", Object)
|
|
23437
|
+
], GIPIDatetimepickerCalendarBodyComponent.prototype, "selectedValueChange", void 0);
|
|
23438
|
+
GIPIDatetimepickerCalendarBodyComponent = __decorate([
|
|
23439
|
+
Component({
|
|
23440
|
+
selector: 'tbody[gipiMatDatetimePickerCalendarBody]',
|
|
23441
|
+
template: "<!-- Se n\u00E3o houver espa\u00E7o suficiente na primeira linha, crie uma linha de r\u00F3tulo separada. Marcamos esta linha\ncomo aria-hidden porque n\u00E3o queremos que seja lido como uma das semanas do m\u00EAs. -->\n<tr *ngIf=\"_firstRowOffset < labelMinRequiredCells\"\n aria-hidden=\"true\">\n\n <td class=\"gipi-mat-datetime-picker-calendar-body-label\"\n [attr.colspan]=\"numCols\"\n [style.paddingTop]=\"_cellPadding\"\n [style.paddingBottom]=\"_cellPadding\">\n {{ label }}\n </td>\n\n</tr>\n\n<!-- Crie a primeira linha separadamente para que possamos incluir uma c\u00E9lula espa\u00E7adora especial. -->\n<tr *ngFor=\"let row of rows; let rowIndex = index\"\n role=\"row\">\n <!-- Marcamos esta c\u00E9lula como oculta por \u00E1ria para que n\u00E3o seja lida como um dos dias da semana. -->\n <td *ngIf=\"rowIndex === 0 && _firstRowOffset\"\n aria-hidden=\"true\"\n class=\"gipi-mat-datetime-picker-calendar-body-label\"\n [attr.colspan]=\"_firstRowOffset\"\n [style.paddingTop]=\"_cellPadding\"\n [style.paddingBottom]=\"_cellPadding\">\n {{ _firstRowOffset >= labelMinRequiredCells ? label : '' }}\n </td>\n\n <td *ngFor=\"let item of row; let colIndex = index\"\n role=\"button\"\n class=\"gipi-mat-datetime-picker-calendar-body-cell\"\n [attr.aria-disabled]=\"!item.enabled || null\"\n [attr.aria-label]=\"item.ariaLabel\"\n [class.gipi-mat-datetime-picker-calendar-body-active]=\"_isActiveCell(rowIndex, colIndex)\"\n [class.gipi-mat-datetime-picker-calendar-body-disabled]=\"!item.enabled\"\n (click)=\"_cellClicked(item)\"\n [style.width]=\"_cellWidth\"\n [style.paddingTop]=\"_cellPadding\"\n [style.paddingBottom]=\"_cellPadding\">\n\n <div class=\"gipi-mat-datetime-picker-calendar-body-cell-content\"\n [class.gipi-mat-datetime-picker-calendar-body-selected]=\"selectedValue === item.value\"\n [class.gipi-mat-datetime-picker-calendar-body-today]=\"todayValue === item.value\"\n [attr.aria-selected]=\"selectedValue === item.value\">\n {{ item.displayValue }}\n </div>\n\n </td>\n</tr>\n",
|
|
23442
|
+
encapsulation: ViewEncapsulation.None,
|
|
23443
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
23444
|
+
host: {
|
|
23445
|
+
class: 'gipi-mat-datetime-picker-calendar-body',
|
|
23446
|
+
},
|
|
23447
|
+
styles: [".gipi-mat-datetime-picker-calendar-body{font-size:13px;min-width:224px}.gipi-mat-datetime-picker-calendar-body-label{padding:7.14286% 0 7.14286% 7.14286%;height:0;line-height:0;color:rgba(0,0,0,.54);transform:translateX(-6px);text-align:left}.gipi-mat-datetime-picker-calendar-body-cell{position:relative;width:14.28571%;height:0;line-height:0;padding:7.14286% 0;text-align:center;outline:0;cursor:pointer}.gipi-mat-datetime-picker-calendar-body-disabled{cursor:default;pointer-events:none}.gipi-mat-datetime-picker-calendar-body-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;color:rgba(0,0,0,.87);border:1px solid transparent;border-radius:50%}.gipi-mat-datetime-picker-calendar-body-disabled>.gipi-mat-datetime-picker-calendar-body-cell-content:not(.gipi-mat-datetime-picker-calendar-body-selected){color:rgba(0,0,0,.38)}.mat-calendar:focus .gipi-mat-datetime-picker-calendar-body-active>.gipi-mat-datetime-picker-calendar-body-cell-content:not(.gipi-mat-datetime-picker-calendar-body-selected),:not(.gipi-mat-datetime-picker-calendar-body-disabled):hover>.gipi-mat-datetime-picker-calendar-body-cell-content:not(.gipi-mat-datetime-picker-calendar-body-selected){background-color:rgba(0,0,0,.12)}.gipi-mat-datetime-picker-calendar-body-disabled>.gipi-mat-datetime-picker-calendar-body-today:not(.gipi-mat-datetime-picker-calendar-body-selected){border-color:rgba(0,0,0,.18)}[dir=rtl] .gipi-mat-datetime-picker-calendar-body-label{padding:0 7.14286% 0 0;transform:translateX(6px);text-align:right}"]
|
|
23448
|
+
})
|
|
23449
|
+
], GIPIDatetimepickerCalendarBodyComponent);
|
|
23450
|
+
|
|
23451
|
+
class GIPIDatetimeAdapter extends DateAdapter$1 {
|
|
23452
|
+
constructor(_delegate) {
|
|
23453
|
+
super();
|
|
23454
|
+
this._delegate = _delegate;
|
|
23352
23455
|
}
|
|
23353
|
-
|
|
23354
|
-
return this.
|
|
23456
|
+
getValidDateOrNull(obj) {
|
|
23457
|
+
return this.isDateInstance(obj) && this.isValid(obj) ? obj : null;
|
|
23355
23458
|
}
|
|
23356
|
-
|
|
23357
|
-
|
|
23358
|
-
|
|
23359
|
-
|
|
23459
|
+
compareDatetime(first, second, respectMinutePart = true) {
|
|
23460
|
+
return (this.compareDate(first, second) ||
|
|
23461
|
+
this.getHour(first) - this.getHour(second) ||
|
|
23462
|
+
(respectMinutePart && this.getMinute(first) - this.getMinute(second)));
|
|
23360
23463
|
}
|
|
23361
|
-
|
|
23362
|
-
|
|
23363
|
-
|
|
23364
|
-
const
|
|
23365
|
-
|
|
23366
|
-
|
|
23367
|
-
disabled = index < minMonth || index > maxMonth;
|
|
23368
|
-
}
|
|
23369
|
-
else if (!ObjectUtil.isNull(minMonth)) {
|
|
23370
|
-
disabled = index < minMonth;
|
|
23371
|
-
}
|
|
23372
|
-
else if (!ObjectUtil.isNull(maxMonth)) {
|
|
23373
|
-
disabled = index > maxMonth;
|
|
23464
|
+
sameDatetime(first, second) {
|
|
23465
|
+
if (first && second) {
|
|
23466
|
+
const firstValid = this.isValid(first);
|
|
23467
|
+
const secondValid = this.isValid(second);
|
|
23468
|
+
if (firstValid && secondValid) {
|
|
23469
|
+
return !this.compareDatetime(first, second);
|
|
23374
23470
|
}
|
|
23471
|
+
return firstValid === secondValid;
|
|
23375
23472
|
}
|
|
23376
|
-
return
|
|
23377
|
-
// let disabled = false;
|
|
23378
|
-
// if (this._enabledMonths && this._enabledMonths.length > 0) {
|
|
23379
|
-
// disabled = this._enabledMonths.indexOf(index) < 0;
|
|
23380
|
-
// }
|
|
23381
|
-
// if (this._disabledMonths && this._disabledMonths.length > 0) {
|
|
23382
|
-
// disabled = this._disabledMonths.indexOf(index) >= 0;
|
|
23383
|
-
// }
|
|
23384
|
-
// return disabled;
|
|
23473
|
+
return first === second;
|
|
23385
23474
|
}
|
|
23386
|
-
|
|
23387
|
-
|
|
23388
|
-
this.isShowYears = !this.isShowYears;
|
|
23389
|
-
this._renderYears();
|
|
23475
|
+
sameYear(first, second) {
|
|
23476
|
+
return first && second && this.getYear(first) === this.getYear(second);
|
|
23390
23477
|
}
|
|
23391
|
-
|
|
23392
|
-
|
|
23393
|
-
|
|
23394
|
-
this.
|
|
23395
|
-
|
|
23396
|
-
for (let i = 0; i <= 12; i++) {
|
|
23397
|
-
this.years.push(this.monthYearPicker.model.selectedYearMoment.year() + i);
|
|
23398
|
-
}
|
|
23478
|
+
sameDay(first, second) {
|
|
23479
|
+
return (first &&
|
|
23480
|
+
second &&
|
|
23481
|
+
this.getDate(first) === this.getDate(second) &&
|
|
23482
|
+
this.sameMonthAndYear(first, second));
|
|
23399
23483
|
}
|
|
23400
|
-
|
|
23401
|
-
|
|
23402
|
-
|
|
23403
|
-
|
|
23404
|
-
|
|
23484
|
+
sameHour(first, second) {
|
|
23485
|
+
return (first &&
|
|
23486
|
+
second &&
|
|
23487
|
+
this.getHour(first) === this.getHour(second) &&
|
|
23488
|
+
this.sameDay(first, second));
|
|
23405
23489
|
}
|
|
23406
|
-
|
|
23407
|
-
|
|
23408
|
-
|
|
23409
|
-
|
|
23410
|
-
|
|
23411
|
-
|
|
23412
|
-
|
|
23413
|
-
|
|
23414
|
-
this.
|
|
23490
|
+
sameMinute(first, second) {
|
|
23491
|
+
return (first &&
|
|
23492
|
+
second &&
|
|
23493
|
+
this.getMinute(first) === this.getMinute(second) &&
|
|
23494
|
+
this.sameHour(first, second));
|
|
23495
|
+
}
|
|
23496
|
+
sameMonthAndYear(first, second) {
|
|
23497
|
+
if (first && second) {
|
|
23498
|
+
const firstValid = this.isValid(first);
|
|
23499
|
+
const secondValid = this.isValid(second);
|
|
23500
|
+
if (firstValid && secondValid) {
|
|
23501
|
+
return !(this.getYear(first) - this.getYear(second) ||
|
|
23502
|
+
this.getMonth(first) - this.getMonth(second));
|
|
23503
|
+
}
|
|
23504
|
+
return firstValid === secondValid;
|
|
23415
23505
|
}
|
|
23506
|
+
return first === second;
|
|
23416
23507
|
}
|
|
23417
|
-
|
|
23418
|
-
|
|
23508
|
+
// delegate
|
|
23509
|
+
deserialize(value) {
|
|
23510
|
+
return this._delegate.deserialize(value);
|
|
23419
23511
|
}
|
|
23420
|
-
|
|
23421
|
-
return
|
|
23512
|
+
clone(date) {
|
|
23513
|
+
return this._delegate.clone(date);
|
|
23422
23514
|
}
|
|
23423
|
-
|
|
23424
|
-
|
|
23425
|
-
if (!ObjectUtil.isNull(this.monthYearPicker)) {
|
|
23426
|
-
const minYear = !ObjectUtil.isNull(this.monthYearPicker.min) ? this.monthYearPicker.min.year : null;
|
|
23427
|
-
const maxYear = !ObjectUtil.isNull(this.monthYearPicker.max) ? this.monthYearPicker.max.year : null;
|
|
23428
|
-
if (!ObjectUtil.isNull(minYear) && !ObjectUtil.isNull(maxYear)) {
|
|
23429
|
-
disabled = index < minYear || index > maxYear;
|
|
23430
|
-
}
|
|
23431
|
-
else if (!ObjectUtil.isNull(minYear)) {
|
|
23432
|
-
disabled = index < minYear;
|
|
23433
|
-
}
|
|
23434
|
-
else if (!ObjectUtil.isNull(maxYear)) {
|
|
23435
|
-
disabled = index > maxYear;
|
|
23436
|
-
}
|
|
23437
|
-
}
|
|
23438
|
-
return disabled;
|
|
23439
|
-
// let disabled: boolean = false;
|
|
23440
|
-
// if (this._enabledYears && this._enabledYears.length > 0) {
|
|
23441
|
-
// disabled = this._enabledYears.findIndex(y => y === year) < 0;
|
|
23442
|
-
// }
|
|
23443
|
-
// if (this._disabledYears && this._disabledYears.length > 0) {
|
|
23444
|
-
// disabled = this._disabledYears.findIndex(y => y === year) >= 0;
|
|
23445
|
-
// }
|
|
23446
|
-
// return disabled;
|
|
23515
|
+
addCalendarYears(date, years) {
|
|
23516
|
+
return this._delegate.addCalendarYears(date, years);
|
|
23447
23517
|
}
|
|
23448
|
-
|
|
23518
|
+
addCalendarMonths(date, months) {
|
|
23519
|
+
return this._delegate.addCalendarMonths(date, months);
|
|
23520
|
+
}
|
|
23521
|
+
addCalendarDays(date, days) {
|
|
23522
|
+
return this._delegate.addCalendarDays(date, days);
|
|
23523
|
+
}
|
|
23524
|
+
getYear(date) {
|
|
23525
|
+
return this._delegate.getYear(date);
|
|
23526
|
+
}
|
|
23527
|
+
getMonth(date) {
|
|
23528
|
+
return this._delegate.getMonth(date);
|
|
23529
|
+
}
|
|
23530
|
+
getDate(date) {
|
|
23531
|
+
return this._delegate.getDate(date);
|
|
23532
|
+
}
|
|
23533
|
+
getDayOfWeek(date) {
|
|
23534
|
+
return this._delegate.getDayOfWeek(date);
|
|
23535
|
+
}
|
|
23536
|
+
getMonthNames(style) {
|
|
23537
|
+
return this._delegate.getMonthNames(style);
|
|
23538
|
+
}
|
|
23539
|
+
getDateNames() {
|
|
23540
|
+
return this._delegate.getDateNames();
|
|
23541
|
+
}
|
|
23542
|
+
getDayOfWeekNames(style) {
|
|
23543
|
+
return this._delegate.getDayOfWeekNames(style);
|
|
23544
|
+
}
|
|
23545
|
+
getYearName(date) {
|
|
23546
|
+
return this._delegate.getYearName(date);
|
|
23547
|
+
}
|
|
23548
|
+
getFirstDayOfWeek() {
|
|
23549
|
+
return this._delegate.getFirstDayOfWeek();
|
|
23550
|
+
}
|
|
23551
|
+
getNumDaysInMonth(date) {
|
|
23552
|
+
return this._delegate.getNumDaysInMonth(date);
|
|
23553
|
+
}
|
|
23554
|
+
createDate(year, month, date) {
|
|
23555
|
+
return this._delegate.createDate(year, month, date);
|
|
23556
|
+
}
|
|
23557
|
+
today() {
|
|
23558
|
+
return this._delegate.today();
|
|
23559
|
+
}
|
|
23560
|
+
parse(value, parseFormat) {
|
|
23561
|
+
return this._delegate.parse(value, parseFormat);
|
|
23562
|
+
}
|
|
23563
|
+
format(date, displayFormat) {
|
|
23564
|
+
return this._delegate.format(date, displayFormat);
|
|
23565
|
+
}
|
|
23566
|
+
toIso8601(date) {
|
|
23567
|
+
return this._delegate.toIso8601(date);
|
|
23568
|
+
}
|
|
23569
|
+
isDateInstance(obj) {
|
|
23570
|
+
return this._delegate.isDateInstance(obj);
|
|
23571
|
+
}
|
|
23572
|
+
isValid(date) {
|
|
23573
|
+
return this._delegate.isValid(date);
|
|
23574
|
+
}
|
|
23575
|
+
invalid() {
|
|
23576
|
+
return this._delegate.invalid();
|
|
23577
|
+
}
|
|
23578
|
+
clampDate(date, min, max) {
|
|
23579
|
+
if (min && this.compareDatetime(date, min) < 0) {
|
|
23580
|
+
return min;
|
|
23581
|
+
}
|
|
23582
|
+
if (max && this.compareDatetime(date, max) > 0) {
|
|
23583
|
+
return max;
|
|
23584
|
+
}
|
|
23585
|
+
return date;
|
|
23586
|
+
}
|
|
23587
|
+
}
|
|
23588
|
+
|
|
23589
|
+
const yearsPerPage$2 = 24;
|
|
23590
|
+
const yearsPerRow$1 = 4;
|
|
23591
|
+
/**
|
|
23592
|
+
* An internal component used to display multiple years in the datepicker.
|
|
23593
|
+
* @docs-private
|
|
23594
|
+
*/
|
|
23595
|
+
let GIPIDatetimepickerMultiYearViewComponent = class GIPIDatetimepickerMultiYearViewComponent {
|
|
23596
|
+
constructor(_adapter, _dateFormats) {
|
|
23597
|
+
this._adapter = _adapter;
|
|
23598
|
+
this._dateFormats = _dateFormats;
|
|
23599
|
+
this.type = 'date';
|
|
23600
|
+
/** Emits when a new month is selected. */
|
|
23601
|
+
this.selectedChange = new EventEmitter();
|
|
23602
|
+
this._userSelection = new EventEmitter();
|
|
23603
|
+
if (!this._adapter) {
|
|
23604
|
+
throw createMissingDateImplError$1('GIPIDatetimeAdapter');
|
|
23605
|
+
}
|
|
23606
|
+
if (!this._dateFormats) {
|
|
23607
|
+
throw createMissingDateImplError$1('GIPI_DATETIME_FORMATS');
|
|
23608
|
+
}
|
|
23609
|
+
this._activeDate = this._adapter.today();
|
|
23610
|
+
}
|
|
23611
|
+
get activeDate() {
|
|
23612
|
+
return this._activeDate;
|
|
23613
|
+
}
|
|
23614
|
+
set activeDate(value) {
|
|
23615
|
+
let oldActiveDate = this._activeDate;
|
|
23616
|
+
this._activeDate = value || this._adapter.today();
|
|
23617
|
+
if (oldActiveDate && this._activeDate && !isSameMultiYearView$1(this._adapter, oldActiveDate, this._activeDate, this.minDate, this.maxDate)) {
|
|
23618
|
+
this._init();
|
|
23619
|
+
}
|
|
23620
|
+
}
|
|
23621
|
+
get selected() {
|
|
23622
|
+
return this._selected;
|
|
23623
|
+
}
|
|
23624
|
+
set selected(value) {
|
|
23625
|
+
this._selected = value;
|
|
23626
|
+
this._selectedYear = this._selected && this._adapter.getYear(this._selected);
|
|
23627
|
+
}
|
|
23628
|
+
get minDate() {
|
|
23629
|
+
return this._minDate;
|
|
23630
|
+
}
|
|
23631
|
+
set minDate(value) {
|
|
23632
|
+
this._minDate = this._getValidDateOrNull(this._adapter.deserialize(value));
|
|
23633
|
+
}
|
|
23634
|
+
get maxDate() {
|
|
23635
|
+
return this._maxDate;
|
|
23636
|
+
}
|
|
23637
|
+
set maxDate(value) {
|
|
23638
|
+
this._maxDate = this._getValidDateOrNull(this._adapter.deserialize(value));
|
|
23639
|
+
}
|
|
23640
|
+
ngAfterContentInit() {
|
|
23641
|
+
this._init();
|
|
23642
|
+
}
|
|
23643
|
+
/** Handles when a new year is selected. */
|
|
23644
|
+
_yearSelected(year) {
|
|
23645
|
+
const month = this._adapter.getMonth(this.activeDate);
|
|
23646
|
+
const normalizedDate = this._adapter.createDatetime(year, month, 1, 0, 0);
|
|
23647
|
+
this.selectedChange.emit(this._adapter.createDatetime(year, month, Math.min(this._adapter.getDate(this.activeDate), this._adapter.getNumDaysInMonth(normalizedDate)), this._adapter.getHour(this.activeDate), this._adapter.getMinute(this.activeDate)));
|
|
23648
|
+
if (this.type === 'year') {
|
|
23649
|
+
this._userSelection.emit();
|
|
23650
|
+
}
|
|
23651
|
+
}
|
|
23652
|
+
_getActiveCell() {
|
|
23653
|
+
return getActiveOffset$1(this._adapter, this.activeDate, this.minDate, this.maxDate);
|
|
23654
|
+
}
|
|
23655
|
+
_calendarStateDone() {
|
|
23656
|
+
this._calendarState = '';
|
|
23657
|
+
}
|
|
23658
|
+
/** Initializes this year view. */
|
|
23659
|
+
_init() {
|
|
23660
|
+
this._todayYear = this._adapter.getYear(this._adapter.today());
|
|
23661
|
+
this._yearLabel = this._adapter.getYearName(this.activeDate);
|
|
23662
|
+
const activeYear = this._adapter.getYear(this.activeDate);
|
|
23663
|
+
const minYearOfPage = activeYear - getActiveOffset$1(this._adapter, this.activeDate, this.minDate, this.maxDate);
|
|
23664
|
+
this._years = [];
|
|
23665
|
+
for (let i = 0, row = []; i < yearsPerPage$2; i++) {
|
|
23666
|
+
row.push(minYearOfPage + i);
|
|
23667
|
+
if (row.length == yearsPerRow$1) {
|
|
23668
|
+
this._years.push(row.map((year) => this._createCellForYear(year)));
|
|
23669
|
+
row = [];
|
|
23670
|
+
}
|
|
23671
|
+
}
|
|
23672
|
+
}
|
|
23673
|
+
/** Creates an GIPIDatetimepickerCalendarCell for the given year. */
|
|
23674
|
+
_createCellForYear(year) {
|
|
23675
|
+
let yearName = this._adapter.getYearName(this._adapter.createDate(year, 0, 1));
|
|
23676
|
+
return new GIPIDatetimepickerCalendarCell(year, yearName, yearName, this._shouldEnableYear(year));
|
|
23677
|
+
}
|
|
23678
|
+
/** Whether the given year is enabled. */
|
|
23679
|
+
_shouldEnableYear(year) {
|
|
23680
|
+
// disable if the year is greater than maxDate lower than minDate
|
|
23681
|
+
if (year === undefined ||
|
|
23682
|
+
year === null ||
|
|
23683
|
+
(this.maxDate && year > this._adapter.getYear(this.maxDate)) ||
|
|
23684
|
+
(this.minDate && year < this._adapter.getYear(this.minDate))) {
|
|
23685
|
+
return false;
|
|
23686
|
+
}
|
|
23687
|
+
// enable if it reaches here and there's no filter defined
|
|
23688
|
+
if (!this.dateFilter) {
|
|
23689
|
+
return true;
|
|
23690
|
+
}
|
|
23691
|
+
const firstOfYear = this._adapter.createDate(year, 0, 1);
|
|
23692
|
+
// If any date in the year is enabled count the year as enabled.
|
|
23693
|
+
for (let date = firstOfYear; this._adapter.getYear(date) == year; date = this._adapter.addCalendarDays(date, 1)) {
|
|
23694
|
+
if (this.dateFilter(date)) {
|
|
23695
|
+
return true;
|
|
23696
|
+
}
|
|
23697
|
+
}
|
|
23698
|
+
return false;
|
|
23699
|
+
}
|
|
23700
|
+
/**
|
|
23701
|
+
* Gets the year in this years range that the given Date falls on.
|
|
23702
|
+
* Returns null if the given Date is not in this range.
|
|
23703
|
+
*/
|
|
23704
|
+
_getYearInCurrentRange(date) {
|
|
23705
|
+
const year = this._adapter.getYear(date);
|
|
23706
|
+
return this._isInRange(year) ? year : null;
|
|
23707
|
+
}
|
|
23708
|
+
/**
|
|
23709
|
+
* Validate if the current year is in the current range
|
|
23710
|
+
* Returns true if is in range else returns false
|
|
23711
|
+
*/
|
|
23712
|
+
_isInRange(year) {
|
|
23713
|
+
return true;
|
|
23714
|
+
}
|
|
23715
|
+
/**
|
|
23716
|
+
* @param obj The object to check.
|
|
23717
|
+
* @returns The given object if it is both a date instance and valid, otherwise null.
|
|
23718
|
+
*/
|
|
23719
|
+
_getValidDateOrNull(obj) {
|
|
23720
|
+
return this._adapter.isDateInstance(obj) && this._adapter.isValid(obj) ? obj : null;
|
|
23721
|
+
}
|
|
23722
|
+
};
|
|
23723
|
+
GIPIDatetimepickerMultiYearViewComponent.ctorParameters = () => [
|
|
23724
|
+
{ type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
|
|
23725
|
+
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [GIPI_DATETIME_FORMATS,] }] }
|
|
23726
|
+
];
|
|
23727
|
+
__decorate([
|
|
23728
|
+
Input(),
|
|
23729
|
+
__metadata("design:type", String)
|
|
23730
|
+
], GIPIDatetimepickerMultiYearViewComponent.prototype, "type", void 0);
|
|
23731
|
+
__decorate([
|
|
23732
|
+
Input(),
|
|
23733
|
+
__metadata("design:type", Function)
|
|
23734
|
+
], GIPIDatetimepickerMultiYearViewComponent.prototype, "dateFilter", void 0);
|
|
23735
|
+
__decorate([
|
|
23736
|
+
Input(),
|
|
23737
|
+
__metadata("design:type", Object),
|
|
23738
|
+
__metadata("design:paramtypes", [Object])
|
|
23739
|
+
], GIPIDatetimepickerMultiYearViewComponent.prototype, "activeDate", null);
|
|
23740
|
+
__decorate([
|
|
23741
|
+
Input(),
|
|
23742
|
+
__metadata("design:type", Object),
|
|
23743
|
+
__metadata("design:paramtypes", [Object])
|
|
23744
|
+
], GIPIDatetimepickerMultiYearViewComponent.prototype, "selected", null);
|
|
23745
|
+
__decorate([
|
|
23746
|
+
Input(),
|
|
23747
|
+
__metadata("design:type", Object),
|
|
23748
|
+
__metadata("design:paramtypes", [Object])
|
|
23749
|
+
], GIPIDatetimepickerMultiYearViewComponent.prototype, "minDate", null);
|
|
23750
|
+
__decorate([
|
|
23751
|
+
Input(),
|
|
23752
|
+
__metadata("design:type", Object),
|
|
23753
|
+
__metadata("design:paramtypes", [Object])
|
|
23754
|
+
], GIPIDatetimepickerMultiYearViewComponent.prototype, "maxDate", null);
|
|
23755
|
+
__decorate([
|
|
23756
|
+
Output(),
|
|
23757
|
+
__metadata("design:type", Object)
|
|
23758
|
+
], GIPIDatetimepickerMultiYearViewComponent.prototype, "selectedChange", void 0);
|
|
23759
|
+
__decorate([
|
|
23760
|
+
Output(),
|
|
23761
|
+
__metadata("design:type", Object)
|
|
23762
|
+
], GIPIDatetimepickerMultiYearViewComponent.prototype, "_userSelection", void 0);
|
|
23763
|
+
GIPIDatetimepickerMultiYearViewComponent = __decorate([
|
|
23764
|
+
Component({
|
|
23765
|
+
selector: 'gipi-mat-datetime-picker-multi-year-view',
|
|
23766
|
+
template: "<table class=\"gipi-mat-datetime-picker-calendar-table\">\n <thead class=\"gipi-mat-datetime-picker-calendar-table-header\">\n <tr>\n <th class=\"gipi-mat-datetime-picker-calendar-table-header-divider\"\n colspan=\"4\">\n </th>\n </tr>\n </thead>\n <tbody gipiMatDatetimePickerCalendarBody\n role=\"grid\"\n allowDisabledSelection=\"true\"\n [cellAspectRatio]=\"4 / 7\"\n [numCols]=\"4\"\n [rows]=\"_years\"\n [activeCell]=\"_getActiveCell()\"\n [selectedValue]=\"_selectedYear\"\n [todayValue]=\"_todayYear\"\n [@slideCalendar]=\"_calendarState\"\n (@slideCalendar.done)=\"_calendarStateDone()\"\n (selectedValueChange)=\"_yearSelected($event)\">\n </tbody>\n</table>",
|
|
23767
|
+
animations: [slideCalendar],
|
|
23768
|
+
encapsulation: ViewEncapsulation.None,
|
|
23769
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
23770
|
+
}),
|
|
23771
|
+
__param(0, Optional()),
|
|
23772
|
+
__param(1, Optional()),
|
|
23773
|
+
__param(1, Inject(GIPI_DATETIME_FORMATS)),
|
|
23774
|
+
__metadata("design:paramtypes", [GIPIDatetimeAdapter, Object])
|
|
23775
|
+
], GIPIDatetimepickerMultiYearViewComponent);
|
|
23776
|
+
function isSameMultiYearView$1(dateAdapter, date1, date2, minDate, maxDate) {
|
|
23777
|
+
const year1 = dateAdapter.getYear(date1);
|
|
23778
|
+
const year2 = dateAdapter.getYear(date2);
|
|
23779
|
+
const startingYear = getStartingYear$1(dateAdapter, minDate, maxDate);
|
|
23780
|
+
return (Math.floor((year1 - startingYear) / yearsPerPage$2) === Math.floor((year2 - startingYear) / yearsPerPage$2));
|
|
23781
|
+
}
|
|
23782
|
+
/**
|
|
23783
|
+
* When the multi-year view is first opened, the active year will be in view.
|
|
23784
|
+
* So we compute how many years are between the active year and the *slot* where our
|
|
23785
|
+
* "startingYear" will render when paged into view.
|
|
23786
|
+
*/
|
|
23787
|
+
function getActiveOffset$1(dateAdapter, activeDate, minDate, maxDate) {
|
|
23788
|
+
const activeYear = dateAdapter.getYear(activeDate);
|
|
23789
|
+
return euclideanModulo$1(activeYear - getStartingYear$1(dateAdapter, minDate, maxDate), yearsPerPage$2);
|
|
23790
|
+
}
|
|
23791
|
+
/**
|
|
23792
|
+
* We pick a "starting" year such that either the maximum year would be at the end
|
|
23793
|
+
* or the minimum year would be at the beginning of a page.
|
|
23794
|
+
*/
|
|
23795
|
+
function getStartingYear$1(dateAdapter, minDate, maxDate) {
|
|
23796
|
+
let startingYear = 0;
|
|
23797
|
+
if (maxDate) {
|
|
23798
|
+
const maxYear = dateAdapter.getYear(maxDate);
|
|
23799
|
+
startingYear = maxYear - yearsPerPage$2 + 1;
|
|
23800
|
+
}
|
|
23801
|
+
else if (minDate) {
|
|
23802
|
+
startingYear = dateAdapter.getYear(minDate);
|
|
23803
|
+
}
|
|
23804
|
+
return startingYear;
|
|
23805
|
+
}
|
|
23806
|
+
/** Gets remainder that is non-negative, even if first number is negative */
|
|
23807
|
+
function euclideanModulo$1(a, b) {
|
|
23808
|
+
return ((a % b) + b) % b;
|
|
23809
|
+
}
|
|
23810
|
+
|
|
23811
|
+
/**
|
|
23812
|
+
* A calendar that is used as part of the datepicker.
|
|
23813
|
+
* @docs-private
|
|
23814
|
+
*/
|
|
23815
|
+
let GIPIDatetimepickerCalendarComponent = class GIPIDatetimepickerCalendarComponent {
|
|
23816
|
+
constructor(_elementRef, _intl, _ngZone, _adapter, _dateFormats, changeDetectorRef) {
|
|
23817
|
+
this._elementRef = _elementRef;
|
|
23818
|
+
this._intl = _intl;
|
|
23819
|
+
this._ngZone = _ngZone;
|
|
23820
|
+
this._adapter = _adapter;
|
|
23821
|
+
this._dateFormats = _dateFormats;
|
|
23822
|
+
this._clockView = 'hour';
|
|
23823
|
+
/** Active multi year view when click on year. */
|
|
23824
|
+
this.multiYearSelector = true;
|
|
23825
|
+
/** Whether the calendar should be started in month or year view. */
|
|
23826
|
+
this.startView = 'month';
|
|
23827
|
+
this.twelvehour = false;
|
|
23828
|
+
this.timeInterval = 1;
|
|
23829
|
+
this.ariaLabel = 'Use arrow keys to navigate';
|
|
23830
|
+
this.ariaNextMonthLabel = 'Next month';
|
|
23831
|
+
this.ariaPrevMonthLabel = 'Previous month';
|
|
23832
|
+
this.ariaNextYearLabel = 'Next year';
|
|
23833
|
+
this.ariaPrevYearLabel = 'Previous year';
|
|
23834
|
+
this.ariaNextMultiYearLabel = 'Next year range';
|
|
23835
|
+
this.ariaPrevMultiYearLabel = 'Previous year range';
|
|
23836
|
+
/** Prevent user to select same date time */
|
|
23837
|
+
this.preventSameDateTimeSelection = false;
|
|
23838
|
+
this._type = 'date';
|
|
23839
|
+
/** Emits when the currently selected date changes. */
|
|
23840
|
+
this.selectedChange = new EventEmitter();
|
|
23841
|
+
/** Emits when the view has been changed. **/
|
|
23842
|
+
this.viewChanged = new EventEmitter();
|
|
23843
|
+
this._userSelection = new EventEmitter();
|
|
23844
|
+
/** Date filter for the month and year views. */
|
|
23845
|
+
this._dateFilterForViews = (date) => {
|
|
23846
|
+
return (!!date &&
|
|
23847
|
+
(!this.dateFilter || this.dateFilter(date, GIPIDatetimepickerFilterType.DATE)) &&
|
|
23848
|
+
(!this.minDate || this._adapter.compareDate(date, this.minDate) >= 0) &&
|
|
23849
|
+
(!this.maxDate || this._adapter.compareDate(date, this.maxDate) <= 0));
|
|
23850
|
+
};
|
|
23851
|
+
if (!this._adapter) {
|
|
23852
|
+
throw createMissingDateImplError$1('GIPIDatetimeAdapter');
|
|
23853
|
+
}
|
|
23854
|
+
if (!this._dateFormats) {
|
|
23855
|
+
throw createMissingDateImplError$1('GIPI_DATETIME_FORMATS');
|
|
23856
|
+
}
|
|
23857
|
+
this._intlChanges = _intl.changes.subscribe(() => changeDetectorRef.markForCheck());
|
|
23858
|
+
}
|
|
23859
|
+
get type() {
|
|
23860
|
+
return this._type;
|
|
23861
|
+
}
|
|
23862
|
+
set type(value) {
|
|
23863
|
+
this._type = value || 'date';
|
|
23864
|
+
if (this.type === 'year') {
|
|
23865
|
+
this.multiYearSelector = true;
|
|
23866
|
+
}
|
|
23867
|
+
}
|
|
23868
|
+
get startAt() {
|
|
23869
|
+
return this._startAt;
|
|
23870
|
+
}
|
|
23871
|
+
set startAt(value) {
|
|
23872
|
+
this._startAt = this._adapter.getValidDateOrNull(value);
|
|
23873
|
+
}
|
|
23874
|
+
get selected() {
|
|
23875
|
+
return this._selected;
|
|
23876
|
+
}
|
|
23877
|
+
set selected(value) {
|
|
23878
|
+
this._selected = this._adapter.getValidDateOrNull(value);
|
|
23879
|
+
}
|
|
23880
|
+
get minDate() {
|
|
23881
|
+
return this._minDate;
|
|
23882
|
+
}
|
|
23883
|
+
set minDate(value) {
|
|
23884
|
+
this._minDate = this._adapter.getValidDateOrNull(value);
|
|
23885
|
+
}
|
|
23886
|
+
get maxDate() {
|
|
23887
|
+
return this._maxDate;
|
|
23888
|
+
}
|
|
23889
|
+
set maxDate(value) {
|
|
23890
|
+
this._maxDate = this._adapter.getValidDateOrNull(value);
|
|
23891
|
+
}
|
|
23892
|
+
/** The current active date. This determines which time period is shown and which date is highlighted when using keyboard navigation. */
|
|
23893
|
+
get _activeDate() {
|
|
23894
|
+
return this._clampedActiveDate;
|
|
23895
|
+
}
|
|
23896
|
+
set _activeDate(value) {
|
|
23897
|
+
const oldActiveDate = this._clampedActiveDate;
|
|
23898
|
+
this._clampedActiveDate = this._adapter.clampDate(value, this.minDate, this.maxDate);
|
|
23899
|
+
if (oldActiveDate &&
|
|
23900
|
+
this._clampedActiveDate &&
|
|
23901
|
+
this.currentView === 'month' &&
|
|
23902
|
+
!this._adapter.sameMonthAndYear(oldActiveDate, this._clampedActiveDate)) {
|
|
23903
|
+
if (this._adapter.isInNextMonth(oldActiveDate, this._clampedActiveDate)) {
|
|
23904
|
+
this.calendarState('right');
|
|
23905
|
+
}
|
|
23906
|
+
else {
|
|
23907
|
+
this.calendarState('left');
|
|
23908
|
+
}
|
|
23909
|
+
}
|
|
23910
|
+
}
|
|
23911
|
+
get currentView() {
|
|
23912
|
+
return this._currentView;
|
|
23913
|
+
}
|
|
23914
|
+
set currentView(view) {
|
|
23915
|
+
this._currentView = view;
|
|
23916
|
+
this.viewChanged.emit(view);
|
|
23917
|
+
}
|
|
23918
|
+
/** The label for the current calendar view. */
|
|
23919
|
+
get _yearLabel() {
|
|
23920
|
+
return this._adapter.getYearName(this._activeDate);
|
|
23921
|
+
}
|
|
23922
|
+
get _monthYearLabel() {
|
|
23923
|
+
if (this.currentView === 'multi-year') {
|
|
23924
|
+
// The offset from the active year to the "slot" for the starting year is the
|
|
23925
|
+
// *actual* first rendered year in the multi-year view, and the last year is
|
|
23926
|
+
// just yearsPerPage - 1 away.
|
|
23927
|
+
const activeYear = this._adapter.getYear(this._activeDate);
|
|
23928
|
+
const minYearOfPage = activeYear - getActiveOffset$1(this._adapter, this._activeDate, this.minDate, this.maxDate);
|
|
23929
|
+
const maxYearOfPage = minYearOfPage + yearsPerPage$2 - 1;
|
|
23930
|
+
const minYearName = this._adapter.getYearName(this._adapter.createDate(minYearOfPage, 0, 1));
|
|
23931
|
+
const maxYearName = this._adapter.getYearName(this._adapter.createDate(maxYearOfPage, 0, 1));
|
|
23932
|
+
return this._intl.formatYearRange(minYearName, maxYearName);
|
|
23933
|
+
}
|
|
23934
|
+
return this.currentView === 'month'
|
|
23935
|
+
? this._adapter.getMonthNames('long')[this._adapter.getMonth(this._activeDate)]
|
|
23936
|
+
: this._adapter.getYearName(this._activeDate);
|
|
23937
|
+
}
|
|
23938
|
+
get _dateLabel() {
|
|
23939
|
+
switch (this.type) {
|
|
23940
|
+
case 'month': return this._adapter.getMonthNames('long')[this._adapter.getMonth(this._activeDate)];
|
|
23941
|
+
default: return this._adapter.format(this._activeDate, this._dateFormats.display.popupHeaderDateLabel);
|
|
23942
|
+
}
|
|
23943
|
+
}
|
|
23944
|
+
get periodButtonLabel() {
|
|
23945
|
+
return this.currentView == 'month' ? this._intl.switchToMultiYearViewLabel : this._intl.switchToMonthViewLabel;
|
|
23946
|
+
}
|
|
23947
|
+
/** The label for the previous button. */
|
|
23948
|
+
get prevButtonLabel() {
|
|
23949
|
+
return {
|
|
23950
|
+
'month': this._intl.prevMonthLabel,
|
|
23951
|
+
'year': this._intl.prevYearLabel,
|
|
23952
|
+
'multi-year': this._intl.prevMultiYearLabel
|
|
23953
|
+
}[this.currentView];
|
|
23954
|
+
}
|
|
23955
|
+
/** The label for the next button. */
|
|
23956
|
+
get nextButtonLabel() {
|
|
23957
|
+
return {
|
|
23958
|
+
'month': this._intl.nextMonthLabel,
|
|
23959
|
+
'year': this._intl.nextYearLabel,
|
|
23960
|
+
'multi-year': this._intl.nextMultiYearLabel
|
|
23961
|
+
}[this.currentView];
|
|
23962
|
+
}
|
|
23963
|
+
get _hoursLabel() {
|
|
23964
|
+
let hour = this._adapter.getHour(this._activeDate);
|
|
23965
|
+
if (!!this.twelvehour) {
|
|
23966
|
+
if (hour === 0) {
|
|
23967
|
+
hour = 24;
|
|
23968
|
+
}
|
|
23969
|
+
hour = hour > 12 ? hour - 12 : hour;
|
|
23970
|
+
}
|
|
23971
|
+
return this._2digit(hour);
|
|
23972
|
+
}
|
|
23973
|
+
get _minutesLabel() {
|
|
23974
|
+
return this._2digit(this._adapter.getMinute(this._activeDate));
|
|
23975
|
+
}
|
|
23976
|
+
get _ariaLabelNext() {
|
|
23977
|
+
switch (this._currentView) {
|
|
23978
|
+
case 'month': return this.ariaNextMonthLabel;
|
|
23979
|
+
case 'year': return this.ariaNextYearLabel;
|
|
23980
|
+
case 'multi-year': return this.ariaNextMultiYearLabel;
|
|
23981
|
+
default: return '';
|
|
23982
|
+
}
|
|
23983
|
+
}
|
|
23984
|
+
get _ariaLabelPrev() {
|
|
23985
|
+
switch (this._currentView) {
|
|
23986
|
+
case 'month': return this.ariaPrevMonthLabel;
|
|
23987
|
+
case 'year': return this.ariaPrevYearLabel;
|
|
23988
|
+
case 'multi-year': return this.ariaPrevMultiYearLabel;
|
|
23989
|
+
default: return '';
|
|
23990
|
+
}
|
|
23991
|
+
}
|
|
23992
|
+
ngAfterContentInit() {
|
|
23993
|
+
this._activeDate = this.startAt || this._adapter.today();
|
|
23994
|
+
this._selectAMPM(this._activeDate);
|
|
23995
|
+
this._focusActiveCell();
|
|
23996
|
+
if (this.type === 'year') {
|
|
23997
|
+
this.currentView = 'multi-year';
|
|
23998
|
+
}
|
|
23999
|
+
else if (this.type === 'month') {
|
|
24000
|
+
this.currentView = 'year';
|
|
24001
|
+
}
|
|
24002
|
+
else if (this.type === 'time') {
|
|
24003
|
+
this.currentView = 'clock';
|
|
24004
|
+
}
|
|
24005
|
+
else {
|
|
24006
|
+
this.currentView = this.startView || 'month';
|
|
24007
|
+
}
|
|
24008
|
+
}
|
|
24009
|
+
ngOnDestroy() {
|
|
24010
|
+
this._intlChanges.unsubscribe();
|
|
24011
|
+
}
|
|
24012
|
+
_userSelected() {
|
|
24013
|
+
this._userSelection.emit();
|
|
24014
|
+
}
|
|
24015
|
+
/** Handles date selection in the month view. */
|
|
24016
|
+
_dateSelected(date) {
|
|
24017
|
+
if (this.type === 'date') {
|
|
24018
|
+
if (!this._adapter.sameDate(date, this.selected) ||
|
|
24019
|
+
!this.preventSameDateTimeSelection) {
|
|
24020
|
+
this.selectedChange.emit(date);
|
|
24021
|
+
}
|
|
24022
|
+
}
|
|
24023
|
+
else {
|
|
24024
|
+
this._activeDate = date;
|
|
24025
|
+
this.currentView = 'clock';
|
|
24026
|
+
}
|
|
24027
|
+
}
|
|
24028
|
+
/** Handles month selection in the year view. */
|
|
24029
|
+
_monthSelected(month) {
|
|
24030
|
+
if (this.type === 'month') {
|
|
24031
|
+
if (!this._adapter.sameMonthAndYear(month, this.selected) ||
|
|
24032
|
+
!this.preventSameDateTimeSelection) {
|
|
24033
|
+
this.selectedChange.emit(this._adapter.getFirstDateOfMonth(month));
|
|
24034
|
+
}
|
|
24035
|
+
}
|
|
24036
|
+
else {
|
|
24037
|
+
this._activeDate = month;
|
|
24038
|
+
this.currentView = 'month';
|
|
24039
|
+
this._clockView = 'hour';
|
|
24040
|
+
}
|
|
24041
|
+
}
|
|
24042
|
+
/** Handles year selection in the multi year view. */
|
|
24043
|
+
_yearSelected(year) {
|
|
24044
|
+
if (this.type === 'year') {
|
|
24045
|
+
if (!this._adapter.sameYear(year, this.selected) ||
|
|
24046
|
+
!this.preventSameDateTimeSelection) {
|
|
24047
|
+
const normalizedDate = this._adapter.createDatetime(this._adapter.getYear(year), 0, 1, 0, 0);
|
|
24048
|
+
this.selectedChange.emit(normalizedDate);
|
|
24049
|
+
}
|
|
24050
|
+
}
|
|
24051
|
+
else {
|
|
24052
|
+
this._activeDate = year;
|
|
24053
|
+
this.currentView = 'year';
|
|
24054
|
+
}
|
|
24055
|
+
}
|
|
24056
|
+
_timeSelected(date) {
|
|
24057
|
+
if (this._clockView !== 'minute') {
|
|
24058
|
+
this._activeDate = this._updateDate(date);
|
|
24059
|
+
this._clockView = 'minute';
|
|
24060
|
+
}
|
|
24061
|
+
else {
|
|
24062
|
+
if (!this._adapter.sameDatetime(date, this.selected) ||
|
|
24063
|
+
!this.preventSameDateTimeSelection) {
|
|
24064
|
+
this.selectedChange.emit(date);
|
|
24065
|
+
}
|
|
24066
|
+
}
|
|
24067
|
+
}
|
|
24068
|
+
_onActiveDateChange(date) {
|
|
24069
|
+
this._activeDate = date;
|
|
24070
|
+
}
|
|
24071
|
+
_updateDate(date) {
|
|
24072
|
+
if (!!this.twelvehour) {
|
|
24073
|
+
const HOUR = this._adapter.getHour(date);
|
|
24074
|
+
if (HOUR === 12) {
|
|
24075
|
+
if (this._AMPM === 'AM') {
|
|
24076
|
+
return this._adapter.addCalendarHours(date, -12);
|
|
24077
|
+
}
|
|
24078
|
+
}
|
|
24079
|
+
else if (this._AMPM === 'PM') {
|
|
24080
|
+
return this._adapter.addCalendarHours(date, 12);
|
|
24081
|
+
}
|
|
24082
|
+
}
|
|
24083
|
+
return date;
|
|
24084
|
+
}
|
|
24085
|
+
_selectAMPM(date) {
|
|
24086
|
+
if (this._adapter.getHour(date) > 11) {
|
|
24087
|
+
this._AMPM = 'PM';
|
|
24088
|
+
}
|
|
24089
|
+
else {
|
|
24090
|
+
this._AMPM = 'AM';
|
|
24091
|
+
}
|
|
24092
|
+
}
|
|
24093
|
+
_ampmClicked(source) {
|
|
24094
|
+
if (source === this._AMPM) {
|
|
24095
|
+
return;
|
|
24096
|
+
}
|
|
24097
|
+
this._AMPM = source;
|
|
24098
|
+
if (this._AMPM === 'AM') {
|
|
24099
|
+
this._activeDate = this._adapter.addCalendarHours(this._activeDate, -12);
|
|
24100
|
+
}
|
|
24101
|
+
else {
|
|
24102
|
+
this._activeDate = this._adapter.addCalendarHours(this._activeDate, 12);
|
|
24103
|
+
}
|
|
24104
|
+
}
|
|
24105
|
+
_yearClicked() {
|
|
24106
|
+
if (this.type === 'year' || this.multiYearSelector) {
|
|
24107
|
+
this.currentView = 'multi-year';
|
|
24108
|
+
return;
|
|
24109
|
+
}
|
|
24110
|
+
this.currentView = 'year';
|
|
24111
|
+
}
|
|
24112
|
+
_dateClicked() {
|
|
24113
|
+
if (this.type !== 'month') {
|
|
24114
|
+
this.currentView = 'month';
|
|
24115
|
+
}
|
|
24116
|
+
}
|
|
24117
|
+
_hoursClicked() {
|
|
24118
|
+
this.currentView = 'clock';
|
|
24119
|
+
this._clockView = 'hour';
|
|
24120
|
+
}
|
|
24121
|
+
_minutesClicked() {
|
|
24122
|
+
this.currentView = 'clock';
|
|
24123
|
+
this._clockView = 'minute';
|
|
24124
|
+
}
|
|
24125
|
+
/** Handles user clicks on the previous button. */
|
|
24126
|
+
_previousClicked() {
|
|
24127
|
+
this._activeDate = this.currentView === 'month'
|
|
24128
|
+
? this._adapter.addCalendarMonths(this._activeDate, -1)
|
|
24129
|
+
: this._adapter.addCalendarYears(this._activeDate, this.currentView === 'year' ? -1 : -yearsPerPage$2);
|
|
24130
|
+
}
|
|
24131
|
+
/** Handles user clicks on the next button. */
|
|
24132
|
+
_nextClicked() {
|
|
24133
|
+
this._activeDate = (this.currentView === 'month')
|
|
24134
|
+
? this._adapter.addCalendarMonths(this._activeDate, 1)
|
|
24135
|
+
: this._adapter.addCalendarYears(this._activeDate, this.currentView === 'year' ? 1 : yearsPerPage$2);
|
|
24136
|
+
}
|
|
24137
|
+
/** Whether the previous period button is enabled. */
|
|
24138
|
+
_previousEnabled() {
|
|
24139
|
+
if (!this.minDate) {
|
|
24140
|
+
return true;
|
|
24141
|
+
}
|
|
24142
|
+
return !this.minDate || !this._isSameView(this._activeDate, this.minDate);
|
|
24143
|
+
}
|
|
24144
|
+
/** Whether the next period button is enabled. */
|
|
24145
|
+
_nextEnabled() {
|
|
24146
|
+
return !this.maxDate || !this._isSameView(this._activeDate, this.maxDate);
|
|
24147
|
+
}
|
|
24148
|
+
/** Handles keydown events on the calendar body. */
|
|
24149
|
+
_handleCalendarBodyKeydown(event) {
|
|
24150
|
+
// TODO(mmalerba): We currently allow keyboard navigation to disabled dates, but just prevent
|
|
24151
|
+
// disabled ones from being selected. This may not be ideal, we should look into whether
|
|
24152
|
+
// navigation should skip over disabled dates, and if so, how to implement that efficiently.
|
|
24153
|
+
if (this.currentView === 'month') {
|
|
24154
|
+
this._handleCalendarBodyKeydownInMonthView(event);
|
|
24155
|
+
}
|
|
24156
|
+
else if (this.currentView === 'year') {
|
|
24157
|
+
this._handleCalendarBodyKeydownInYearView(event);
|
|
24158
|
+
}
|
|
24159
|
+
else if (this.currentView === 'multi-year') {
|
|
24160
|
+
this._handleCalendarBodyKeydownInMultiYearView(event);
|
|
24161
|
+
}
|
|
24162
|
+
else {
|
|
24163
|
+
this._handleCalendarBodyKeydownInClockView(event);
|
|
24164
|
+
}
|
|
24165
|
+
}
|
|
24166
|
+
_focusActiveCell() {
|
|
24167
|
+
this._ngZone.runOutsideAngular(() => {
|
|
24168
|
+
this._ngZone.onStable
|
|
24169
|
+
.asObservable()
|
|
24170
|
+
.pipe(first())
|
|
24171
|
+
.subscribe(() => this._elementRef.nativeElement.focus());
|
|
24172
|
+
});
|
|
24173
|
+
}
|
|
24174
|
+
_calendarStateDone() {
|
|
24175
|
+
this._calendarState = '';
|
|
24176
|
+
}
|
|
24177
|
+
/** Whether the two dates represent the same view in the current view mode (month or year). */
|
|
24178
|
+
_isSameView(date1, date2) {
|
|
24179
|
+
if (this.currentView === 'month') {
|
|
24180
|
+
return (this._adapter.getYear(date1) === this._adapter.getYear(date2) &&
|
|
24181
|
+
this._adapter.getMonth(date1) === this._adapter.getMonth(date2));
|
|
24182
|
+
}
|
|
24183
|
+
if (this.currentView === 'year') {
|
|
24184
|
+
return this._adapter.getYear(date1) === this._adapter.getYear(date2);
|
|
24185
|
+
}
|
|
24186
|
+
// Otherwise we are in 'multi-year' view.
|
|
24187
|
+
return isSameMultiYearView$1(this._adapter, date1, date2, this.minDate, this.maxDate);
|
|
24188
|
+
}
|
|
24189
|
+
/** Handles keydown events on the calendar body when calendar is in month view. */
|
|
24190
|
+
_handleCalendarBodyKeydownInMonthView(event) {
|
|
24191
|
+
switch (event.keyCode) {
|
|
24192
|
+
case LEFT_ARROW:
|
|
24193
|
+
this._activeDate = this._adapter.addCalendarDays(this._activeDate, -1);
|
|
24194
|
+
break;
|
|
24195
|
+
case RIGHT_ARROW:
|
|
24196
|
+
this._activeDate = this._adapter.addCalendarDays(this._activeDate, 1);
|
|
24197
|
+
break;
|
|
24198
|
+
case UP_ARROW:
|
|
24199
|
+
this._activeDate = this._adapter.addCalendarDays(this._activeDate, -7);
|
|
24200
|
+
break;
|
|
24201
|
+
case DOWN_ARROW:
|
|
24202
|
+
this._activeDate = this._adapter.addCalendarDays(this._activeDate, 7);
|
|
24203
|
+
break;
|
|
24204
|
+
case HOME:
|
|
24205
|
+
this._activeDate = this._adapter.addCalendarDays(this._activeDate, 1 - this._adapter.getDate(this._activeDate));
|
|
24206
|
+
break;
|
|
24207
|
+
case END:
|
|
24208
|
+
this._activeDate = this._adapter.addCalendarDays(this._activeDate, this._adapter.getNumDaysInMonth(this._activeDate) - this._adapter.getDate(this._activeDate));
|
|
24209
|
+
break;
|
|
24210
|
+
case PAGE_UP:
|
|
24211
|
+
this._activeDate = event.altKey
|
|
24212
|
+
? this._adapter.addCalendarYears(this._activeDate, -1)
|
|
24213
|
+
: this._adapter.addCalendarMonths(this._activeDate, -1);
|
|
24214
|
+
break;
|
|
24215
|
+
case PAGE_DOWN:
|
|
24216
|
+
this._activeDate = event.altKey
|
|
24217
|
+
? this._adapter.addCalendarYears(this._activeDate, 1)
|
|
24218
|
+
: this._adapter.addCalendarMonths(this._activeDate, 1);
|
|
24219
|
+
break;
|
|
24220
|
+
case ENTER:
|
|
24221
|
+
if (this._dateFilterForViews(this._activeDate)) {
|
|
24222
|
+
this._dateSelected(this._activeDate);
|
|
24223
|
+
// Prevent unexpected default actions such as form submission.
|
|
24224
|
+
event.preventDefault();
|
|
24225
|
+
}
|
|
24226
|
+
return;
|
|
24227
|
+
default:
|
|
24228
|
+
// Don't prevent default or focus active cell on keys that we don't explicitly handle.
|
|
24229
|
+
return;
|
|
24230
|
+
}
|
|
24231
|
+
// Prevent unexpected default actions such as form submission.
|
|
24232
|
+
event.preventDefault();
|
|
24233
|
+
}
|
|
24234
|
+
/** Handles keydown events on the calendar body when calendar is in year view. */
|
|
24235
|
+
_handleCalendarBodyKeydownInYearView(event) {
|
|
24236
|
+
switch (event.keyCode) {
|
|
24237
|
+
case LEFT_ARROW:
|
|
24238
|
+
this._activeDate = this._adapter.addCalendarMonths(this._activeDate, -1);
|
|
24239
|
+
break;
|
|
24240
|
+
case RIGHT_ARROW:
|
|
24241
|
+
this._activeDate = this._adapter.addCalendarMonths(this._activeDate, 1);
|
|
24242
|
+
break;
|
|
24243
|
+
case UP_ARROW:
|
|
24244
|
+
this._activeDate = this._prevMonthInSameCol(this._activeDate);
|
|
24245
|
+
break;
|
|
24246
|
+
case DOWN_ARROW:
|
|
24247
|
+
this._activeDate = this._nextMonthInSameCol(this._activeDate);
|
|
24248
|
+
break;
|
|
24249
|
+
case HOME:
|
|
24250
|
+
this._activeDate = this._adapter.addCalendarMonths(this._activeDate, -this._adapter.getMonth(this._activeDate));
|
|
24251
|
+
break;
|
|
24252
|
+
case END:
|
|
24253
|
+
this._activeDate = this._adapter.addCalendarMonths(this._activeDate, 11 - this._adapter.getMonth(this._activeDate));
|
|
24254
|
+
break;
|
|
24255
|
+
case PAGE_UP:
|
|
24256
|
+
this._activeDate = this._adapter.addCalendarYears(this._activeDate, event.altKey ? -10 : -1);
|
|
24257
|
+
break;
|
|
24258
|
+
case PAGE_DOWN:
|
|
24259
|
+
this._activeDate = this._adapter.addCalendarYears(this._activeDate, event.altKey ? 10 : 1);
|
|
24260
|
+
break;
|
|
24261
|
+
case ENTER:
|
|
24262
|
+
this._monthSelected(this._activeDate);
|
|
24263
|
+
break;
|
|
24264
|
+
default:
|
|
24265
|
+
// Don't prevent default or focus active cell on keys that we don't explicitly handle.
|
|
24266
|
+
return;
|
|
24267
|
+
}
|
|
24268
|
+
// Prevent unexpected default actions such as form submission.
|
|
24269
|
+
event.preventDefault();
|
|
24270
|
+
}
|
|
24271
|
+
/** Handles keydown events on the calendar body when calendar is in multi-year view. */
|
|
24272
|
+
_handleCalendarBodyKeydownInMultiYearView(event) {
|
|
24273
|
+
switch (event.keyCode) {
|
|
24274
|
+
case LEFT_ARROW:
|
|
24275
|
+
this._activeDate = this._adapter.addCalendarYears(this._activeDate, -1);
|
|
24276
|
+
break;
|
|
24277
|
+
case RIGHT_ARROW:
|
|
24278
|
+
this._activeDate = this._adapter.addCalendarYears(this._activeDate, 1);
|
|
24279
|
+
break;
|
|
24280
|
+
case UP_ARROW:
|
|
24281
|
+
this._activeDate = this._adapter.addCalendarYears(this._activeDate, -yearsPerRow$1);
|
|
24282
|
+
break;
|
|
24283
|
+
case DOWN_ARROW:
|
|
24284
|
+
this._activeDate = this._adapter.addCalendarYears(this._activeDate, yearsPerRow$1);
|
|
24285
|
+
break;
|
|
24286
|
+
case HOME:
|
|
24287
|
+
this._activeDate = this._adapter.addCalendarYears(this._activeDate, -getActiveOffset$1(this._adapter, this._activeDate, this.minDate, this.maxDate));
|
|
24288
|
+
break;
|
|
24289
|
+
case END:
|
|
24290
|
+
this._activeDate = this._adapter.addCalendarYears(this._activeDate, yearsPerPage$2 - getActiveOffset$1(this._adapter, this._activeDate, this.minDate, this.maxDate) - 1);
|
|
24291
|
+
break;
|
|
24292
|
+
case PAGE_UP:
|
|
24293
|
+
this._activeDate = this._adapter.addCalendarYears(this._activeDate, event.altKey ? -yearsPerPage$2 * 10 : -yearsPerPage$2);
|
|
24294
|
+
break;
|
|
24295
|
+
case PAGE_DOWN:
|
|
24296
|
+
this._activeDate = this._adapter.addCalendarYears(this._activeDate, event.altKey ? yearsPerPage$2 * 10 : yearsPerPage$2);
|
|
24297
|
+
break;
|
|
24298
|
+
case ENTER:
|
|
24299
|
+
this._yearSelected(this._activeDate);
|
|
24300
|
+
break;
|
|
24301
|
+
default:
|
|
24302
|
+
// Don't prevent default or focus active cell on keys that we don't explicitly handle.
|
|
24303
|
+
return;
|
|
24304
|
+
}
|
|
24305
|
+
}
|
|
24306
|
+
/** Handles keydown events on the calendar body when calendar is in month view. */
|
|
24307
|
+
_handleCalendarBodyKeydownInClockView(event) {
|
|
24308
|
+
switch (event.keyCode) {
|
|
24309
|
+
case UP_ARROW:
|
|
24310
|
+
this._activeDate = this._clockView === 'hour'
|
|
24311
|
+
? this._adapter.addCalendarHours(this._activeDate, 1)
|
|
24312
|
+
: this._adapter.addCalendarMinutes(this._activeDate, 1);
|
|
24313
|
+
break;
|
|
24314
|
+
case DOWN_ARROW:
|
|
24315
|
+
this._activeDate = this._clockView === 'hour'
|
|
24316
|
+
? this._adapter.addCalendarHours(this._activeDate, -1)
|
|
24317
|
+
: this._adapter.addCalendarMinutes(this._activeDate, -1);
|
|
24318
|
+
break;
|
|
24319
|
+
case ENTER:
|
|
24320
|
+
this._timeSelected(this._activeDate);
|
|
24321
|
+
return;
|
|
24322
|
+
default:
|
|
24323
|
+
// Don't prevent default or focus active cell on keys that we don't explicitly handle.
|
|
24324
|
+
return;
|
|
24325
|
+
}
|
|
24326
|
+
// Prevent unexpected default actions such as form submission.
|
|
24327
|
+
event.preventDefault();
|
|
24328
|
+
}
|
|
24329
|
+
/**
|
|
24330
|
+
* Determine the date for the month that comes before the given month in the same column in the
|
|
24331
|
+
* calendar table.
|
|
24332
|
+
*/
|
|
24333
|
+
_prevMonthInSameCol(date) {
|
|
24334
|
+
// Determine how many months to jump forward given that there are 2 empty slots at the beginning of each year.
|
|
24335
|
+
const increment = this._adapter.getMonth(date) <= 4 ? -5 : this._adapter.getMonth(date) >= 7 ? -7 : -12;
|
|
24336
|
+
return this._adapter.addCalendarMonths(date, increment);
|
|
24337
|
+
}
|
|
24338
|
+
/**
|
|
24339
|
+
* Determine the date for the month that comes after the given month in the same column in the
|
|
24340
|
+
* calendar table.
|
|
24341
|
+
*/
|
|
24342
|
+
_nextMonthInSameCol(date) {
|
|
24343
|
+
// Determine how many months to jump forward given that there are 2 empty slots at the beginning of each year.
|
|
24344
|
+
const increment = this._adapter.getMonth(date) <= 4 ? 7 : this._adapter.getMonth(date) >= 7 ? 5 : 12;
|
|
24345
|
+
return this._adapter.addCalendarMonths(date, increment);
|
|
24346
|
+
}
|
|
24347
|
+
calendarState(direction) {
|
|
24348
|
+
this._calendarState = direction;
|
|
24349
|
+
}
|
|
24350
|
+
_2digit(n) {
|
|
24351
|
+
return ('00' + n).slice(-2);
|
|
24352
|
+
}
|
|
24353
|
+
};
|
|
24354
|
+
GIPIDatetimepickerCalendarComponent.ctorParameters = () => [
|
|
24355
|
+
{ type: ElementRef },
|
|
24356
|
+
{ type: MatDatepickerIntl$1 },
|
|
24357
|
+
{ type: NgZone },
|
|
24358
|
+
{ type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
|
|
24359
|
+
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [GIPI_DATETIME_FORMATS,] }] },
|
|
24360
|
+
{ type: ChangeDetectorRef }
|
|
24361
|
+
];
|
|
24362
|
+
__decorate([
|
|
24363
|
+
Input(),
|
|
24364
|
+
__metadata("design:type", Boolean)
|
|
24365
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "multiYearSelector", void 0);
|
|
24366
|
+
__decorate([
|
|
24367
|
+
Input(),
|
|
24368
|
+
__metadata("design:type", String)
|
|
24369
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "startView", void 0);
|
|
24370
|
+
__decorate([
|
|
24371
|
+
Input(),
|
|
24372
|
+
__metadata("design:type", Boolean)
|
|
24373
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "twelvehour", void 0);
|
|
24374
|
+
__decorate([
|
|
24375
|
+
Input(),
|
|
24376
|
+
__metadata("design:type", Number)
|
|
24377
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "timeInterval", void 0);
|
|
24378
|
+
__decorate([
|
|
24379
|
+
Input(),
|
|
24380
|
+
__metadata("design:type", Function)
|
|
24381
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "dateFilter", void 0);
|
|
24382
|
+
__decorate([
|
|
24383
|
+
Input(),
|
|
24384
|
+
__metadata("design:type", Object)
|
|
24385
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "ariaLabel", void 0);
|
|
24386
|
+
__decorate([
|
|
24387
|
+
Input(),
|
|
24388
|
+
__metadata("design:type", Object)
|
|
24389
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "ariaNextMonthLabel", void 0);
|
|
24390
|
+
__decorate([
|
|
24391
|
+
Input(),
|
|
24392
|
+
__metadata("design:type", Object)
|
|
24393
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "ariaPrevMonthLabel", void 0);
|
|
24394
|
+
__decorate([
|
|
24395
|
+
Input(),
|
|
24396
|
+
__metadata("design:type", Object)
|
|
24397
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "ariaNextYearLabel", void 0);
|
|
24398
|
+
__decorate([
|
|
24399
|
+
Input(),
|
|
24400
|
+
__metadata("design:type", Object)
|
|
24401
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "ariaPrevYearLabel", void 0);
|
|
24402
|
+
__decorate([
|
|
24403
|
+
Input(),
|
|
24404
|
+
__metadata("design:type", Object)
|
|
24405
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "ariaNextMultiYearLabel", void 0);
|
|
24406
|
+
__decorate([
|
|
24407
|
+
Input(),
|
|
24408
|
+
__metadata("design:type", Object)
|
|
24409
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "ariaPrevMultiYearLabel", void 0);
|
|
24410
|
+
__decorate([
|
|
24411
|
+
Input(),
|
|
24412
|
+
__metadata("design:type", Object)
|
|
24413
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "preventSameDateTimeSelection", void 0);
|
|
24414
|
+
__decorate([
|
|
24415
|
+
Input(),
|
|
24416
|
+
__metadata("design:type", String),
|
|
24417
|
+
__metadata("design:paramtypes", [String])
|
|
24418
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "type", null);
|
|
24419
|
+
__decorate([
|
|
24420
|
+
Input(),
|
|
24421
|
+
__metadata("design:type", Object),
|
|
24422
|
+
__metadata("design:paramtypes", [Object])
|
|
24423
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "startAt", null);
|
|
24424
|
+
__decorate([
|
|
24425
|
+
Input(),
|
|
24426
|
+
__metadata("design:type", Object),
|
|
24427
|
+
__metadata("design:paramtypes", [Object])
|
|
24428
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "selected", null);
|
|
24429
|
+
__decorate([
|
|
24430
|
+
Input(),
|
|
24431
|
+
__metadata("design:type", Object),
|
|
24432
|
+
__metadata("design:paramtypes", [Object])
|
|
24433
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "minDate", null);
|
|
24434
|
+
__decorate([
|
|
24435
|
+
Input(),
|
|
24436
|
+
__metadata("design:type", Object),
|
|
24437
|
+
__metadata("design:paramtypes", [Object])
|
|
24438
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "maxDate", null);
|
|
24439
|
+
__decorate([
|
|
24440
|
+
Output(),
|
|
24441
|
+
__metadata("design:type", EventEmitter)
|
|
24442
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "selectedChange", void 0);
|
|
24443
|
+
__decorate([
|
|
24444
|
+
Output(),
|
|
24445
|
+
__metadata("design:type", EventEmitter)
|
|
24446
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "viewChanged", void 0);
|
|
24447
|
+
__decorate([
|
|
24448
|
+
Output(),
|
|
24449
|
+
__metadata("design:type", Object)
|
|
24450
|
+
], GIPIDatetimepickerCalendarComponent.prototype, "_userSelection", void 0);
|
|
24451
|
+
GIPIDatetimepickerCalendarComponent = __decorate([
|
|
24452
|
+
Component({
|
|
24453
|
+
selector: 'gipi-mat-datetime-picker-calendar',
|
|
24454
|
+
template: "<div class=\"gipi-mat-datetime-picker-calendar-header\">\n <div class=\"gipi-mat-datetime-picker-calendar-controls\">\n <div *ngIf=\"type !== 'time'\"\n role=\"button\"\n cdkAriaLive=\"polite\"\n class=\"gipi-mat-datetime-picker-calendar-period-button\"\n [class.active]=\"currentView === 'year' || currentView === 'multi-year'\"\n [attr.aria-label]=\"periodButtonLabel\"\n (click)=\"_yearClicked()\">\n {{ _yearLabel }}\n\n <div *ngIf=\"multiYearSelector || type === 'year'\"\n class=\"gipi-mat-datetime-picker-calendar-arrow\"\n [class.gipi-mat-datetime-picker-calendar-invert]=\"currentView != 'month'\">\n </div>\n </div>\n\n <div class=\"gipi-mat-datetime-picker-calendar-spacer\"> </div>\n\n <button mat-icon-button\n type=\"button\"\n class=\"gipi-mat-datetime-picker-calendar-previous-button\"\n [disabled]=\"!_previousEnabled()\"\n (click)=\"_previousClicked()\"\n [attr.aria-label]=\"prevButtonLabel\">\n </button>\n\n <button mat-icon-button\n type=\"button\"\n class=\"gipi-mat-datetime-picker-calendar-next-button\"\n [disabled]=\"!_nextEnabled()\"\n (click)=\"_nextClicked()\"\n [attr.aria-label]=\"nextButtonLabel\">\n </button>\n </div>\n\n <div class=\"gipi-mat-datetime-picker-calendar-header-date-time\">\n <span *ngIf=\"type !== 'time' && type !== 'year'\"\n role=\"button\"\n class=\"gipi-mat-datetime-picker-calendar-header-date\"\n [class.active]=\"currentView === 'month'\"\n [class.not-clickable]=\"type === 'month'\"\n (click)=\"_dateClicked()\">\n {{ _dateLabel }}\n </span>\n <span *ngIf=\"type.endsWith('time')\"\n class=\"gipi-mat-datetime-picker-calendar-header-time\"\n [class.active]=\"currentView === 'clock'\">\n <span role=\"button\"\n class=\"gipi-mat-datetime-picker-calendar-header-hours\"\n [class.active]=\"currentView === 'clock' && _clockView === 'hour'\"\n (click)=\"_hoursClicked()\">\n {{ _hoursLabel }}\n </span>\n :\n <span role=\"button\"\n class=\"gipi-mat-datetime-picker-calendar-header-minutes\"\n [class.active]=\"currentView === 'clock' && _clockView === 'minute'\"\n (click)=\"_minutesClicked()\">\n {{ _minutesLabel }}\n </span>\n <br />\n <span *ngIf=\"twelvehour\"\n class=\"gipi-mat-datetime-picker-calendar-header-ampm-container\">\n <span class=\"gipi-mat-datetime-picker-calendar-header-ampm\"\n [class.active]=\"currentView === 'clock' && _AMPM === 'AM'\"\n (click)=\"_ampmClicked('AM')\">\n AM\n </span>\n /\n <span class=\"gipi-mat-datetime-picker-calendar-header-ampm\"\n [class.active]=\"currentView === 'clock' && _AMPM === 'PM'\"\n (click)=\"_ampmClicked('PM')\">\n PM\n </span>\n </span>\n </span>\n </div>\n</div>\n\n<div [ngSwitch]=\"currentView\"\n class=\"gipi-mat-datetime-picker-calendar-content\">\n <!-- <div *ngIf=\"currentView === 'month' || currentView === 'year' || currentView === 'multi-year'\"\n class=\"mat-month-content\">\n <div class=\"gipi-mat-datetime-picker-calendar-controls\">\n <div (click)=\"_previousClicked()\"\n [attr.aria-disabled]=\"!_previousEnabled()\"\n [attr.aria-label]=\"_ariaLabelPrev\"\n [class.disabled]=\"!_previousEnabled()\"\n class=\"gipi-mat-datetime-picker-calendar-previous-button\"\n role=\"button\">\n <svg height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\">\n <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\"></path>\n </svg>\n </div>\n <div (@slideCalendar.done)=\"_calendarStateDone()\"\n [@slideCalendar]=\"_calendarState\"\n class=\"gipi-mat-datetime-picker-calendar-period-button\">\n <strong>{{ _monthYearLabel }}</strong>\n </div>\n <div (click)=\"_nextClicked()\"\n [attr.aria-disabled]=\"!_nextEnabled()\"\n [attr.aria-label]=\"_ariaLabelNext\"\n [class.disabled]=\"!_nextEnabled()\"\n class=\"gipi-mat-datetime-picker-calendar-next-button\"\n role=\"button\">\n <svg height=\"24\"\n viewBox=\"0 0 24 24\"\n width=\"24\">\n <path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"></path>\n </svg>\n </div>\n </div>\n </div> -->\n\n <gipi-mat-datetime-picker-month-view (_userSelection)=\"_userSelected()\"\n (selectedChange)=\"_dateSelected($event)\"\n *ngSwitchCase=\"'month'\"\n [activeDate]=\"_activeDate\"\n [dateFilter]=\"_dateFilterForViews\"\n [selected]=\"selected\"\n [type]=\"type\">\n </gipi-mat-datetime-picker-month-view>\n <gipi-mat-datetime-picker-year-view (_userSelection)=\"_userSelected()\"\n (selectedChange)=\"_monthSelected($event)\"\n *ngSwitchCase=\"'year'\"\n [activeDate]=\"_activeDate\"\n [dateFilter]=\"_dateFilterForViews\"\n [selected]=\"selected\"\n [type]=\"type\">\n </gipi-mat-datetime-picker-year-view>\n <gipi-mat-datetime-picker-multi-year-view (_userSelection)=\"_userSelected()\"\n (selectedChange)=\"_yearSelected($event)\"\n *ngSwitchCase=\"'multi-year'\"\n [activeDate]=\"_activeDate\"\n [dateFilter]=\"_dateFilterForViews\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [selected]=\"selected\"\n [type]=\"type\">\n </gipi-mat-datetime-picker-multi-year-view>\n <gipi-mat-datetime-picker-clock (_userSelection)=\"_userSelected()\"\n (activeDateChange)=\"_onActiveDateChange($event)\"\n (selectedChange)=\"_timeSelected($event)\"\n *ngSwitchDefault\n [dateFilter]=\"dateFilter\"\n [interval]=\"timeInterval\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [selected]=\"_activeDate\"\n [startView]=\"_clockView\"\n [twelvehour]=\"twelvehour\">\n </gipi-mat-datetime-picker-clock>\n</div>",
|
|
24455
|
+
animations: [slideCalendar],
|
|
24456
|
+
encapsulation: ViewEncapsulation.None,
|
|
24457
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
24458
|
+
host: {
|
|
24459
|
+
'[class.gipi-mat-datetime-picker-calendar]': 'true',
|
|
24460
|
+
'[attr.aria-label]': 'ariaLabel',
|
|
24461
|
+
role: 'dialog',
|
|
24462
|
+
tabindex: '0',
|
|
24463
|
+
'(keydown)': '_handleCalendarBodyKeydown($event)',
|
|
24464
|
+
},
|
|
24465
|
+
styles: [".gipi-mat-datetime-picker-calendar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;outline:0}.gipi-mat-datetime-picker-calendar[mode=landscape]{display:flex}.gipi-mat-datetime-picker-calendar-header{padding:8px 8px 0;font-size:14px;box-sizing:border-box}[mode=landscape] .gipi-mat-datetime-picker-calendar-header{width:150px;min-width:150px}.gipi-mat-datetime-picker-calendar-controls{display:flex;margin:5% calc(33% / 7 - 16px)}.gipi-mat-datetime-picker-calendar-controls .mat-icon-button:hover .mat-button-focus-overlay{opacity:.04}.gipi-mat-datetime-picker-calendar-spacer{flex:1 1 auto}.gipi-mat-datetime-picker-calendar-period-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:0;line-height:36px;padding:0 16px;border-radius:4px}.gipi-mat-datetime-picker-calendar-arrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top-width:5px;border-top-style:solid;margin:0 0 0 5px;vertical-align:middle}.gipi-mat-datetime-picker-calendar-arrow.gipi-mat-datetime-picker-calendar-invert{transform:rotate(180deg)}[dir=rtl] .gipi-mat-datetime-picker-calendar-arrow{margin:0 5px 0 0}.gipi-mat-datetime-picker-calendar-next-button::after,.gipi-mat-datetime-picker-calendar-previous-button::after{top:0;left:0;right:0;bottom:0;position:absolute;content:'';margin:15.5px;border:0 solid currentColor;border-top-width:2px}[dir=rtl] .gipi-mat-datetime-picker-calendar-next-button,[dir=rtl] .gipi-mat-datetime-picker-calendar-previous-button{transform:rotate(180deg)}.gipi-mat-datetime-picker-calendar-previous-button::after{border-left-width:2px;transform:translateX(2px) rotate(-45deg)}.gipi-mat-datetime-picker-calendar-next-button::after{border-right-width:2px;transform:translateX(-2px) rotate(45deg)}.gipi-mat-datetime-picker-calendar-header-date-time{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin-top:6px;font-weight:500;white-space:nowrap}[mode=landscape] .gipi-mat-datetime-picker-calendar-header-date-time{white-space:normal;word-wrap:break-word;margin-top:0}.gipi-mat-datetime-picker-calendar-header-ampm-container{font-size:.77em}.gipi-mat-datetime-picker-calendar-header-date{display:flex;align-items:center;justify-content:center;border-radius:6px;padding-inline:1rem;font-size:14px;line-height:36px;font-weight:600;transition:.2s}.gipi-mat-datetime-picker-calendar-header-date:not(.active){cursor:pointer;opacity:.6}.gipi-mat-datetime-picker-calendar-header-date:not(.active):hover{background:#f5f5f6;opacity:1}.gipi-mat-datetime-picker-calendar-header-date.active{cursor:pointer;background-color:#f3e7e7;color:#e0313e;opacity:1}.gipi-mat-datetime-picker-calendar-header-date.active:hover{background-color:#e0313e;color:#f3e7e7}.gipi-mat-datetime-picker-calendar-header-date.not-clickable{cursor:initial}.gipi-mat-datetime-picker-calendar-header-ampm,.gipi-mat-datetime-picker-calendar-header-hours,.gipi-mat-datetime-picker-calendar-header-minutes{display:flex;align-items:center;justify-content:center;border-radius:6px;width:36px;height:36px;transition:.2s}.gipi-mat-datetime-picker-calendar-header-ampm:not(.active),.gipi-mat-datetime-picker-calendar-header-hours:not(.active),.gipi-mat-datetime-picker-calendar-header-minutes:not(.active){cursor:pointer;opacity:.6}.gipi-mat-datetime-picker-calendar-header-ampm:not(.active):hover,.gipi-mat-datetime-picker-calendar-header-hours:not(.active):hover,.gipi-mat-datetime-picker-calendar-header-minutes:not(.active):hover{background:#f5f5f6;opacity:1}.gipi-mat-datetime-picker-calendar-header-ampm.active,.gipi-mat-datetime-picker-calendar-header-hours.active,.gipi-mat-datetime-picker-calendar-header-minutes.active{cursor:pointer;background-color:#f3e7e7;color:#e0313e;opacity:1}.gipi-mat-datetime-picker-calendar-header-ampm.active:hover,.gipi-mat-datetime-picker-calendar-header-hours.active:hover,.gipi-mat-datetime-picker-calendar-header-minutes.active:hover{background-color:#e0313e;color:#f3e7e7}.gipi-mat-datetime-picker-calendar-header-ampm.not-clickable,.gipi-mat-datetime-picker-calendar-header-hours.not-clickable,.gipi-mat-datetime-picker-calendar-header-minutes.not-clickable{cursor:initial}.gipi-mat-datetime-picker-calendar-header-time{display:flex;align-items:center;justify-content:center;gap:1px;font-size:24px;line-height:36px;padding-left:8px}.gipi-mat-datetime-picker-calendar-header-time:not(.active){opacity:.6}[mode=landscape] .gipi-mat-datetime-picker-calendar-header-time{display:block;padding-left:0}.gipi-mat-datetime-picker-calendar-content{width:100%;padding:0 8px 8px;outline:0;box-sizing:border-box;overflow:hidden}[mode=landscape] .gipi-mat-datetime-picker-calendar-content{padding-top:8px}.gipi-mat-datetime-picker-calendar-controls{display:flex;justify-content:space-between}.gipi-mat-datetime-picker-calendar-next-button,.gipi-mat-datetime-picker-calendar-previous-button{position:relative;display:inline-block;width:48px;height:48px;padding:12px;outline:0;border:0;cursor:pointer;background:0 0;box-sizing:border-box}.gipi-mat-datetime-picker-calendar-next-button.disabled,.gipi-mat-datetime-picker-calendar-previous-button.disabled{color:rgba(0,0,0,.38);pointer-events:none}.gipi-mat-datetime-picker-calendar-next-button svg,.gipi-mat-datetime-picker-calendar-previous-button svg{fill:currentColor;vertical-align:top}.gipi-mat-datetime-picker-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.gipi-mat-datetime-picker-calendar-table-header{color:rgba(0,0,0,.38)}.gipi-mat-datetime-picker-calendar-table-header th{text-align:center;font-size:11px;padding:0 0 8px}.gipi-mat-datetime-picker-calendar-table-header-divider{position:relative;height:1px}.gipi-mat-datetime-picker-calendar-table-header-divider::after{content:'';position:absolute;top:0;left:-8px;right:-8px;height:1px}@media (min-width:480px){.gipi-mat-datetime-picker-calendar[mode=auto]{display:flex}.gipi-mat-datetime-picker-calendar[mode=auto] .gipi-mat-datetime-picker-calendar-header{width:150px;min-width:150px}.gipi-mat-datetime-picker-calendar[mode=auto] .gipi-mat-datetime-picker-calendar-header-date-time{white-space:normal;word-wrap:break-word}.gipi-mat-datetime-picker-calendar[mode=auto] .gipi-mat-datetime-picker-calendar-header-time{display:block;padding-left:0}.gipi-mat-datetime-picker-calendar[mode=auto] .gipi-mat-datetime-picker-calendar-content{padding-top:8px}}"]
|
|
24466
|
+
}),
|
|
24467
|
+
__param(3, Optional()),
|
|
24468
|
+
__param(4, Optional()), __param(4, Inject(GIPI_DATETIME_FORMATS)),
|
|
24469
|
+
__metadata("design:paramtypes", [ElementRef,
|
|
24470
|
+
MatDatepickerIntl$1,
|
|
24471
|
+
NgZone,
|
|
24472
|
+
GIPIDatetimeAdapter, Object, ChangeDetectorRef])
|
|
24473
|
+
], GIPIDatetimepickerCalendarComponent);
|
|
24474
|
+
|
|
24475
|
+
/** Used to generate a unique ID for each datepicker instance. */
|
|
24476
|
+
let datetimepickerUid = 0;
|
|
24477
|
+
/**
|
|
24478
|
+
* Component used as the content for the datepicker dialog and popup. We use this instead of using
|
|
24479
|
+
* MatCalendar directly as the content so we can control the initial focus. This also gives us a
|
|
24480
|
+
* place to put additional features of the popup that are not part of the calendar itself in the
|
|
24481
|
+
* future. (e.g. confirmation buttons).
|
|
24482
|
+
* @docs-private
|
|
24483
|
+
*/
|
|
24484
|
+
let GIPIDatetimepickerContentComponent = class GIPIDatetimepickerContentComponent {
|
|
24485
|
+
ngAfterContentInit() {
|
|
24486
|
+
this._calendar._focusActiveCell();
|
|
24487
|
+
}
|
|
24488
|
+
onSelectionChange(date) {
|
|
24489
|
+
this.datetimepicker._select(date);
|
|
24490
|
+
this.datetimepicker.close();
|
|
24491
|
+
}
|
|
24492
|
+
/**
|
|
24493
|
+
* Handles keydown event on datepicker content.
|
|
24494
|
+
* @param event The event.
|
|
24495
|
+
*/
|
|
24496
|
+
_handleKeydown(event) {
|
|
24497
|
+
if (event.keyCode === ESCAPE) {
|
|
24498
|
+
this.datetimepicker.close();
|
|
24499
|
+
event.preventDefault();
|
|
24500
|
+
event.stopPropagation();
|
|
24501
|
+
}
|
|
24502
|
+
}
|
|
24503
|
+
};
|
|
24504
|
+
__decorate([
|
|
24505
|
+
ViewChild(GIPIDatetimepickerCalendarComponent, { static: true }),
|
|
24506
|
+
__metadata("design:type", GIPIDatetimepickerCalendarComponent)
|
|
24507
|
+
], GIPIDatetimepickerContentComponent.prototype, "_calendar", void 0);
|
|
24508
|
+
GIPIDatetimepickerContentComponent = __decorate([
|
|
24509
|
+
Component({
|
|
24510
|
+
selector: 'gipi-mat-datetime-picker-content',
|
|
24511
|
+
template: "<gipi-mat-datetime-picker-calendar cdkTrapFocus\n class=\"mat-typography\"\n [id]=\"datetimepicker.id\"\n [attr.mode]=\"datetimepicker.mode\"\n [ariaNextMonthLabel]=\"datetimepicker.ariaNextMonthLabel\"\n [ariaNextYearLabel]=\"datetimepicker.ariaNextYearLabel\"\n [ariaPrevMonthLabel]=\"datetimepicker.ariaPrevMonthLabel\"\n [ariaPrevYearLabel]=\"datetimepicker.ariaPrevYearLabel\"\n [preventSameDateTimeSelection]=\"datetimepicker.preventSameDateTimeSelection\"\n [dateFilter]=\"datetimepicker._dateFilter\"\n [maxDate]=\"datetimepicker._maxDate\"\n [minDate]=\"datetimepicker._minDate\"\n [multiYearSelector]=\"datetimepicker.multiYearSelector\"\n [selected]=\"datetimepicker._selected\"\n [startAt]=\"datetimepicker.startAt\"\n [startView]=\"datetimepicker.startView\"\n [timeInterval]=\"datetimepicker.timeInterval\"\n [twelvehour]=\"datetimepicker.twelvehour\"\n [type]=\"datetimepicker.type\"\n (_userSelection)=\"datetimepicker.close()\"\n (selectedChange)=\"onSelectionChange($event)\"\n (viewChanged)=\"datetimepicker._viewChanged($event)\">\n</gipi-mat-datetime-picker-calendar>",
|
|
24512
|
+
encapsulation: ViewEncapsulation.None,
|
|
24513
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
24514
|
+
host: {
|
|
24515
|
+
class: 'gipi-mat-datetime-picker-content',
|
|
24516
|
+
'[class.gipi-mat-datetime-picker-content-touch]': 'datetimepicker?.touchUi',
|
|
24517
|
+
'(keydown)': '_handleKeydown($event)',
|
|
24518
|
+
},
|
|
24519
|
+
styles: ["@use '@angular/material' as mat;.gipi-mat-datetime-picker-content{display:block;background-color:#fff;border-radius:4px!important;overflow:hidden;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.gipi-mat-datetime-picker-calendar{width:296px;height:405px}.gipi-mat-datetime-picker-calendar[mode=landscape]{width:446px;height:328px}@media (min-width:480px){.gipi-mat-datetime-picker-calendar[mode=auto]{width:446px;height:328px}}.gipi-mat-datetime-picker-content-touch{display:block;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.48}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.6)}.gipi-mat-datetime-picker-dialog .mat-dialog-container{padding:0}"]
|
|
24520
|
+
})
|
|
24521
|
+
], GIPIDatetimepickerContentComponent);
|
|
24522
|
+
let GIPIDatetimepickerComponent = class GIPIDatetimepickerComponent {
|
|
24523
|
+
constructor(_dialog, _overlay, _ngZone, _viewContainerRef, _scrollStrategy, _dateAdapter, _dir, _document) {
|
|
24524
|
+
this._dialog = _dialog;
|
|
24525
|
+
this._overlay = _overlay;
|
|
24526
|
+
this._ngZone = _ngZone;
|
|
24527
|
+
this._viewContainerRef = _viewContainerRef;
|
|
24528
|
+
this._scrollStrategy = _scrollStrategy;
|
|
24529
|
+
this._dateAdapter = _dateAdapter;
|
|
24530
|
+
this._dir = _dir;
|
|
24531
|
+
this._document = _document;
|
|
24532
|
+
/** Whether the calendar is open. */
|
|
24533
|
+
this.opened = false;
|
|
24534
|
+
/** The id for the datepicker calendar. */
|
|
24535
|
+
this.id = `gipi-mat-datetime-picker-${datetimepickerUid++}`;
|
|
24536
|
+
/** Emits when the datepicker is disabled. */
|
|
24537
|
+
this._disabledChange = new Subject();
|
|
24538
|
+
this._validSelected = null;
|
|
24539
|
+
/** The element that was focused before the datepicker was opened. */
|
|
24540
|
+
this._focusedElementBeforeOpen = null;
|
|
24541
|
+
this._inputSubscription = Subscription.EMPTY;
|
|
24542
|
+
/** Active multi year view when click on year. */
|
|
24543
|
+
this.multiYearSelector = false;
|
|
24544
|
+
/** if true change the clock to 12 hour format. */
|
|
24545
|
+
this.twelvehour = false;
|
|
24546
|
+
/** The view that the calendar should start in. */
|
|
24547
|
+
this.startView = 'month';
|
|
24548
|
+
this.mode = 'auto';
|
|
24549
|
+
this.timeInterval = 1;
|
|
24550
|
+
this.ariaNextMonthLabel = 'Next month';
|
|
24551
|
+
this.ariaPrevMonthLabel = 'Previous month';
|
|
24552
|
+
this.ariaNextYearLabel = 'Next year';
|
|
24553
|
+
this.ariaPrevYearLabel = 'Previous year';
|
|
24554
|
+
/** Prevent user to select same date time */
|
|
24555
|
+
this.preventSameDateTimeSelection = false;
|
|
24556
|
+
this._type = 'date';
|
|
24557
|
+
/** Whether the calendar UI is in touch mode. In touch mode the calendar opens in a dialog rather than a popup and elements have more padding to allow for bigger touch targets. */
|
|
24558
|
+
this._touchUi = false;
|
|
24559
|
+
/** Emits when the datepicker has been opened. */
|
|
24560
|
+
this.openedStream = new EventEmitter();
|
|
24561
|
+
/** Emits when the datepicker has been closed. */
|
|
24562
|
+
this.closedStream = new EventEmitter();
|
|
24563
|
+
/** Emits when the view has been changed. **/
|
|
24564
|
+
this.viewChanged = new EventEmitter();
|
|
24565
|
+
/**
|
|
24566
|
+
* Emits new selected date when selected date changes.
|
|
24567
|
+
* @deprecated Switch to the `dateChange` and `dateInput` binding on the input element.
|
|
24568
|
+
*/
|
|
24569
|
+
this.selectedChanged = new EventEmitter();
|
|
24570
|
+
if (!this._dateAdapter) {
|
|
24571
|
+
throw createMissingDateImplError$1('DateAdapter');
|
|
24572
|
+
}
|
|
24573
|
+
}
|
|
24574
|
+
get startAt() {
|
|
24575
|
+
// If an explicit startAt is set we start there, otherwise we start at whatever the currently selected value is.
|
|
24576
|
+
return (this._startAt || (this._datepickerInput ? this._datepickerInput.value : null));
|
|
24577
|
+
}
|
|
24578
|
+
set startAt(date) {
|
|
24579
|
+
this._startAt = this._dateAdapter.getValidDateOrNull(date);
|
|
24580
|
+
}
|
|
24581
|
+
get openOnFocus() {
|
|
24582
|
+
return this._openOnFocus;
|
|
24583
|
+
}
|
|
24584
|
+
set openOnFocus(value) {
|
|
24585
|
+
this._openOnFocus = coerceBooleanProperty(value);
|
|
24586
|
+
}
|
|
24587
|
+
get type() {
|
|
24588
|
+
return this._type;
|
|
24589
|
+
}
|
|
24590
|
+
set type(value) {
|
|
24591
|
+
this._type = value || 'date';
|
|
24592
|
+
}
|
|
24593
|
+
get touchUi() {
|
|
24594
|
+
return this._touchUi;
|
|
24595
|
+
}
|
|
24596
|
+
set touchUi(value) {
|
|
24597
|
+
this._touchUi = coerceBooleanProperty(value);
|
|
24598
|
+
}
|
|
24599
|
+
get disabled() {
|
|
24600
|
+
return this._disabled === undefined && this._datepickerInput
|
|
24601
|
+
? this._datepickerInput.disabled
|
|
24602
|
+
: !!this._disabled;
|
|
24603
|
+
}
|
|
24604
|
+
set disabled(value) {
|
|
24605
|
+
const newValue = coerceBooleanProperty(value);
|
|
24606
|
+
if (newValue !== this._disabled) {
|
|
24607
|
+
this._disabled = newValue;
|
|
24608
|
+
this._disabledChange.next(newValue);
|
|
24609
|
+
}
|
|
24610
|
+
}
|
|
24611
|
+
/** The currently selected date. */
|
|
24612
|
+
get _selected() {
|
|
24613
|
+
return this._validSelected;
|
|
24614
|
+
}
|
|
24615
|
+
set _selected(value) {
|
|
24616
|
+
this._validSelected = value;
|
|
24617
|
+
}
|
|
24618
|
+
/** The minimum selectable date. */
|
|
24619
|
+
get _minDate() {
|
|
24620
|
+
return this._datepickerInput && this._datepickerInput.min;
|
|
24621
|
+
}
|
|
24622
|
+
/** The maximum selectable date. */
|
|
24623
|
+
get _maxDate() {
|
|
24624
|
+
return this._datepickerInput && this._datepickerInput.max;
|
|
24625
|
+
}
|
|
24626
|
+
get _dateFilter() {
|
|
24627
|
+
return this._datepickerInput && this._datepickerInput._dateFilter;
|
|
24628
|
+
}
|
|
24629
|
+
_handleFocus() {
|
|
24630
|
+
if (!this.opened && this.openOnFocus) {
|
|
24631
|
+
this.open();
|
|
24632
|
+
}
|
|
24633
|
+
}
|
|
24634
|
+
_viewChanged(type) {
|
|
24635
|
+
this.viewChanged.emit(type);
|
|
24636
|
+
}
|
|
24637
|
+
ngOnDestroy() {
|
|
24638
|
+
this.close();
|
|
24639
|
+
this._inputSubscription.unsubscribe();
|
|
24640
|
+
this._disabledChange.complete();
|
|
24641
|
+
if (this._popupRef) {
|
|
24642
|
+
this._popupRef.dispose();
|
|
24643
|
+
}
|
|
24644
|
+
}
|
|
24645
|
+
/** Selects the given date */
|
|
24646
|
+
_select(date) {
|
|
24647
|
+
const oldValue = this._selected;
|
|
24648
|
+
this._selected = date;
|
|
24649
|
+
if (!this._dateAdapter.sameDatetime(oldValue, this._selected)) {
|
|
24650
|
+
this.selectedChanged.emit(date);
|
|
24651
|
+
}
|
|
24652
|
+
}
|
|
24653
|
+
/**
|
|
24654
|
+
* Register an input with this datepicker.
|
|
24655
|
+
* @param input The datepicker input to register with this datepicker.
|
|
24656
|
+
*/
|
|
24657
|
+
_registerInput(input) {
|
|
24658
|
+
if (this._datepickerInput) {
|
|
24659
|
+
throw Error('A MatDatepicker can only be associated with a single input.');
|
|
24660
|
+
}
|
|
24661
|
+
this._datepickerInput = input;
|
|
24662
|
+
this._inputSubscription = this._datepickerInput._valueChange.subscribe((value) => (this._selected = value));
|
|
24663
|
+
}
|
|
24664
|
+
/** Open the calendar. */
|
|
24665
|
+
open() {
|
|
24666
|
+
if (this.opened || this.disabled) {
|
|
24667
|
+
return;
|
|
24668
|
+
}
|
|
24669
|
+
if (!this._datepickerInput) {
|
|
24670
|
+
throw Error('Attempted to open an MatDatepicker with no associated input.');
|
|
24671
|
+
}
|
|
24672
|
+
if (this._document) {
|
|
24673
|
+
this._focusedElementBeforeOpen = this._document.activeElement;
|
|
24674
|
+
}
|
|
24675
|
+
this.touchUi ? this._openAsDialog() : this._openAsPopup();
|
|
24676
|
+
this.opened = true;
|
|
24677
|
+
this.openedStream.emit();
|
|
24678
|
+
}
|
|
24679
|
+
/** Close the calendar. */
|
|
24680
|
+
close() {
|
|
24681
|
+
if (!this.opened) {
|
|
24682
|
+
return;
|
|
24683
|
+
}
|
|
24684
|
+
if (this._popupRef && this._popupRef.hasAttached()) {
|
|
24685
|
+
this._popupRef.detach();
|
|
24686
|
+
}
|
|
24687
|
+
if (this._dialogRef) {
|
|
24688
|
+
this._dialogRef.close();
|
|
24689
|
+
this._dialogRef = null;
|
|
24690
|
+
}
|
|
24691
|
+
if (this._calendarPortal && this._calendarPortal.isAttached) {
|
|
24692
|
+
this._calendarPortal.detach();
|
|
24693
|
+
}
|
|
24694
|
+
const completeClose = () => {
|
|
24695
|
+
// The `_opened` could've been reset already if
|
|
24696
|
+
// we got two events in quick succession.
|
|
24697
|
+
if (this.opened) {
|
|
24698
|
+
this.opened = false;
|
|
24699
|
+
this.closedStream.emit();
|
|
24700
|
+
this._focusedElementBeforeOpen = null;
|
|
24701
|
+
}
|
|
24702
|
+
};
|
|
24703
|
+
if (this._focusedElementBeforeOpen && typeof this._focusedElementBeforeOpen.focus === 'function') {
|
|
24704
|
+
// Because IE moves focus asynchronously, we can't count on it being restored before we've
|
|
24705
|
+
// marked the datepicker as closed. If the event fires out of sequence and the element that
|
|
24706
|
+
// we're refocusing opens the datepicker on focus, the user could be stuck with not being
|
|
24707
|
+
// able to close the calendar at all. We work around it by making the logic, that marks
|
|
24708
|
+
// the datepicker as closed, async as well.
|
|
24709
|
+
this._focusedElementBeforeOpen.focus();
|
|
24710
|
+
setTimeout(completeClose);
|
|
24711
|
+
}
|
|
24712
|
+
else {
|
|
24713
|
+
completeClose();
|
|
24714
|
+
}
|
|
24715
|
+
}
|
|
24716
|
+
/** Open the calendar as a dialog. */
|
|
24717
|
+
_openAsDialog() {
|
|
24718
|
+
this._dialogRef = this._dialog.open(GIPIDatetimepickerContentComponent, {
|
|
24719
|
+
direction: this._dir ? this._dir.value : 'ltr',
|
|
24720
|
+
viewContainerRef: this._viewContainerRef,
|
|
24721
|
+
panelClass: 'gipi-mat-datetime-picker-dialog',
|
|
24722
|
+
});
|
|
24723
|
+
this._dialogRef.afterClosed().subscribe(() => this.close());
|
|
24724
|
+
this._dialogRef.componentInstance.datetimepicker = this;
|
|
24725
|
+
}
|
|
24726
|
+
/** Open the calendar as a popup. */
|
|
24727
|
+
_openAsPopup() {
|
|
24728
|
+
if (!this._calendarPortal) {
|
|
24729
|
+
this._calendarPortal = new ComponentPortal(GIPIDatetimepickerContentComponent, this._viewContainerRef);
|
|
24730
|
+
}
|
|
24731
|
+
if (!this._popupRef) {
|
|
24732
|
+
this._createPopup();
|
|
24733
|
+
}
|
|
24734
|
+
if (!this._popupRef.hasAttached()) {
|
|
24735
|
+
const componentRef = this._popupRef.attach(this._calendarPortal);
|
|
24736
|
+
componentRef.instance.datetimepicker = this;
|
|
24737
|
+
// Update the position once the calendar has rendered.
|
|
24738
|
+
this._ngZone.onStable
|
|
24739
|
+
.asObservable()
|
|
24740
|
+
.pipe(first())
|
|
24741
|
+
.subscribe(() => this._popupRef.updatePosition());
|
|
24742
|
+
}
|
|
24743
|
+
this._popupRef.backdropClick().subscribe(() => this.close());
|
|
24744
|
+
}
|
|
24745
|
+
/** Create the popup. */
|
|
24746
|
+
_createPopup() {
|
|
24747
|
+
const overlayConfig = new OverlayConfig({
|
|
24748
|
+
positionStrategy: this._createPopupPositionStrategy(),
|
|
24749
|
+
hasBackdrop: true,
|
|
24750
|
+
backdropClass: 'mat-overlay-transparent-backdrop',
|
|
24751
|
+
direction: this._dir ? this._dir.value : 'ltr',
|
|
24752
|
+
scrollStrategy: this._scrollStrategy(),
|
|
24753
|
+
panelClass: 'gipi-mat-datetime-picker-popup',
|
|
24754
|
+
});
|
|
24755
|
+
this._popupRef = this._overlay.create(overlayConfig);
|
|
24756
|
+
}
|
|
24757
|
+
/** Create the popup PositionStrategy. */
|
|
24758
|
+
_createPopupPositionStrategy() {
|
|
24759
|
+
return this._overlay
|
|
24760
|
+
.position()
|
|
24761
|
+
.flexibleConnectedTo(this._datepickerInput.getConnectedOverlayOrigin())
|
|
24762
|
+
.withTransformOriginOn('.gipi-mat-datetime-picker-content')
|
|
24763
|
+
.withFlexibleDimensions(false)
|
|
24764
|
+
.withViewportMargin(8)
|
|
24765
|
+
.withLockedPosition()
|
|
24766
|
+
.withPositions([
|
|
24767
|
+
{
|
|
24768
|
+
originX: 'start',
|
|
24769
|
+
originY: 'bottom',
|
|
24770
|
+
overlayX: 'start',
|
|
24771
|
+
overlayY: 'top',
|
|
24772
|
+
},
|
|
24773
|
+
{
|
|
24774
|
+
originX: 'start',
|
|
24775
|
+
originY: 'top',
|
|
24776
|
+
overlayX: 'start',
|
|
24777
|
+
overlayY: 'bottom',
|
|
24778
|
+
},
|
|
24779
|
+
{
|
|
24780
|
+
originX: 'end',
|
|
24781
|
+
originY: 'bottom',
|
|
24782
|
+
overlayX: 'end',
|
|
24783
|
+
overlayY: 'top',
|
|
24784
|
+
},
|
|
24785
|
+
{
|
|
24786
|
+
originX: 'end',
|
|
24787
|
+
originY: 'top',
|
|
24788
|
+
overlayX: 'end',
|
|
24789
|
+
overlayY: 'bottom',
|
|
24790
|
+
},
|
|
24791
|
+
]);
|
|
24792
|
+
}
|
|
24793
|
+
};
|
|
24794
|
+
GIPIDatetimepickerComponent.ctorParameters = () => [
|
|
24795
|
+
{ type: MatDialog$1 },
|
|
24796
|
+
{ type: Overlay },
|
|
24797
|
+
{ type: NgZone },
|
|
24798
|
+
{ type: ViewContainerRef },
|
|
24799
|
+
{ type: undefined, decorators: [{ type: Inject, args: [MAT_DATEPICKER_SCROLL_STRATEGY$1,] }] },
|
|
24800
|
+
{ type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
|
|
24801
|
+
{ type: Directionality, decorators: [{ type: Optional }] },
|
|
24802
|
+
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }
|
|
24803
|
+
];
|
|
24804
|
+
__decorate([
|
|
24805
|
+
Input(),
|
|
24806
|
+
__metadata("design:type", Boolean)
|
|
24807
|
+
], GIPIDatetimepickerComponent.prototype, "multiYearSelector", void 0);
|
|
24808
|
+
__decorate([
|
|
24809
|
+
Input(),
|
|
24810
|
+
__metadata("design:type", Boolean)
|
|
24811
|
+
], GIPIDatetimepickerComponent.prototype, "twelvehour", void 0);
|
|
24812
|
+
__decorate([
|
|
24813
|
+
Input(),
|
|
24814
|
+
__metadata("design:type", String)
|
|
24815
|
+
], GIPIDatetimepickerComponent.prototype, "startView", void 0);
|
|
24816
|
+
__decorate([
|
|
24817
|
+
Input(),
|
|
24818
|
+
__metadata("design:type", String)
|
|
24819
|
+
], GIPIDatetimepickerComponent.prototype, "mode", void 0);
|
|
24820
|
+
__decorate([
|
|
24821
|
+
Input(),
|
|
24822
|
+
__metadata("design:type", Number)
|
|
24823
|
+
], GIPIDatetimepickerComponent.prototype, "timeInterval", void 0);
|
|
24824
|
+
__decorate([
|
|
24825
|
+
Input(),
|
|
24826
|
+
__metadata("design:type", Object)
|
|
24827
|
+
], GIPIDatetimepickerComponent.prototype, "ariaNextMonthLabel", void 0);
|
|
24828
|
+
__decorate([
|
|
24829
|
+
Input(),
|
|
24830
|
+
__metadata("design:type", Object)
|
|
24831
|
+
], GIPIDatetimepickerComponent.prototype, "ariaPrevMonthLabel", void 0);
|
|
24832
|
+
__decorate([
|
|
24833
|
+
Input(),
|
|
24834
|
+
__metadata("design:type", Object)
|
|
24835
|
+
], GIPIDatetimepickerComponent.prototype, "ariaNextYearLabel", void 0);
|
|
24836
|
+
__decorate([
|
|
24837
|
+
Input(),
|
|
24838
|
+
__metadata("design:type", Object)
|
|
24839
|
+
], GIPIDatetimepickerComponent.prototype, "ariaPrevYearLabel", void 0);
|
|
24840
|
+
__decorate([
|
|
24841
|
+
Input(),
|
|
24842
|
+
__metadata("design:type", Object)
|
|
24843
|
+
], GIPIDatetimepickerComponent.prototype, "preventSameDateTimeSelection", void 0);
|
|
24844
|
+
__decorate([
|
|
24845
|
+
Input(),
|
|
24846
|
+
__metadata("design:type", Object)
|
|
24847
|
+
], GIPIDatetimepickerComponent.prototype, "panelClass", void 0);
|
|
24848
|
+
__decorate([
|
|
24849
|
+
Input(),
|
|
24850
|
+
__metadata("design:type", Object),
|
|
24851
|
+
__metadata("design:paramtypes", [Object])
|
|
24852
|
+
], GIPIDatetimepickerComponent.prototype, "startAt", null);
|
|
24853
|
+
__decorate([
|
|
24854
|
+
Input(),
|
|
24855
|
+
__metadata("design:type", Boolean),
|
|
24856
|
+
__metadata("design:paramtypes", [Boolean])
|
|
24857
|
+
], GIPIDatetimepickerComponent.prototype, "openOnFocus", null);
|
|
24858
|
+
__decorate([
|
|
24859
|
+
Input(),
|
|
24860
|
+
__metadata("design:type", String),
|
|
24861
|
+
__metadata("design:paramtypes", [String])
|
|
24862
|
+
], GIPIDatetimepickerComponent.prototype, "type", null);
|
|
24863
|
+
__decorate([
|
|
24864
|
+
Input(),
|
|
24865
|
+
__metadata("design:type", Boolean),
|
|
24866
|
+
__metadata("design:paramtypes", [Boolean])
|
|
24867
|
+
], GIPIDatetimepickerComponent.prototype, "touchUi", null);
|
|
24868
|
+
__decorate([
|
|
24869
|
+
Input(),
|
|
24870
|
+
__metadata("design:type", Boolean),
|
|
24871
|
+
__metadata("design:paramtypes", [Boolean])
|
|
24872
|
+
], GIPIDatetimepickerComponent.prototype, "disabled", null);
|
|
24873
|
+
__decorate([
|
|
24874
|
+
Output('opened'),
|
|
24875
|
+
__metadata("design:type", EventEmitter)
|
|
24876
|
+
], GIPIDatetimepickerComponent.prototype, "openedStream", void 0);
|
|
24877
|
+
__decorate([
|
|
24878
|
+
Output('closed'),
|
|
24879
|
+
__metadata("design:type", EventEmitter)
|
|
24880
|
+
], GIPIDatetimepickerComponent.prototype, "closedStream", void 0);
|
|
24881
|
+
__decorate([
|
|
24882
|
+
Output(),
|
|
24883
|
+
__metadata("design:type", EventEmitter)
|
|
24884
|
+
], GIPIDatetimepickerComponent.prototype, "viewChanged", void 0);
|
|
24885
|
+
__decorate([
|
|
24886
|
+
Output(),
|
|
24887
|
+
__metadata("design:type", Object)
|
|
24888
|
+
], GIPIDatetimepickerComponent.prototype, "selectedChanged", void 0);
|
|
24889
|
+
GIPIDatetimepickerComponent = __decorate([
|
|
24890
|
+
Component({
|
|
24891
|
+
selector: 'gipi-mat-datetime-picker',
|
|
24892
|
+
exportAs: 'gipiDatetimePicker',
|
|
24893
|
+
template: '',
|
|
24894
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
24895
|
+
encapsulation: ViewEncapsulation.None,
|
|
24896
|
+
preserveWhitespaces: false
|
|
24897
|
+
}),
|
|
24898
|
+
__param(4, Inject(MAT_DATEPICKER_SCROLL_STRATEGY$1)),
|
|
24899
|
+
__param(5, Optional()),
|
|
24900
|
+
__param(6, Optional()),
|
|
24901
|
+
__param(7, Optional()), __param(7, Inject(DOCUMENT)),
|
|
24902
|
+
__metadata("design:paramtypes", [MatDialog$1,
|
|
24903
|
+
Overlay,
|
|
24904
|
+
NgZone,
|
|
24905
|
+
ViewContainerRef, Object, GIPIDatetimeAdapter,
|
|
24906
|
+
Directionality, Object])
|
|
24907
|
+
], GIPIDatetimepickerComponent);
|
|
24908
|
+
|
|
24909
|
+
let GIPIDatetimepickerToggleComponent = class GIPIDatetimepickerToggleComponent {
|
|
24910
|
+
constructor(_intl, _changeDetectorRef) {
|
|
24911
|
+
this._intl = _intl;
|
|
24912
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
24913
|
+
this._stateChanges = Subscription.EMPTY;
|
|
24914
|
+
}
|
|
24915
|
+
/** Whether the toggle button is disabled. */
|
|
24916
|
+
get disabled() {
|
|
24917
|
+
return this._disabled === undefined
|
|
24918
|
+
? this.datetimepicker.disabled
|
|
24919
|
+
: !!this._disabled;
|
|
24920
|
+
}
|
|
24921
|
+
set disabled(value) {
|
|
24922
|
+
this._disabled = coerceBooleanProperty(value);
|
|
24923
|
+
}
|
|
24924
|
+
ngOnChanges(changes) {
|
|
24925
|
+
if (changes.datepicker) {
|
|
24926
|
+
this._watchStateChanges();
|
|
24927
|
+
}
|
|
24928
|
+
}
|
|
24929
|
+
ngOnDestroy() {
|
|
24930
|
+
this._stateChanges.unsubscribe();
|
|
24931
|
+
}
|
|
24932
|
+
ngAfterContentInit() {
|
|
24933
|
+
this._watchStateChanges();
|
|
24934
|
+
}
|
|
24935
|
+
_open(event) {
|
|
24936
|
+
if (this.datetimepicker && !this.disabled) {
|
|
24937
|
+
this.datetimepicker.open();
|
|
24938
|
+
event.stopPropagation();
|
|
24939
|
+
}
|
|
24940
|
+
}
|
|
24941
|
+
_watchStateChanges() {
|
|
24942
|
+
const datepickerDisabled = this.datetimepicker
|
|
24943
|
+
? this.datetimepicker._disabledChange
|
|
24944
|
+
: of([], asyncScheduler);
|
|
24945
|
+
const inputDisabled = this.datetimepicker && this.datetimepicker._datepickerInput
|
|
24946
|
+
? this.datetimepicker._datepickerInput._disabledChange
|
|
24947
|
+
: of([], asyncScheduler);
|
|
24948
|
+
this._stateChanges.unsubscribe();
|
|
24949
|
+
this._stateChanges = merge(this._intl.changes, datepickerDisabled, inputDisabled).subscribe(() => this._changeDetectorRef.markForCheck());
|
|
24950
|
+
}
|
|
24951
|
+
};
|
|
24952
|
+
GIPIDatetimepickerToggleComponent.ctorParameters = () => [
|
|
24953
|
+
{ type: MatDatepickerIntl$1 },
|
|
24954
|
+
{ type: ChangeDetectorRef }
|
|
24955
|
+
];
|
|
24956
|
+
__decorate([
|
|
24957
|
+
Input('for'),
|
|
24958
|
+
__metadata("design:type", GIPIDatetimepickerComponent)
|
|
24959
|
+
], GIPIDatetimepickerToggleComponent.prototype, "datetimepicker", void 0);
|
|
24960
|
+
__decorate([
|
|
24961
|
+
Input(),
|
|
24962
|
+
__metadata("design:type", Boolean),
|
|
24963
|
+
__metadata("design:paramtypes", [Boolean])
|
|
24964
|
+
], GIPIDatetimepickerToggleComponent.prototype, "disabled", null);
|
|
24965
|
+
GIPIDatetimepickerToggleComponent = __decorate([
|
|
24966
|
+
Component({
|
|
24967
|
+
selector: 'gipi-mat-datetime-picker-toggle',
|
|
24968
|
+
exportAs: 'gipiDatetimePickerToggle',
|
|
24969
|
+
template: "<button [attr.aria-label]=\"_intl.openCalendarLabel\"\n [disabled]=\"disabled\"\n mat-icon-button\n type=\"button\">\n <mat-icon [ngSwitch]=\"datetimepicker.type\">\n <svg *ngSwitchCase=\"'time'\"\n fill=\"currentColor\"\n focusable=\"false\"\n height=\"100%\"\n style=\"vertical-align: top\"\n viewBox=\"0 0 24 24\"\n width=\"100%\">\n <path\n d=\"M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z\">\n </path>\n </svg>\n <svg *ngSwitchCase=\"'datetime'\"\n fill=\"currentColor\"\n focusable=\"false\"\n height=\"100%\"\n style=\"vertical-align: top\"\n viewBox=\"0 0 24 24\"\n width=\"100%\">\n <path\n d=\"M15,13H16.5V15.82L18.94,17.23L18.19,18.53L15,16.69V13M19,8H5V19H9.67C9.24,18.09 9,17.07 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M5,21C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C14.09,23 12.36,22.24 11.1,21H5M16,11.15A4.85,4.85 0 0,0 11.15,16C11.15,18.68 13.32,20.85 16,20.85A4.85,4.85 0 0,0 20.85,16C20.85,13.32 18.68,11.15 16,11.15Z\">\n </path>\n </svg>\n <svg *ngSwitchDefault\n fill=\"currentColor\"\n focusable=\"false\"\n height=\"100%\"\n style=\"vertical-align: top\"\n viewBox=\"0 0 24 24\"\n width=\"100%\">\n <path d=\"M0 0h24v24H0z\"\n fill=\"none\" />\n <path\n d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\" />\n </svg>\n </mat-icon>\n</button>",
|
|
24970
|
+
encapsulation: ViewEncapsulation.None,
|
|
24971
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
24972
|
+
preserveWhitespaces: false,
|
|
24973
|
+
host: {
|
|
24974
|
+
class: 'gipi-mat-datetime-picker-toggle',
|
|
24975
|
+
// Bind the `click` on the host, rather than the inner `button`, so that we can call `stopPropagation`
|
|
24976
|
+
// on it without affecting the user's `click` handlers. We need to stop it so that the input doesn't
|
|
24977
|
+
// get focused automatically by the form field (See https://github.com/angular/components/pull/21856).
|
|
24978
|
+
'(click)': '_open($event)',
|
|
24979
|
+
}
|
|
24980
|
+
}),
|
|
24981
|
+
__metadata("design:paramtypes", [MatDatepickerIntl$1,
|
|
24982
|
+
ChangeDetectorRef])
|
|
24983
|
+
], GIPIDatetimepickerToggleComponent);
|
|
24984
|
+
|
|
24985
|
+
var GIPIDateAndTimePickerComponent_1;
|
|
24986
|
+
let nextUniqueId$q = 0;
|
|
24987
|
+
let GIPIDateAndTimePickerComponent = GIPIDateAndTimePickerComponent_1 = class GIPIDateAndTimePickerComponent {
|
|
24988
|
+
constructor(elementRef, _changeDetectorRef) {
|
|
24989
|
+
this.elementRef = elementRef;
|
|
24990
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
24991
|
+
this._name = `gipi-mat-datetime-picker-${nextUniqueId$q++}`;
|
|
24992
|
+
this.id = this._name;
|
|
24993
|
+
this.name = this._name;
|
|
24994
|
+
this.label = '';
|
|
24995
|
+
this.placeholder = '';
|
|
24996
|
+
this.timeInterval = 1;
|
|
24997
|
+
this.help = '';
|
|
24998
|
+
this._required = false;
|
|
24999
|
+
this._disabled = false;
|
|
25000
|
+
this._type = 'datetime';
|
|
25001
|
+
this.onChange = () => { };
|
|
25002
|
+
this.onTouched = () => { };
|
|
25003
|
+
}
|
|
25004
|
+
get required() {
|
|
25005
|
+
return this._required;
|
|
25006
|
+
}
|
|
25007
|
+
set required(value) {
|
|
25008
|
+
this._required = coerceBooleanProperty(value);
|
|
25009
|
+
}
|
|
25010
|
+
get disabled() {
|
|
25011
|
+
return this._disabled;
|
|
25012
|
+
}
|
|
25013
|
+
set disabled(value) {
|
|
25014
|
+
this._disabled = coerceBooleanProperty(value);
|
|
25015
|
+
}
|
|
25016
|
+
get value() {
|
|
25017
|
+
return this._value;
|
|
25018
|
+
}
|
|
25019
|
+
set value(value) {
|
|
25020
|
+
if (value instanceof Date) {
|
|
25021
|
+
this._value = value;
|
|
25022
|
+
}
|
|
25023
|
+
else {
|
|
25024
|
+
this._value = new Date(value);
|
|
25025
|
+
}
|
|
25026
|
+
this.onChange(this._value);
|
|
25027
|
+
this.onTouched(this._value);
|
|
25028
|
+
}
|
|
25029
|
+
get type() {
|
|
25030
|
+
return this._type;
|
|
25031
|
+
}
|
|
25032
|
+
set type(value) {
|
|
25033
|
+
this._type = value || 'datetime';
|
|
25034
|
+
}
|
|
25035
|
+
ngOnInit() { }
|
|
25036
|
+
writeValue(value) {
|
|
25037
|
+
this._value = value;
|
|
25038
|
+
}
|
|
25039
|
+
registerOnChange(fn) {
|
|
25040
|
+
this.onChange = fn;
|
|
25041
|
+
}
|
|
25042
|
+
registerOnTouched(fn) {
|
|
25043
|
+
this.onTouched = fn;
|
|
25044
|
+
}
|
|
25045
|
+
setDisabledState(isDisabled) {
|
|
25046
|
+
this.disabled = isDisabled;
|
|
25047
|
+
this._changeDetectorRef.markForCheck();
|
|
25048
|
+
}
|
|
25049
|
+
toggleDatetimePicker(event) {
|
|
25050
|
+
if (!ObjectUtil.isNull(this.GIPIDatetimepickerToggleRef)) {
|
|
25051
|
+
this.GIPIDatetimepickerToggleRef._open(event);
|
|
25052
|
+
}
|
|
25053
|
+
}
|
|
25054
|
+
};
|
|
25055
|
+
GIPIDateAndTimePickerComponent.ctorParameters = () => [
|
|
25056
|
+
{ type: ElementRef },
|
|
25057
|
+
{ type: ChangeDetectorRef }
|
|
25058
|
+
];
|
|
25059
|
+
__decorate([
|
|
25060
|
+
ViewChild('dateTimePickerToggle', { static: true }),
|
|
25061
|
+
__metadata("design:type", GIPIDatetimepickerToggleComponent)
|
|
25062
|
+
], GIPIDateAndTimePickerComponent.prototype, "GIPIDatetimepickerToggleRef", void 0);
|
|
25063
|
+
__decorate([
|
|
25064
|
+
Input(),
|
|
25065
|
+
__metadata("design:type", String)
|
|
25066
|
+
], GIPIDateAndTimePickerComponent.prototype, "id", void 0);
|
|
25067
|
+
__decorate([
|
|
25068
|
+
Input(),
|
|
25069
|
+
__metadata("design:type", String)
|
|
25070
|
+
], GIPIDateAndTimePickerComponent.prototype, "name", void 0);
|
|
25071
|
+
__decorate([
|
|
25072
|
+
Input(),
|
|
25073
|
+
__metadata("design:type", String)
|
|
25074
|
+
], GIPIDateAndTimePickerComponent.prototype, "label", void 0);
|
|
25075
|
+
__decorate([
|
|
25076
|
+
Input(),
|
|
25077
|
+
__metadata("design:type", String)
|
|
25078
|
+
], GIPIDateAndTimePickerComponent.prototype, "placeholder", void 0);
|
|
25079
|
+
__decorate([
|
|
25080
|
+
Input('min'),
|
|
25081
|
+
__metadata("design:type", Date)
|
|
25082
|
+
], GIPIDateAndTimePickerComponent.prototype, "minDate", void 0);
|
|
25083
|
+
__decorate([
|
|
25084
|
+
Input('max'),
|
|
25085
|
+
__metadata("design:type", Date)
|
|
25086
|
+
], GIPIDateAndTimePickerComponent.prototype, "maxDate", void 0);
|
|
25087
|
+
__decorate([
|
|
25088
|
+
Input(),
|
|
25089
|
+
__metadata("design:type", Number)
|
|
25090
|
+
], GIPIDateAndTimePickerComponent.prototype, "timeInterval", void 0);
|
|
25091
|
+
__decorate([
|
|
25092
|
+
Input(),
|
|
25093
|
+
__metadata("design:type", String)
|
|
25094
|
+
], GIPIDateAndTimePickerComponent.prototype, "help", void 0);
|
|
25095
|
+
__decorate([
|
|
25096
|
+
Input(),
|
|
25097
|
+
__metadata("design:type", Boolean),
|
|
25098
|
+
__metadata("design:paramtypes", [Boolean])
|
|
25099
|
+
], GIPIDateAndTimePickerComponent.prototype, "required", null);
|
|
25100
|
+
__decorate([
|
|
25101
|
+
Input(),
|
|
25102
|
+
__metadata("design:type", Boolean),
|
|
25103
|
+
__metadata("design:paramtypes", [Boolean])
|
|
25104
|
+
], GIPIDateAndTimePickerComponent.prototype, "disabled", null);
|
|
25105
|
+
__decorate([
|
|
25106
|
+
Input(),
|
|
25107
|
+
__metadata("design:type", Object),
|
|
25108
|
+
__metadata("design:paramtypes", [Object])
|
|
25109
|
+
], GIPIDateAndTimePickerComponent.prototype, "value", null);
|
|
25110
|
+
__decorate([
|
|
25111
|
+
Input(),
|
|
25112
|
+
__metadata("design:type", String),
|
|
25113
|
+
__metadata("design:paramtypes", [String])
|
|
25114
|
+
], GIPIDateAndTimePickerComponent.prototype, "type", null);
|
|
25115
|
+
GIPIDateAndTimePickerComponent = GIPIDateAndTimePickerComponent_1 = __decorate([
|
|
25116
|
+
Component({
|
|
25117
|
+
selector: 'gipi-datetime-picker',
|
|
25118
|
+
exportAs: 'gipiDatetimePicker',
|
|
25119
|
+
template: "<div class=\"datetime-wrapper\">\n\n <label *ngIf=\"label\"\n class=\"datetime-label\"\n [attr.for]=\"id\">\n {{ label }}\n <span *ngIf=\"required\"> * </span>\n </label>\n\n <div class=\"datetime-content\">\n\n <input inputRef\n class=\"datetime-element\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [placeholder]=\"placeholder\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [readOnly]=\"true\"\n [autocomplete]=\"'off'\"\n [(ngModel)]=\"value\"\n [value]=\"value\"\n [gipiMatDatetimePicker]=\"datetimePicker\"\n (click)=\"toggleDatetimePicker($event)\" />\n\n <div class=\"suffix\">\n <gipi-mat-datetime-picker-toggle #dateTimePickerToggle\n [for]=\"datetimePicker\">\n </gipi-mat-datetime-picker-toggle>\n </div>\n\n <gipi-mat-datetime-picker #datetimePicker\n [openOnFocus]=\"false\"\n [mode]=\"'portrait'\"\n [multiYearSelector]=\"true\"\n [disabled]=\"disabled\"\n [timeInterval]=\"timeInterval\"\n [type]=\"type\">\n </gipi-mat-datetime-picker>\n </div>\n\n <small *ngIf=\"help\"\n class=\"datetime-help\">\n {{ help }}\n </small>\n</div>",
|
|
25120
|
+
providers: [
|
|
25121
|
+
{
|
|
25122
|
+
provide: NG_VALUE_ACCESSOR,
|
|
25123
|
+
useExisting: forwardRef(() => GIPIDateAndTimePickerComponent_1),
|
|
25124
|
+
multi: true
|
|
25125
|
+
},
|
|
25126
|
+
],
|
|
25127
|
+
host: {
|
|
25128
|
+
'class': 'gipi-mat-datetime-picker',
|
|
25129
|
+
},
|
|
25130
|
+
styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.datetime-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.datetime-wrapper .datetime-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.datetime-wrapper .datetime-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.datetime-wrapper .datetime-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid #0000001f;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;cursor:pointer}.datetime-wrapper .datetime-content .datetime-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0;cursor:pointer}.datetime-wrapper .datetime-content:not(.datetime-element:disabled):has(.datetime-element:enabled:hover),.datetime-wrapper .datetime-content:not(.datetime-element:disabled):has(.suffix:hover){border-color:#6d6f73}.datetime-wrapper .datetime-content:not(.datetime-element:disabled):has(.datetime-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.datetime-wrapper .datetime-content:has(.datetime-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.datetime-wrapper .datetime-content .datetime-element:disabled{cursor:not-allowed}.datetime-wrapper .datetime-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.datetime-wrapper .datetime-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::ng-deep .gipi-mat-datetime-picker-toggle{width:2rem!important;height:2rem!important;line-height:2rem!important}::ng-deep .gipi-mat-datetime-picker-toggle>button{width:2rem!important;height:2rem!important;line-height:2rem!important}::ng-deep .gipi-mat-datetime-picker-toggle>button .mat-button-wrapper>mat-icon{width:2rem!important;height:2rem!important;font-size:2rem!important;line-height:2rem!important;color:#696969!important}::ng-deep .gipi-mat-datetime-picker-toggle>button .mat-button-focus-overlay,::ng-deep .gipi-mat-datetime-picker-toggle>button .mat-button-ripple{display:none!important}::ng-deep .gipi-mat-datetime-picker-content{border-radius:6px!important}::ng-deep .gipi-mat-datetime-picker-calendar-header{border-top-left-radius:6px!important;border-top-right-radius:6px!important}::ng-deep .gipi-mat-datetime-picker-calendar-body-active>.gipi-mat-datetime-picker-calendar-body-cell-content:not(.gipi-mat-datetime-picker-calendar-body-selected){background-color:#f3e7e7!important;color:#e0313e!important}::ng-deep .gipi-mat-datetime-picker-calendar-body-cell .gipi-mat-datetime-picker-calendar-body-today{border-color:#e0313e!important}::ng-deep .gipi-mat-datetime-picker-calendar-body-cell .gipi-mat-datetime-picker-calendar-body-today.gipi-mat-datetime-picker-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff!important}::ng-deep .gipi-mat-datetime-picker-calendar-body-cell .gipi-mat-datetime-picker-calendar-body-selected{background-color:#e0313e!important;color:#fff!important}::ng-deep .gipi-mat-datetime-picker-clock{background-color:#f5f5f6!important}::ng-deep .gipi-mat-datetime-picker-clock-center,::ng-deep .gipi-mat-datetime-picker-clock-hand,::ng-deep .gipi-mat-datetime-picker-clock-hand::before{background-color:#e0313e!important}::ng-deep .gipi-mat-datetime-picker-clock-cell.gipi-mat-datetime-picker-clock-cell-selected{color:#fff!important;background-color:#e0313e!important}::-webkit-input-placeholder{color:#bbbdc1}:-moz-placeholder{color:#bbbdc1}::-moz-placeholder{color:#bbbdc1}:-ms-input-placeholder{color:#bbbdc1}"]
|
|
25131
|
+
}),
|
|
25132
|
+
__metadata("design:paramtypes", [ElementRef,
|
|
25133
|
+
ChangeDetectorRef])
|
|
25134
|
+
], GIPIDateAndTimePickerComponent);
|
|
25135
|
+
|
|
25136
|
+
const CLOCK_RADIUS = 50;
|
|
25137
|
+
const CLOCK_INNER_RADIUS = 27.5;
|
|
25138
|
+
const CLOCK_OUTER_RADIUS = 41.25;
|
|
25139
|
+
const CLOCK_TICK_RADIUS = 7.0833;
|
|
25140
|
+
/**
|
|
25141
|
+
* A clock that is used as part of the datepicker.
|
|
25142
|
+
* @docs-private
|
|
25143
|
+
*/
|
|
25144
|
+
let GIPIDatetimepickerClockComponent = class GIPIDatetimepickerClockComponent {
|
|
25145
|
+
constructor(_element, _adapter) {
|
|
25146
|
+
this._element = _element;
|
|
25147
|
+
this._adapter = _adapter;
|
|
25148
|
+
/** Hours and Minutes representing the clock view. */
|
|
25149
|
+
this._hours = [];
|
|
25150
|
+
this._minutes = [];
|
|
25151
|
+
/** Whether the clock is in hour view. */
|
|
25152
|
+
this._hourView = true;
|
|
25153
|
+
this._timeChanged = false;
|
|
25154
|
+
this.interval = 1;
|
|
25155
|
+
this.twelvehour = false;
|
|
25156
|
+
/** Emits when the currently selected date changes. */
|
|
25157
|
+
this.selectedChange = new EventEmitter();
|
|
25158
|
+
this.activeDateChange = new EventEmitter();
|
|
25159
|
+
this._userSelection = new EventEmitter();
|
|
25160
|
+
this.mouseMoveListener = (event) => this._handleMousemove(event);
|
|
25161
|
+
this.mouseUpListener = () => this._handleMouseup();
|
|
25162
|
+
}
|
|
25163
|
+
get activeDate() {
|
|
25164
|
+
return this._activeDate;
|
|
25165
|
+
}
|
|
25166
|
+
set activeDate(value) {
|
|
25167
|
+
let oldActiveDate = this._activeDate;
|
|
25168
|
+
this._activeDate = this._adapter.clampDate(value, this.minDate, this.maxDate);
|
|
25169
|
+
if (!this._adapter.sameMinute(oldActiveDate, this._activeDate)) {
|
|
25170
|
+
this._init();
|
|
25171
|
+
}
|
|
25172
|
+
}
|
|
25173
|
+
get selected() {
|
|
25174
|
+
return this._selected;
|
|
25175
|
+
}
|
|
25176
|
+
set selected(value) {
|
|
25177
|
+
this._selected = this._adapter.getValidDateOrNull(this._adapter.deserialize(value));
|
|
25178
|
+
if (this._selected) {
|
|
25179
|
+
this.activeDate = this._selected;
|
|
25180
|
+
}
|
|
25181
|
+
}
|
|
25182
|
+
get minDate() {
|
|
25183
|
+
return this._minDate;
|
|
25184
|
+
}
|
|
25185
|
+
set minDate(value) {
|
|
25186
|
+
this._minDate = this._adapter.getValidDateOrNull(this._adapter.deserialize(value));
|
|
25187
|
+
}
|
|
25188
|
+
get maxDate() {
|
|
25189
|
+
return this._maxDate;
|
|
25190
|
+
}
|
|
25191
|
+
set maxDate(value) {
|
|
25192
|
+
this._maxDate = this._adapter.getValidDateOrNull(this._adapter.deserialize(value));
|
|
25193
|
+
}
|
|
25194
|
+
/** Whether the clock should be started in hour or minute view. */
|
|
25195
|
+
set startView(value) {
|
|
25196
|
+
this._hourView = value != 'minute';
|
|
25197
|
+
}
|
|
25198
|
+
get _hand() {
|
|
25199
|
+
let hour = this._adapter.getHour(this.activeDate);
|
|
25200
|
+
if (!!this.twelvehour) {
|
|
25201
|
+
if (hour === 0) {
|
|
25202
|
+
hour = 24;
|
|
25203
|
+
}
|
|
25204
|
+
this._selectedHour = hour > 12 ? hour - 12 : hour;
|
|
25205
|
+
}
|
|
25206
|
+
else {
|
|
25207
|
+
this._selectedHour = hour;
|
|
25208
|
+
}
|
|
25209
|
+
this._selectedMinute = this._adapter.getMinute(this.activeDate);
|
|
25210
|
+
let deg = 0;
|
|
25211
|
+
let radius = CLOCK_OUTER_RADIUS;
|
|
25212
|
+
if (this._hourView) {
|
|
25213
|
+
let outer = this._selectedHour > 0 && this._selectedHour < 13;
|
|
25214
|
+
radius = outer ? CLOCK_OUTER_RADIUS : CLOCK_INNER_RADIUS;
|
|
25215
|
+
if (this.twelvehour) {
|
|
25216
|
+
radius = CLOCK_OUTER_RADIUS;
|
|
25217
|
+
}
|
|
25218
|
+
deg = Math.round(this._selectedHour * (360 / (24 / 2)));
|
|
25219
|
+
}
|
|
25220
|
+
else {
|
|
25221
|
+
deg = Math.round(this._selectedMinute * (360 / 60));
|
|
25222
|
+
}
|
|
25223
|
+
return {
|
|
25224
|
+
transform: `rotate(${deg}deg)`,
|
|
25225
|
+
height: `${radius}%`,
|
|
25226
|
+
'margin-top': `${50 - radius}%`,
|
|
25227
|
+
};
|
|
25228
|
+
}
|
|
25229
|
+
ngAfterContentInit() {
|
|
25230
|
+
this.activeDate = this._activeDate || this._adapter.today();
|
|
25231
|
+
this._init();
|
|
25232
|
+
}
|
|
25233
|
+
/** Handles mousedown events on the clock body. */
|
|
25234
|
+
_handleMousedown(event) {
|
|
25235
|
+
this._timeChanged = false;
|
|
25236
|
+
this.setTime(event);
|
|
25237
|
+
document.addEventListener('mousemove', this.mouseMoveListener);
|
|
25238
|
+
document.addEventListener('touchmove', this.mouseMoveListener);
|
|
25239
|
+
document.addEventListener('mouseup', this.mouseUpListener);
|
|
25240
|
+
document.addEventListener('touchend', this.mouseUpListener);
|
|
25241
|
+
}
|
|
25242
|
+
_handleMousemove(event) {
|
|
25243
|
+
event.preventDefault();
|
|
25244
|
+
this.setTime(event);
|
|
25245
|
+
}
|
|
25246
|
+
_handleMouseup() {
|
|
25247
|
+
document.removeEventListener('mousemove', this.mouseMoveListener);
|
|
25248
|
+
document.removeEventListener('touchmove', this.mouseMoveListener);
|
|
25249
|
+
document.removeEventListener('mouseup', this.mouseUpListener);
|
|
25250
|
+
document.removeEventListener('touchend', this.mouseUpListener);
|
|
25251
|
+
if (this._timeChanged) {
|
|
25252
|
+
this.selectedChange.emit(this.activeDate);
|
|
25253
|
+
if (!this._hourView) {
|
|
25254
|
+
this._userSelection.emit();
|
|
25255
|
+
}
|
|
25256
|
+
}
|
|
25257
|
+
}
|
|
25258
|
+
/** Initializes this clock view. */
|
|
25259
|
+
_init() {
|
|
25260
|
+
this._hours.length = 0;
|
|
25261
|
+
this._minutes.length = 0;
|
|
25262
|
+
let hourNames = this._adapter.getHourNames();
|
|
25263
|
+
let minuteNames = this._adapter.getMinuteNames();
|
|
25264
|
+
if (this.twelvehour) {
|
|
25265
|
+
for (let i = 1; i < hourNames.length / 2 + 1; i++) {
|
|
25266
|
+
let radian = (i / 6) * Math.PI;
|
|
25267
|
+
let radius = CLOCK_OUTER_RADIUS;
|
|
25268
|
+
const date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), i + 1, 0);
|
|
25269
|
+
let enabled = (!this.minDate || this._adapter.compareDatetime(date, this.minDate) >= 0) &&
|
|
25270
|
+
(!this.maxDate || this._adapter.compareDatetime(date, this.maxDate) <= 0);
|
|
25271
|
+
this._hours.push({
|
|
25272
|
+
value: i,
|
|
25273
|
+
displayValue: i === 0 ? '00' : hourNames[i],
|
|
25274
|
+
enabled: enabled,
|
|
25275
|
+
top: CLOCK_RADIUS - Math.cos(radian) * radius - CLOCK_TICK_RADIUS,
|
|
25276
|
+
left: CLOCK_RADIUS + Math.sin(radian) * radius - CLOCK_TICK_RADIUS,
|
|
25277
|
+
});
|
|
25278
|
+
}
|
|
25279
|
+
}
|
|
25280
|
+
else {
|
|
25281
|
+
for (let i = 0; i < hourNames.length; i++) {
|
|
25282
|
+
let radian = (i / 6) * Math.PI;
|
|
25283
|
+
let outer = i > 0 && i < 13, radius = outer ? CLOCK_OUTER_RADIUS : CLOCK_INNER_RADIUS;
|
|
25284
|
+
const date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), i, 0);
|
|
25285
|
+
let enabled = (!this.minDate || this._adapter.compareDatetime(date, this.minDate, false) >= 0) &&
|
|
25286
|
+
(!this.maxDate || this._adapter.compareDatetime(date, this.maxDate, false) <= 0) &&
|
|
25287
|
+
(!this.dateFilter || this.dateFilter(date, GIPIDatetimepickerFilterType.HOUR));
|
|
25288
|
+
this._hours.push({
|
|
25289
|
+
value: i,
|
|
25290
|
+
displayValue: i === 0 ? '00' : hourNames[i],
|
|
25291
|
+
enabled: enabled,
|
|
25292
|
+
top: CLOCK_RADIUS - Math.cos(radian) * radius - CLOCK_TICK_RADIUS,
|
|
25293
|
+
left: CLOCK_RADIUS + Math.sin(radian) * radius - CLOCK_TICK_RADIUS,
|
|
25294
|
+
fontSize: i > 0 && i < 13 ? '' : '80%',
|
|
25295
|
+
});
|
|
25296
|
+
}
|
|
25297
|
+
}
|
|
25298
|
+
for (let i = 0; i < minuteNames.length; i += 5) {
|
|
25299
|
+
let radian = (i / 30) * Math.PI;
|
|
25300
|
+
const date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), this._adapter.getHour(this.activeDate), i);
|
|
25301
|
+
let enabled = (!this.minDate || this._adapter.compareDatetime(date, this.minDate) >= 0) &&
|
|
25302
|
+
(!this.maxDate || this._adapter.compareDatetime(date, this.maxDate) <= 0) &&
|
|
25303
|
+
(!this.dateFilter || this.dateFilter(date, GIPIDatetimepickerFilterType.MINUTE));
|
|
25304
|
+
this._minutes.push({
|
|
25305
|
+
value: i,
|
|
25306
|
+
displayValue: i === 0 ? '00' : minuteNames[i],
|
|
25307
|
+
enabled: enabled,
|
|
25308
|
+
top: CLOCK_RADIUS - Math.cos(radian) * CLOCK_OUTER_RADIUS - CLOCK_TICK_RADIUS,
|
|
25309
|
+
left: CLOCK_RADIUS + Math.sin(radian) * CLOCK_OUTER_RADIUS - CLOCK_TICK_RADIUS,
|
|
25310
|
+
});
|
|
25311
|
+
}
|
|
25312
|
+
}
|
|
25313
|
+
/**
|
|
25314
|
+
* Set Time
|
|
25315
|
+
* @param event
|
|
25316
|
+
*/
|
|
25317
|
+
setTime(event) {
|
|
25318
|
+
var _a, _b;
|
|
25319
|
+
let trigger = this._element.nativeElement;
|
|
25320
|
+
let triggerRect = trigger.getBoundingClientRect();
|
|
25321
|
+
let width = trigger.offsetWidth;
|
|
25322
|
+
let height = trigger.offsetHeight;
|
|
25323
|
+
let pageX = event.pageX !== undefined ? event.pageX : event.touches[0].pageX;
|
|
25324
|
+
let pageY = event.pageY !== undefined ? event.pageY : event.touches[0].pageY;
|
|
25325
|
+
let x = width / 2 - (pageX - triggerRect.left - window.pageXOffset);
|
|
25326
|
+
let y = height / 2 - (pageY - triggerRect.top - window.pageYOffset);
|
|
25327
|
+
let radian = Math.atan2(-x, y);
|
|
25328
|
+
let unit = Math.PI / (this._hourView ? 6 : this.interval ? 30 / this.interval : 30);
|
|
25329
|
+
let z = Math.sqrt(x * x + y * y);
|
|
25330
|
+
let outer = this._hourView && z > (width * (CLOCK_OUTER_RADIUS / 100) + width * (CLOCK_INNER_RADIUS / 100)) / 2;
|
|
25331
|
+
if (radian < 0) {
|
|
25332
|
+
radian = Math.PI * 2 + radian;
|
|
25333
|
+
}
|
|
25334
|
+
let value = Math.round(radian / unit);
|
|
25335
|
+
let date;
|
|
25336
|
+
if (this._hourView) {
|
|
25337
|
+
if (this.twelvehour) {
|
|
25338
|
+
value = value === 0 ? 12 : value;
|
|
25339
|
+
}
|
|
25340
|
+
else {
|
|
25341
|
+
if (value === 12) {
|
|
25342
|
+
value = 0;
|
|
25343
|
+
}
|
|
25344
|
+
value = outer ? value === 0 ? 12 : value : value === 0 ? 0 : value + 12;
|
|
25345
|
+
}
|
|
25346
|
+
// Don't close the hours view if an invalid hour is clicked.
|
|
25347
|
+
if (!((_a = this._hours.find((h) => (h === null || h === void 0 ? void 0 : h['value']) === value)) === null || _a === void 0 ? void 0 : _a['enabled'])) {
|
|
25348
|
+
return;
|
|
25349
|
+
}
|
|
25350
|
+
date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), value, this._adapter.getMinute(this.activeDate));
|
|
25351
|
+
}
|
|
25352
|
+
else {
|
|
25353
|
+
if (this.interval) {
|
|
25354
|
+
value *= this.interval;
|
|
25355
|
+
}
|
|
25356
|
+
if (value === 60) {
|
|
25357
|
+
value = 0;
|
|
25358
|
+
}
|
|
25359
|
+
// Don't close the minutes view if an invalid minute is clicked.
|
|
25360
|
+
if (!((_b = this._minutes.find((m) => (m === null || m === void 0 ? void 0 : m['value']) === value)) === null || _b === void 0 ? void 0 : _b['enabled'])) {
|
|
25361
|
+
return;
|
|
25362
|
+
}
|
|
25363
|
+
date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), this._adapter.getDate(this.activeDate), this._adapter.getHour(this.activeDate), value);
|
|
25364
|
+
}
|
|
25365
|
+
this._timeChanged = true;
|
|
25366
|
+
this.activeDate = date;
|
|
25367
|
+
this.activeDateChange.emit(this.activeDate);
|
|
25368
|
+
}
|
|
25369
|
+
};
|
|
25370
|
+
GIPIDatetimepickerClockComponent.ctorParameters = () => [
|
|
25371
|
+
{ type: ElementRef },
|
|
25372
|
+
{ type: GIPIDatetimeAdapter }
|
|
25373
|
+
];
|
|
25374
|
+
__decorate([
|
|
25375
|
+
Input(),
|
|
25376
|
+
__metadata("design:type", Function)
|
|
25377
|
+
], GIPIDatetimepickerClockComponent.prototype, "dateFilter", void 0);
|
|
25378
|
+
__decorate([
|
|
25379
|
+
Input(),
|
|
25380
|
+
__metadata("design:type", Number)
|
|
25381
|
+
], GIPIDatetimepickerClockComponent.prototype, "interval", void 0);
|
|
25382
|
+
__decorate([
|
|
25383
|
+
Input(),
|
|
25384
|
+
__metadata("design:type", Boolean)
|
|
25385
|
+
], GIPIDatetimepickerClockComponent.prototype, "twelvehour", void 0);
|
|
25386
|
+
__decorate([
|
|
25387
|
+
Input(),
|
|
25388
|
+
__metadata("design:type", Object),
|
|
25389
|
+
__metadata("design:paramtypes", [Object])
|
|
25390
|
+
], GIPIDatetimepickerClockComponent.prototype, "activeDate", null);
|
|
25391
|
+
__decorate([
|
|
25392
|
+
Input(),
|
|
25393
|
+
__metadata("design:type", Object),
|
|
25394
|
+
__metadata("design:paramtypes", [Object])
|
|
25395
|
+
], GIPIDatetimepickerClockComponent.prototype, "selected", null);
|
|
25396
|
+
__decorate([
|
|
25397
|
+
Input(),
|
|
25398
|
+
__metadata("design:type", Object),
|
|
25399
|
+
__metadata("design:paramtypes", [Object])
|
|
25400
|
+
], GIPIDatetimepickerClockComponent.prototype, "minDate", null);
|
|
25401
|
+
__decorate([
|
|
25402
|
+
Input(),
|
|
25403
|
+
__metadata("design:type", Object),
|
|
25404
|
+
__metadata("design:paramtypes", [Object])
|
|
25405
|
+
], GIPIDatetimepickerClockComponent.prototype, "maxDate", null);
|
|
25406
|
+
__decorate([
|
|
25407
|
+
Input(),
|
|
25408
|
+
__metadata("design:type", String),
|
|
25409
|
+
__metadata("design:paramtypes", [String])
|
|
25410
|
+
], GIPIDatetimepickerClockComponent.prototype, "startView", null);
|
|
25411
|
+
__decorate([
|
|
25412
|
+
Output(),
|
|
25413
|
+
__metadata("design:type", Object)
|
|
25414
|
+
], GIPIDatetimepickerClockComponent.prototype, "selectedChange", void 0);
|
|
25415
|
+
__decorate([
|
|
25416
|
+
Output(),
|
|
25417
|
+
__metadata("design:type", Object)
|
|
25418
|
+
], GIPIDatetimepickerClockComponent.prototype, "activeDateChange", void 0);
|
|
25419
|
+
__decorate([
|
|
25420
|
+
Output(),
|
|
25421
|
+
__metadata("design:type", Object)
|
|
25422
|
+
], GIPIDatetimepickerClockComponent.prototype, "_userSelection", void 0);
|
|
25423
|
+
GIPIDatetimepickerClockComponent = __decorate([
|
|
25424
|
+
Component({
|
|
25425
|
+
selector: 'gipi-mat-datetime-picker-clock',
|
|
25426
|
+
template: "<div class=\"gipi-mat-datetime-picker-clock\">\n <div class=\"gipi-mat-datetime-picker-clock-center\"></div>\n <div [ngStyle]=\"_hand\"\n class=\"gipi-mat-datetime-picker-clock-hand\"></div>\n <div [class.active]=\"_hourView\"\n class=\"gipi-mat-datetime-picker-clock-hours\">\n <div *ngFor=\"let item of _hours\"\n [class.gipi-mat-datetime-picker-clock-cell-disabled]=\"!item.enabled\"\n [class.gipi-mat-datetime-picker-clock-cell-selected]=\"_selectedHour === item.value\"\n [style.fontSize]=\"item.fontSize\"\n [style.left]=\"item.left + '%'\"\n [style.top]=\"item.top + '%'\"\n class=\"gipi-mat-datetime-picker-clock-cell\">\n {{ item.displayValue }}\n </div>\n </div>\n <div [class.active]=\"!_hourView\"\n class=\"gipi-mat-datetime-picker-clock-minutes\">\n <div *ngFor=\"let item of _minutes\"\n [class.gipi-mat-datetime-picker-clock-cell-disabled]=\"!item.enabled\"\n [class.gipi-mat-datetime-picker-clock-cell-selected]=\"_selectedMinute === item.value\"\n [style.left]=\"item.left + '%'\"\n [style.top]=\"item.top + '%'\"\n class=\"gipi-mat-datetime-picker-clock-cell\">\n {{ item.displayValue }}\n </div>\n </div>\n</div>",
|
|
25427
|
+
host: {
|
|
25428
|
+
role: 'clock',
|
|
25429
|
+
'(mousedown)': '_handleMousedown($event)',
|
|
25430
|
+
},
|
|
25431
|
+
styles: [":host{position:relative;display:block;min-width:224px;margin:8px;font-size:14px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gipi-mat-datetime-picker-clock{position:relative;width:100%;height:0;padding-top:100%;background-color:#e0e0e0;border-radius:50%}.gipi-mat-datetime-picker-clock-center{position:absolute;top:50%;left:50%;width:2%;height:2%;margin:-1%;border-radius:50%}.gipi-mat-datetime-picker-clock-hand{position:absolute;top:0;right:0;bottom:0;left:0;width:1px;margin:0 auto;transform-origin:bottom}.gipi-mat-datetime-picker-clock-hand::before{content:'';position:absolute;top:-4px;left:-4px;width:8px;height:8px;border-radius:50%}.gipi-mat-datetime-picker-clock-hours,.gipi-mat-datetime-picker-clock-minutes{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:350ms;transform:scale(1.2)}.gipi-mat-datetime-picker-clock-hours.active,.gipi-mat-datetime-picker-clock-minutes.active{opacity:1;visibility:visible;transform:scale(1)}.gipi-mat-datetime-picker-clock-minutes{transform:scale(.8)}.gipi-mat-datetime-picker-clock-cell{position:absolute;display:flex;width:14.1666%;height:14.1666%;color:rgba(0,0,0,.87);justify-content:center;box-sizing:border-box;border-radius:50%;align-items:center;cursor:pointer}.gipi-mat-datetime-picker-clock-cell:not(.gipi-mat-datetime-picker-clock-cell-selected):not(.gipi-mat-datetime-picker-clock-cell-disabled):hover{background-color:rgba(0,0,0,.1)}.gipi-mat-datetime-picker-clock-cell.gipi-mat-datetime-picker-clock-cell-disabled{color:rgba(0,0,0,.38);pointer-events:none}.gipi-mat-datetime-picker-clock-cell.gipi-mat-datetime-picker-clock-cell-selected{color:#fff}"]
|
|
25432
|
+
}),
|
|
25433
|
+
__metadata("design:paramtypes", [ElementRef,
|
|
25434
|
+
GIPIDatetimeAdapter])
|
|
25435
|
+
], GIPIDatetimepickerClockComponent);
|
|
25436
|
+
|
|
25437
|
+
var GIPIDatetimepickerInputDirective_1;
|
|
25438
|
+
const GIPI_DATETIMEPICKER_VALUE_ACCESSOR = {
|
|
25439
|
+
provide: NG_VALUE_ACCESSOR,
|
|
25440
|
+
useExisting: forwardRef(() => GIPIDatetimepickerInputDirective),
|
|
25441
|
+
multi: true,
|
|
25442
|
+
};
|
|
25443
|
+
const GIPI_DATETIMEPICKER_VALIDATORS = {
|
|
25444
|
+
provide: NG_VALIDATORS,
|
|
25445
|
+
useExisting: forwardRef(() => GIPIDatetimepickerInputDirective),
|
|
25446
|
+
multi: true,
|
|
25447
|
+
};
|
|
25448
|
+
/**
|
|
25449
|
+
* An event used for datepicker input and change events. We don't always have access to a native
|
|
25450
|
+
* input or change event because the event may have been triggered by the user clicking on the
|
|
25451
|
+
* calendar popup. For consistency, we always use MatDatepickerInputEvent instead.
|
|
25452
|
+
*/
|
|
25453
|
+
class GIPIDatetimepickerInputEvent {
|
|
25454
|
+
constructor(target, targetElement) {
|
|
25455
|
+
this.target = target;
|
|
25456
|
+
this.targetElement = targetElement;
|
|
25457
|
+
this.value = this.target.value;
|
|
25458
|
+
}
|
|
25459
|
+
}
|
|
25460
|
+
/** Directive used to connect an input to a MatDatepicker. */
|
|
25461
|
+
let GIPIDatetimepickerInputDirective = GIPIDatetimepickerInputDirective_1 = class GIPIDatetimepickerInputDirective {
|
|
25462
|
+
constructor(_elementRef, _dateAdapter, _dateFormats, _formField) {
|
|
25463
|
+
this._elementRef = _elementRef;
|
|
25464
|
+
this._dateAdapter = _dateAdapter;
|
|
25465
|
+
this._dateFormats = _dateFormats;
|
|
25466
|
+
this._formField = _formField;
|
|
25467
|
+
/** Emits when the value changes (either due to user input or programmatic change). */
|
|
25468
|
+
this._valueChange = new EventEmitter();
|
|
25469
|
+
/** Emits when the disabled state has changed */
|
|
25470
|
+
this._disabledChange = new EventEmitter();
|
|
25471
|
+
this._datepickerSubscription = Subscription.EMPTY;
|
|
25472
|
+
this._localeSubscription = Subscription.EMPTY;
|
|
25473
|
+
/** Whether the last value set on the input was valid. */
|
|
25474
|
+
this._lastValueValid = false;
|
|
25475
|
+
/** Emits when a `change` event is fired on this `<input>`. */
|
|
25476
|
+
this.dateChange = new EventEmitter();
|
|
25477
|
+
/** Emits when an `input` event is fired on this `<input>`. */
|
|
25478
|
+
this.dateInput = new EventEmitter();
|
|
25479
|
+
this._onTouched = () => { };
|
|
25480
|
+
this._cvaOnChange = () => { };
|
|
25481
|
+
this._validatorOnChange = () => { };
|
|
25482
|
+
/** The form control validator for whether the input parses. */
|
|
25483
|
+
this._parseValidator = () => {
|
|
25484
|
+
return this._lastValueValid
|
|
25485
|
+
? null
|
|
25486
|
+
: { matDatepickerParse: { text: this._elementRef.nativeElement.value } };
|
|
25487
|
+
};
|
|
25488
|
+
/** The form control validator for the min date. */
|
|
25489
|
+
this._minValidator = (control) => {
|
|
25490
|
+
const controlValue = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(control.value));
|
|
25491
|
+
return !this.min ||
|
|
25492
|
+
!controlValue ||
|
|
25493
|
+
this._dateAdapter.compareDatetime(this.min, controlValue) <= 0 ? null : { matDatepickerMin: { min: this.min, actual: controlValue } };
|
|
25494
|
+
};
|
|
25495
|
+
/** The form control validator for the max date. */
|
|
25496
|
+
this._maxValidator = (control) => {
|
|
25497
|
+
const controlValue = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(control.value));
|
|
25498
|
+
return !this.max ||
|
|
25499
|
+
!controlValue ||
|
|
25500
|
+
this._dateAdapter.compareDatetime(this.max, controlValue) >= 0 ? null : { matDatepickerMax: { max: this.max, actual: controlValue } };
|
|
25501
|
+
};
|
|
25502
|
+
/** The form control validator for the date filter. */
|
|
25503
|
+
this._filterValidator = (control) => {
|
|
25504
|
+
const controlValue = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(control.value));
|
|
25505
|
+
return !this._dateFilter ||
|
|
25506
|
+
!controlValue ||
|
|
25507
|
+
this._dateFilter(controlValue, GIPIDatetimepickerFilterType.DATE)
|
|
25508
|
+
? null
|
|
25509
|
+
: { matDatepickerFilter: true };
|
|
25510
|
+
};
|
|
25511
|
+
/** The combined form control validator for this input. */
|
|
25512
|
+
this._validator = Validators.compose([
|
|
25513
|
+
this._parseValidator,
|
|
25514
|
+
this._minValidator,
|
|
25515
|
+
this._maxValidator,
|
|
25516
|
+
this._filterValidator,
|
|
25517
|
+
]);
|
|
25518
|
+
if (!this._dateAdapter) {
|
|
25519
|
+
throw createMissingDateImplError$1('GIPIDatetimeAdapter');
|
|
25520
|
+
}
|
|
25521
|
+
if (!this._dateFormats) {
|
|
25522
|
+
throw createMissingDateImplError$1('GIPI_DATETIME_FORMATS');
|
|
25523
|
+
}
|
|
25524
|
+
// Update the displayed date when the locale changes.
|
|
25525
|
+
this._localeSubscription = _dateAdapter.localeChanges.subscribe(() => this.value = this.value);
|
|
25526
|
+
}
|
|
25527
|
+
/** The datepicker that this input is associated with. */
|
|
25528
|
+
set gipiMatDatetimePicker(value) {
|
|
25529
|
+
this.registerDatepicker(value);
|
|
25530
|
+
}
|
|
25531
|
+
set matDatepickerFilter(filter) {
|
|
25532
|
+
this._dateFilter = filter;
|
|
25533
|
+
this._validatorOnChange();
|
|
25534
|
+
}
|
|
25535
|
+
get value() {
|
|
25536
|
+
return this._value;
|
|
25537
|
+
}
|
|
25538
|
+
set value(value) {
|
|
25539
|
+
value = this._dateAdapter.deserialize(value);
|
|
25540
|
+
this._lastValueValid = !value || this._dateAdapter.isValid(value);
|
|
25541
|
+
value = this._dateAdapter.getValidDateOrNull(value);
|
|
25542
|
+
const oldDate = this.value;
|
|
25543
|
+
this._value = value;
|
|
25544
|
+
this._formatValue(value);
|
|
25545
|
+
// use timeout to ensure the datetimepicker is instantiated and we get the correct format
|
|
25546
|
+
setTimeout(() => {
|
|
25547
|
+
if (!this._dateAdapter.sameDatetime(oldDate, value)) {
|
|
25548
|
+
this._valueChange.emit(value);
|
|
25549
|
+
}
|
|
25550
|
+
});
|
|
25551
|
+
}
|
|
25552
|
+
get min() {
|
|
25553
|
+
return this._min;
|
|
25554
|
+
}
|
|
25555
|
+
set min(value) {
|
|
25556
|
+
this._min = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
|
|
25557
|
+
this._validatorOnChange();
|
|
25558
|
+
}
|
|
25559
|
+
get max() {
|
|
25560
|
+
return this._max;
|
|
25561
|
+
}
|
|
25562
|
+
set max(value) {
|
|
25563
|
+
this._max = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
|
|
25564
|
+
this._validatorOnChange();
|
|
25565
|
+
}
|
|
25566
|
+
get disabled() {
|
|
25567
|
+
return !!this._disabled;
|
|
25568
|
+
}
|
|
25569
|
+
set disabled(value) {
|
|
25570
|
+
const newValue = coerceBooleanProperty(value);
|
|
25571
|
+
if (this._disabled !== newValue) {
|
|
25572
|
+
this._disabled = newValue;
|
|
25573
|
+
this._disabledChange.emit(newValue);
|
|
25574
|
+
}
|
|
25575
|
+
}
|
|
25576
|
+
ngAfterContentInit() {
|
|
25577
|
+
if (this._datepicker) {
|
|
25578
|
+
this._datepickerSubscription = this._datepicker.selectedChanged.subscribe((selected) => {
|
|
25579
|
+
this.value = selected;
|
|
25580
|
+
this._cvaOnChange(selected);
|
|
25581
|
+
this._onTouched();
|
|
25582
|
+
this.dateInput.emit(new GIPIDatetimepickerInputEvent(this, this._elementRef.nativeElement));
|
|
25583
|
+
this.dateChange.emit(new GIPIDatetimepickerInputEvent(this, this._elementRef.nativeElement));
|
|
25584
|
+
});
|
|
25585
|
+
}
|
|
25586
|
+
}
|
|
25587
|
+
ngOnDestroy() {
|
|
25588
|
+
this._datepickerSubscription.unsubscribe();
|
|
25589
|
+
this._localeSubscription.unsubscribe();
|
|
25590
|
+
this._valueChange.complete();
|
|
25591
|
+
this._disabledChange.complete();
|
|
25592
|
+
}
|
|
25593
|
+
registerOnValidatorChange(fn) {
|
|
25594
|
+
this._validatorOnChange = fn;
|
|
25595
|
+
}
|
|
25596
|
+
validate(c) {
|
|
25597
|
+
return this._validator ? this._validator(c) : null;
|
|
25598
|
+
}
|
|
25599
|
+
/**
|
|
25600
|
+
* Gets the element that the datepicker popup should be connected to.
|
|
25601
|
+
* @return The element to connect the popup to.
|
|
25602
|
+
*/
|
|
25603
|
+
getConnectedOverlayOrigin() {
|
|
25604
|
+
return this._formField
|
|
25605
|
+
? this._formField.getConnectedOverlayOrigin()
|
|
25606
|
+
: this._elementRef;
|
|
25607
|
+
}
|
|
25608
|
+
// Implemented as part of ControlValueAccessor
|
|
25609
|
+
writeValue(value) {
|
|
25610
|
+
this.value = value;
|
|
25611
|
+
}
|
|
25612
|
+
// Implemented as part of ControlValueAccessor
|
|
25613
|
+
registerOnChange(fn) {
|
|
25614
|
+
this._cvaOnChange = fn;
|
|
25615
|
+
}
|
|
25616
|
+
// Implemented as part of ControlValueAccessor
|
|
25617
|
+
registerOnTouched(fn) {
|
|
25618
|
+
this._onTouched = fn;
|
|
25619
|
+
}
|
|
25620
|
+
// Implemented as part of ControlValueAccessor
|
|
25621
|
+
setDisabledState(disabled) {
|
|
25622
|
+
this.disabled = disabled;
|
|
25623
|
+
}
|
|
25624
|
+
_onKeydown(event) {
|
|
25625
|
+
if (event.altKey && event.keyCode === DOWN_ARROW) {
|
|
25626
|
+
this._datepicker.open();
|
|
25627
|
+
event.preventDefault();
|
|
25628
|
+
}
|
|
25629
|
+
}
|
|
25630
|
+
_onInput(value) {
|
|
25631
|
+
let date = this._dateAdapter.parse(value, this.getParseFormat());
|
|
25632
|
+
this._lastValueValid = !date || this._dateAdapter.isValid(date);
|
|
25633
|
+
date = this._dateAdapter.getValidDateOrNull(date);
|
|
25634
|
+
this._value = date;
|
|
25635
|
+
this._cvaOnChange(date);
|
|
25636
|
+
this._valueChange.emit(date);
|
|
25637
|
+
this.dateInput.emit(new GIPIDatetimepickerInputEvent(this, this._elementRef.nativeElement));
|
|
25638
|
+
}
|
|
25639
|
+
_onChange() {
|
|
25640
|
+
this.dateChange.emit(new GIPIDatetimepickerInputEvent(this, this._elementRef.nativeElement));
|
|
25641
|
+
}
|
|
25642
|
+
/** Handles blur events on the input. */
|
|
25643
|
+
_onBlur() {
|
|
25644
|
+
// Reformat the input only if we have a valid value.
|
|
25645
|
+
if (this.value) {
|
|
25646
|
+
this._formatValue(this.value);
|
|
25647
|
+
}
|
|
25648
|
+
this._onTouched();
|
|
25649
|
+
}
|
|
25650
|
+
registerDatepicker(value) {
|
|
25651
|
+
if (value) {
|
|
25652
|
+
this._datepicker = value;
|
|
25653
|
+
this._datepicker._registerInput(this);
|
|
25654
|
+
}
|
|
25655
|
+
}
|
|
25656
|
+
getDisplayFormat() {
|
|
25657
|
+
switch (this._datepicker.type) {
|
|
25658
|
+
case 'date': return this._dateFormats.display.dateInput;
|
|
25659
|
+
case 'datetime': return this._dateFormats.display.datetimeInput;
|
|
25660
|
+
case 'time': return this._dateFormats.display.timeInput;
|
|
25661
|
+
case 'month': return this._dateFormats.display.monthInput;
|
|
25662
|
+
}
|
|
25663
|
+
}
|
|
25664
|
+
getParseFormat() {
|
|
25665
|
+
let parseFormat;
|
|
25666
|
+
switch (this._datepicker.type) {
|
|
25667
|
+
case 'date':
|
|
25668
|
+
parseFormat = this._dateFormats.parse.dateInput;
|
|
25669
|
+
break;
|
|
25670
|
+
case 'datetime':
|
|
25671
|
+
parseFormat = this._dateFormats.parse.datetimeInput;
|
|
25672
|
+
break;
|
|
25673
|
+
case 'time':
|
|
25674
|
+
parseFormat = this._dateFormats.parse.timeInput;
|
|
25675
|
+
break;
|
|
25676
|
+
case 'month':
|
|
25677
|
+
parseFormat = this._dateFormats.parse.monthInput;
|
|
25678
|
+
break;
|
|
25679
|
+
}
|
|
25680
|
+
if (!parseFormat) {
|
|
25681
|
+
parseFormat = this._dateFormats.parse.dateInput;
|
|
25682
|
+
}
|
|
25683
|
+
return parseFormat;
|
|
25684
|
+
}
|
|
25685
|
+
/** Formats a value and sets it on the input element. */
|
|
25686
|
+
_formatValue(value) {
|
|
25687
|
+
this._elementRef.nativeElement.value = value
|
|
25688
|
+
? this._dateAdapter.format(value, this.getDisplayFormat())
|
|
25689
|
+
: '';
|
|
25690
|
+
}
|
|
25691
|
+
};
|
|
25692
|
+
GIPIDatetimepickerInputDirective.ctorParameters = () => [
|
|
25693
|
+
{ type: ElementRef },
|
|
25694
|
+
{ type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
|
|
25695
|
+
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [GIPI_DATETIME_FORMATS,] }] },
|
|
25696
|
+
{ type: MatFormField$1, decorators: [{ type: Optional }] }
|
|
25697
|
+
];
|
|
25698
|
+
__decorate([
|
|
25699
|
+
Input(),
|
|
25700
|
+
__metadata("design:type", GIPIDatetimepickerComponent),
|
|
25701
|
+
__metadata("design:paramtypes", [GIPIDatetimepickerComponent])
|
|
25702
|
+
], GIPIDatetimepickerInputDirective.prototype, "gipiMatDatetimePicker", null);
|
|
25703
|
+
__decorate([
|
|
25704
|
+
Input(),
|
|
25705
|
+
__metadata("design:type", Function),
|
|
25706
|
+
__metadata("design:paramtypes", [Function])
|
|
25707
|
+
], GIPIDatetimepickerInputDirective.prototype, "matDatepickerFilter", null);
|
|
25708
|
+
__decorate([
|
|
25709
|
+
Input(),
|
|
25710
|
+
__metadata("design:type", Object),
|
|
25711
|
+
__metadata("design:paramtypes", [Object])
|
|
25712
|
+
], GIPIDatetimepickerInputDirective.prototype, "value", null);
|
|
25713
|
+
__decorate([
|
|
25714
|
+
Input(),
|
|
25715
|
+
__metadata("design:type", Object),
|
|
25716
|
+
__metadata("design:paramtypes", [Object])
|
|
25717
|
+
], GIPIDatetimepickerInputDirective.prototype, "min", null);
|
|
25718
|
+
__decorate([
|
|
25719
|
+
Input(),
|
|
25720
|
+
__metadata("design:type", Object),
|
|
25721
|
+
__metadata("design:paramtypes", [Object])
|
|
25722
|
+
], GIPIDatetimepickerInputDirective.prototype, "max", null);
|
|
25723
|
+
__decorate([
|
|
25724
|
+
Input(),
|
|
25725
|
+
__metadata("design:type", Object),
|
|
25726
|
+
__metadata("design:paramtypes", [Object])
|
|
25727
|
+
], GIPIDatetimepickerInputDirective.prototype, "disabled", null);
|
|
25728
|
+
__decorate([
|
|
25729
|
+
Output(),
|
|
25730
|
+
__metadata("design:type", Object)
|
|
25731
|
+
], GIPIDatetimepickerInputDirective.prototype, "dateChange", void 0);
|
|
25732
|
+
__decorate([
|
|
25733
|
+
Output(),
|
|
25734
|
+
__metadata("design:type", Object)
|
|
25735
|
+
], GIPIDatetimepickerInputDirective.prototype, "dateInput", void 0);
|
|
25736
|
+
GIPIDatetimepickerInputDirective = GIPIDatetimepickerInputDirective_1 = __decorate([
|
|
25737
|
+
Directive({
|
|
25738
|
+
selector: 'input[gipiMatDatetimePicker]',
|
|
25739
|
+
exportAs: 'matDatepickerInput',
|
|
25740
|
+
providers: [
|
|
25741
|
+
GIPI_DATETIMEPICKER_VALUE_ACCESSOR,
|
|
25742
|
+
GIPI_DATETIMEPICKER_VALIDATORS,
|
|
25743
|
+
{
|
|
25744
|
+
provide: MAT_INPUT_VALUE_ACCESSOR,
|
|
25745
|
+
useExisting: GIPIDatetimepickerInputDirective_1,
|
|
25746
|
+
},
|
|
25747
|
+
],
|
|
25748
|
+
host: {
|
|
25749
|
+
'[attr.aria-haspopup]': 'true',
|
|
25750
|
+
'[attr.aria-owns]': '(_datepicker?.opened && _datepicker.id) || null',
|
|
25751
|
+
'[attr.min]': 'min ? _dateAdapter.toIso8601(min) : null',
|
|
25752
|
+
'[attr.max]': 'max ? _dateAdapter.toIso8601(max) : null',
|
|
25753
|
+
'[disabled]': 'disabled',
|
|
25754
|
+
'(focus)': '_datepicker._handleFocus()',
|
|
25755
|
+
'(input)': '_onInput($event.target.value)',
|
|
25756
|
+
'(change)': '_onChange()',
|
|
25757
|
+
'(blur)': '_onBlur()',
|
|
25758
|
+
'(keydown)': '_onKeydown($event)',
|
|
25759
|
+
},
|
|
25760
|
+
}),
|
|
25761
|
+
__param(1, Optional()),
|
|
25762
|
+
__param(2, Optional()),
|
|
25763
|
+
__param(2, Inject(GIPI_DATETIME_FORMATS)),
|
|
25764
|
+
__param(3, Optional()),
|
|
25765
|
+
__metadata("design:paramtypes", [ElementRef,
|
|
25766
|
+
GIPIDatetimeAdapter, Object, MatFormField$1])
|
|
25767
|
+
], GIPIDatetimepickerInputDirective);
|
|
25768
|
+
|
|
25769
|
+
const DAYS_PER_WEEK$1 = 7;
|
|
25770
|
+
/**
|
|
25771
|
+
* An internal component used to display a single month in the datepicker.
|
|
25772
|
+
* @docs-private
|
|
25773
|
+
*/
|
|
25774
|
+
let GIPIDatetimepickerMonthViewComponent = class GIPIDatetimepickerMonthViewComponent {
|
|
25775
|
+
constructor(_adapter, _dateFormats) {
|
|
25776
|
+
this._adapter = _adapter;
|
|
25777
|
+
this._dateFormats = _dateFormats;
|
|
25778
|
+
this.type = 'date';
|
|
25779
|
+
/** Emits when a new date is selected. */
|
|
25780
|
+
this.selectedChange = new EventEmitter();
|
|
25781
|
+
this._userSelection = new EventEmitter();
|
|
25782
|
+
if (!this._adapter) {
|
|
25783
|
+
throw createMissingDateImplError$1('GIPIDatetimeAdapter');
|
|
25784
|
+
}
|
|
25785
|
+
if (!this._dateFormats) {
|
|
25786
|
+
throw createMissingDateImplError$1('GIPI_DATETIME_FORMATS');
|
|
25787
|
+
}
|
|
25788
|
+
const firstDayOfWeek = this._adapter.getFirstDayOfWeek();
|
|
25789
|
+
const narrowWeekdays = this._adapter.getDayOfWeekNames('narrow');
|
|
25790
|
+
const longWeekdays = this._adapter.getDayOfWeekNames('long');
|
|
25791
|
+
// Rotate the labels for days of the week based on the configured first day of the week.
|
|
25792
|
+
let weekdays = longWeekdays.map((long, i) => { return { long, narrow: narrowWeekdays[i] }; });
|
|
25793
|
+
this._weekdays = weekdays
|
|
25794
|
+
.slice(firstDayOfWeek)
|
|
25795
|
+
.concat(weekdays.slice(0, firstDayOfWeek));
|
|
25796
|
+
this._activeDate = this._adapter.today();
|
|
25797
|
+
}
|
|
25798
|
+
get activeDate() {
|
|
25799
|
+
return this._activeDate;
|
|
25800
|
+
}
|
|
25801
|
+
set activeDate(value) {
|
|
25802
|
+
let oldActiveDate = this._activeDate;
|
|
25803
|
+
this._activeDate = value || this._adapter.today();
|
|
25804
|
+
if (oldActiveDate && this._activeDate && !this._adapter.sameMonthAndYear(oldActiveDate, this._activeDate)) {
|
|
25805
|
+
this._init();
|
|
25806
|
+
if (this._adapter.isInNextMonth(oldActiveDate, this._activeDate)) {
|
|
25807
|
+
this.calendarState('right');
|
|
25808
|
+
}
|
|
25809
|
+
else {
|
|
25810
|
+
this.calendarState('left');
|
|
25811
|
+
}
|
|
25812
|
+
}
|
|
25813
|
+
}
|
|
25814
|
+
get selected() {
|
|
25815
|
+
return this._selected;
|
|
25816
|
+
}
|
|
25817
|
+
set selected(value) {
|
|
25818
|
+
this._selected = value;
|
|
25819
|
+
this._selectedDate = this._getDateInCurrentMonth(this.selected);
|
|
25820
|
+
}
|
|
25821
|
+
ngAfterContentInit() {
|
|
25822
|
+
this._init();
|
|
25823
|
+
}
|
|
25824
|
+
/** Handles when a new date is selected. */
|
|
25825
|
+
_dateSelected(date) {
|
|
25826
|
+
this.selectedChange.emit(this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), date, this._adapter.getHour(this.activeDate), this._adapter.getMinute(this.activeDate)));
|
|
25827
|
+
if (this.type === 'date') {
|
|
25828
|
+
this._userSelection.emit();
|
|
25829
|
+
}
|
|
25830
|
+
}
|
|
25831
|
+
_calendarStateDone() {
|
|
25832
|
+
this._calendarState = '';
|
|
25833
|
+
}
|
|
25834
|
+
/** Initializes this month view. */
|
|
25835
|
+
_init() {
|
|
25836
|
+
this._selectedDate = this._getDateInCurrentMonth(this.selected);
|
|
25837
|
+
this._todayDate = this._getDateInCurrentMonth(this._adapter.today());
|
|
25838
|
+
let firstOfMonth = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), 1, this._adapter.getHour(this.activeDate), this._adapter.getMinute(this.activeDate));
|
|
25839
|
+
this._firstWeekOffset = (DAYS_PER_WEEK$1 + this._adapter.getDayOfWeek(firstOfMonth) - this._adapter.getFirstDayOfWeek()) % DAYS_PER_WEEK$1;
|
|
25840
|
+
this._createWeekCells();
|
|
25841
|
+
}
|
|
25842
|
+
/** Creates MdCalendarCells for the dates in this month. */
|
|
25843
|
+
_createWeekCells() {
|
|
25844
|
+
let daysInMonth = this._adapter.getNumDaysInMonth(this.activeDate);
|
|
25845
|
+
let dateNames = this._adapter.getDateNames();
|
|
25846
|
+
this._weeks = [[]];
|
|
25847
|
+
for (let i = 0, cell = this._firstWeekOffset; i < daysInMonth; i++, cell++) {
|
|
25848
|
+
if (cell == DAYS_PER_WEEK$1) {
|
|
25849
|
+
this._weeks.push([]);
|
|
25850
|
+
cell = 0;
|
|
25851
|
+
}
|
|
25852
|
+
let date = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), this._adapter.getMonth(this.activeDate), i + 1, this._adapter.getHour(this.activeDate), this._adapter.getMinute(this.activeDate));
|
|
25853
|
+
let enabled = !this.dateFilter || this.dateFilter(date);
|
|
25854
|
+
let ariaLabel = this._adapter.format(date, this._dateFormats.display.dateA11yLabel);
|
|
25855
|
+
this._weeks[this._weeks.length - 1].push(new GIPIDatetimepickerCalendarCell(i + 1, dateNames[i], ariaLabel, enabled));
|
|
25856
|
+
}
|
|
25857
|
+
}
|
|
25858
|
+
/** Gets the date in this month that the given Date falls on. Returns null if the given Date is in another month. */
|
|
25859
|
+
_getDateInCurrentMonth(date) {
|
|
25860
|
+
return this._adapter.sameMonthAndYear(date, this.activeDate)
|
|
25861
|
+
? this._adapter.getDate(date)
|
|
25862
|
+
: null;
|
|
25863
|
+
}
|
|
25864
|
+
calendarState(direction) {
|
|
25865
|
+
this._calendarState = direction;
|
|
25866
|
+
}
|
|
25867
|
+
};
|
|
25868
|
+
GIPIDatetimepickerMonthViewComponent.ctorParameters = () => [
|
|
25869
|
+
{ type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
|
|
25870
|
+
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [GIPI_DATETIME_FORMATS,] }] }
|
|
25871
|
+
];
|
|
25872
|
+
__decorate([
|
|
25873
|
+
Input(),
|
|
25874
|
+
__metadata("design:type", String)
|
|
25875
|
+
], GIPIDatetimepickerMonthViewComponent.prototype, "type", void 0);
|
|
25876
|
+
__decorate([
|
|
25877
|
+
Input(),
|
|
25878
|
+
__metadata("design:type", Function)
|
|
25879
|
+
], GIPIDatetimepickerMonthViewComponent.prototype, "dateFilter", void 0);
|
|
25880
|
+
__decorate([
|
|
25881
|
+
Input(),
|
|
25882
|
+
__metadata("design:type", Object),
|
|
25883
|
+
__metadata("design:paramtypes", [Object])
|
|
25884
|
+
], GIPIDatetimepickerMonthViewComponent.prototype, "activeDate", null);
|
|
25885
|
+
__decorate([
|
|
25886
|
+
Input(),
|
|
25887
|
+
__metadata("design:type", Object),
|
|
25888
|
+
__metadata("design:paramtypes", [Object])
|
|
25889
|
+
], GIPIDatetimepickerMonthViewComponent.prototype, "selected", null);
|
|
25890
|
+
__decorate([
|
|
25891
|
+
Output(),
|
|
25892
|
+
__metadata("design:type", Object)
|
|
25893
|
+
], GIPIDatetimepickerMonthViewComponent.prototype, "selectedChange", void 0);
|
|
25894
|
+
__decorate([
|
|
25895
|
+
Output(),
|
|
25896
|
+
__metadata("design:type", Object)
|
|
25897
|
+
], GIPIDatetimepickerMonthViewComponent.prototype, "_userSelection", void 0);
|
|
25898
|
+
GIPIDatetimepickerMonthViewComponent = __decorate([
|
|
25899
|
+
Component({
|
|
25900
|
+
selector: 'gipi-mat-datetime-picker-month-view',
|
|
25901
|
+
template: "<table class=\"gipi-mat-datetime-picker-calendar-table\">\n <thead class=\"gipi-mat-datetime-picker-calendar-table-header\">\n <tr>\n <th *ngFor=\"let day of _weekdays\"\n [attr.aria-label]=\"day.long\">\n {{ day.narrow }}\n </th>\n </tr>\n <tr>\n <th class=\"gipi-mat-datetime-picker-calendar-table-header-divider\"\n colspan=\"7\"\n aria-hidden=\"true\">\n </th>\n </tr>\n </thead>\n <tbody gipiMatDatetimePickerCalendarBody\n role=\"grid\"\n [activeCell]=\"_adapter.getDate(activeDate) - 1\"\n [rows]=\"_weeks\"\n [selectedValue]=\"_selectedDate\"\n [todayValue]=\"_todayDate\"\n [@slideCalendar]=\"_calendarState\"\n (@slideCalendar.done)=\"_calendarStateDone()\"\n (selectedValueChange)=\"_dateSelected($event)\">\n </tbody>\n</table>",
|
|
25902
|
+
animations: [slideCalendar],
|
|
25903
|
+
encapsulation: ViewEncapsulation.None,
|
|
25904
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
25905
|
+
}),
|
|
25906
|
+
__param(0, Optional()),
|
|
25907
|
+
__param(1, Optional()),
|
|
25908
|
+
__param(1, Inject(GIPI_DATETIME_FORMATS)),
|
|
25909
|
+
__metadata("design:paramtypes", [GIPIDatetimeAdapter, Object])
|
|
25910
|
+
], GIPIDatetimepickerMonthViewComponent);
|
|
25911
|
+
|
|
25912
|
+
const ɵ0$3 = (i) => String(i);
|
|
25913
|
+
/** The default hour names to use if Intl API is not available. */
|
|
25914
|
+
const DEFAULT_HOUR_NAMES = range$1(24, ɵ0$3);
|
|
25915
|
+
const ɵ1 = (i) => String(i);
|
|
25916
|
+
/** The default minute names to use if Intl API is not available. */
|
|
25917
|
+
const DEFAULT_MINUTE_NAMES = range$1(60, ɵ1);
|
|
25918
|
+
function range$1(length, valueFunction) {
|
|
25919
|
+
const valuesArray = Array(length);
|
|
25920
|
+
for (let i = 0; i < length; i++) {
|
|
25921
|
+
valuesArray[i] = valueFunction(i);
|
|
25922
|
+
}
|
|
25923
|
+
return valuesArray;
|
|
25924
|
+
}
|
|
25925
|
+
let GIPINativeDatetimeAdapter = class GIPINativeDatetimeAdapter extends GIPIDatetimeAdapter {
|
|
25926
|
+
constructor(matDateLocale, _delegate) {
|
|
25927
|
+
super(_delegate);
|
|
25928
|
+
this.setLocale(matDateLocale);
|
|
25929
|
+
}
|
|
25930
|
+
clone(date) {
|
|
25931
|
+
return this.createDatetime(this.getYear(date), this.getMonth(date), this.getDate(date), this.getHour(date), this.getMinute(date));
|
|
25932
|
+
}
|
|
25933
|
+
getHour(date) {
|
|
25934
|
+
return date.getHours();
|
|
25935
|
+
}
|
|
25936
|
+
getMinute(date) {
|
|
25937
|
+
return date.getMinutes();
|
|
25938
|
+
}
|
|
25939
|
+
isInNextMonth(startDate, endDate) {
|
|
25940
|
+
const nextMonth = this.getDateInNextMonth(startDate);
|
|
25941
|
+
return this.sameMonthAndYear(nextMonth, endDate);
|
|
25942
|
+
}
|
|
25943
|
+
createDatetime(year, month, date, hour, minute) {
|
|
25944
|
+
// Check for invalid month and date (except upper bound on date which we have to check after
|
|
25945
|
+
// creating the Date).
|
|
25946
|
+
if (month < 0 || month > 11) {
|
|
25947
|
+
throw Error(`Invalid month index "${month}". Month index has to be between 0 and 11.`);
|
|
25948
|
+
}
|
|
25949
|
+
if (date < 1) {
|
|
25950
|
+
throw Error(`Invalid date "${date}". Date has to be greater than 0.`);
|
|
25951
|
+
}
|
|
25952
|
+
if (hour < 0 || hour > 23) {
|
|
25953
|
+
throw Error(`Invalid hour "${hour}". Hour has to be between 0 and 23.`);
|
|
25954
|
+
}
|
|
25955
|
+
if (minute < 0 || minute > 59) {
|
|
25956
|
+
throw Error(`Invalid minute "${minute}". Minute has to be between 0 and 59.`);
|
|
25957
|
+
}
|
|
25958
|
+
const result = this._createDateWithOverflow(year, month, date, hour, minute);
|
|
25959
|
+
// Check that the date wasn't above the upper bound for the month, causing the month to overflow
|
|
25960
|
+
if (result.getMonth() !== month) {
|
|
25961
|
+
throw Error(`Invalid date "${date}" for month with index "${month}".`);
|
|
25962
|
+
}
|
|
25963
|
+
return result;
|
|
25964
|
+
}
|
|
25965
|
+
getFirstDateOfMonth(date) {
|
|
25966
|
+
const result = new Date();
|
|
25967
|
+
result.setFullYear(date.getFullYear(), date.getMonth(), 1);
|
|
25968
|
+
return result;
|
|
25969
|
+
}
|
|
25970
|
+
getHourNames() {
|
|
25971
|
+
return DEFAULT_HOUR_NAMES;
|
|
25972
|
+
}
|
|
25973
|
+
getMinuteNames() {
|
|
25974
|
+
return DEFAULT_MINUTE_NAMES;
|
|
25975
|
+
}
|
|
25976
|
+
addCalendarYears(date, years) {
|
|
25977
|
+
return this.addCalendarMonths(date, years * 12);
|
|
25978
|
+
}
|
|
25979
|
+
addCalendarMonths(date, months) {
|
|
25980
|
+
let newDate = this._createDateWithOverflow(this.getYear(date), this.getMonth(date) + months, this.getDate(date), this.getHour(date), this.getMinute(date));
|
|
25981
|
+
// It's possible to wind up in the wrong month if the original month has more days than the new
|
|
25982
|
+
// month. In this case we want to go to the last day of the desired month.
|
|
25983
|
+
// Note: the additional + 12 % 12 ensures we end up with a positive number, since JS % doesn't
|
|
25984
|
+
// guarantee this.
|
|
25985
|
+
if (this.getMonth(newDate) !== (((this.getMonth(date) + months) % 12) + 12) % 12) {
|
|
25986
|
+
newDate = this._createDateWithOverflow(this.getYear(newDate), this.getMonth(newDate), 0, this.getHour(date), this.getMinute(date));
|
|
25987
|
+
}
|
|
25988
|
+
return newDate;
|
|
25989
|
+
}
|
|
25990
|
+
addCalendarDays(date, days) {
|
|
25991
|
+
return this._createDateWithOverflow(this.getYear(date), this.getMonth(date), this.getDate(date) + days, this.getHour(date), this.getMinute(date));
|
|
25992
|
+
}
|
|
25993
|
+
addCalendarHours(date, hours) {
|
|
25994
|
+
return this._createDateWithOverflow(this.getYear(date), this.getMonth(date), this.getDate(date), this.getHour(date) + hours, this.getMinute(date));
|
|
25995
|
+
}
|
|
25996
|
+
addCalendarMinutes(date, minutes) {
|
|
25997
|
+
return this._createDateWithOverflow(this.getYear(date), this.getMonth(date), this.getDate(date), this.getHour(date), this.getMinute(date) + minutes);
|
|
25998
|
+
}
|
|
25999
|
+
toIso8601(date) {
|
|
26000
|
+
return (super.toIso8601(date) + 'T' + [this._2digit(date.getUTCHours()), this._2digit(date.getUTCMinutes()),].join(':'));
|
|
26001
|
+
}
|
|
26002
|
+
getDateInNextMonth(date) {
|
|
26003
|
+
return new Date(date.getFullYear(), date.getMonth() + 1, 1, date.getHours(), date.getMinutes());
|
|
26004
|
+
}
|
|
26005
|
+
/**
|
|
26006
|
+
* Strip out unicode LTR and RTL characters. Edge and IE insert these into formatted dates while
|
|
26007
|
+
* other browsers do not. We remove them to make output consistent and because they interfere with
|
|
26008
|
+
* date parsing.
|
|
26009
|
+
* @param str The string to strip direction characters from.
|
|
26010
|
+
* @returns The stripped string.
|
|
26011
|
+
*/
|
|
26012
|
+
_stripDirectionalityCharacters(str) {
|
|
26013
|
+
return str.replace(/[\u200e\u200f]/g, '');
|
|
26014
|
+
}
|
|
26015
|
+
/**
|
|
26016
|
+
* Pads a number to make it two digits.
|
|
26017
|
+
* @param n The number to pad.
|
|
26018
|
+
* @returns The padded number.
|
|
26019
|
+
*/
|
|
26020
|
+
_2digit(n) {
|
|
26021
|
+
return ('00' + n).slice(-2);
|
|
26022
|
+
}
|
|
26023
|
+
/** Creates a date but allows the month and date to overflow. */
|
|
26024
|
+
_createDateWithOverflow(year, month, date, hours, minutes) {
|
|
26025
|
+
const result = new Date(year, month, date, hours, minutes);
|
|
26026
|
+
// We need to correct for the fact that JS native Date treats years in range [0, 99] as
|
|
26027
|
+
// abbreviations for 19xx.
|
|
26028
|
+
if (year >= 0 && year < 100) {
|
|
26029
|
+
result.setFullYear(this.getYear(result) - 1900);
|
|
26030
|
+
}
|
|
26031
|
+
return result;
|
|
26032
|
+
}
|
|
26033
|
+
};
|
|
26034
|
+
GIPINativeDatetimeAdapter.ctorParameters = () => [
|
|
26035
|
+
{ type: String, decorators: [{ type: Optional }, { type: Inject, args: [MAT_DATE_LOCALE$1,] }] },
|
|
26036
|
+
{ type: DateAdapter$1 }
|
|
26037
|
+
];
|
|
26038
|
+
GIPINativeDatetimeAdapter = __decorate([
|
|
26039
|
+
Injectable(),
|
|
26040
|
+
__param(0, Optional()), __param(0, Inject(MAT_DATE_LOCALE$1)),
|
|
26041
|
+
__metadata("design:paramtypes", [String, DateAdapter$1])
|
|
26042
|
+
], GIPINativeDatetimeAdapter);
|
|
26043
|
+
|
|
26044
|
+
const GIPI_NATIVE_DATETIME_FORMATS = {
|
|
26045
|
+
parse: {},
|
|
26046
|
+
display: {
|
|
26047
|
+
dateInput: { year: 'numeric', month: '2-digit', day: '2-digit' },
|
|
26048
|
+
monthInput: { month: 'long' },
|
|
26049
|
+
datetimeInput: {
|
|
26050
|
+
year: 'numeric',
|
|
26051
|
+
month: '2-digit',
|
|
26052
|
+
day: '2-digit',
|
|
26053
|
+
hour: '2-digit',
|
|
26054
|
+
minute: '2-digit',
|
|
26055
|
+
},
|
|
26056
|
+
timeInput: { hour: '2-digit', minute: '2-digit' },
|
|
26057
|
+
monthYearLabel: { year: 'numeric', month: 'short' },
|
|
26058
|
+
dateA11yLabel: { year: 'numeric', month: 'long', day: 'numeric' },
|
|
26059
|
+
monthYearA11yLabel: { year: 'numeric', month: 'long' },
|
|
26060
|
+
popupHeaderDateLabel: { weekday: 'short', month: 'short', day: '2-digit' },
|
|
26061
|
+
},
|
|
26062
|
+
};
|
|
26063
|
+
|
|
26064
|
+
let NativeDatetimeModule = class NativeDatetimeModule {
|
|
26065
|
+
};
|
|
26066
|
+
NativeDatetimeModule = __decorate([
|
|
26067
|
+
NgModule({
|
|
26068
|
+
imports: [
|
|
26069
|
+
NativeDateModule,
|
|
26070
|
+
],
|
|
26071
|
+
providers: [
|
|
26072
|
+
{
|
|
26073
|
+
provide: GIPIDatetimeAdapter,
|
|
26074
|
+
useClass: GIPINativeDatetimeAdapter,
|
|
26075
|
+
},
|
|
26076
|
+
],
|
|
26077
|
+
})
|
|
26078
|
+
], NativeDatetimeModule);
|
|
26079
|
+
const ɵ0$4 = GIPI_NATIVE_DATETIME_FORMATS;
|
|
26080
|
+
let GIPINativeDatetimeModule = class GIPINativeDatetimeModule {
|
|
26081
|
+
};
|
|
26082
|
+
GIPINativeDatetimeModule = __decorate([
|
|
26083
|
+
NgModule({
|
|
26084
|
+
imports: [
|
|
26085
|
+
NativeDatetimeModule,
|
|
26086
|
+
MatNativeDateModule$1,
|
|
26087
|
+
],
|
|
26088
|
+
providers: [
|
|
26089
|
+
{
|
|
26090
|
+
provide: GIPI_DATETIME_FORMATS,
|
|
26091
|
+
useValue: ɵ0$4,
|
|
26092
|
+
},
|
|
26093
|
+
],
|
|
26094
|
+
})
|
|
26095
|
+
], GIPINativeDatetimeModule);
|
|
26096
|
+
|
|
26097
|
+
/**
|
|
26098
|
+
* An internal component used to display a single year in the datepicker.
|
|
26099
|
+
* @docs-private
|
|
26100
|
+
*/
|
|
26101
|
+
let GIPIDatetimepickerYearViewComponent = class GIPIDatetimepickerYearViewComponent {
|
|
26102
|
+
constructor(_adapter, _dateFormats) {
|
|
26103
|
+
this._adapter = _adapter;
|
|
26104
|
+
this._dateFormats = _dateFormats;
|
|
26105
|
+
this.type = 'date';
|
|
26106
|
+
/** Emits when a new month is selected. */
|
|
26107
|
+
this.selectedChange = new EventEmitter();
|
|
26108
|
+
this._userSelection = new EventEmitter();
|
|
26109
|
+
if (!this._adapter) {
|
|
26110
|
+
throw createMissingDateImplError$1('DatetimeAdapter');
|
|
26111
|
+
}
|
|
26112
|
+
if (!this._dateFormats) {
|
|
26113
|
+
throw createMissingDateImplError$1('GIPI_DATETIME_FORMATS');
|
|
26114
|
+
}
|
|
26115
|
+
this._activeDate = this._adapter.today();
|
|
26116
|
+
}
|
|
26117
|
+
get activeDate() {
|
|
26118
|
+
return this._activeDate;
|
|
26119
|
+
}
|
|
26120
|
+
set activeDate(value) {
|
|
26121
|
+
let oldActiveDate = this._activeDate;
|
|
26122
|
+
this._activeDate = value || this._adapter.today();
|
|
26123
|
+
if (oldActiveDate && this._activeDate && !this._adapter.sameYear(oldActiveDate, this._activeDate)) {
|
|
26124
|
+
this._init();
|
|
26125
|
+
}
|
|
26126
|
+
}
|
|
26127
|
+
get selected() {
|
|
26128
|
+
return this._selected;
|
|
26129
|
+
}
|
|
26130
|
+
set selected(value) {
|
|
26131
|
+
this._selected = value;
|
|
26132
|
+
this._selectedMonth = this._getMonthInCurrentYear(this.selected);
|
|
26133
|
+
}
|
|
26134
|
+
ngAfterContentInit() {
|
|
26135
|
+
this._init();
|
|
26136
|
+
}
|
|
26137
|
+
/** Handles when a new month is selected. */
|
|
26138
|
+
_monthSelected(month) {
|
|
26139
|
+
const normalizedDate = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), month, 1, 0, 0);
|
|
26140
|
+
this.selectedChange.emit(this._adapter.createDatetime(this._adapter.getYear(this.activeDate), month, Math.min(this._adapter.getDate(this.activeDate), this._adapter.getNumDaysInMonth(normalizedDate)), this._adapter.getHour(this.activeDate), this._adapter.getMinute(this.activeDate)));
|
|
26141
|
+
if (this.type === 'month') {
|
|
26142
|
+
this._userSelection.emit();
|
|
26143
|
+
}
|
|
26144
|
+
}
|
|
26145
|
+
_calendarStateDone() {
|
|
26146
|
+
this._calendarState = '';
|
|
26147
|
+
}
|
|
26148
|
+
/** Initializes this month view. */
|
|
26149
|
+
_init() {
|
|
26150
|
+
this._selectedMonth = this._getMonthInCurrentYear(this.selected);
|
|
26151
|
+
this._todayMonth = this._getMonthInCurrentYear(this._adapter.today());
|
|
26152
|
+
this._yearLabel = this._adapter.getYearName(this.activeDate);
|
|
26153
|
+
let monthNames = this._adapter.getMonthNames('short');
|
|
26154
|
+
// First row of months only contains 5 elements so we can fit the year label on the same row.
|
|
26155
|
+
this._months = [[0, 1, 2, 3], [4, 5, 6, 7], [8, 9, 10, 11]].map((row) => row.map((month) => this._createCellForMonth(month, monthNames[month])));
|
|
26156
|
+
}
|
|
26157
|
+
/**
|
|
26158
|
+
* Gets the month in this year that the given Date falls on.
|
|
26159
|
+
* Returns null if the given Date is in another year.
|
|
26160
|
+
*/
|
|
26161
|
+
_getMonthInCurrentYear(date) {
|
|
26162
|
+
return this._adapter.sameYear(date, this.activeDate)
|
|
26163
|
+
? this._adapter.getMonth(date)
|
|
26164
|
+
: null;
|
|
26165
|
+
}
|
|
26166
|
+
/** Creates an MdCalendarCell for the given month. */
|
|
26167
|
+
_createCellForMonth(month, monthName) {
|
|
26168
|
+
let ariaLabel = this._adapter.format(this._adapter.createDatetime(this._adapter.getYear(this.activeDate), month, 1, this._adapter.getHour(this.activeDate), this._adapter.getMinute(this.activeDate)), this._dateFormats.display.monthYearA11yLabel);
|
|
26169
|
+
return new GIPIDatetimepickerCalendarCell(month, monthName.toLocaleUpperCase(), ariaLabel, this._isMonthEnabled(month));
|
|
26170
|
+
}
|
|
26171
|
+
/** Whether the given month is enabled. */
|
|
26172
|
+
_isMonthEnabled(month) {
|
|
26173
|
+
if (!this.dateFilter) {
|
|
26174
|
+
return true;
|
|
26175
|
+
}
|
|
26176
|
+
let firstOfMonth = this._adapter.createDatetime(this._adapter.getYear(this.activeDate), month, 1, this._adapter.getHour(this.activeDate), this._adapter.getMinute(this.activeDate));
|
|
26177
|
+
// If any date in the month is enabled count the month as enabled.
|
|
26178
|
+
for (let date = firstOfMonth; this._adapter.getMonth(date) == month; date = this._adapter.addCalendarDays(date, 1)) {
|
|
26179
|
+
if (this.dateFilter(date)) {
|
|
26180
|
+
return true;
|
|
26181
|
+
}
|
|
26182
|
+
}
|
|
26183
|
+
return false;
|
|
26184
|
+
}
|
|
26185
|
+
};
|
|
26186
|
+
GIPIDatetimepickerYearViewComponent.ctorParameters = () => [
|
|
26187
|
+
{ type: GIPIDatetimeAdapter, decorators: [{ type: Optional }] },
|
|
26188
|
+
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [GIPI_DATETIME_FORMATS,] }] }
|
|
26189
|
+
];
|
|
26190
|
+
__decorate([
|
|
26191
|
+
Input(),
|
|
26192
|
+
__metadata("design:type", String)
|
|
26193
|
+
], GIPIDatetimepickerYearViewComponent.prototype, "type", void 0);
|
|
26194
|
+
__decorate([
|
|
26195
|
+
Input(),
|
|
26196
|
+
__metadata("design:type", Function)
|
|
26197
|
+
], GIPIDatetimepickerYearViewComponent.prototype, "dateFilter", void 0);
|
|
26198
|
+
__decorate([
|
|
26199
|
+
Input(),
|
|
26200
|
+
__metadata("design:type", Object),
|
|
26201
|
+
__metadata("design:paramtypes", [Object])
|
|
26202
|
+
], GIPIDatetimepickerYearViewComponent.prototype, "activeDate", null);
|
|
26203
|
+
__decorate([
|
|
26204
|
+
Input(),
|
|
26205
|
+
__metadata("design:type", Object),
|
|
26206
|
+
__metadata("design:paramtypes", [Object])
|
|
26207
|
+
], GIPIDatetimepickerYearViewComponent.prototype, "selected", null);
|
|
26208
|
+
__decorate([
|
|
26209
|
+
Output(),
|
|
26210
|
+
__metadata("design:type", Object)
|
|
26211
|
+
], GIPIDatetimepickerYearViewComponent.prototype, "selectedChange", void 0);
|
|
26212
|
+
__decorate([
|
|
26213
|
+
Output(),
|
|
26214
|
+
__metadata("design:type", Object)
|
|
26215
|
+
], GIPIDatetimepickerYearViewComponent.prototype, "_userSelection", void 0);
|
|
26216
|
+
GIPIDatetimepickerYearViewComponent = __decorate([
|
|
26217
|
+
Component({
|
|
26218
|
+
selector: 'gipi-mat-datetime-picker-year-view',
|
|
26219
|
+
template: "<table class=\"gipi-mat-datetime-picker-calendar-table\"\n role=\"presentation\">\n <thead class=\"gipi-mat-datetime-picker-calendar-table-header\">\n <tr>\n <th class=\"gipi-mat-datetime-picker-calendar-table-header-divider\"\n colspan=\"4\">\n </th>\n </tr>\n </thead>\n <tbody gipiMatDatetimePickerCalendarBody\n allowDisabledSelection=\"true\"\n role=\"grid\"\n [label]=\"_yearLabel\"\n [rows]=\"_months\"\n [todayValue]=\"_todayMonth\"\n [labelMinRequiredCells]=\"2\"\n [numCols]=\"4\"\n [cellAspectRatio]=\"4 / 7\"\n [activeCell]=\"_adapter.getMonth(activeDate)\"\n [selectedValue]=\"_selectedMonth\"\n [@slideCalendar]=\"_calendarState\"\n (@slideCalendar.done)=\"_calendarStateDone()\"\n (selectedValueChange)=\"_monthSelected($event)\">\n </tbody>\n</table>\n",
|
|
26220
|
+
animations: [slideCalendar],
|
|
26221
|
+
encapsulation: ViewEncapsulation.None,
|
|
26222
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
26223
|
+
}),
|
|
26224
|
+
__param(0, Optional()),
|
|
26225
|
+
__param(1, Optional()),
|
|
26226
|
+
__param(1, Inject(GIPI_DATETIME_FORMATS)),
|
|
26227
|
+
__metadata("design:paramtypes", [GIPIDatetimeAdapter, Object])
|
|
26228
|
+
], GIPIDatetimepickerYearViewComponent);
|
|
26229
|
+
|
|
26230
|
+
let DatetimepickerModule = class DatetimepickerModule {
|
|
26231
|
+
};
|
|
26232
|
+
DatetimepickerModule = __decorate([
|
|
26233
|
+
NgModule({
|
|
26234
|
+
imports: [
|
|
26235
|
+
CommonModule,
|
|
26236
|
+
FormsModule,
|
|
26237
|
+
ReactiveFormsModule,
|
|
26238
|
+
MatButtonModule,
|
|
26239
|
+
MatDialogModule,
|
|
26240
|
+
MatIconModule,
|
|
26241
|
+
OverlayModule,
|
|
26242
|
+
A11yModule,
|
|
26243
|
+
MatDatepickerModule,
|
|
26244
|
+
GIPINativeDatetimeModule,
|
|
26245
|
+
],
|
|
26246
|
+
exports: [
|
|
26247
|
+
FormsModule,
|
|
26248
|
+
ReactiveFormsModule,
|
|
26249
|
+
MatButtonModule,
|
|
26250
|
+
MatDialogModule,
|
|
26251
|
+
MatIconModule,
|
|
26252
|
+
OverlayModule,
|
|
26253
|
+
A11yModule,
|
|
26254
|
+
MatDatepickerModule,
|
|
26255
|
+
GIPINativeDatetimeModule,
|
|
26256
|
+
GIPIDatetimepickerCalendarComponent,
|
|
26257
|
+
GIPIDatetimepickerCalendarBodyComponent,
|
|
26258
|
+
GIPIDatetimepickerClockComponent,
|
|
26259
|
+
GIPIDatetimepickerComponent,
|
|
26260
|
+
GIPIDatetimepickerToggleComponent,
|
|
26261
|
+
GIPIDatetimepickerInputDirective,
|
|
26262
|
+
GIPIDatetimepickerContentComponent,
|
|
26263
|
+
GIPIDatetimepickerMonthViewComponent,
|
|
26264
|
+
GIPIDatetimepickerYearViewComponent,
|
|
26265
|
+
GIPIDatetimepickerMultiYearViewComponent,
|
|
26266
|
+
GIPIDateAndTimePickerComponent,
|
|
26267
|
+
],
|
|
26268
|
+
declarations: [
|
|
26269
|
+
GIPIDatetimepickerCalendarComponent,
|
|
26270
|
+
GIPIDatetimepickerCalendarBodyComponent,
|
|
26271
|
+
GIPIDatetimepickerClockComponent,
|
|
26272
|
+
GIPIDatetimepickerComponent,
|
|
26273
|
+
GIPIDatetimepickerToggleComponent,
|
|
26274
|
+
GIPIDatetimepickerInputDirective,
|
|
26275
|
+
GIPIDatetimepickerContentComponent,
|
|
26276
|
+
GIPIDatetimepickerMonthViewComponent,
|
|
26277
|
+
GIPIDatetimepickerYearViewComponent,
|
|
26278
|
+
GIPIDatetimepickerMultiYearViewComponent,
|
|
26279
|
+
GIPIDateAndTimePickerComponent,
|
|
26280
|
+
],
|
|
26281
|
+
entryComponents: [
|
|
26282
|
+
GIPIDatetimepickerContentComponent,
|
|
26283
|
+
],
|
|
26284
|
+
providers: [
|
|
26285
|
+
MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER$1,
|
|
26286
|
+
],
|
|
26287
|
+
})
|
|
26288
|
+
], DatetimepickerModule);
|
|
26289
|
+
|
|
26290
|
+
var CalendarMonthYearComponent_1;
|
|
26291
|
+
const moment$4 = moment_;
|
|
26292
|
+
let CalendarMonthYearComponent = CalendarMonthYearComponent_1 = class CalendarMonthYearComponent {
|
|
26293
|
+
constructor(_changeDetectorRef) {
|
|
26294
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
26295
|
+
this._subscriptions = new Subscription();
|
|
26296
|
+
this._animationState = 'enter';
|
|
26297
|
+
this._animationDone = new Subject();
|
|
26298
|
+
this.years = [];
|
|
26299
|
+
this.months = [];
|
|
26300
|
+
this._calendarView = 'both';
|
|
26301
|
+
}
|
|
26302
|
+
ngOnInit() {
|
|
26303
|
+
if (this._locale) {
|
|
26304
|
+
moment$4.locale(this._locale);
|
|
26305
|
+
}
|
|
26306
|
+
else {
|
|
26307
|
+
moment$4.locale('pt-br');
|
|
26308
|
+
}
|
|
26309
|
+
this.months = [...this.monthYearPicker.model.months];
|
|
26310
|
+
this._calendarView = this.monthYearPicker.calendarView;
|
|
26311
|
+
if (this._calendarView === 'year') {
|
|
26312
|
+
this.toggleShowYears();
|
|
26313
|
+
}
|
|
26314
|
+
this.monthYearPicker.onValueChange(this.monthYearPicker.model.selectedMonthIndex, this.monthYearPicker.model.selectedMonthYear);
|
|
26315
|
+
}
|
|
26316
|
+
ngAfterViewInit() {
|
|
26317
|
+
if (this._changeDetectorRef) {
|
|
26318
|
+
this._subscriptions.add(this.monthYearPicker._stateChanges.subscribe(() => {
|
|
26319
|
+
this._changeDetectorRef.markForCheck();
|
|
26320
|
+
}));
|
|
26321
|
+
}
|
|
26322
|
+
}
|
|
26323
|
+
ngOnDestroy() {
|
|
26324
|
+
this._subscriptions.unsubscribe();
|
|
26325
|
+
this._animationDone.complete();
|
|
26326
|
+
}
|
|
26327
|
+
_startExitAnimation() {
|
|
26328
|
+
this._animationState = 'void';
|
|
26329
|
+
if (this._changeDetectorRef) {
|
|
26330
|
+
this._changeDetectorRef.markForCheck();
|
|
26331
|
+
}
|
|
26332
|
+
}
|
|
26333
|
+
decrement() {
|
|
26334
|
+
this.monthYearPicker.model.decrementYear();
|
|
26335
|
+
if (this.isShowYears) {
|
|
26336
|
+
this._renderYears();
|
|
26337
|
+
}
|
|
26338
|
+
}
|
|
26339
|
+
increment() {
|
|
26340
|
+
this.monthYearPicker.model.incrementYear();
|
|
26341
|
+
if (this.isShowYears) {
|
|
26342
|
+
this._renderYears();
|
|
26343
|
+
}
|
|
26344
|
+
}
|
|
26345
|
+
selectMonth(index) {
|
|
26346
|
+
this.monthYearPicker.model.selectMonth(index);
|
|
26347
|
+
this.monthYearPicker.onValueChange(this.monthYearPicker.model.selectedMonthIndex, this.monthYearPicker.model.selectedMonthYear);
|
|
26348
|
+
this.monthYearPicker.close();
|
|
26349
|
+
}
|
|
26350
|
+
isSelectedMonth(monthIndex) {
|
|
26351
|
+
return this.monthYearPicker.model.selectedMonthIndex == monthIndex && this.monthYearPicker.model.selectedMonthYear == this.monthYearPicker.model.selectedYearMoment.year();
|
|
26352
|
+
}
|
|
26353
|
+
isCurrentMonth(monthIndex) {
|
|
26354
|
+
const currentMonth = moment$4().month();
|
|
26355
|
+
const currentYear = moment$4().year();
|
|
26356
|
+
return (monthIndex === currentMonth) && (this.monthYearPicker.model.selectedYearMoment.year() === currentYear);
|
|
26357
|
+
}
|
|
26358
|
+
isDisabledMonth(index) {
|
|
26359
|
+
let disabled = false;
|
|
26360
|
+
if (!ObjectUtil.isNull(this.monthYearPicker)) {
|
|
26361
|
+
const minMonth = !ObjectUtil.isNull(this.monthYearPicker.min) ? this.monthYearPicker.min.month : null;
|
|
26362
|
+
const maxMonth = !ObjectUtil.isNull(this.monthYearPicker.max) ? this.monthYearPicker.max.month : null;
|
|
26363
|
+
if (!ObjectUtil.isNull(minMonth) && !ObjectUtil.isNull(maxMonth)) {
|
|
26364
|
+
disabled = index < minMonth || index > maxMonth;
|
|
26365
|
+
}
|
|
26366
|
+
else if (!ObjectUtil.isNull(minMonth)) {
|
|
26367
|
+
disabled = index < minMonth;
|
|
26368
|
+
}
|
|
26369
|
+
else if (!ObjectUtil.isNull(maxMonth)) {
|
|
26370
|
+
disabled = index > maxMonth;
|
|
26371
|
+
}
|
|
26372
|
+
}
|
|
26373
|
+
return disabled;
|
|
26374
|
+
// let disabled = false;
|
|
26375
|
+
// if (this._enabledMonths && this._enabledMonths.length > 0) {
|
|
26376
|
+
// disabled = this._enabledMonths.indexOf(index) < 0;
|
|
26377
|
+
// }
|
|
26378
|
+
// if (this._disabledMonths && this._disabledMonths.length > 0) {
|
|
26379
|
+
// disabled = this._disabledMonths.indexOf(index) >= 0;
|
|
26380
|
+
// }
|
|
26381
|
+
// return disabled;
|
|
26382
|
+
}
|
|
26383
|
+
/** Years */
|
|
26384
|
+
toggleShowYears() {
|
|
26385
|
+
this.isShowYears = !this.isShowYears;
|
|
26386
|
+
this._renderYears();
|
|
26387
|
+
}
|
|
26388
|
+
_renderYears() {
|
|
26389
|
+
this.years = [];
|
|
26390
|
+
for (let i = 11; i > 0; i--) {
|
|
26391
|
+
this.years.push(this.monthYearPicker.model.selectedYearMoment.year() - i);
|
|
26392
|
+
}
|
|
26393
|
+
for (let i = 0; i <= 12; i++) {
|
|
26394
|
+
this.years.push(this.monthYearPicker.model.selectedYearMoment.year() + i);
|
|
26395
|
+
}
|
|
26396
|
+
}
|
|
26397
|
+
get periodButtonLabel() {
|
|
26398
|
+
const formatYearRange = (start, end) => {
|
|
26399
|
+
return `${start} \u2013 ${end}`;
|
|
26400
|
+
};
|
|
26401
|
+
return this.isShowYears ? formatYearRange(this.years[0], this.years[this.years.length - 1]) : this.monthYearPicker.model.selectedYearText;
|
|
26402
|
+
}
|
|
26403
|
+
selectYear(year) {
|
|
26404
|
+
if (this._calendarView === 'both') {
|
|
26405
|
+
this.isShowYears = false;
|
|
26406
|
+
}
|
|
26407
|
+
this.monthYearPicker.model.selectedYearMoment = moment$4().year(year);
|
|
26408
|
+
this.monthYearPicker.model.updateYearText();
|
|
26409
|
+
if (this._calendarView === 'year') {
|
|
26410
|
+
this.monthYearPicker.onValueChange(this.monthYearPicker.model.selectedMonthIndex, year);
|
|
26411
|
+
this.monthYearPicker.close();
|
|
26412
|
+
}
|
|
26413
|
+
}
|
|
26414
|
+
isSelectedYear(year) {
|
|
26415
|
+
return this.monthYearPicker.model.selectedYearMoment.year() === year;
|
|
26416
|
+
}
|
|
26417
|
+
isCurrentYear(year) {
|
|
26418
|
+
return moment$4().year() === year;
|
|
26419
|
+
}
|
|
26420
|
+
isDisabledYear(index) {
|
|
26421
|
+
let disabled = false;
|
|
26422
|
+
if (!ObjectUtil.isNull(this.monthYearPicker)) {
|
|
26423
|
+
const minYear = !ObjectUtil.isNull(this.monthYearPicker.min) ? this.monthYearPicker.min.year : null;
|
|
26424
|
+
const maxYear = !ObjectUtil.isNull(this.monthYearPicker.max) ? this.monthYearPicker.max.year : null;
|
|
26425
|
+
if (!ObjectUtil.isNull(minYear) && !ObjectUtil.isNull(maxYear)) {
|
|
26426
|
+
disabled = index < minYear || index > maxYear;
|
|
26427
|
+
}
|
|
26428
|
+
else if (!ObjectUtil.isNull(minYear)) {
|
|
26429
|
+
disabled = index < minYear;
|
|
26430
|
+
}
|
|
26431
|
+
else if (!ObjectUtil.isNull(maxYear)) {
|
|
26432
|
+
disabled = index > maxYear;
|
|
26433
|
+
}
|
|
26434
|
+
}
|
|
26435
|
+
return disabled;
|
|
26436
|
+
// let disabled: boolean = false;
|
|
26437
|
+
// if (this._enabledYears && this._enabledYears.length > 0) {
|
|
26438
|
+
// disabled = this._enabledYears.findIndex(y => y === year) < 0;
|
|
26439
|
+
// }
|
|
26440
|
+
// if (this._disabledYears && this._disabledYears.length > 0) {
|
|
26441
|
+
// disabled = this._disabledYears.findIndex(y => y === year) >= 0;
|
|
26442
|
+
// }
|
|
26443
|
+
// return disabled;
|
|
26444
|
+
}
|
|
26445
|
+
};
|
|
23449
26446
|
CalendarMonthYearComponent.ctorParameters = () => [
|
|
23450
26447
|
{ type: ChangeDetectorRef }
|
|
23451
26448
|
];
|
|
@@ -23531,7 +26528,7 @@ class MonthPickerModel {
|
|
|
23531
26528
|
this.updateYearText();
|
|
23532
26529
|
}
|
|
23533
26530
|
}
|
|
23534
|
-
let nextUniqueId$
|
|
26531
|
+
let nextUniqueId$r = 0;
|
|
23535
26532
|
let MonthYearPickerComponent = MonthYearPickerComponent_1 = class MonthYearPickerComponent {
|
|
23536
26533
|
constructor(elementRef, _changeDetectorRef, _overlay, _ngZone, _viewContainerRef, scrollStrategy, _dir, _document) {
|
|
23537
26534
|
this.elementRef = elementRef;
|
|
@@ -23541,7 +26538,7 @@ let MonthYearPickerComponent = MonthYearPickerComponent_1 = class MonthYearPicke
|
|
|
23541
26538
|
this._viewContainerRef = _viewContainerRef;
|
|
23542
26539
|
this._dir = _dir;
|
|
23543
26540
|
this._document = _document;
|
|
23544
|
-
this._name = `gipi-date-range-${nextUniqueId$
|
|
26541
|
+
this._name = `gipi-date-range-${nextUniqueId$r++}`;
|
|
23545
26542
|
this._focusedElementBeforeOpen = null;
|
|
23546
26543
|
this._backdropHarnessClass = `${this._name}-backdrop`;
|
|
23547
26544
|
this._stateChanges = new Subject();
|
|
@@ -23908,7 +26905,7 @@ MonthYearPickerComponent = MonthYearPickerComponent_1 = __decorate([
|
|
|
23908
26905
|
'class': 'gipi-month-year-picker',
|
|
23909
26906
|
},
|
|
23910
26907
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
23911
|
-
styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid
|
|
26908
|
+
styles: [":host{display:block;width:100%;min-width:0;max-width:100%;flex:1}.input-wrapper{display:flex;flex-direction:column;gap:.8rem;font-size:1.4rem;color:#696969}.input-wrapper .input-label{display:flex;align-items:center;gap:.4rem;color:#131313;line-height:1.6rem}.input-wrapper .input-label>span{font-size:1.6rem;line-height:1.6rem;color:#d14014}.input-wrapper .input-content{display:flex;font-family:inherit;font-size:inherit;color:inherit;height:4rem;background:#fff;border:1px solid #0000001f;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.6rem}.input-wrapper .input-content .input-element{padding:.75rem .8rem;border:none;outline:0;background-color:transparent;flex:1;color:inherit;caret-color:#696969;min-width:0}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.prefix:hover),.input-wrapper .input-content:not(.input-element:disabled):has(.suffix:hover){border-color:#6d6f73}.input-wrapper .input-content:not(.input-element:disabled):has(.input-element:enabled:focus){outline:0;outline-offset:0;box-shadow:0 0 0 .2rem #e0e1e2;border-color:#6d6f73}.input-wrapper .input-content:has(.input-element:disabled){color:#bbbdc1!important;border-color:#e0e1e2!important;background-color:#f5f5f6!important;cursor:not-allowed}.input-wrapper .input-content:has(.input-element:disabled) .suffix>mat-icon{color:#bbbdc1!important}.input-wrapper .input-content .input-element:disabled{cursor:not-allowed}.input-wrapper .input-content .suffix{display:flex;align-items:center;justify-content:center;padding-block:.75rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:.8rem}.input-wrapper .input-content .suffix>mat-icon{width:2rem;height:2rem;font-size:2rem;color:#696969}.input-wrapper .input-help{flex:1;font-size:1rem;font-weight:500;margin-top:-.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-year-toggle-default-icon{display:block;width:1.5em;height:1.5em}.mat-icon-button .month-year-toggle-default-icon{margin:auto}.btn-month-year-toggle{width:2rem!important;height:2rem!important;line-height:2rem!important}"]
|
|
23912
26909
|
}),
|
|
23913
26910
|
__param(5, Inject(GIPI_MONTH_YEAR_SCROLL_STRATEGY)),
|
|
23914
26911
|
__param(6, Optional()),
|
|
@@ -24031,7 +27028,7 @@ const GIPIServices = [
|
|
|
24031
27028
|
GIPIResizeService,
|
|
24032
27029
|
GIPIPaginationService,
|
|
24033
27030
|
];
|
|
24034
|
-
const ɵ0$
|
|
27031
|
+
const ɵ0$5 = {
|
|
24035
27032
|
parse: {
|
|
24036
27033
|
dateInput: 'DD/MM/YYYY',
|
|
24037
27034
|
},
|
|
@@ -24041,6 +27038,46 @@ const ɵ0$3 = {
|
|
|
24041
27038
|
dateA11yLabel: 'LL',
|
|
24042
27039
|
monthYearA11yLabel: 'MMMM YYYY',
|
|
24043
27040
|
},
|
|
27041
|
+
}, ɵ1$1 = {
|
|
27042
|
+
parse: {},
|
|
27043
|
+
display: {
|
|
27044
|
+
dateInput: {
|
|
27045
|
+
year: "numeric",
|
|
27046
|
+
month: "2-digit",
|
|
27047
|
+
day: "2-digit"
|
|
27048
|
+
},
|
|
27049
|
+
monthInput: {
|
|
27050
|
+
month: "long"
|
|
27051
|
+
},
|
|
27052
|
+
datetimeInput: {
|
|
27053
|
+
year: "numeric",
|
|
27054
|
+
month: "2-digit",
|
|
27055
|
+
day: "2-digit",
|
|
27056
|
+
hour: "2-digit",
|
|
27057
|
+
minute: "2-digit"
|
|
27058
|
+
},
|
|
27059
|
+
timeInput: {
|
|
27060
|
+
hour: "2-digit",
|
|
27061
|
+
minute: "2-digit"
|
|
27062
|
+
},
|
|
27063
|
+
monthYearLabel: {
|
|
27064
|
+
year: "numeric",
|
|
27065
|
+
month: "short"
|
|
27066
|
+
},
|
|
27067
|
+
dateA11yLabel: {
|
|
27068
|
+
year: "numeric",
|
|
27069
|
+
month: "long",
|
|
27070
|
+
day: "numeric"
|
|
27071
|
+
},
|
|
27072
|
+
monthYearA11yLabel: {
|
|
27073
|
+
year: "numeric",
|
|
27074
|
+
month: "long"
|
|
27075
|
+
},
|
|
27076
|
+
popupHeaderDateLabel: {
|
|
27077
|
+
day: "2-digit",
|
|
27078
|
+
month: "short",
|
|
27079
|
+
}
|
|
27080
|
+
}
|
|
24044
27081
|
};
|
|
24045
27082
|
let SharedModule = class SharedModule {
|
|
24046
27083
|
constructor(_injector) {
|
|
@@ -24106,6 +27143,7 @@ SharedModule = __decorate([
|
|
|
24106
27143
|
MentionModule,
|
|
24107
27144
|
DatepickerModule,
|
|
24108
27145
|
MonthYearPickerModule,
|
|
27146
|
+
DatetimepickerModule,
|
|
24109
27147
|
],
|
|
24110
27148
|
exports: [
|
|
24111
27149
|
GIPIComponents,
|
|
@@ -24152,6 +27190,7 @@ SharedModule = __decorate([
|
|
|
24152
27190
|
SelectButtonNextBatchComponent,
|
|
24153
27191
|
DatepickerModule,
|
|
24154
27192
|
MonthYearPickerModule,
|
|
27193
|
+
DatetimepickerModule,
|
|
24155
27194
|
],
|
|
24156
27195
|
entryComponents: [
|
|
24157
27196
|
GIPIConfirmationDialogComponent,
|
|
@@ -24173,7 +27212,11 @@ SharedModule = __decorate([
|
|
|
24173
27212
|
},
|
|
24174
27213
|
{
|
|
24175
27214
|
provide: MAT_DATE_FORMATS,
|
|
24176
|
-
useValue: ɵ0$
|
|
27215
|
+
useValue: ɵ0$5,
|
|
27216
|
+
},
|
|
27217
|
+
{
|
|
27218
|
+
provide: GIPI_DATETIME_FORMATS,
|
|
27219
|
+
useValue: ɵ1$1,
|
|
24177
27220
|
},
|
|
24178
27221
|
]
|
|
24179
27222
|
}),
|
|
@@ -25250,7 +28293,10 @@ let GIPIAbstractComponent = class GIPIAbstractComponent {
|
|
|
25250
28293
|
return this.baseService.router.url.split('/').filter(path => (path === 'view')).length > 0;
|
|
25251
28294
|
}
|
|
25252
28295
|
isListing() {
|
|
25253
|
-
return this.baseService.router.url.split('/').filter(path => (path === 'new') || (path === 'edit') || (path === 'view')).length === 0;
|
|
28296
|
+
return this.baseService.router.url.split('/').filter(path => (path === 'new') || (path === 'edit') || (path === 'view') || (path === 'clone')).length === 0;
|
|
28297
|
+
}
|
|
28298
|
+
isCloning() {
|
|
28299
|
+
return this.baseService.router.url.split('/').filter(path => (path === 'clone')).length > 0;
|
|
25254
28300
|
}
|
|
25255
28301
|
hasPermission(permission) {
|
|
25256
28302
|
if (StringUtil.isEmpty(permission)) {
|
|
@@ -25868,6 +28914,27 @@ let GIPIAbstractFindComponent = class GIPIAbstractFindComponent extends GIPIAbst
|
|
|
25868
28914
|
throw new Error(e);
|
|
25869
28915
|
}
|
|
25870
28916
|
}
|
|
28917
|
+
cloneRegister(id, permission) {
|
|
28918
|
+
id = this.handleEntityId(id);
|
|
28919
|
+
if (ObjectUtil.isNull(id)) {
|
|
28920
|
+
return;
|
|
28921
|
+
}
|
|
28922
|
+
if (StringUtil.isEmpty(permission) && ObjectUtil.isNull(this.basePermissionList)) {
|
|
28923
|
+
this.setFilterSessionStorage();
|
|
28924
|
+
this.navigateByUrl(this.getPath(), [this.getPath(), 'new', 'clone'], true);
|
|
28925
|
+
}
|
|
28926
|
+
else {
|
|
28927
|
+
if (StringUtil.isEmpty(permission) && !ObjectUtil.isNull(this.basePermissionList)) {
|
|
28928
|
+
permission = this.basePermissionList.MAKE;
|
|
28929
|
+
}
|
|
28930
|
+
if (!this.hasPermission(permission)) {
|
|
28931
|
+
this.addWarningMessage(INJECTOR.get(APP_MESSAGES).NOT_PERMISSION);
|
|
28932
|
+
return;
|
|
28933
|
+
}
|
|
28934
|
+
this.setFilterSessionStorage();
|
|
28935
|
+
this.navigateByUrl(this.getPath(), [this.getPath(), 'new', 'clone', id], true);
|
|
28936
|
+
}
|
|
28937
|
+
}
|
|
25871
28938
|
clear() {
|
|
25872
28939
|
this.baseService.sessionStorageService.remove('filter');
|
|
25873
28940
|
this.page = this.newPage();
|
|
@@ -27095,5 +30162,5 @@ const MAT_NATIVE_DATE_FORMATS = {
|
|
|
27095
30162
|
* Generated bundle index. Do not edit.
|
|
27096
30163
|
*/
|
|
27097
30164
|
|
|
27098
|
-
export { APP_MESSAGES, AbstractComponent, AbstractCrudComponent, AbstractCrudService, AbstractDTO, AbstractFindComponent, AbstractFindService, AbstractModel, AbstractService, AlertComponent, Archive, ArrayUtil, AuthGuard, AuthInterceptor, AuthenticationService, BaseUser, BreakpointEnum, BreakpointObserverService, BrowserUtil, ButtonComponent, CalendarMonthYearComponent, CardComponent, ChartDTO, CheckboxComponent, ConfirmationDTO, ConfirmationService, CoreModule, CriteriaOperationEnum, CriteriaSortDirectionEnum, CurrencyUtil, DEFAULT_MESSAGES, DateAdapter, DateRange, DateRangePickerComponent, DateUtil, DatepickerModule, DefaultMatCalendarRangeStrategy, DialogDTO, DialogService, DocumentUtil, EmailUtil, ErrorInterceptor, FilterDTO, GIPIAbstractComponent, GIPIAbstractCrudComponent, GIPIAbstractCrudService, GIPIAbstractDTO, GIPIAbstractFilterModel, GIPIAbstractFindComponent, GIPIAbstractFormComponent, GIPIAbstractModel, GIPIAbstractService, GIPIActionRowComponent, GIPIAppliedFilter, GIPIAutowired, GIPIBadgeComponent, GIPIBaseService, GIPIBreakpointService, GIPIButtonComponent, GIPICardComponent, GIPIColDirective, GIPIConfirmationDialogComponent, GIPIConnectedOverlayScrollHandler, GIPIDomHandler, GIPIDropdownMenuComponent, GIPIDynamicTabDirective, GIPIEmptyStateComponent, GIPIExpansionPanelComponent, GIPIFileDragAndDropComponent, GIPIFileService, GIPIFooterComponent, GIPIFormFieldComponent, GIPIHelpfulTipComponent, GIPIInfiniteScrollDirective, GIPIInputCheckboxComponent, GIPIInputCurrencyComponent, GIPIInputMonthPickerComponent, GIPIInputPhoneComponent, GIPIInputSearchComponent, GIPIInputSelectComponent, GIPIInputSelectEnumComponent, GIPIInputSelectListboxComponent, GIPIInputSelectPagedComponent, GIPIInputSelectRadioComponent, GIPINotificationComponent, GIPINoveltiesComponent, GIPIOverlayComponent, GIPIOverlayService, GIPIPageEvent, GIPIPageModel, GIPIPaginatePipe, GIPIPaginationControlsDirective, GIPIPaginationService, GIPIPasswordRequerimentsComponent, GIPIPopoverComponent, GIPIPopoverTarget, GIPIPopoverTrigger, GIPIRadioGroupComponent, GIPIRangePageComponent, GIPIRangeSliderComponent, GIPIResizeService, GIPIRowDirective, GIPISelectButtonComponent, GIPISelectComponent, GIPISessionStorageService, GIPISidenavComponent, GIPISidenavContainerComponent, GIPISkeletonComponent, GIPISkeletonDirective, GIPISlideToggleComponent, GIPISortDirectionEnum, GIPISortModel, GIPISplitButtonComponent, GIPIStepperComponent, GIPITabComponent, GIPITabGroupComponent, GIPITableBodyComponent, GIPITableComponent, GIPITableFooterComponent, GIPITableHeaderComponent, GIPITablePaginationComponent, GIPITableProgressBarComponent, GIPITemplateDirective, GIPITextareaComponent, GIPIToolbarComponent, GIPITopNavComponent, GIPIUserProfileComponent, GIPI_BREAKPOINTS, GIPI_CUSTOM_BREAKPOINTS_PROVIDER, GIPI_MONTH_YEAR_SCROLL_STRATEGY, GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY, GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY_PROVIDER, INJECTOR, IconComponent, InputComponent, InputCurrencyComponent, InputFileComponent, InputListboxDTO, ItssTemplate, LoadingComponent, LoadingOverlayComponent, LocalTimeEnum, LocalTimePipe, MAT_DATEPICKER_SCROLL_STRATEGY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, MAT_DATEPICKER_VALIDATORS, MAT_DATEPICKER_VALUE_ACCESSOR, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_DATE_LOCALE_PROVIDER, MAT_DATE_RANGE_SELECTION_STRATEGY, MAT_NATIVE_DATE_FORMATS, MAT_RANGE_DATE_SELECTION_MODEL_FACTORY, MAT_RANGE_DATE_SELECTION_MODEL_PROVIDER, MAT_SINGLE_DATE_SELECTION_MODEL_FACTORY, MAT_SINGLE_DATE_SELECTION_MODEL_PROVIDER, MatCalendar, MatCalendarBody, MatCalendarCell, MatCalendarHeader, MatDateRangeInput, MatDateRangePicker, MatDateSelectionModel, MatDatepicker, MatDatepickerContent, MatDatepickerInput, MatDatepickerInputEvent, MatDatepickerIntl, MatDatepickerToggle, MatDatepickerToggleIcon, MatEndDate, MatMonthView, MatMultiYearView, MatRangeDateSelectionModel, MatSingleDateSelectionModel, MatStartDate, MatYearView, MaxRangeDirective, MaxRangeSelectionStrategy, MenuDTO, MenuTypeEnum, MessageDTO, MessageService, MonthPickerModel, MonthYear, MonthYearPickerComponent, MonthYearPickerModule, MultitenantModel, NativeDateAdapter, NavService, NumberUtil, ObjectUtil, OverlayPanelComponent, POINTS_NAME, PageDTO, PasswordUtil, Permission, PermissionGuard, PhoneMaskDirective, PhoneUtil, Platform, PopoverComponent, PopoverRef, PopoverService, PresetRangeComponent, RadioButtonEnum, RadioGroupEntityComponent, RadioGroupEnumComponent, RangePage, Role, SelectButtonAddComponent, SelectButtonNextBatchComponent, SelectEntityComponent, SelectEntityPagedComponent, SelectEnumComponent, SelectMonthPeriodComponent, SelectNoEntriesFoundDirective, SelectSearchClearDirective, SelectSearchComponent, SharedModule, SlideToggleComponent, SortDTO, SortDirectionEnum, SortModel, StepperComponent, StringUtil, SvgRegisterService, TabDTO, TabModel, TableColumnBuilder, TableColumnBuilderModel, TableColumnDTO, TableColumnModel, TableComponent, TableScrolledComponent, TimeUtil, TokenDTO, URLParamsUtil, UUIDUtil, customCurrencyMaskConfig, getReflectType, gridResponsiveMap, matDatepickerAnimations, nextUniqueId$o as nextUniqueId, siderResponsiveMap, transformPopover, yearsPerPage$1 as yearsPerPage, yearsPerRow, ƟCMP, ƟFAC, ƟPROV, ɵ0$
|
|
30165
|
+
export { APP_MESSAGES, AbstractComponent, AbstractCrudComponent, AbstractCrudService, AbstractDTO, AbstractFindComponent, AbstractFindService, AbstractModel, AbstractService, AlertComponent, Archive, ArrayUtil, AuthGuard, AuthInterceptor, AuthenticationService, BaseUser, BreakpointEnum, BreakpointObserverService, BrowserUtil, ButtonComponent, CLOCK_INNER_RADIUS, CLOCK_OUTER_RADIUS, CLOCK_RADIUS, CLOCK_TICK_RADIUS, CalendarMonthYearComponent, CardComponent, ChartDTO, CheckboxComponent, ConfirmationDTO, ConfirmationService, CoreModule, CriteriaOperationEnum, CriteriaSortDirectionEnum, CurrencyUtil, DEFAULT_MESSAGES, DateAdapter, DateRange, DateRangePickerComponent, DateUtil, DatepickerModule, DatetimepickerModule, DefaultMatCalendarRangeStrategy, DialogDTO, DialogService, DocumentUtil, EmailUtil, ErrorInterceptor, FilterDTO, GIPIAbstractComponent, GIPIAbstractCrudComponent, GIPIAbstractCrudService, GIPIAbstractDTO, GIPIAbstractFilterModel, GIPIAbstractFindComponent, GIPIAbstractFormComponent, GIPIAbstractModel, GIPIAbstractService, GIPIActionRowComponent, GIPIAppliedFilter, GIPIAutowired, GIPIBadgeComponent, GIPIBaseService, GIPIBreakpointService, GIPIButtonComponent, GIPICardComponent, GIPIColDirective, GIPIConfirmationDialogComponent, GIPIConnectedOverlayScrollHandler, GIPIDateAndTimePickerComponent, GIPIDatetimeAdapter, GIPIDatetimepickerCalendarBodyComponent, GIPIDatetimepickerCalendarCell, GIPIDatetimepickerCalendarComponent, GIPIDatetimepickerClockComponent, GIPIDatetimepickerComponent, GIPIDatetimepickerContentComponent, GIPIDatetimepickerFilterType, GIPIDatetimepickerInputDirective, GIPIDatetimepickerInputEvent, GIPIDatetimepickerMonthViewComponent, GIPIDatetimepickerToggleComponent, GIPIDatetimepickerYearViewComponent, GIPIDomHandler, GIPIDropdownMenuComponent, GIPIDynamicTabDirective, GIPIEmptyStateComponent, GIPIExpansionPanelComponent, GIPIFileDragAndDropComponent, GIPIFileService, GIPIFooterComponent, GIPIFormFieldComponent, GIPIHelpfulTipComponent, GIPIInfiniteScrollDirective, GIPIInputCheckboxComponent, GIPIInputCurrencyComponent, GIPIInputMonthPickerComponent, GIPIInputPhoneComponent, GIPIInputSearchComponent, GIPIInputSelectComponent, GIPIInputSelectEnumComponent, GIPIInputSelectListboxComponent, GIPIInputSelectPagedComponent, GIPIInputSelectRadioComponent, GIPINativeDatetimeAdapter, GIPINativeDatetimeModule, GIPINotificationComponent, GIPINoveltiesComponent, GIPIOverlayComponent, GIPIOverlayService, GIPIPageEvent, GIPIPageModel, GIPIPaginatePipe, GIPIPaginationControlsDirective, GIPIPaginationService, GIPIPasswordRequerimentsComponent, GIPIPopoverComponent, GIPIPopoverTarget, GIPIPopoverTrigger, GIPIRadioGroupComponent, GIPIRangePageComponent, GIPIRangeSliderComponent, GIPIResizeService, GIPIRowDirective, GIPISelectButtonComponent, GIPISelectComponent, GIPISessionStorageService, GIPISidenavComponent, GIPISidenavContainerComponent, GIPISkeletonComponent, GIPISkeletonDirective, GIPISlideToggleComponent, GIPISortDirectionEnum, GIPISortModel, GIPISplitButtonComponent, GIPIStepperComponent, GIPITabComponent, GIPITabGroupComponent, GIPITableBodyComponent, GIPITableComponent, GIPITableFooterComponent, GIPITableHeaderComponent, GIPITablePaginationComponent, GIPITableProgressBarComponent, GIPITemplateDirective, GIPITextareaComponent, GIPIToolbarComponent, GIPITopNavComponent, GIPIUserProfileComponent, GIPI_BREAKPOINTS, GIPI_CUSTOM_BREAKPOINTS_PROVIDER, GIPI_DATETIMEPICKER_VALIDATORS, GIPI_DATETIMEPICKER_VALUE_ACCESSOR, GIPI_DATETIME_FORMATS, GIPI_MONTH_YEAR_SCROLL_STRATEGY, GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY, GIPI_MONTH_YEAR_SCROLL_STRATEGY_FACTORY_PROVIDER, GIPI_NATIVE_DATETIME_FORMATS, INJECTOR, IconComponent, InputComponent, InputCurrencyComponent, InputFileComponent, InputListboxDTO, ItssTemplate, LoadingComponent, LoadingOverlayComponent, LocalTimeEnum, LocalTimePipe, MAT_DATEPICKER_SCROLL_STRATEGY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, MAT_DATEPICKER_VALIDATORS, MAT_DATEPICKER_VALUE_ACCESSOR, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_DATE_LOCALE_PROVIDER, MAT_DATE_RANGE_SELECTION_STRATEGY, MAT_NATIVE_DATE_FORMATS, MAT_RANGE_DATE_SELECTION_MODEL_FACTORY, MAT_RANGE_DATE_SELECTION_MODEL_PROVIDER, MAT_SINGLE_DATE_SELECTION_MODEL_FACTORY, MAT_SINGLE_DATE_SELECTION_MODEL_PROVIDER, MatCalendar, MatCalendarBody, MatCalendarCell, MatCalendarHeader, MatDateRangeInput, MatDateRangePicker, MatDateSelectionModel, MatDatepicker, MatDatepickerContent, MatDatepickerInput, MatDatepickerInputEvent, MatDatepickerIntl, MatDatepickerToggle, MatDatepickerToggleIcon, MatEndDate, MatMonthView, MatMultiYearView, MatRangeDateSelectionModel, MatSingleDateSelectionModel, MatStartDate, MatYearView, MaxRangeDirective, MaxRangeSelectionStrategy, MenuDTO, MenuTypeEnum, MessageDTO, MessageService, MonthPickerModel, MonthYear, MonthYearPickerComponent, MonthYearPickerModule, MultitenantModel, NativeDateAdapter, NativeDatetimeModule, NavService, NumberUtil, ObjectUtil, OverlayPanelComponent, POINTS_NAME, PageDTO, PasswordUtil, Permission, PermissionGuard, PhoneMaskDirective, PhoneUtil, Platform, PopoverComponent, PopoverRef, PopoverService, PresetRangeComponent, RadioButtonEnum, RadioGroupEntityComponent, RadioGroupEnumComponent, RangePage, Role, SelectButtonAddComponent, SelectButtonNextBatchComponent, SelectEntityComponent, SelectEntityPagedComponent, SelectEnumComponent, SelectMonthPeriodComponent, SelectNoEntriesFoundDirective, SelectSearchClearDirective, SelectSearchComponent, SharedModule, SlideToggleComponent, SortDTO, SortDirectionEnum, SortModel, StepperComponent, StringUtil, SvgRegisterService, TabDTO, TabModel, TableColumnBuilder, TableColumnBuilderModel, TableColumnDTO, TableColumnModel, TableComponent, TableScrolledComponent, TimeUtil, TokenDTO, URLParamsUtil, UUIDUtil, customCurrencyMaskConfig, getReflectType, gridResponsiveMap, matDatepickerAnimations, nextUniqueId$o as nextUniqueId, siderResponsiveMap, transformPopover, yearsPerPage$1 as yearsPerPage, yearsPerRow, ƟCMP, ƟFAC, ƟPROV, ɵ0$5 as ɵ0, ɵ1$1 as ɵ1, MAT_DATE_RANGE_INPUT_PARENT as ɵa, MAT_CALENDAR_RANGE_STRATEGY_PROVIDER_FACTORY as ɵb, MAT_CALENDAR_RANGE_STRATEGY_PROVIDER as ɵc, MatDatepickerBase as ɵd, MAT_FORM_FIELD as ɵe, MatDatepickerInputBase as ɵf, GIPINgConfig as ɵg, GIPIChipsComponent as ɵh, GIPIFileDragAndDropDirective as ɵi, TextareaComponent as ɵj, UpperCaseDirective as ɵk, LowerCaseDirective as ɵl, SpaceDropDirective as ɵm, InputSelectInfiniteScrollDirective as ɵn, ITSS_SELECT_SEARCH_DEFAULT_OPTIONS as ɵo, MaterialModule as ɵq, DatepickerComponent as ɵr, slideCalendar as ɵs, GIPIDatetimepickerMultiYearViewComponent as ɵt };
|
|
27099
30166
|
//# sourceMappingURL=gipisistemas-ng-core.js.map
|